:root{color:#302440;font-family:"Baloo 2",system-ui,sans-serif;font-synthesis:none;--ink: #302440;--cream: #fff8dd;--pink: #ef6094}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{background:#b8e7f4;-webkit-user-select:none;user-select:none}#app{position:relative}#scene{display:block;width:100%;height:100%;cursor:crosshair;touch-action:none}.topbar{position:absolute;inset:28px auto auto 38px;pointer-events:none}.scene-picker{position:absolute;top:34px;left:50%;display:grid;gap:4px;transform:translate(-50%)}.scene-picker span{color:#302440ad;font:500 9px DM Mono,monospace;letter-spacing:.14em;text-align:center}.scene-picker select{min-width:210px;padding:9px 34px 9px 14px;border:2px solid rgba(48,36,64,.22);border-radius:99px;outline:none;background:#fff8ddeb;box-shadow:0 4px #3024401f;color:var(--ink);font:700 14px "Baloo 2",sans-serif;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand{transform:rotate(-2deg);filter:drop-shadow(0 3px 0 rgba(255,255,255,.8))}.brand-kicker{display:block;margin:0 0 -2px 4px;color:#6b5680;font-family:DM Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase}h1{margin:0;font-size:clamp(32px,4.2vw,60px);line-height:.72;letter-spacing:-.055em}h1 em{color:var(--pink);font-style:normal;letter-spacing:.02em}.object-card small{display:block;color:#786a75;font-family:DM Mono,monospace;font-size:9px;letter-spacing:.16em}.game-hud{position:absolute;top:34px;right:34px;display:grid;grid-template-columns:auto auto;align-items:center;gap:1px 10px;min-width:255px;padding:8px 12px 8px 14px;border:2px solid rgba(48,36,64,.2);border-radius:8px 20px;background:#fff8ddeb;box-shadow:4px 5px #ef609438;opacity:.7;transform:rotate(-1deg);transition:opacity .25s ease,transform .25s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);pointer-events:none}.game-hud.ready{opacity:1;transform:rotate(-1deg) scale(1)}.game-title{font:700 14px DM Mono,monospace;letter-spacing:.04em}.game-hud>strong{grid-row:span 2;display:flex;align-items:center;gap:5px;padding:3px 9px 3px 6px;border-radius:99px;background:var(--pink);color:#fff}.game-hud>strong b{font-size:22px;line-height:1}.game-hud>strong span{font:500 8px DM Mono,monospace;letter-spacing:.08em}.game-hud small{max-width:170px;color:#756b74;font-size:10px;line-height:1.05}.game-hud.bonus-live{border-color:#efae31e6;box-shadow:4px 5px #ef609438,0 0 24px #ffdc53b8}.game-hud.bonus-live>strong{background:linear-gradient(135deg,#ef6094,#efa72f)}.found-toast{position:absolute;top:31%;left:50%;display:flex;align-items:center;gap:10px;padding:11px 16px;border:3px solid white;border-radius:99px;background:var(--pink);box-shadow:0 8px #30244033;color:#fff;font:700 18px DM Mono,monospace;opacity:0;transform:translate(-50%,18px) rotate(-3deg) scale(.7);transition:opacity .18s ease,transform .24s cubic-bezier(.2,.9,.25,1.4);pointer-events:none;z-index:4}.found-toast b{color:#ffe66b}.found-toast.show{opacity:1;transform:translate(-50%) rotate(-3deg) scale(1)}.found-toast.bonus{border-color:#fff6a6;background:linear-gradient(135deg,#ed6096,#efa72f);box-shadow:0 8px #30244033,0 0 35px #ffe05ad9;font-size:21px}.found-toast.bonus b{color:#fff}.reticle{position:absolute;top:50%;left:50%;width:20px;height:20px;border:1px solid rgba(255,255,255,.85);border-radius:50%;box-shadow:0 1px 3px #30244040;opacity:.72;transform:translate(-50%,-50%);pointer-events:none}.reticle i{position:absolute;top:8px;left:8px;width:2px;height:2px;border-radius:50%;background:var(--pink)}.object-card{position:absolute;left:50%;top:calc(50% + 22px);display:flex;align-items:center;gap:10px;min-width:174px;padding:8px 13px;border:1px solid rgba(48,36,64,.17);border-radius:99px;background:#ffffffd1;box-shadow:0 4px 18px #4137461f;opacity:0;transform:translate(-50%,8px);transition:opacity .2s ease,transform .2s ease;pointer-events:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.object-card.visible{opacity:1;transform:translate(-50%)}.object-card strong{display:inline;margin-right:6px;font-size:14px;line-height:1}.object-card div>span{color:#877d84;font:9px DM Mono,monospace}.object-dot{width:9px;height:9px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 4px #ef60942b}.controls{position:absolute;inset:auto 28px 24px;display:flex;align-items:center;gap:15px;max-width:940px;margin:auto;padding:10px 14px;border:1px solid rgba(48,36,64,.14);border-radius:18px;background:#fff8dddb;box-shadow:0 7px 22px #2e40441c;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.controls p{display:flex;flex-direction:column;margin:0;line-height:1.05}.controls p strong{font-family:DM Mono,monospace;font-size:10px;letter-spacing:.08em}.controls p span{color:#756b74;font-size:12px;white-space:nowrap}.divider{align-self:stretch;width:1px;background:#30244021}.key-cluster{display:grid;justify-items:center;gap:2px}.key-cluster div{display:flex;gap:2px}kbd{display:grid;width:19px;height:17px;place-items:center;border:1px solid rgba(48,36,64,.25);border-radius:4px;background:#fff;box-shadow:0 2px #3024402e;font:500 9px DM Mono,monospace}.enter-button{margin-left:auto;padding:9px 14px;border:0;border-radius:99px;background:var(--ink);color:#fff;font:500 10px DM Mono,monospace;letter-spacing:.06em;cursor:pointer}.enter-button:disabled{cursor:wait;opacity:.45}.walking .enter-button{background:var(--pink)}.walk-status{position:absolute;bottom:96px;left:50%;padding:5px 11px;border-radius:99px;background:#302440a6;color:#fff;font:9px DM Mono,monospace;letter-spacing:.08em;opacity:.8;transform:translate(-50%);pointer-events:none}.loading-panel{position:absolute;inset:0;display:grid;align-content:center;justify-items:center;background:#b8e7f4;z-index:5;transition:opacity .5s ease,visibility .5s}.loading-panel.done{visibility:hidden;opacity:0}.loading-panel p{margin:14px 0 0;font-size:15px}.loading-track{width:170px;height:6px;margin-top:10px;overflow:hidden;border-radius:99px;background:#ffffff8c}.loading-track i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#f4c542,#ef6094);transition:width .35s ease}.loading-shape{width:58px;height:58px;border:8px solid #f6c94c;border-radius:16px 50%;animation:loading-turn 1.2s ease-in-out infinite;box-shadow:inset 0 0 0 7px #ed6695}.loading-shape span{display:block;width:10px;height:10px;margin:-10px auto 0;border-radius:50%;background:var(--ink)}@keyframes loading-turn{50%{transform:rotate(135deg) scale(.85)}to{transform:rotate(360deg)}}.touch-controls{display:none}@media(max-width:720px){.topbar{inset:20px auto auto 20px}.scene-picker{inset:auto 18px 92px auto;transform:none}.scene-picker select{min-width:170px}.game-hud{top:138px;right:18px;min-width:230px}.game-hud small{max-width:145px}.controls{display:none}.walk-status{bottom:126px;white-space:nowrap}.touch-controls{position:absolute;bottom:max(20px,env(safe-area-inset-bottom));left:20px;display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,42px);gap:4px}.touch-controls button{border:1px solid rgba(48,36,64,.2);border-radius:12px;background:#fff8dde0;box-shadow:0 3px #30244026;color:var(--ink);font-size:14px;touch-action:none}.touch-controls button:first-child{grid-column:2}.touch-controls button:nth-child(2){grid-column:1}.touch-controls button:nth-child(3){grid-column:2}.touch-controls button:nth-child(4){grid-column:3}}@media(prefers-reduced-motion:reduce){.loading-shape{animation-duration:3s}}