@import"https://fonts.googleapis.com/css2?family=Audiowide&family=IBM+Plex+Mono:wght@400;500;700&display=swap";:root{font-family:IBM Plex Mono,monospace;color:#f4f6ff;background:radial-gradient(circle at top,rgb(255 255 255 / .22),transparent 35%),linear-gradient(180deg,#8ecdf9 0% 58%,#2f251d)}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden}body{background:#8ecdf9}button{font:inherit}.game-shell{position:relative;width:100%;height:100%;overflow:hidden}.game-canvas{display:block;width:100%;height:100%;cursor:crosshair}.hud{position:absolute;inset:0;pointer-events:none}.stats-panel{position:absolute!important;top:1rem;right:1rem;z-index:5}.panel{position:absolute;z-index:5;display:grid;gap:.4rem;padding:1rem 1.15rem;border:1px solid rgb(255 255 255 / .24);border-radius:1rem;background:#0b101685;box-shadow:0 20px 60px #00000038;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.top-left{top:1rem;left:1rem;min-width:18rem}.quest-card{top:5.7rem;right:1rem;width:min(21rem,calc(100vw - 2rem));gap:.7rem}.quest-card h2,.quest-card p{margin:0}.quest-eyebrow{color:#9df0b8;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.quest-progress{color:#e4f3ffdb;line-height:1.5}.quest-list{display:grid;gap:.55rem;margin:0;padding:0;list-style:none}.quest-list li{display:grid;grid-template-columns:auto 1fr;gap:.7rem;align-items:start;padding:.8rem .85rem;border:1px solid rgb(255 255 255 / .1);border-radius:.95rem;background:#ffffff0d}.quest-list li.done{border-color:#9df0b857;background:linear-gradient(135deg,#4ca26633,#ffffff0a)}.quest-list strong,.quest-list p{display:block}.quest-list strong{font-size:.96rem}.quest-list p{margin-top:.22rem;color:#deebfbbd;font-size:.82rem;line-height:1.45}.quest-mark{min-width:3.5rem;padding:.35rem .45rem;border-radius:999px;color:#0d141c;font-size:.7rem;font-weight:700;text-align:center;letter-spacing:.08em;background:#ffd166}.quest-list li.done .quest-mark{background:#9df0b8}.quest-card.all-clear{border-color:#9df0b861;box-shadow:0 20px 60px #4294582e}.quest-card.compact .quest-list li{padding:.72rem .78rem}.quest-card.compact .quest-list p{font-size:.78rem}.quest-card.compact .quest-list{gap:0}.celebration-toast{position:absolute;z-index:9;top:1rem;left:50%;min-width:min(18rem,calc(100vw - 2rem));max-width:calc(100vw - 2rem);padding:.95rem 1.15rem;border:1px solid rgb(255 209 102 / .42);border-radius:999px;color:#10161f;font-family:Audiowide,sans-serif;font-size:.92rem;letter-spacing:.06em;text-align:center;background:linear-gradient(180deg,#fff5ccfa,#ffd166fa);box-shadow:0 18px 48px #0000002e;opacity:0;pointer-events:none;transform:translate(-50%,-1rem);transition:opacity .18s ease,transform .18s ease}.celebration-toast.visible{opacity:1;transform:translate(-50%)}.finish-card{position:absolute;z-index:10;top:50%;left:50%;display:grid;gap:.95rem;width:min(28rem,calc(100vw - 2rem));padding:1.4rem;border:1px solid rgb(255 255 255 / .26);border-radius:1.35rem;background:linear-gradient(135deg,#111d2df0,#192518eb),#0b1016e6;box-shadow:0 28px 90px #00000052;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translate(-50%,-48%);transition:opacity .18s ease,transform .18s ease}.finish-card.visible{opacity:1;pointer-events:auto;transform:translate(-50%,-50%)}.finish-card h2,.finish-copy{margin:0}.finish-copy{color:#e4f0ffd1;line-height:1.55}.finish-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.finish-stats article{display:grid;gap:.35rem;padding:.9rem 1rem;border:1px solid rgb(255 255 255 / .12);border-radius:1rem;background:#ffffff0d}.finish-stats span{color:#d2e0f6b8;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.finish-stats strong{font-family:Audiowide,sans-serif;font-size:clamp(1.1rem,4vw,1.6rem);color:#fff4cb}.finish-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.finish-actions .start-button{min-height:3rem}.ghost-button{min-height:3rem;border:1px solid rgb(255 255 255 / .2);border-radius:999px;color:#e8f2ff;background:#ffffff0f;cursor:pointer}.ghost-button:active{transform:translateY(1px)}.boost-overlay{position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;transition:opacity .12s ease}.boost-overlay span{position:absolute;left:50%;top:50%;width:min(28vw,16rem);height:2px;border-radius:999px;background:linear-gradient(90deg,transparent,rgb(255 255 255 / .9),transparent);transform-origin:left center;opacity:0}.boost-overlay.active{opacity:calc(.2 + min(var(--boost-strength),1)*.75)}.boost-overlay.active span{opacity:1}.boost-overlay span:nth-child(1){transform:translate(-50%,-50%) rotate(-78deg) translate(8rem)}.boost-overlay span:nth-child(2){transform:translate(-50%,-50%) rotate(-54deg) translate(10rem)}.boost-overlay span:nth-child(3){transform:translate(-50%,-50%) rotate(-30deg) translate(12rem)}.boost-overlay span:nth-child(4){transform:translate(-50%,-50%) rotate(-12deg) translate(13rem)}.boost-overlay span:nth-child(5){transform:translate(-50%,-50%) rotate(8deg) translate(12rem)}.boost-overlay span:nth-child(6){transform:translate(-50%,-50%) rotate(24deg) translate(12rem)}.boost-overlay span:nth-child(7){transform:translate(-50%,-50%) rotate(40deg) translate(11rem)}.boost-overlay span:nth-child(8){transform:translate(-50%,-50%) rotate(58deg) translate(10rem)}.boost-overlay span:nth-child(9){transform:translate(-50%,-50%) rotate(74deg) translate(8rem)}.boost-overlay span:nth-child(10){transform:translate(-50%,-50%) rotate(90deg) translate(6rem)}.badge{width:fit-content;padding:.25rem .55rem;border-radius:999px;background:#ffd1662e;color:#ffd166;letter-spacing:.08em;font-size:.76rem;font-weight:700}.camera-chip{width:fit-content;padding:.25rem .55rem;border-radius:999px;background:#66deff24;color:#b8f0ff;letter-spacing:.08em;font-size:.72rem;font-weight:700}.start-card{position:absolute;z-index:6;top:50%;left:50%;width:min(30rem,calc(100vw - 2rem));padding:1.5rem;border:1px solid rgb(255 255 255 / .24);border-radius:1.35rem;background:linear-gradient(135deg,#0e1620eb,#1e1428e0),#0c0e11c7;box-shadow:0 24px 80px #0000004d;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;transform:translate(-50%,-50%);transition:opacity .18s ease,transform .18s ease}.start-card.hidden{opacity:0;transform:translate(-50%,-46%);pointer-events:none}.eyebrow,.start-card h1{margin:0}.eyebrow{color:#ffd166;font-size:.8rem;letter-spacing:.12em;text-transform:uppercase}.start-card h1{margin-top:.55rem;font-family:Audiowide,sans-serif;font-size:clamp(1.9rem,5vw,3rem);letter-spacing:.04em}.start-card p{margin:.75rem 0 0;line-height:1.6;color:#f0f5ffdb}.controls-list{display:grid;gap:.5rem;margin:1rem 0 0;padding-left:1.1rem;color:#bfe7ff}.quick-start-list{display:grid;gap:.5rem;margin:1rem 0 0;padding-left:1.1rem;color:#f2f7ffeb;line-height:1.5}.howto-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.howto-card{padding:.9rem 1rem;border:1px solid rgb(255 255 255 / .12);border-radius:1rem;background:#ffffff0a}.howto-card h2{margin:0 0 .55rem;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase;color:#ffd166}.howto-steps,.feature-list{display:grid;gap:.45rem;margin:0;padding-left:1.15rem;color:#f2f7ffe0;line-height:1.55}.helper-copy{margin-top:.9rem;padding:.7rem .8rem;border-left:3px solid rgb(255 209 102 / .8);background:#ffffff0a;border-radius:.65rem}.start-actions{display:grid;gap:.7rem;margin-top:1rem}.start-button{min-height:3.3rem;padding:.9rem 1.1rem;border:1px solid rgb(255 209 102 / .72);border-radius:999px;color:#10161f;font-family:Audiowide,sans-serif;letter-spacing:.08em;text-transform:uppercase;background:linear-gradient(180deg,#fffceaeb,#ffd166f0),#ffd166;box-shadow:0 16px 32px #00000038;cursor:pointer}.start-button:active{transform:translateY(1px)}.start-note{margin:0;color:#d2e3ffcc;font-size:.84rem;line-height:1.5}.hotbar{position:absolute;z-index:7;left:50%;bottom:1.1rem;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.65rem;width:min(46rem,calc(100vw - 2rem));transform:translate(-50%);pointer-events:auto}.slot{position:relative;display:grid;gap:.3rem;justify-items:start;padding:.75rem .9rem .8rem;border:1px solid rgb(255 255 255 / .18);border-radius:1rem;color:#fff;background:linear-gradient(180deg,rgb(255 255 255 / .1),transparent),#090d12ad;box-shadow:inset 0 0 0 1px #ffffff0a;cursor:pointer;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.slot:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,color-mix(in srgb,var(--slot-color) 42%,transparent),transparent 55%);opacity:.8}.slot:hover,.slot.active{transform:translateY(-4px);border-color:#ffd166d1;box-shadow:0 12px 32px #00000038}.slot>*{position:relative;z-index:1}.slot-key{font-size:.72rem;color:#ffffffa6}.slot-name{font-weight:700;letter-spacing:.04em}.crosshair{position:absolute;z-index:6;top:50%;left:50%;width:1.8rem;height:1.8rem;transform:translate(-50%,-50%)}.crosshair span{position:absolute;inset:0}.crosshair span:before,.crosshair span:after{content:"";position:absolute;background:#fff;box-shadow:0 0 12px #00000059}.crosshair span:first-child:before{top:50%;left:.35rem;right:.35rem;height:2px;transform:translateY(-50%)}.crosshair span:last-child:after{left:50%;top:.35rem;bottom:.35rem;width:2px;transform:translate(-50%)}.touch-mode .game-canvas{cursor:default}.game-shell:not(.touch-mode) .mobile-controls{display:none}.touch-mode .stats-panel,.touch-mode .top-left{display:none!important}.touch-mode .quest-card{top:calc(env(safe-area-inset-top,0px) + .75rem);left:50%;right:auto;width:min(13.5rem,calc(100vw - 7.5rem));transform:translate(-50%);gap:.35rem;padding:.55rem .7rem;border-radius:1.1rem}.touch-mode .quest-card h2,.touch-mode .quest-card .quest-eyebrow{display:none}.touch-mode .quest-card .quest-progress{font-size:.72rem;color:#d6e6fcdb}.touch-mode .quest-card .quest-list li{grid-template-columns:1fr;gap:.35rem;padding:.55rem .65rem}.touch-mode .quest-card .quest-mark{min-width:0;width:fit-content;font-size:.62rem;padding:.25rem .45rem}.touch-mode .quest-card .quest-list strong{font-size:.86rem}.touch-mode .quest-card .quest-list p{margin-top:.18rem;font-size:.72rem;line-height:1.35}.touch-mode .celebration-toast{top:calc(env(safe-area-inset-top,0px) + .75rem);font-size:.82rem}.touch-mode .finish-card{top:calc(env(safe-area-inset-top,0px) + 50%);width:min(22rem,calc(100vw - 1.5rem));padding:1.1rem}.touch-mode .finish-stats,.touch-mode .finish-actions{grid-template-columns:1fr}.touch-mode .boost-overlay{display:none}.touch-mode .hotbar{right:1rem;left:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 6.5rem);width:min(14rem,calc(100vw - 2rem));transform:translateY(.6rem);grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem;opacity:0;pointer-events:none;transition:opacity .16s ease,transform .16s ease}.touch-mode .hotbar.expanded{opacity:1;pointer-events:auto;transform:translateY(0)}.touch-mode .slot{min-height:3.15rem;padding:.55rem .65rem}.touch-mode .slot-name{font-size:.86rem}.touch-mode .start-card{top:calc(env(safe-area-inset-top,0px) + .75rem);left:.75rem;right:.75rem;width:auto;transform:none}.touch-mode .start-card.hidden{opacity:0;transform:translateY(-.6rem);pointer-events:none}.touch-mode .howto-grid,.touch-mode .controls-list,.touch-mode .helper-copy{display:none}.mobile-controls{position:absolute;inset:0;z-index:4;pointer-events:none}.look-zone{position:absolute;inset:0 0 0 44%;z-index:1;pointer-events:auto;touch-action:none}.look-zone span{position:absolute;right:1rem;top:50%;padding:.35rem .55rem;border:1px solid rgb(255 255 255 / .16);border-radius:999px;background:#090c1252;color:#ffffff8a;font-size:.68rem;letter-spacing:.12em;transform:translateY(-50%)}.look-zone.active span{border-color:#ffd16694;color:#ffd166}.joystick{position:absolute;left:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);width:8.5rem;height:8.5rem;z-index:3;pointer-events:auto;touch-action:none}.joystick-ring,.joystick-thumb{position:absolute;left:50%;top:50%;border-radius:50%;transform:translate(-50%,-50%)}.joystick-ring{width:100%;height:100%;border:1px solid rgb(255 255 255 / .2);background:radial-gradient(circle at 30% 30%,rgb(255 255 255 / .22),transparent 45%),#080c1257;box-shadow:inset 0 0 0 1px #ffffff0a;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.joystick-thumb{width:3.2rem;height:3.2rem;border:1px solid rgb(255 255 255 / .28);background:linear-gradient(180deg,rgb(255 255 255 / .28),transparent),#ffd16638;box-shadow:0 12px 24px #0000002e;transition:transform 80ms linear}.joystick.active .joystick-ring{border-color:#ffd1668a}.mobile-actions{position:absolute;right:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 1rem);display:grid;grid-template-columns:repeat(2,minmax(4.1rem,1fr));gap:.55rem;width:min(10.9rem,45vw);z-index:8;pointer-events:auto}.action-btn{min-height:3.45rem;border:1px solid rgb(255 255 255 / .2);border-radius:1rem;color:#fff;background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent),#080d14ad;box-shadow:0 18px 42px #0000002e;touch-action:manipulation}.action-break,.action-place{min-height:4.1rem;font-weight:700}.action-jump{min-height:4.1rem;grid-column:span 2;font-weight:700}.action-sneak,.action-camera{min-height:2.85rem;font-size:.8rem}.action-break{background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent),#77252fc2}.action-place{background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent),#1f664cc2}.action-jump{background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent),#213e70c7}.action-sneak{background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent),#523812c2}.action-camera{background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent),#46276ec7}.action-btn.active,.action-btn:active{border-color:#ffd166d1;transform:translateY(1px)}.mobile-block-toggle{position:absolute;right:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 12.05rem);z-index:8;min-height:2.8rem;padding:.6rem .9rem;border:1px solid rgb(255 255 255 / .2);border-radius:999px;color:#fff;background:linear-gradient(180deg,rgb(255 255 255 / .14),transparent),#080d14bd;box-shadow:0 16px 34px #0000002e;pointer-events:auto}.mobile-block-toggle.active{border-color:#ffd166d1;color:#ffd166}@media(max-width:720px){.top-left{min-width:auto;max-width:calc(100vw - 2rem)}.hotbar{gap:.45rem}.slot{padding-inline:.55rem}.touch-mode .panel{padding:.75rem .9rem}.quest-card{top:auto;right:1rem;left:1rem;bottom:calc(env(safe-area-inset-bottom,0px) + 13.5rem);width:auto}.touch-mode .quest-card{top:calc(env(safe-area-inset-top,0px) + .72rem);width:min(12.4rem,calc(100vw - 7rem))}.howto-grid{grid-template-columns:1fr}.touch-mode .hotbar{width:min(12.4rem,calc(100vw - 2rem));bottom:calc(env(safe-area-inset-bottom,0px) + 10rem)}.touch-mode .look-zone span{display:none}.touch-mode .joystick{width:7.2rem;height:7.2rem}.touch-mode .joystick-thumb{width:2.85rem;height:2.85rem}.touch-mode .mobile-actions{width:min(10.4rem,47vw);gap:.45rem}.touch-mode .action-btn{font-size:.78rem}.touch-mode .action-break,.touch-mode .action-place,.touch-mode .action-jump{min-height:3.75rem}.touch-mode .mobile-block-toggle{bottom:calc(env(safe-area-inset-bottom,0px) + 11rem);padding-inline:.8rem;font-size:.75rem}}