:root{--q-primary:#6943ea;--q-accent:#e7a64c;--q-ink:#21193a;--q-paper:#fffdf9;--q-mist:#f2efff;--q-line:#d7ceef;font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:var(--q-ink);background:#f8f6ff}*{box-sizing:border-box}body{margin:0;min-width:320px}.skip{position:absolute;left:1rem;top:-5rem;background:#fff;padding:.75rem;z-index:20}.skip:focus{top:1rem}button,input{font:inherit}button{cursor:pointer;color:inherit}.q-shell{max-width:1200px;margin:auto;padding:clamp(1rem,3vw,2.5rem)}.q-top{display:flex;gap:1rem;justify-content:space-between;align-items:center;border-bottom:1px solid var(--q-line);padding-bottom:1rem}.q-brand{display:flex;align-items:center;gap:.75rem;font-weight:800}.q-mark{display:grid;place-items:center;width:2.7rem;height:2.7rem;border-radius:.85rem;background:var(--q-primary);color:white;font-size:1.35rem;box-shadow:0 5px 0 #3d2c67}.q-kicker{color:#604f86;text-transform:uppercase;letter-spacing:.08em;font-size:.75rem;font-weight:800}.q-button{min-height:44px;border-radius:.75rem;padding:.65rem 1rem;border:2px solid var(--q-primary);background:var(--q-primary);color:white;font-weight:750;box-shadow:0 3px 0 #3d2c67}.q-button:hover{filter:brightness(1.06)}.q-button:focus-visible,.q-desk:focus-visible,.q-dpad button:focus-visible,input:focus-visible{outline:4px solid var(--q-accent);outline-offset:3px}.q-button--quiet{color:var(--q-primary);background:white;border-color:var(--q-line);box-shadow:none}.q-button--accent{background:var(--q-accent);border-color:#b66d1e;box-shadow:0 3px 0 #8a4f14}.q-button[disabled]{opacity:.5;cursor:not-allowed}.q-card{background:var(--q-paper);border:1px solid var(--q-line);border-radius:1.2rem;padding:clamp(1rem,3vw,2rem);box-shadow:0 9px 24px #32245010}.q-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(1rem,4vw,4rem);align-items:center;padding:clamp(1.5rem,5vw,4rem) 0}.q-hero h1,.q-game h1{font-size:clamp(2rem,5vw,4.7rem);line-height:.98;margin:.35rem 0 1rem;letter-spacing:-.055em}.q-hero img{width:100%;border-radius:1.5rem}.q-stack{display:grid;gap:1rem}.q-field{display:grid;gap:.4rem;font-weight:700}.q-field input{min-height:48px;border:2px solid var(--q-line);border-radius:.7rem;padding:.6rem;background:white}.q-privacy{color:#5e5672;font-size:.9rem;line-height:1.5}.q-error{color:#a31946;font-weight:700;min-height:1.3em}.q-game{display:grid;gap:1rem}.q-progress{display:grid;grid-template-columns:1fr auto;gap:.75rem;align-items:center}.q-progressbar{height:.65rem;background:#e8e2f5;border-radius:999px;overflow:hidden}.q-progressbar span{display:block;height:100%;background:var(--q-primary);border-radius:inherit}.q-map-wrap{position:relative;overflow:hidden;border-radius:1.3rem;border:1px solid var(--q-line);background:#ede8ff;min-height:300px}.q-map{position:absolute;left:0;top:0;width:960px;height:640px;transform:scale(var(--q-map-scale,1));transform-origin:top left;background:linear-gradient(90deg,#ffffff30 1px,transparent 1px) 0 0/80px 80px,linear-gradient(#ffffff30 1px,transparent 1px) 0 0/80px 80px,#e8e3f7;outline:none}.q-room{position:absolute;inset:28px;border:7px solid #4b3974;border-radius:18px;background:#fffdf9;box-shadow:inset 0 -35px #ddc6a1}.q-window{position:absolute;left:54px;top:66px;width:160px;height:105px;background:#d8f0ed;border:5px solid #34596d}.q-window:before,.q-window:after{content:"";position:absolute;background:white}.q-window:before{width:5px;height:100%;left:50%}.q-window:after{height:5px;width:100%;top:50%}.q-desk{position:absolute;transform:translate(-50%,-50%);width:92px;min-height:80px;padding:.4rem;border:3px solid #3d2c67;border-radius:.8rem;background:#51379b;color:white;font-weight:800;box-shadow:0 6px 0 #4f3697;text-align:center}.q-desk--done{background:#216257;box-shadow:0 6px 0 #1f564c}.q-desk small{display:block;font-size:.7rem;color:white;opacity:1}.q-player{position:absolute;transform:translate(-50%,-50%);width:38px;height:43px;border-radius:50% 50% 35% 35%;background:var(--q-accent);border:3px solid #49345f;box-shadow:0 4px 0 #a85e16}.q-player:before{content:"";position:absolute;width:20px;height:11px;border-radius:50%;background:#2d2050;left:6px;top:7px}.q-door{position:absolute;left:480px;top:602px;transform:translateX(-50%);width:105px;height:37px;border:3px solid #4c3974;border-radius:10px 10px 0 0;background:#cdb7f2;font-weight:800}.q-door[disabled]{opacity:.65}.q-map-note{position:absolute;left:0;right:0;bottom:0;padding:.75rem 1rem;background:#f7f4ff;border-top:1px solid var(--q-line);font-size:.92rem}.q-controls{display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}.q-dpad{display:grid;grid-template-columns:44px 44px 44px;grid-template-rows:44px 44px;gap:.3rem}.q-dpad button{border:2px solid var(--q-line);background:white;border-radius:.6rem;font-weight:800}.q-dpad button:nth-child(1){grid-column:2}.q-dpad button:nth-child(2){grid-row:2}.q-dpad button:nth-child(3){grid-row:2}.q-dpad button:nth-child(4){grid-row:2}.q-stations{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.75rem}.q-station{min-height:44px;padding:1rem;text-align:left;border:2px solid var(--q-line);border-radius:.9rem;background:white}.q-station[data-done="true"]{border-color:#357e70}.q-station strong,.q-station small{display:block}.q-station small{color:#655d72;margin-top:.3rem}.q-dialog{position:fixed;inset:0;background:#21193ab8;display:grid;place-items:center;padding:1rem;z-index:10}.q-dialog[hidden]{display:none}.q-modal{width:min(690px,100%);max-height:90vh;overflow:auto;background:var(--q-paper);border-radius:1.3rem;padding:clamp(1.1rem,4vw,2rem);box-shadow:0 18px 60px #110b27}.q-modal h2{font-size:clamp(1.5rem,4vw,2.6rem);line-height:1.05;margin:.25rem 0 .8rem}.q-steps{padding-left:1.2rem;line-height:1.6}.q-options{display:grid;gap:.65rem;margin:1rem 0}.q-option{display:block;border:2px solid var(--q-line);border-radius:.8rem;padding:.85rem;background:white;text-align:left}.q-option:hover{border-color:var(--q-primary)}.q-feedback{padding:1rem;border-radius:.75rem;background:#e6f4ef;border-left:5px solid #327464;line-height:1.5}.q-feedback--retry{background:#fff0e5;border-color:#ad6124}.q-certificate{background:linear-gradient(135deg,#fffdf9,#f4efff);border:12px solid var(--q-primary);outline:2px solid var(--q-accent);outline-offset:-19px;text-align:center;padding:clamp(1.5rem,6vw,5rem);min-height:600px;display:grid;place-content:center;gap:1rem}.q-certificate h1{font-size:clamp(2.4rem,7vw,5.5rem);margin:0;letter-spacing:-.05em}.q-certificate .q-name{font-family:Georgia,serif;font-size:clamp(2rem,5vw,4rem);color:var(--q-primary);border-bottom:2px solid var(--q-accent);padding:.2rem 1rem}.q-actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}.q-status{min-height:1.25rem;color:#514766;font-size:.9rem}@media(max-width:700px){.q-hero{grid-template-columns:1fr}.q-top{align-items:flex-start}.q-controls{grid-template-columns:1fr}.q-map-wrap{min-height:245px}.q-map{margin-bottom:0}.q-progress{grid-template-columns:1fr}.q-certificate{min-height:520px}}@media print{body{background:white}.skip,.q-top,.q-actions,.q-game,.q-hero,.q-dialog{display:none!important}.q-certificate{display:grid!important;border:12px solid #6943ea;min-height:0;break-inside:avoid}.q-print-only{display:block!important}}.q-print-only{display:none}
.q-logo{width:2.7rem;height:2.7rem;object-fit:contain;border-radius:.85rem;background:white;border:1px solid var(--q-line)}.q-home-base{border-left:6px solid var(--q-accent)}
body{min-width:0}.q-top{flex-wrap:wrap}.q-brand{min-width:0}

.q-dpad button{color:var(--q-ink)}