:root{color-scheme:dark;font-family:Avenir Next,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;color:#fff9ea;background:#10152a;font-synthesis:none;--ink: #17172b;--cream: #fff3d2;--coral: #42b68f;--coral-dark: #1d705d;--gold: #ffd76a;--mint: #7ad8c5;--navy: #11162d;--panel: rgba(17, 22, 45, .82)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;overscroll-behavior:none}body{user-select:none}button,input{font:inherit}button{color:inherit}#scene,#scene canvas{position:absolute;inset:0;display:block;width:100%;height:100%}#scene{background:radial-gradient(circle at 50% 25%,#2b315a 0,#171b36 45%,#0f1327)}#scene:before,#scene:after{content:"";position:fixed;right:0;left:0;z-index:19;height:0;pointer-events:none;background:#090d1d;transition:height .36s cubic-bezier(.2,.8,.25,1)}#scene:before{top:0}#scene:after{bottom:0}#app.is-cinematic #scene:before,#app.is-cinematic #scene:after{height:clamp(16px,3.5vh,38px)}#scene canvas{touch-action:none}.loading-screen{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:18px;background:#11162d;transition:opacity .5s ease,visibility .5s}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen p{margin:0;color:#dcd7c9;font-family:DM Mono,monospace;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.loading-claw{position:relative;width:48px;height:54px;animation:loading-bob 1.2s ease-in-out infinite}.loading-claw:before{content:"";position:absolute;top:0;left:21px;width:6px;height:20px;border-radius:4px;background:var(--cream)}.loading-claw:after{content:"";position:absolute;top:17px;left:14px;width:20px;height:14px;border-radius:7px;background:var(--coral);border:3px solid var(--cream)}.loading-claw span{position:absolute;top:29px;left:21px;width:5px;height:23px;border-radius:4px;background:var(--cream);transform-origin:50% 0}.loading-claw span:first-child{transform:rotate(33deg)}.loading-claw span:nth-child(2){transform:rotate(-33deg)}.loading-claw span:last-child{transform:translateY(3px)}.loading-track{width:180px;height:3px;overflow:hidden;border-radius:3px;background:#ffffff1a}.loading-track i{display:block;width:42%;height:100%;border-radius:inherit;background:var(--coral);animation:loading-track 1.15s ease-in-out infinite}.start-screen{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:flex-end;padding:clamp(24px,5vw,80px);background-color:transparent;background-position:center;background-size:cover;transition:opacity .7s ease,visibility .7s}.start-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.start-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#07121b14 32%,#07121ba3 63%,#07121bf7),linear-gradient(0deg,rgba(7,18,27,.32),transparent 44%)}.start-card{position:relative;width:min(400px,40vw);padding:30px 32px 27px;border:1px solid rgba(255,243,210,.17);border-radius:28px;background:linear-gradient(145deg,#1d2344d6,#0b1027eb);box-shadow:0 28px 80px #00000052,inset 0 1px #ffffff0d;backdrop-filter:blur(18px)}.eyebrow{display:flex;align-items:center;gap:8px;margin:0 0 20px;color:#f9d991;font:500 10px/1 DM Mono,monospace;letter-spacing:.13em}.eyebrow span{width:22px;height:2px;background:var(--coral)}.start-card h1{margin:0;color:var(--cream);font-size:clamp(58px,6.2vw,91px);font-weight:900;line-height:.78;letter-spacing:-.075em;text-shadow:0 8px 36px rgba(0,0,0,.25)}.start-card h1 em{color:var(--coral);font-style:normal}.start-subtitle{margin:25px 0 8px;color:#fff2c9;font-size:16px;font-weight:800}.start-copy{margin:0;color:#eeece1ad;font-size:12px;font-weight:600;line-height:1.75}.mode-picker{display:none;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 16px;padding:0;border:0}.mode-picker legend{margin-bottom:8px;color:#ffffff75;font:500 9px/1 DM Mono,monospace;letter-spacing:.12em;text-transform:uppercase}.mode-picker label{cursor:pointer}.mode-picker input{position:absolute;opacity:0}.mode-picker label>span{display:flex;flex-direction:column;gap:2px;padding:10px 12px;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#ffffff8c;background:#ffffff09;transition:.18s ease}.mode-picker label>span b{font-size:12px}.mode-picker label>span small{font:400 8px/1.5 DM Mono,monospace}.mode-picker input:checked+span{border-color:#42b68fb3;color:var(--cream);background:#42b68f24;box-shadow:inset 0 0 0 1px #42b68f29}.primary-button{display:grid;grid-template-columns:1fr auto;width:100%;min-height:58px;cursor:pointer;padding:11px 17px;border:0;border-radius:16px;color:#181628;text-align:left;background:var(--coral);box-shadow:0 7px #155447,0 16px 32px #42b68f33;transform:translateY(-3px);transition:.14s ease}.start-card>.primary-button{margin-top:24px}.primary-button:hover{background:#58c7a1;transform:translateY(-5px)}.primary-button:active{box-shadow:0 3px #155447;transform:translateY(1px)}.primary-button span{align-self:end;font-size:14px;font-weight:900}.primary-button small{grid-column:1;color:#18162894;font:500 8px/1 DM Mono,monospace;letter-spacing:.12em}.primary-button i{grid-column:2;grid-row:1 / span 2;align-self:center;font-size:24px;font-style:normal}.start-footer{display:none;justify-content:space-between;margin-top:22px;color:#ffffff6b;font:400 8px/1 DM Mono,monospace;letter-spacing:.04em}.concept-credit{position:absolute;bottom:22px;left:28px;color:#ffffff57;font:400 8px/1 DM Mono,monospace;letter-spacing:.08em}.hud{position:fixed;inset:0;z-index:10;pointer-events:none;opacity:0;transition:opacity .5s ease}.hud.is-visible{opacity:1}.topbar{position:absolute;top:max(16px,env(safe-area-inset-top));right:max(18px,env(safe-area-inset-right));left:max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:auto 1fr auto;align-items:start}.mini-brand{display:none;align-items:center;gap:9px;width:max-content;padding:8px 12px 8px 9px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:var(--panel);box-shadow:0 10px 30px #0000002e;backdrop-filter:blur(12px)}.mini-brand i{width:26px;height:26px;border-radius:9px;background:var(--coral);box-shadow:inset 0 -3px #176452}.mini-brand i:after{content:"♣";display:grid;place-items:center;height:100%;color:var(--cream);font-style:normal;font-size:12px}.mini-brand span{display:flex;flex-direction:column}.mini-brand b{color:var(--cream);font-size:10px;line-height:1.1}.mini-brand small{margin-top:3px;color:#fff6;font:400 7px/1 DM Mono,monospace;letter-spacing:.08em}.metrics{display:flex;width:max-content;justify-self:start;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:var(--panel);box-shadow:0 10px 30px #0000002e;backdrop-filter:blur(12px)}.metrics>div{display:flex;align-items:baseline;gap:8px;min-width:86px;padding:10px 14px;border-right:1px solid rgba(255,255,255,.08)}.metrics>div:last-child{border-right:0}.metrics>div:nth-child(2),.metrics>div:nth-child(3){display:none}.metrics small{color:#ffffff75;font-size:9px}.metrics strong{color:var(--cream);font:500 15px/1 DM Mono,monospace}#rescueValue{color:var(--gold);white-space:nowrap}#rescueValue.is-rescued{color:var(--mint)}.toolbar{display:flex;grid-column:3;justify-self:end;gap:6px;pointer-events:auto}.toolbar button{width:38px;height:38px;cursor:pointer;border:1px solid rgba(255,255,255,.09);border-radius:12px;color:var(--cream);background:var(--panel);box-shadow:0 8px 24px #0000002b;backdrop-filter:blur(12px)}.toolbar button:hover{color:var(--gold);border-color:#ffd76a57}.toolbar button:first-child,.toolbar button:nth-child(2){display:none}.round-card{position:absolute;top:84px;left:max(18px,env(safe-area-inset-left));display:grid;grid-template-columns:1fr 44px;width:178px;padding:10px 10px 10px 13px;border-left:3px solid var(--coral);border-radius:6px 16px 16px 6px;background:var(--panel);box-shadow:0 14px 42px #0003;backdrop-filter:blur(13px)}.round-label{display:flex;flex-direction:column;justify-content:center}.round-label span{color:var(--cream);font-size:13px;font-weight:900}.round-label small{display:none}.timer{position:relative;display:grid;place-items:center;width:44px;height:44px}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer circle{fill:none;stroke:#ffffff1a;stroke-width:3}.timer circle:last-child{stroke:var(--gold);stroke-linecap:round;stroke-dasharray:113.1;stroke-dashoffset:0;transition:stroke-dashoffset .3s linear}.timer strong{color:var(--cream);font:500 12px/1 DM Mono,monospace}.round-card p{display:none}.aim-reticle{position:absolute;top:50%;left:50%;width:58px;height:58px;opacity:.72;transform:translate(-50%,-50%)}.aim-reticle:before,.aim-reticle:after{content:"";position:absolute;border:2px solid var(--cream);border-radius:50%}.aim-reticle:before{inset:5px;border-style:dashed;animation:reticle-spin 8s linear infinite}.aim-reticle:after{inset:20px;background:#fff3d21a}.aim-reticle i,.aim-reticle span{position:absolute;top:28px;left:0;width:100%;height:1px;background:linear-gradient(90deg,var(--cream) 0 13px,transparent 13px 45px,var(--cream) 45px)}.aim-reticle span{transform:rotate(90deg)}.controls{position:absolute;right:max(28px,calc(env(safe-area-inset-right) + 14px));bottom:max(28px,calc(env(safe-area-inset-bottom) + 14px));display:flex;align-items:flex-end;gap:12px;pointer-events:auto}.topbar,.round-card,.controls{transition:opacity .24s ease,visibility .24s ease}#app.is-cinematic .topbar,#app.is-cinematic .round-card,#app.is-cinematic .controls{visibility:hidden;opacity:0;pointer-events:none}.joystick{position:relative;width:112px;height:112px;touch-action:none;border:3px solid rgba(255,243,210,.58);border-radius:50%;background:radial-gradient(circle,#243051 0 38%,#12172d 39% 58%,#3d496b 59% 63%,#171c37 64%);box-shadow:0 8px #080b1b,0 18px 38px #00000057,inset 0 0 0 5px #ffffff0d;transition:border-color .12s ease,filter .12s ease}.joystick.is-active{border-color:var(--gold);filter:brightness(1.08)}.joystick-keys{position:absolute;inset:0;pointer-events:none}.joystick-keys kbd{position:absolute;display:grid;width:20px;height:20px;place-items:center;border:1px solid rgba(255,243,210,.22);border-radius:6px;color:#fff3d280;background:#11162d;box-shadow:0 2px #070a18;font:700 9px/1 DM Mono,monospace;transition:90ms ease}.joystick-keys kbd.is-active{border-color:var(--gold);color:var(--ink);background:var(--gold);box-shadow:0 1px #9e5942;transform:translateY(2px)}.joystick-keys kbd[data-control-key=KeyW]{top:5px;left:43px}.joystick-keys kbd[data-control-key=KeyA]{top:44px;left:4px}.joystick-keys kbd[data-control-key=KeyS]{bottom:4px;left:43px}.joystick-keys kbd[data-control-key=KeyD]{top:44px;right:4px}.joystick-knob{position:absolute;top:31px;left:31px;width:50px;height:50px;border:4px solid rgba(255,243,210,.66);border-radius:50%;background:radial-gradient(circle at 34% 28%,#86e3c2 0 12%,var(--coral) 13% 56%,#25785f 57%);box-shadow:0 6px #174e43,0 12px 18px #0000003d;transition:transform 70ms linear}.joystick-knob i{position:absolute;inset:7px;border:2px solid rgba(17,22,45,.24);border-radius:50%}.drop-button{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;height:96px;cursor:pointer;touch-action:manipulation;border:6px solid rgba(255,243,210,.82);border-radius:50%;color:#17162a;background:var(--gold);box-shadow:0 9px #b76548,0 18px 36px #00000045,inset 0 0 0 4px #e9504f;transition:.12s ease}.drop-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-3px)}.drop-button:active:not(:disabled),.drop-button.is-pressed:not(:disabled){box-shadow:0 3px #b76548,0 10px 24px #00000040,inset 0 0 0 4px #e9504f;transform:translateY(5px)}.drop-button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.55}.drop-button span{font-size:18px;font-weight:900}.drop-button small{font:500 8px/1 DM Mono,monospace;letter-spacing:.08em}.success-banner{position:fixed;top:max(28px,calc(env(safe-area-inset-top) + 18px));left:50%;z-index:25;display:flex;flex-direction:column;align-items:center;gap:7px;width:min(720px,calc(100vw - 32px));color:var(--cream);text-align:center;opacity:0;pointer-events:none;transform:translate(-50%,-18px) scale(.88);transition:.42s cubic-bezier(.18,.9,.24,1.18)}.success-banner:after{width:min(330px,62vw);height:4px;content:"";border-radius:999px;background:linear-gradient(90deg,transparent,var(--gold),var(--mint),transparent);box-shadow:0 0 22px #7ad8c580}.success-banner small{padding:7px 12px;border:1px solid rgba(122,216,197,.45);border-radius:999px;color:var(--mint);background:#0d1327b8;font:600 9px/1 DM Mono,monospace;letter-spacing:.18em;backdrop-filter:blur(10px)}.success-banner strong{font-size:clamp(42px,6vw,86px);font-weight:1000;line-height:.9;letter-spacing:-.055em;text-shadow:0 6px 0 #155447,0 12px 36px rgba(0,0,0,.5),0 0 32px rgba(122,216,197,.25)}.success-banner.is-visible{opacity:1;transform:translate(-50%) scale(1)}.toast{position:fixed;top:50%;left:50%;z-index:22;display:grid;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;width:min(330px,calc(100vw - 32px));padding:12px 14px;border:1px solid rgba(255,215,106,.5);border-radius:16px;background:#12172df0;box-shadow:0 24px 70px #00000061;opacity:0;pointer-events:none;transform:translate(-50%,-30%) scale(.9);transition:.28s cubic-bezier(.2,.9,.3,1.15);backdrop-filter:blur(14px)}.toast.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}#app.is-cinematic .toast{top:auto;bottom:max(44px,calc(env(safe-area-inset-bottom) + 24px));width:min(330px,calc(100vw - 32px));padding:10px 12px;transform:translate(-50%,18px) scale(.92)}#app.is-cinematic .toast.is-visible{opacity:.92;transform:translate(-50%) scale(1)}.toast.is-rescue{width:min(390px,calc(100vw - 32px));border-color:#7ad8c5b8;box-shadow:0 24px 70px #00000061,0 0 42px #7ad8c52e}.toast.is-rescue>div{background:var(--mint)}.toast>div{display:grid;place-items:center;width:44px;height:44px;border-radius:13px;color:#3f2a29;background:var(--gold)}.toast>span{display:flex;flex-direction:column}.toast small{color:#ffffff7a;font-size:9px}.toast b{color:var(--cream);font-size:14px}.toast>strong{color:var(--gold);font:500 13px/1 DM Mono,monospace}.drawer{position:fixed;top:0;right:0;bottom:0;z-index:26;width:min(380px,100vw);padding:34px 28px;background:linear-gradient(145deg,#1f2546fa,#0c1127fc);box-shadow:-28px 0 80px #00000057;transform:translate(105%);transition:transform .4s cubic-bezier(.22,.78,.25,1)}.drawer.is-open{transform:none}.drawer-close{position:absolute;top:20px;right:20px;width:38px;height:38px;cursor:pointer;border:1px solid rgba(255,255,255,.1);border-radius:50%;color:var(--cream);background:#ffffff0a;font-size:22px}.drawer h2{margin:0 0 8px;color:var(--cream);font-size:30px}.drawer>p:not(.eyebrow){margin:0 0 22px;color:#ffffff7a;font-size:11px;line-height:1.55}.collection-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;overflow-y:auto;max-height:calc(100vh - 180px);padding-right:4px}.collection-item{position:relative;overflow:hidden;min-height:122px;padding:12px;border:1px solid rgba(255,255,255,.08);border-radius:16px;color:#ffffff59;background:radial-gradient(circle at 50% 25%,var(--item-color, rgba(255,255,255,.08)),transparent 48%),#ffffff09}.collection-item.is-owned{color:var(--cream);border-color:#ffd76a42}.collection-item .silhouette{display:grid;place-items:center;height:64px;font-size:40px;filter:grayscale(1) brightness(.28);opacity:.5}.collection-item.is-owned .silhouette{filter:none;opacity:1}.collection-item b{display:block;font-size:11px}.collection-item small{color:#ffffff59;font:400 7px/1 DM Mono,monospace}.pause-overlay{position:fixed;inset:0;z-index:28;display:grid;place-items:center;padding:20px;background:#080c1eb3;opacity:0;visibility:hidden;transition:.25s ease;backdrop-filter:blur(12px)}.pause-overlay.is-visible{opacity:1;visibility:visible}.pause-overlay>div{width:min(340px,100%);padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:24px;text-align:center;background:#151b38;box-shadow:0 26px 70px #00000059}.pause-overlay .eyebrow{justify-content:center}.pause-overlay h2{margin:0 0 22px;color:var(--cream);font-size:34px}.pause-overlay>div>p:not(.eyebrow){margin:-12px 0 22px;color:#ffffff80;font-size:12px}.text-button{margin-top:18px;cursor:pointer;border:0;color:#ffffff8c;background:transparent;font-size:11px;text-decoration:underline;text-underline-offset:4px}.share-button{width:100%;margin-top:17px;cursor:pointer;padding:12px 15px;border:1px solid rgba(122,216,197,.36);border-radius:13px;color:var(--mint);background:#7ad8c514;font-size:11px;font-weight:800}.share-button:hover{border-color:#7ad8c5b3;background:#7ad8c526}#app:after{content:"";position:fixed;inset:0;z-index:21;pointer-events:none;background:radial-gradient(circle at 50% 50%,rgba(255,224,105,.35),transparent 34%),radial-gradient(circle at 50% 54%,rgba(65,205,168,.3),transparent 60%);opacity:0}#app.is-rescue-complete:after{animation:rescue-flash 1.2s ease-out}.rescue-burst{position:fixed;top:50%;left:50%;z-index:24;width:1px;height:1px;pointer-events:none}.rescue-burst i{--burst-angle: 0deg;--burst-distance: 160px;--burst-delay: 0ms;--burst-hue: 45;position:absolute;width:12px;height:7px;border-radius:3px;background:hsl(var(--burst-hue) 85% 62%);box-shadow:0 0 14px hsl(var(--burst-hue) 85% 62% / .65);opacity:0;transform:rotate(var(--burst-angle)) translate(20px) scale(.2)}.rescue-burst i:nth-child(3n){width:9px;height:9px;border-radius:50%}.rescue-burst.is-active i{animation:rescue-particle .95s cubic-bezier(.18,.8,.22,1) var(--burst-delay) both}#viewCollectionButton{display:none}@keyframes loading-bob{0%,to{transform:translateY(-4px)}50%{transform:translateY(5px)}}@keyframes loading-track{0%{transform:translate(-110%)}to{transform:translate(340%)}}@keyframes reticle-spin{to{transform:rotate(360deg)}}@keyframes rescue-flash{0%{opacity:0}18%{opacity:1}to{opacity:0}}@keyframes rescue-particle{0%{opacity:1;transform:rotate(var(--burst-angle)) translate(18px) rotate(0) scale(.45)}65%{opacity:1;transform:rotate(var(--burst-angle)) translate(var(--burst-distance)) rotate(480deg) scale(1.15)}to{opacity:0;transform:rotate(var(--burst-angle)) translate(var(--burst-distance)) rotate(620deg) scale(1)}}@media(max-width:820px){.success-banner{top:max(18px,calc(env(safe-area-inset-top) + 12px));gap:6px}.success-banner strong{font-size:clamp(36px,12vw,58px)}.start-screen{align-items:flex-end;justify-content:center;padding:20px 16px max(24px,env(safe-area-inset-bottom));background-position:39% center}.start-scrim{background:linear-gradient(0deg,#090d20fa 0,#090d20ba 47%,#090d2014 78%)}.start-card{width:min(430px,100%);padding:22px 22px 19px;border-radius:22px}.start-card h1{font-size:clamp(48px,16vw,72px)}.start-copy,.concept-credit{display:none}.start-subtitle{margin-top:17px}.start-footer{margin-top:16px}.topbar{grid-template-columns:1fr auto}.toolbar{grid-column:2}.mini-brand{display:none}.metrics{justify-self:start}.metrics>div{min-width:auto;padding:9px 10px}.metrics small{display:none}.toolbar button{width:34px;height:34px}.toolbar button:first-child,.toolbar button:nth-child(2){display:none}.round-card{top:68px;width:176px}.aim-reticle{top:46%}.controls{right:18px;bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px));left:18px;justify-content:space-between}.joystick{width:100px;height:100px}.joystick-knob{top:27px;left:27px;width:46px;height:46px}.joystick-keys kbd[data-control-key=KeyW]{left:37px}.joystick-keys kbd[data-control-key=KeyA],.joystick-keys kbd[data-control-key=KeyD]{top:38px}.joystick-keys kbd[data-control-key=KeyS]{left:37px}.drop-button{width:88px;height:88px}}@media(max-height:620px)and (orientation:landscape){.start-card{width:min(410px,48vw);padding:20px 24px 17px}.start-card h1{font-size:52px}.start-copy,.start-footer{display:none}.start-subtitle{margin-top:14px}.mode-picker{margin:14px 0 12px}.round-card{top:65px}.joystick{width:90px;height:90px}.joystick-knob{top:25px;left:25px;width:40px;height:40px}.drop-button{width:78px;height:78px;border-width:4px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}