:root{color-scheme:dark;font-family:Arial Narrow,Roboto Condensed,Impact,system-ui,sans-serif;--orange: #ff6a00;--hot: #ffb000;--cyan: #49efff;--ink: #030506;--panel: rgba(4, 9, 11, .72)}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden;background:#020304}body{-webkit-user-select:none;user-select:none}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;cursor:crosshair;touch-action:none}.scanlines{position:fixed;inset:0;pointer-events:none;z-index:4;opacity:.18;background:repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 4px);mix-blend-mode:overlay}.flash{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:0;background:radial-gradient(circle at 52% 50%,#fff 0,#fff8c8 8%,#ff8500 28%,transparent 66%);mix-blend-mode:screen}.flash.fire{animation:mega-flash 1.35s cubic-bezier(.1,.7,.2,1)}.flash.stone-fire:not(.fire){background:radial-gradient(circle at 50% 48%,#fff 0,#fff3b0 5%,#ff9a16 16%,rgba(255,55,0,.55) 34%,transparent 62%);animation:stone-explosion-flash .62s cubic-bezier(.08,.72,.18,1) both}.flash.gunfire:not(.fire){background:radial-gradient(ellipse at 74% 19%,rgba(255,128,18,.2) 0,rgba(255,58,0,.085) 18%,transparent 43%),linear-gradient(105deg,transparent 58%,rgba(255,93,0,.075) 76%,transparent 90%);animation:gunshot-flash .16s cubic-bezier(.06,.72,.18,1) both}.flash.liftoff:not(.fire):not(.stone-fire){background:radial-gradient(ellipse at 50% 74%,#fff 0,#fff3ba 5%,#ff9a18 13%,rgba(255,62,0,.62) 29%,transparent 62%),linear-gradient(0deg,rgba(255,91,0,.24),transparent 58%);animation:liftoff-flash .72s cubic-bezier(.05,.76,.15,1) both}.cinematic-letterbox{position:fixed;inset:0;z-index:9;pointer-events:none;overflow:hidden}.cinematic-letterbox i{position:absolute;left:0;width:100%;height:clamp(16px,4.2vh,52px);background:#000;box-shadow:0 0 38px #000000eb;transition:transform .7s cubic-bezier(.16,.8,.18,1)}.cinematic-letterbox i:first-child{top:0;transform:translateY(-110%)}.cinematic-letterbox i:last-child{bottom:0;transform:translateY(110%)}body.cinematic-active .cinematic-letterbox i{transform:translateY(0)}@keyframes mega-flash{0%{opacity:1;transform:scale(.2)}8%{opacity:.92;transform:scale(1.4)}18%{opacity:.16}26%{opacity:.7}to{opacity:0;transform:scale(2.2)}}@keyframes stone-explosion-flash{0%{opacity:1;transform:scale(.12);filter:brightness(2.4)}13%{opacity:.94;transform:scale(1.12);filter:brightness(1.5)}34%{opacity:.32;transform:scale(1.48)}to{opacity:0;transform:scale(2);filter:brightness(1)}}@keyframes gunshot-flash{0%{opacity:.92;filter:brightness(1.8)}24%{opacity:.38}to{opacity:0;filter:brightness(1)}}@keyframes liftoff-flash{0%{opacity:.95;transform:scale(.18);filter:brightness(2.8)}8%{opacity:.84;transform:scale(1.18);filter:brightness(1.75)}28%{opacity:.26;transform:scale(1.54)}to{opacity:0;transform:scale(2.05);filter:brightness(1)}}@keyframes liftoff-flash-reduced{0%{opacity:.78;transform:none;filter:brightness(1.8)}35%{opacity:.22;transform:none;filter:brightness(1.2)}to{opacity:0;transform:none;filter:brightness(1)}}.hud{position:fixed;inset:0;z-index:10;pointer-events:none}.topbar,.bottombar{position:absolute;left:24px;right:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#e8fbff;font-size:12px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;transition:opacity .4s ease,transform .55s cubic-bezier(.2,.8,.2,1)}.topbar{top:20px;justify-content:flex-start}.bottombar{bottom:18px}.brand,.detonation,.sound,.status,.mode{border:1px solid rgba(84,231,255,.44);background:linear-gradient(180deg,#070f12db,#020507c2);box-shadow:inset 0 0 22px #20dcff0f,0 0 24px #0000008c;clip-path:polygon(10px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 10px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}.brand{display:flex;align-items:center;gap:10px;padding:8px 14px 8px 9px;border-color:#ff6a0099}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--orange);color:var(--orange);font-size:18px;border-radius:50%}.brand-name{color:var(--orange);font-size:15px;letter-spacing:.13em}.detonation{width:min(180px,22vw);margin-left:18px;padding:9px 12px;color:#ff9c39}.sound{margin-left:auto}.meter{height:6px;margin-top:7px;background:#ff6a001f;border:1px solid rgba(255,106,0,.35);overflow:hidden}.meter i{display:block;height:100%;width:88%;background:repeating-linear-gradient(90deg,#ff6a00 0 9px,#ffb000 9px 12px,transparent 12px 14px);box-shadow:0 0 15px #ff6a00;animation:meter-pulse .7s steps(2) infinite}@keyframes meter-pulse{50%{filter:brightness(1.7);width:96%}}body.equals-holding .detonation .meter i{width:100%;animation:none;transform:scaleX(var(--equals-hold, 0));transform-origin:left;background:linear-gradient(90deg,#ff5400,#fff2b2);transition:none}body.equals-holding .detonation>span:after{content:" · HOLDING =";color:#fff0c7}.sound{pointer-events:auto;color:var(--cyan);font:inherit;letter-spacing:.13em;padding:10px 14px;display:flex;align-items:center;gap:10px;cursor:pointer}.sound:hover{background:#16dcff1f;box-shadow:0 0 28px #49efff2e}.sound[aria-pressed=false]{color:#829397;border-color:#536064}.sound-icon{font-size:15px}.interaction-layer{position:absolute;inset:0}.reticle{position:absolute;width:56px;height:56px;left:50%;top:50%;transform:translate(-50%,-50%);opacity:.28;transition:opacity .2s,transform .2s}.reticle i{position:absolute;width:13px;height:13px;border-color:var(--cyan);border-style:solid}.reticle i:nth-child(1){left:0;top:0;border-width:1px 0 0 1px}.reticle i:nth-child(2){right:0;top:0;border-width:1px 1px 0 0}.reticle i:nth-child(3){right:0;bottom:0;border-width:0 1px 1px 0}.reticle i:nth-child(4){left:0;bottom:0;border-width:0 0 1px 1px}body.key-hover .reticle{opacity:.85;transform:translate(-50%,-50%) scale(.72) rotate(45deg)}body.charger-hover .reticle{filter:drop-shadow(0 0 9px #008cff)}body.cinematic-active .reticle,body.cinematic-active .charge-readout{opacity:0!important;pointer-events:none}body.cinematic-flight .topbar{opacity:0;transform:translateY(-18px)}body.cinematic-flight .bottombar{opacity:0;transform:translateY(18px)}.charge-readout{position:absolute;left:clamp(16px,3.2vw,54px);top:112px;width:168px;padding-left:13px;color:#cff7ffa8;font-size:8px;font-style:normal;font-weight:900;letter-spacing:.17em;text-transform:uppercase;border-left:1px solid rgba(40,184,255,.5);text-shadow:0 0 12px rgba(0,139,255,.26);transition:opacity .25s ease}.charge-readout:before{content:"";position:absolute;left:0;top:0;width:5px;height:5px;background:#008cff;box-shadow:0 0 12px #008cff;transform:translate(-3px)}.charge-readout span,.charge-readout em{display:block}.charge-readout strong{display:block;margin-top:7px;color:#74dcff;font-family:Impact,Arial Narrow,sans-serif;font-size:22px;font-weight:400;letter-spacing:.08em;line-height:1;text-shadow:0 0 14px rgba(0,119,255,.55)}.charge-readout em{margin-top:5px;color:#9cd9e68c;font-size:7px;font-style:normal;line-height:1.5}.charge-meter{width:100%;height:5px;margin-top:8px;overflow:hidden;border:1px solid rgba(38,152,255,.32);background:#00355c3d}.charge-meter i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#004cff,#00a2ff 70%,#b5f7ff);box-shadow:0 0 13px #006dff;transform:scaleX(0);transform-origin:left;transition:transform .12s ease-out}body.power-dead .charge-readout{opacity:.72}body.power-dead .charge-readout strong{color:#47656d;text-shadow:none}body.power-low .charge-readout{opacity:.9;border-left-color:#ff2a18b8}body.power-low .charge-readout:before{background:#ff2414;box-shadow:0 0 14px #ff1608}body.power-low .charge-readout strong{color:#ff5a42;text-shadow:0 0 14px rgba(255,22,8,.72)}body.power-low .charge-readout em{color:#ff8270c2}body.power-low .charge-meter{border-color:#ff301c80;background:#56000052}body.power-low .charge-meter i{background:linear-gradient(90deg,#8c0000,#ff2414 70%,#ff9c86);box-shadow:0 0 13px #ff1608}.result-callout{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) scale(.2) rotate(-8deg);text-align:center;opacity:0;color:#fff;text-shadow:0 0 8px #fff,0 0 18px #ff9a00,0 0 48px #f30;transition:none}.result-callout span{display:block;color:#ffe8be;font-size:clamp(12px,1.1vw,18px);font-weight:900;letter-spacing:.32em}.result-callout strong{display:block;font-family:Impact,sans-serif;font-size:clamp(54px,10vw,140px);line-height:.95;letter-spacing:.03em}.stone-answer-pending .result-callout strong,.stone-answer-active .result-callout strong{visibility:hidden}.stone-answer-pending .result-callout span,.stone-answer-active .result-callout span{color:#d9ddd9;text-shadow:0 2px 2px #050606,0 0 18px rgba(255,106,0,.8),0 0 28px rgba(73,239,255,.42)}.stone-answer-active .reticle,.stone-answer-shattering .reticle{opacity:0}.result-callout.show{animation:result-blast 1.8s cubic-bezier(.11,.8,.18,1) both}@keyframes result-blast{0%{opacity:0;transform:translate(-50%,-50%) scale(3.5) rotate(-8deg);filter:blur(22px)}12%{opacity:1;transform:translate(-50%,-50%) scale(.86) rotate(2deg);filter:blur(0)}25%{transform:translate(-50%,-50%) scale(1.15) rotate(-1deg)}72%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-65%) scale(1.35);filter:blur(4px)}}.status,.mode{padding:9px 13px}.status i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px var(--orange);animation:blink .6s infinite alternate}@keyframes blink{to{opacity:.35}}.status strong,.mode strong{color:var(--orange)}.hint{color:#d6f6fa99;font-size:9px;display:flex;gap:12px}.hint b{color:var(--orange)}.hint strong{color:#fff1c8}.dots{margin-left:9px;color:var(--cyan);letter-spacing:.32em;font-size:7px}.boot{position:fixed;inset:0;z-index:100;display:grid;place-content:center;justify-items:center;gap:18px;background:#010203;color:var(--orange);transition:opacity .65s ease,visibility .65s}.boot.done{opacity:0;visibility:hidden}.boot-mark{font-size:62px;animation:boot-spin 1s linear infinite;filter:drop-shadow(0 0 20px #f60)}.boot-title{font-weight:900;letter-spacing:.32em;font-size:14px}.boot-bar{width:280px;height:5px;background:#20120a;overflow:hidden}.boot-bar i{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ff6a00,#fff2b0);transform:translate(-100%);animation:boot-load 1.25s cubic-bezier(.2,.8,.2,1) forwards}@keyframes boot-spin{to{transform:rotate(360deg)}}@keyframes boot-load{to{transform:translate(0)}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.a11y-keypad{position:fixed;left:-10000px;bottom:70px;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);pointer-events:auto}.a11y-keypad:focus-within{left:50%;z-index:120;display:grid;grid-template-columns:repeat(4,minmax(48px,70px));gap:5px;width:auto;height:auto;padding:10px;overflow:visible;clip:auto;transform:translate(-50%);border:1px solid rgba(73,239,255,.72);background:#020507f5;box-shadow:0 0 32px #000000db,inset 0 0 22px #49efff0f}.a11y-keypad button{min-height:34px;border:1px solid rgba(255,106,0,.42);background:#11161a;color:#eefcff;font:800 10px/1.1 Arial Narrow,system-ui,sans-serif;text-transform:uppercase}.a11y-keypad button:focus-visible{outline:2px solid #49efff;outline-offset:2px;color:#fff;background:#202a2e}.a11y-keypad button[data-calculator-key="="]{background:#c94d08}@media(max-width:760px){.topbar,.bottombar{left:10px;right:10px}.topbar{top:10px}.bottombar{bottom:9px}.brand-name{display:none}.detonation{width:34vw;margin-left:8px;font-size:8px}.sound span:last-child{display:none}.sound{padding:10px 12px}.hint{display:none}.status,.mode{font-size:8px;padding:8px 9px}.dots{display:none}.charge-readout{left:10px;top:64px;width:118px;transform:scale(.82);transform-origin:top left}}@media(prefers-reduced-motion:reduce){.scanlines{display:none}.meter i,.boot-mark,.status i{animation:none}.cinematic-letterbox i,.topbar,.bottombar{transition-duration:.01s}.flash.liftoff:not(.fire):not(.stone-fire){animation:liftoff-flash-reduced .24s ease-out both}}