:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#fff9ea;font-synthesis:none;--ink:#17172b;--cream:#fff3d2;--coral:#f56459;--coral-dark:#c63f48;--gold:#ffd76a;--mint:#7ad8c5;--navy:#11162d;--panel:#11162dd1;background:#10152a;font-family:Avenir Next,Arial Rounded MT Bold,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}html,body,#app{overscroll-behavior:none;width:100%;height:100%;margin:0;overflow:hidden}body{-webkit-user-select:none;user-select:none}button,input{font:inherit}button{color:inherit}#scene,#scene canvas{width:100%;height:100%;display:block;position:absolute;inset:0}#scene{background:radial-gradient(circle at 50% 25%,#2b315a 0,#171b36 45%,#0f1327 100%)}#scene canvas{touch-action:none}.loading-screen{z-index:100;background:#11162d;place-content:center;justify-items:center;gap:18px;transition:opacity .5s,visibility .5s;display:grid;position:fixed;inset:0}.loading-screen.is-hidden{opacity:0;visibility:hidden}.loading-screen p{color:#dcd7c9;letter-spacing:.14em;text-transform:uppercase;margin:0;font-family:DM Mono,monospace;font-size:11px}.loading-claw{width:48px;height:54px;animation:1.2s ease-in-out infinite loading-bob;position:relative}.loading-claw:before{content:"";background:var(--cream);border-radius:4px;width:6px;height:20px;position:absolute;top:0;left:21px}.loading-claw:after{content:"";background:var(--coral);border:3px solid var(--cream);border-radius:7px;width:20px;height:14px;position:absolute;top:17px;left:14px}.loading-claw span{background:var(--cream);transform-origin:50% 0;border-radius:4px;width:5px;height:23px;position:absolute;top:29px;left:21px}.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{background:#ffffff1a;border-radius:3px;width:180px;height:3px;overflow:hidden}.loading-track i{border-radius:inherit;background:var(--coral);width:42%;height:100%;animation:1.15s ease-in-out infinite loading-track;display:block}.start-screen{z-index:30;background-color:#11162d;background-position:50%;background-size:cover;justify-content:flex-end;align-items:center;padding:clamp(24px,5vw,80px);transition:opacity .7s,visibility .7s;display:flex;position:fixed;inset:0}.start-screen.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.start-scrim{background:linear-gradient(90deg,#090d200f 35%,#090d209e 63%,#090d20f5 100%),linear-gradient(#0000 60%,#090d2047);position:absolute;inset:0}.start-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:linear-gradient(145deg,#1d2344d6,#0b1027eb);border:1px solid #fff3d22b;border-radius:28px;width:min(430px,42vw);padding:34px 36px 30px;position:relative;box-shadow:0 28px 80px #00000052,inset 0 1px #ffffff0d}.eyebrow{color:#f9d991;letter-spacing:.13em;align-items:center;gap:8px;margin:0 0 20px;font:500 10px/1 DM Mono,monospace;display:flex}.eyebrow span{background:var(--coral);width:22px;height:2px}.start-card h1{color:var(--cream);letter-spacing:-.075em;text-shadow:0 8px 36px #00000040;margin:0;font-size:clamp(58px,6.2vw,91px);font-weight:900;line-height:.78}.start-card h1 em{color:var(--coral);font-style:normal}.start-subtitle{color:#fff2c9;margin:25px 0 8px;font-size:16px;font-weight:800}.start-copy{color:#eeece1ad;margin:0;font-size:12px;font-weight:600;line-height:1.75}.mode-picker{border:0;grid-template-columns:1fr 1fr;gap:8px;margin:22px 0 16px;padding:0;display:grid}.mode-picker legend{color:#ffffff75;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font:500 9px/1 DM Mono,monospace}.mode-picker label{cursor:pointer}.mode-picker input{opacity:0;position:absolute}.mode-picker label>span{color:#ffffff8c;background:#ffffff09;border:1px solid #ffffff1a;border-radius:12px;flex-direction:column;gap:2px;padding:10px 12px;transition:all .18s;display:flex}.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{color:var(--cream);background:#f5645924;border-color:#f56459b3;box-shadow:inset 0 0 0 1px #f5645929}.primary-button{cursor:pointer;color:#181628;text-align:left;background:var(--coral);border:0;border-radius:16px;grid-template-columns:1fr auto;width:100%;min-height:58px;padding:11px 17px;transition:all .14s;display:grid;transform:translateY(-3px);box-shadow:0 7px #a93844,0 16px 32px #f5645933}.primary-button:hover{background:#ff786b;transform:translateY(-5px)}.primary-button:active{transform:translateY(1px);box-shadow:0 3px #a93844}.primary-button span{align-self:end;font-size:14px;font-weight:900}.primary-button small{color:#18162894;letter-spacing:.12em;grid-column:1;font:500 8px/1 DM Mono,monospace}.primary-button i{grid-area:1/2/span 2;align-self:center;font-size:24px;font-style:normal}.start-footer{color:#ffffff6b;letter-spacing:.04em;justify-content:space-between;margin-top:22px;font:400 8px/1 DM Mono,monospace;display:flex}.concept-credit{color:#ffffff57;letter-spacing:.08em;font:400 8px/1 DM Mono,monospace;position:absolute;bottom:22px;left:28px}.hud{z-index:10;pointer-events:none;opacity:0;transition:opacity .5s;position:fixed;inset:0}.hud.is-visible{opacity:1}.topbar{top:max(16px, env(safe-area-inset-top));right:max(18px, env(safe-area-inset-right));left:max(18px, env(safe-area-inset-left));grid-template-columns:1fr auto 1fr;align-items:start;display:grid;position:absolute}.mini-brand{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:9px;width:max-content;padding:8px 12px 8px 9px;display:flex;box-shadow:0 10px 30px #0000002e}.mini-brand i{background:var(--coral);border-radius:9px;width:26px;height:26px;box-shadow:inset 0 -3px #b33c46}.mini-brand i:after{content:"★";height:100%;color:var(--cream);place-items:center;font-size:12px;font-style:normal;display:grid}.mini-brand span{flex-direction:column;display:flex}.mini-brand b{color:var(--cream);font-size:10px;line-height:1.1}.mini-brand small{color:#fff6;letter-spacing:.08em;margin-top:3px;font:400 7px/1 DM Mono,monospace}.metrics{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff14;border-radius:14px;display:flex;overflow:hidden;box-shadow:0 10px 30px #0000002e}.metrics>div{border-right:1px solid #ffffff14;align-items:baseline;gap:8px;min-width:86px;padding:10px 14px;display:flex}.metrics>div:last-child{border-right:0}.metrics small{color:#ffffff75;font-size:9px}.metrics strong{color:var(--cream);font:500 15px/1 DM Mono,monospace}.toolbar{pointer-events:auto;justify-self:end;gap:6px;display:flex}.toolbar button{cursor:pointer;width:38px;height:38px;color:var(--cream);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #ffffff17;border-radius:12px;box-shadow:0 8px 24px #0000002b}.toolbar button:hover{color:var(--gold);border-color:#ffd76a57}.round-card{top:84px;left:max(18px, env(safe-area-inset-left));border-left:3px solid var(--coral);background:var(--panel);-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);border-radius:6px 16px 16px 6px;grid-template-columns:1fr 50px;width:210px;padding:13px 13px 11px 15px;display:grid;position:absolute;box-shadow:0 14px 42px #0003}.round-label{flex-direction:column;justify-content:center;display:flex}.round-label span{color:var(--cream);font-size:13px;font-weight:900}.round-label small{color:var(--mint);letter-spacing:.08em;margin-top:4px;font:500 7px/1 DM Mono,monospace}.timer{place-items:center;width:44px;height:44px;display:grid;position:relative}.timer svg{position:absolute;inset:0;transform:rotate(-90deg)}.timer circle{fill:none;stroke:#ffffff1a;stroke-width:3px}.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{color:#ffffff8f;border-top:1px solid #ffffff14;grid-column:1/-1;margin:8px 0 0;padding-top:8px;font-size:9px;line-height:1.45}.aim-reticle{opacity:.72;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.aim-reticle:before,.aim-reticle:after{content:"";border:2px solid var(--cream);border-radius:50%;position:absolute}.aim-reticle:before{border-style:dashed;animation:8s linear infinite reticle-spin;inset:5px}.aim-reticle:after{background:#fff3d21a;inset:20px}.aim-reticle i,.aim-reticle span{background:linear-gradient(90deg, var(--cream) 0 13px, transparent 13px 45px, var(--cream) 45px);width:100%;height:1px;position:absolute;top:28px;left:0}.aim-reticle span{transform:rotate(90deg)}.controls{right:max(28px, calc(env(safe-area-inset-right) + 14px));bottom:max(28px, calc(env(safe-area-inset-bottom) + 14px));pointer-events:auto;align-items:flex-end;gap:12px;display:flex;position:absolute}.joystick{touch-action:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:radial-gradient(circle,#ffffff0f 0 38%,#0000 39%),#11162da8;border:1px solid #ffffff1a;border-radius:50%;width:112px;height:112px;position:relative;box-shadow:0 16px 40px #00000038,inset 0 0 0 8px #00000014}.joystick-arrows{color:#ffffff4d;text-align:center;font:400 11px/1 DM Mono,monospace;position:absolute;inset:6px}.joystick-arrows i,.joystick-arrows b,.joystick-arrows em{font-style:normal;font-weight:400;position:absolute}.joystick-arrows i{top:43px;left:5px}.joystick-arrows b{top:43px;right:5px}.joystick-arrows em{bottom:0;left:44px}.joystick-knob{background:var(--coral);border:4px solid #fff3d2a8;border-radius:50%;width:50px;height:50px;transition:transform 70ms linear;position:absolute;top:31px;left:31px;box-shadow:0 6px #9f3642,0 12px 18px #0000003d}.control-note{text-align:center;flex-direction:column;margin-right:6px;padding-bottom:9px;display:flex}.control-note span{color:#ffffffb3;font-size:9px}.control-note small{color:#ffffff57;margin-top:2px;font:400 7px/1 DM Mono,monospace}.drop-button{cursor:pointer;touch-action:manipulation;color:#17162a;background:var(--gold);border:6px solid #fff3d2d1;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:96px;height:96px;transition:all .12s;display:flex;position:relative;box-shadow:0 9px #b76548,0 18px 36px #00000045,inset 0 0 0 4px #e9504f}.drop-button:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-3px)}.drop-button:active:not(:disabled){transform:translateY(5px);box-shadow:0 3px #b76548,0 10px 24px #00000040,inset 0 0 0 4px #e9504f}.drop-button:disabled{cursor:not-allowed;filter:saturate(.2);opacity:.55}.drop-button span{font-size:18px;font-weight:900}.drop-button small{letter-spacing:.08em;font:500 8px/1 DM Mono,monospace}.toast{z-index:22;opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#12172df0;border:1px solid #ffd76a80;border-radius:16px;grid-template-columns:44px 1fr auto;align-items:center;gap:11px;width:min(330px,100vw - 32px);padding:12px 14px;transition:all .28s cubic-bezier(.2,.9,.3,1.15);display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-30%)scale(.9);box-shadow:0 24px 70px #00000061}.toast.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.toast>div{color:#3f2a29;background:var(--gold);border-radius:13px;place-items:center;width:44px;height:44px;display:grid}.toast>span{flex-direction:column;display:flex}.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{z-index:26;background:linear-gradient(145deg,#1f2546fa,#0c1127fc);width:min(380px,100vw);padding:34px 28px;transition:transform .4s cubic-bezier(.22,.78,.25,1);position:fixed;top:0;bottom:0;right:0;transform:translate(105%);box-shadow:-28px 0 80px #00000057}.drawer.is-open{transform:none}.drawer-close{cursor:pointer;width:38px;height:38px;color:var(--cream);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;font-size:22px;position:absolute;top:20px;right:20px}.drawer h2{color:var(--cream);margin:0 0 8px;font-size:30px}.drawer>p:not(.eyebrow){color:#ffffff7a;margin:0 0 22px;font-size:11px;line-height:1.55}.collection-grid{grid-template-columns:repeat(2,1fr);gap:10px;max-height:calc(100vh - 180px);padding-right:4px;display:grid;overflow-y:auto}.collection-item{color:#ffffff59;background:radial-gradient(circle at 50% 25%, var(--item-color,#ffffff14), transparent 48%), #ffffff09;border:1px solid #ffffff14;border-radius:16px;min-height:122px;padding:12px;position:relative;overflow:hidden}.collection-item.is-owned{color:var(--cream);border-color:#ffd76a42}.collection-item .silhouette{filter:grayscale()brightness(.28);opacity:.5;place-items:center;height:64px;font-size:40px;display:grid}.collection-item.is-owned .silhouette{filter:none;opacity:1}.collection-item b{font-size:11px;display:block}.collection-item small{color:#ffffff59;font:400 7px/1 DM Mono,monospace}.pause-overlay{z-index:28;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c1eb3;place-items:center;padding:20px;transition:all .25s;display:grid;position:fixed;inset:0}.pause-overlay.is-visible{opacity:1;visibility:visible}.pause-overlay>div{text-align:center;background:#151b38;border:1px solid #ffffff1a;border-radius:24px;width:min(340px,100%);padding:28px;box-shadow:0 26px 70px #00000059}.pause-overlay .eyebrow{justify-content:center}.pause-overlay h2{color:var(--cream);margin:0 0 22px;font-size:34px}.pause-overlay>div>p:not(.eyebrow){color:#ffffff80;margin:-12px 0 22px;font-size:12px}.text-button{cursor:pointer;color:#ffffff8c;text-underline-offset:4px;background:0 0;border:0;margin-top:18px;font-size:11px;text-decoration:underline}@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)}}@media (max-width:820px){.start-screen{padding:20px 16px max(24px, env(safe-area-inset-bottom));background-position:39%;justify-content:center;align-items:flex-end}.start-scrim{background:linear-gradient(0deg,#090d20fa 0,#090d20ba 47%,#090d2014 78%)}.start-card{border-radius:22px;width:min(430px,100%);padding:22px 22px 19px}.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}.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{width:176px;top:68px}.aim-reticle{top:46%}.controls{right:18px;bottom:max(18px, calc(env(safe-area-inset-bottom) + 8px));justify-content:space-between;left:18px}.joystick{width:100px;height:100px}.joystick-knob{width:46px;height:46px;top:27px;left:27px}.joystick-arrows i,.joystick-arrows b{top:37px}.joystick-arrows em{left:38px}.control-note{display:none}.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{width:40px;height:40px;top:25px;left:25px}.drop-button{border-width:4px;width:78px;height:78px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}