@import url('./overlays.css');
:root{color-scheme:dark;--bg:#030b13;--text:#e4f4ff;--muted:#91b1c7;--orange:#ffad58;--green:#b2ff81;--blue:#69d5ff;--font:'Bahnschrift','Arial Narrow',Arial,sans-serif;--panel-art:url('../../public/assets/ui-v2/multiplier-panel.png');--button-art:url('../../public/assets/ui-v2/primary-button.png')}
*,*::before,*::after{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#020914}body{display:grid;place-items:center;color:var(--text);font-family:var(--font);font-variant-numeric:tabular-nums;background:radial-gradient(ellipse at center,#102c46,#020914 75%)}button,input,select{font:inherit}button{color:inherit;cursor:pointer;touch-action:manipulation;border:1px solid #476b87;background:#112a3d}button:hover:not(:disabled){filter:brightness(1.22)}button:disabled{cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #a7efff;outline-offset:2px}button:active:not(:disabled){transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit}h1,h2,h3,p{margin:0}small{font-size:11px}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;width:24px;height:24px}.icon-defs{position:absolute;pointer-events:none}
/* A single illustrated housing always retains its original 1672:941 proportion. */
#app{position:relative;container-type:inline-size;width:min(100vw,calc(100dvh * 1672 / 941));aspect-ratio:1672/941;isolation:isolate;overflow:hidden;background:#061422;box-shadow:0 0 80px #000}
.cockpit-shell{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none;user-select:none}
.topbar,.console{display:contents}.brand{position:absolute;z-index:7;left:25%;top:-3.5%;width:49%;filter:drop-shadow(0 .4cqw .4cqw #0008)}.brand img{display:block;width:100%;height:auto}.wallet{position:absolute;z-index:6;left:74%;top:1.6%;width:14%;height:5.7%;display:flex;gap:.65cqw;align-items:center;justify-content:center}.wallet small{display:block;font-size:.5cqw;letter-spacing:.09cqw;color:#bad6e2}.wallet b{color:#ffe395;font-size:1.55cqw;line-height:1.1;text-shadow:0 0 .7cqw #e795254d}.wallet .cr{font-size:.5cqw;color:#c69d53}.coin{color:#ffe396;font-size:2.3cqw;text-shadow:0 0 .6cqw #ff9610}.icon-button{display:grid;place-items:center;border:0;background:transparent;color:#79dcff;text-shadow:0 0 1cqw #159df7}.icon-button svg{width:2.4cqw;height:2.4cqw;filter:drop-shadow(0 0 .2cqw #258aea)}#sound-button,#fullscreen-button{position:absolute;z-index:6;top:1.9%;width:3.8%;height:5.4%}#sound-button{left:90.4%}#fullscreen-button{left:95.4%}.icon-button[aria-pressed=true]{color:#ffac8c}#intro-button{position:absolute;z-index:5;left:3%;top:7%;display:flex;gap:.45cqw;align-items:center;font-size:.72cqw;letter-spacing:.08cqw;background:#061320aa;padding:.35cqw .7cqw}#intro-button svg{width:1cqw;height:1cqw}
#arena{position:absolute;left:18.6%;top:15.8%;width:63.6%;height:61.2%;z-index:1;overflow:hidden;background:#503225;isolation:isolate}#world{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-2}#arena::after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#040c15c9,transparent 23%),linear-gradient(90deg,#09142342,transparent 30%)}.scene-top{position:absolute;left:3.5%;top:8%;pointer-events:none}.eyebrow{color:#b8e7ff;font-size:.63cqw;letter-spacing:.12cqw}.location h1{font-size:1.05cqw;letter-spacing:.1cqw;margin-top:.3cqw;text-shadow:0 2px 8px #000}.location .eyebrow{font-size:.5cqw}.live-chip{display:none}
.power-panel{position:absolute;z-index:4;left:1.65%;top:22.4%;width:14.4%;height:55.1%;display:grid;grid-template-rows:repeat(6,1fr);gap:1.05%}.power-panel>.panel-label{position:absolute;top:-12.1%;width:100%;text-align:center;font-size:1.13cqw;font-weight:800;letter-spacing:.1cqw;color:#bef0ff;transform:rotate(2deg);text-shadow:0 0 .5cqw #247ce4}.collection-row{position:relative;display:flex;align-items:center;gap:.18cqw;min-height:0;overflow:hidden;padding-right:.15cqw}.item-art{display:block;flex-shrink:0;width:5cqw;height:5cqw;background:url('../../public/assets/ui-v5/collection-icons-spaced.png') no-repeat;background-size:300% 200%;filter:drop-shadow(0 0 .35cqw #1a619c66)}.art-0{background-position:0 0}.art-1{background-position:50% 0}.art-2{background-position:100% 0}.art-3{background-position:0 100%}.art-4{background-position:50% 100%}.art-5{background-position:100% 100%}.collection-row b{font-size:.87cqw;line-height:1.2;letter-spacing:.02cqw;display:block;color:#bae7ff}.power.uranium b{color:#e1ff94}.power.minigun b{color:#ffd0b9}.power.grow b{color:#b8edff}.collection-row small{font-size:.57cqw;color:#b4d1e1;display:block;margin-top:.3cqw;line-height:1.3}.power-state{display:block;font-size:.45cqw;letter-spacing:.04cqw;margin-top:.3cqw;color:#749fbc}.power-fill{position:absolute;left:32%;bottom:8%;height:.16cqw;max-width:64%;background:#c1ff7a;box-shadow:0 0 .35cqw currentColor}.power.minigun .power-fill{background:#ff715f;color:#ff715f}.power.grow .power-fill{background:#66c7ff;color:#66c7ff}.power.active .item-art{filter:brightness(1.4) drop-shadow(0 0 .6cqw #a2d5ff)}.power.active .power-state{color:#fff}.hit-row strong{margin-left:auto;min-width:1.4cqw;text-align:center;color:#d8f6ff;font-size:1.22cqw;font-weight:800}.hit-row b{font-size:.76cqw}.hit-row small{color:#ffe0a4;font-size:.57cqw}
.multiplier-panel{position:absolute;right:16%;top:20.5%;width:16.9%;aspect-ratio:3/2;z-index:4;background:var(--panel-art) center/contain no-repeat;text-align:center;padding:2.35cqw 2cqw 1.8cqw;pointer-events:none;filter:drop-shadow(0 .4cqw .7cqw #0007);transform:rotate(-2deg)}.multiplier-panel .panel-label{font-size:.73cqw;letter-spacing:.08cqw;color:#ffd4a2;font-weight:800}.multiplier{font-size:3.6cqw;line-height:1;color:#ffe28e;font-weight:900;letter-spacing:-.08cqw;text-shadow:0 0 .85cqw #ff763b,0 2px #78350f;margin-top:.15cqw}.multiplier span{font-size:.55em;margin-left:.1cqw}.multiplier.pop{animation:multiplierPop .2s ease-out}.potential{display:flex;align-items:center;justify-content:center;gap:.4cqw;margin-top:.25cqw}.potential>span{font-size:.37cqw;color:#93adc2;max-width:3.2cqw;line-height:1.2;text-align:right;letter-spacing:.03cqw}.potential b{font-size:1cqw;white-space:nowrap}.potential small{font-size:.45cqw}.combo{position:absolute;left:13%;right:13%;top:91%;padding:.45cqw .3cqw .25cqw;background:#061626d9;transform:rotate(2deg)}.combo>span{display:block;font-size:.47cqw;color:#cce6f9;white-space:nowrap}.combo>div{margin-top:.25cqw;height:.12cqw;background:#23445f}.combo i{display:block;height:100%;background:#ffb058}
.ready-copy,.flight-prompt{position:absolute;bottom:13%;left:6%;width:55%;text-align:left;text-shadow:0 2px 10px #0009;pointer-events:none}.ready-copy h2{color:#fff0ca;font-size:2.15cqw;font-weight:900;letter-spacing:.04cqw;line-height:1.06;margin:.45cqw 0}.ready-copy p{font-size:.85cqw;line-height:1.45;color:#d8e1e0}.text-button{border:0;background:none;color:#bce6ff;font-size:.63cqw;letter-spacing:.06cqw;padding:.5cqw 0}.ready-copy .text-button{pointer-events:auto;margin-top:.3cqw}.event-text{position:absolute;top:25%;left:9%;max-width:55%;color:#fff0cb;font-size:.95cqw;font-weight:800;letter-spacing:.06cqw;text-shadow:0 2px 8px #000,0 0 20px #f07835;pointer-events:none}.event-text.flash{animation:eventFlash .25s ease-out}#floating-points{position:absolute;inset:0;pointer-events:none;overflow:hidden}.floating-point{position:absolute;color:#ffe1a0;font-size:2cqw;font-weight:900;text-shadow:0 0 10px #fb8e40,2px 2px #512c17;animation:pointRise 1s ease-out forwards}.flight-prompt{left:50%;transform:translateX(-50%);text-align:center;width:85%;bottom:11%}.flight-prompt>span{display:block;color:#b2e8ff;font-size:.6cqw;letter-spacing:.13cqw}.flight-prompt>b{display:block;color:#fff1cd;font-size:1.5cqw;line-height:1.15;margin:.4cqw 0}.flight-prompt>small{display:block;color:#d5e2ec;font-size:.68cqw;line-height:1.4}.flight-prompt.safe>b{color:var(--green)}
.bottom-telemetry{position:absolute;bottom:3.1%;left:7%;right:7%;display:flex;gap:2cqw;align-items:center;pointer-events:none}.course{flex:1;min-width:0}.course-caption{display:flex;justify-content:space-between;align-items:baseline;color:#c9e3f2;font-size:.59cqw;letter-spacing:.035cqw}.course-caption b{font-size:.8cqw}.course-caption small{font-size:.48cqw;color:#b5d4e7}.course-line{position:relative;height:.22cqw;margin-top:.4cqw;background:#122c39;border:1px solid #6892a4}#course-progress{width:0;height:100%;background:#78ddff;box-shadow:0 0 .4cqw #48bcf8}.course-line>i{position:absolute;top:-.16cqw;width:1px;height:.5cqw;background:#a6c5d4}#course-orb{position:absolute;top:-.2cqw;left:0;width:.55cqw;height:.55cqw;background:#e7fbff;border:1px solid #55cbff;border-radius:50%;box-shadow:0 0 .4cqw #3eb6ff}.energy{width:10cqw;flex-shrink:0}.energy>div:first-child{display:flex;justify-content:space-between;color:#c0deef;font-size:.5cqw}.energy-meter{height:.4cqw;margin-top:.45cqw;background:#0a211c;border:1px solid #45694a;overflow:hidden}.energy-meter i{display:block;width:100%;height:100%;background:repeating-linear-gradient(90deg,#b0ff75 0,#b0ff75 .6cqw,#2f4932 .6cqw,#2f4932 .8cqw)}
.utility-controls{position:absolute;left:1.65%;top:85.5%;width:12.3%;height:9%;display:flex;justify-content:space-between;z-index:4}.utility-controls .icon-button{width:45%;font-size:3.1cqw;font-weight:900}.utility-controls svg{width:3cqw;height:3cqw}.stake-control{position:absolute;left:18.8%;top:84.3%;width:15%;height:11.3%;z-index:4}.stake-control label{position:absolute;top:-13%;left:0;width:100%;text-align:center;font-size:.8cqw;letter-spacing:.06cqw;font-weight:700;color:#bbddf4}.stake-control label span{display:none}.stake-input{display:flex;width:100%;height:65%;align-items:center;gap:.15cqw}.stake-input button{width:2.1cqw;flex-shrink:0;height:2.8cqw;font-size:2cqw;border:0;background:transparent;color:#85e7ff;text-shadow:0 0 .5cqw #1ba3ff}.stake-input input{appearance:textfield;width:100%;min-width:0;border:0;background:none;color:#fff1d6;text-align:center;font-size:1.85cqw;font-weight:800}.stake-input input::-webkit-inner-spin-button{appearance:none}.stake-presets{display:flex;gap:.6cqw;padding-inline:.7cqw}.stake-presets button{flex:1;padding:0;border:0;background:transparent;color:#9dbfd4;font-size:.62cqw}.stake-presets button.selected{color:#ffdfa0}.stake-control button:disabled,.stake-control input:disabled{opacity:.55}.launch-control{position:absolute;left:39.9%;top:81.7%;width:20.6%;height:14.4%;z-index:4;text-align:center}.launch-button{height:87%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.3cqw;border:0;background:transparent;text-shadow:0 .15cqw .15cqw #701400}.launch-button b{font-size:2.35cqw;line-height:1.1;color:#fff7de;font-weight:900;letter-spacing:.05cqw;white-space:nowrap}.launch-button small{font-size:.55cqw;color:#ffd3aa;letter-spacing:.04cqw;margin-top:.3cqw}.launch-button:disabled b{font-size:1.5cqw}.launch-button:disabled small{font-size:.4cqw}.launch-help{color:#c1dcf0;font-size:.44cqw;letter-spacing:.08cqw;line-height:1.1;white-space:nowrap}.speed-button{position:absolute;z-index:4;left:65.05%;top:86%;width:10.2%;height:6.1%;border:0;background:transparent;display:flex;align-items:center;justify-content:flex-end;gap:.55cqw;font-size:.82cqw;color:#bdddf4;padding:0 .4cqw}.speed-button i{position:absolute;left:1%;width:2.4cqw;height:2.4cqw;border-radius:50%;background:radial-gradient(circle at 38% 28%,#e1f6ff,#6f9ab7 58%,#06172b 65%);box-shadow:0 0 .2cqw #90d6ff}.speed-button span{position:absolute;right:16%;top:80%;font-size:.48cqw;color:#819eaf}.speed-button[aria-pressed=true] i{background:radial-gradient(circle at 38% 28%,#fff,#46d3ff 50%,#055894 65%);box-shadow:0 0 1cqw #21b9ff}.speed-button[aria-pressed=true] span{color:#9ae9ff}.risk-control{position:absolute;z-index:4;left:79.2%;top:85.1%;width:18.1%;height:10.5%}.risk-caption{position:absolute;left:0;right:0;top:-30%;text-align:center;font-size:.9cqw;color:#bfe9ff;letter-spacing:.12cqw;font-weight:700}.risk-caption b{display:none}#risk-levels{display:flex;gap:.4cqw;height:65%;align-items:stretch}#risk-levels button{flex:1;min-width:0;border:0;background:transparent;font-size:1.55cqw;color:#ade1ff;font-weight:800;padding:0;text-shadow:0 0 .4cqw #0d7bfd}#risk-levels button.selected{background:#78300988;color:#fff3b6;box-shadow:inset 0 0 0 .12cqw #ffb746,0 0 .8cqw #ff8c0055;text-shadow:0 0 .5cqw #ff7c18;border-radius:.2cqw}.risk-details{display:flex;justify-content:space-between;font-size:.49cqw;line-height:1.3;color:#b2cbdc;padding-top:.45cqw}.risk-details b{color:#ffde9a;font-weight:500}.history-strip{position:absolute;z-index:4;right:1.8%;top:57%;width:12.3%;padding:.6cqw;background:#031224bf;border:1px solid #60b6d344;box-shadow:0 .3cqw 1cqw #02080c80}.history-label{display:block;color:#a9d9ed;font-size:.65cqw;letter-spacing:.09cqw;margin-bottom:.5cqw}#history{display:flex;gap:.3cqw;flex-wrap:wrap;max-height:5cqw;overflow:hidden}.history-pill{padding:.3cqw .45cqw;color:#c9ffa3;background:#203d2677;border:1px solid #62855888;font-size:.64cqw}.history-pill.lost{color:#ffd0b6;background:#4b242177;border-color:#9e5c4588}.empty-history{font-size:.62cqw;line-height:1.5;color:#a9c8d9}footer{position:absolute;z-index:4;bottom:.55%;left:2%;right:2%;display:flex;justify-content:space-between;color:#92b1c8;font-size:.43cqw;letter-spacing:.065cqw;text-shadow:0 1px 3px #000}footer i{display:inline-block;width:.24cqw;height:.24cqw;margin-right:.3cqw;border-radius:50%;background:#9edb71}
.result-banner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:29cqw;aspect-ratio:3/2;padding:4.1cqw 4cqw 2.9cqw;text-align:center;background:var(--panel-art) center/contain no-repeat;z-index:10;filter:drop-shadow(0 1cqw 2cqw #000a)}.result-banner .eyebrow{color:#c6f39e;font-size:.63cqw;line-height:1.3;letter-spacing:.06cqw;display:block}.result-banner h2{color:#e0ffc5;font-size:2.15cqw;line-height:1.1;margin:.5cqw 0}.result-banner #result-amount{color:#ffe0a1;font-size:1.9cqw;font-weight:700;line-height:1.1}.result-banner #result-amount small{display:block;font-size:.65cqw;font-weight:400;margin-top:.25cqw}.result-banner p{font-size:.66cqw;line-height:1.4;color:#b8d4e8;margin-top:.65cqw}.result-banner.lost .eyebrow,.result-banner.lost h2{color:#ffb294}.result-banner.lost #result-amount{color:#edc3b6}.paused-overlay{z-index:25}.paused-overlay>span{font-size:.9cqw}.paused-overlay .primary{width:20cqw;aspect-ratio:3/1;background:var(--button-art) center/contain no-repeat;border:0;color:#fff0d4;font-size:1.1cqw;text-shadow:0 2px 2px #601a0a;min-height:0}.settings-row{display:flex;align-items:center;justify-content:space-between}.settings-note{padding:14px;margin-top:20px;background:#081724;border:1px solid #34546d;font-size:12px;line-height:1.6}.risk-table{width:100%;border-collapse:collapse;margin-top:15px;font-size:12px}.risk-table td,.risk-table th{text-align:left;padding:8px;border-bottom:1px solid #375065}kbd{font:inherit;font-size:11px;padding:2px 5px;border:1px solid #4c6e87;background:#061524}.cinema video::cue{font-family:Arial,sans-serif;font-size:22px;background:#000b;color:white}
@keyframes multiplierPop{50%{transform:scale(1.08)}}@keyframes eventFlash{from{opacity:0}to{opacity:1}}@keyframes pointRise{0%{opacity:1;transform:translate(-50%,0) scale(.9)}20%{transform:translate(-50%,-15px) scale(1.2)}100%{opacity:0;transform:translate(-50%,-90px) scale(.95)}}
/* Portrait uses the same illustrated components without stretching the landscape housing. */
@media(max-aspect-ratio:1/1){
#app{width:100vw;height:100dvh;aspect-ratio:auto;max-width:650px;background:#061422}.cockpit-shell{object-fit:cover;object-position:85% center;opacity:.6}.brand{width:78%;left:0;top:-.6%;z-index:7}.wallet{left:auto;right:3%;top:9%;width:39%;height:5%;background:#021322d9;border:1px solid #4e96b8}.wallet small{font-size:1.4cqw}.wallet b{font-size:4.5cqw}.wallet .cr{font-size:1.3cqw}.coin{font-size:6cqw}#sound-button,#fullscreen-button{top:2%;width:9%;height:5%;background:#04182dcc;border:1px solid #4c8bac}#sound-button{left:78%}#fullscreen-button{left:89%}.icon-button svg{width:5.5cqw;height:5.5cqw}#intro-button{top:11%;left:4%;font-size:2.2cqw;padding:1cqw}#intro-button svg{width:3cqw;height:3cqw}
#arena{left:3%;top:16%;width:94%;height:52%;border:1.5cqw solid transparent;border-image:url('../../public/assets/ui-v3/compact-panel.png') 240 / 3cqw / 0 stretch}.scene-top{top:4%;left:4%}.location .eyebrow{font-size:1.4cqw}.location h1{font-size:2.5cqw}.ready-copy{bottom:14%;width:70%;left:7%}.ready-copy .eyebrow{font-size:1.5cqw}.ready-copy h2{font-size:5.5cqw;margin:1cqw 0}.ready-copy p{font-size:2.7cqw}.ready-copy .text-button{font-size:2cqw}.multiplier-panel{right:2%;top:19%;width:43%;padding:6cqw 5cqw 4cqw;transform:none}.multiplier-panel .panel-label{font-size:1.8cqw}.multiplier{font-size:9cqw}.potential>span{display:none}.potential b{font-size:2.5cqw}.potential small{font-size:1.4cqw}.combo{transform:none;padding:1cqw}.combo>span{font-size:1.3cqw}.combo>div{height:.4cqw}.power-panel{left:3%;top:69%;width:94%;height:9.5%;grid-template-columns:repeat(6,1fr);grid-template-rows:1fr;gap:1%}.power-panel>.panel-label{display:none}.collection-row{display:flex;flex-direction:column;gap:0;background:#021529d9;border:1px solid #5081a0;padding:.5cqw 0;text-align:center}.item-art{width:10cqw;height:10cqw}.collection-row b,.hit-row b{font-size:1.5cqw;line-height:1.1}.collection-row small{display:none}.power-state{font-size:1.2cqw;margin-top:.5cqw}.hit-row strong{position:absolute;right:1cqw;top:1cqw;font-size:2.5cqw;text-shadow:0 2px 2px #000}.power-fill{left:4%;bottom:3%;max-width:92%;height:.5cqw}.bottom-telemetry{bottom:4%;left:5%;right:5%;gap:2cqw}.course-caption{font-size:1.6cqw}.course-caption b{font-size:2.3cqw}.course-caption small{font-size:1.4cqw}.course-line{height:.6cqw;margin-top:1.3cqw}.course-line>i{height:1.5cqw;top:-.5cqw}#course-orb{height:1.8cqw;width:1.8cqw;top:-.7cqw}.energy{width:24cqw}.energy>div:first-child{font-size:1.4cqw}.energy-meter{height:1.2cqw;margin-top:1cqw}.flight-prompt{bottom:13%}.flight-prompt>span{font-size:1.6cqw}.flight-prompt>b{font-size:4cqw;margin:1.3cqw 0}.flight-prompt>small{font-size:2.1cqw}.event-text{font-size:2.4cqw;max-width:60%;top:28%;left:6%}.floating-point{font-size:6cqw}
.utility-controls{left:3%;top:93%;width:21%;height:5.5%;gap:1cqw}.utility-controls .icon-button{background:#08223cd9;border:1px solid #528fae;font-size:6cqw}.utility-controls svg{width:5cqw;height:5cqw}.stake-control{left:4%;top:81%;width:35%;height:9%;border:1px solid #5387a4;background:#021221ef;padding:1cqw}.stake-control label{font-size:2.3cqw;top:-22%;background:#041422}.stake-input{height:68%}.stake-input input{font-size:5cqw}.stake-input button{font-size:6cqw;width:7cqw;height:7cqw}.stake-presets{gap:1cqw}.stake-presets button{font-size:2cqw}.launch-control{left:42%;top:78.5%;width:55%;height:13%;background:var(--button-art) center/contain no-repeat}.launch-button{height:100%;padding-bottom:1cqw}.launch-button b{font-size:5.5cqw}.launch-button small{font-size:1.4cqw;margin-top:1cqw}.launch-button:disabled b{font-size:4cqw}.launch-button:disabled small{font-size:1cqw}.launch-help{display:none}.risk-control{left:46%;top:92%;width:49%;height:6%}.risk-caption{font-size:2.2cqw;top:-33%}#risk-levels{gap:1cqw;height:75%}#risk-levels button{font-size:4cqw;border:1px solid #3e85ab;background:#09253ce0}#risk-levels button.selected{background:#71350fe0;border-color:#ffbf5f}.risk-details{font-size:1.2cqw;padding-top:.5cqw}.speed-button{left:27%;top:94%;width:17%;height:4%;background:#051b30d9;border:1px solid #4789a4;font-size:2cqw;padding-right:1cqw}.speed-button i{width:4cqw;height:4cqw;left:4%}.speed-button span{font-size:1.2cqw;top:72%;right:20%}.history-strip{display:none}footer{bottom:.5%;font-size:1.2cqw;justify-content:center}footer>span:first-child,footer>span:last-child{display:none}.result-banner{width:83cqw;padding:11.9cqw 11.8cqw 8.3cqw}.result-banner .eyebrow{font-size:1.7cqw}.result-banner h2{font-size:6cqw;margin:1.4cqw 0}.result-banner #result-amount{font-size:5.5cqw}.result-banner #result-amount small{font-size:1.8cqw}.result-banner p{font-size:1.9cqw;margin-top:1.6cqw}.paused-overlay>span{font-size:3cqw}.paused-overlay .primary{width:65cqw;font-size:3.7cqw}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important}}
/* Final alignment follows the illustrated wells, not viewport stretch. */
@media(min-aspect-ratio:1/1){.collection-row b{font-size:1cqw}.hit-row b{font-size:.86cqw}.collection-row small{font-size:.63cqw}.power-state{font-size:.51cqw}.risk-control{top:86.5%;height:9.3%}.risk-caption{top:-40%}#risk-levels{height:65%}.risk-details{padding-top:.4cqw}}
@media(max-aspect-ratio:1/1){.cockpit-shell{z-index:0}.power-panel{top:64%;height:14.4%;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:4% 1.5%}.collection-row{flex-direction:row;text-align:left;padding:.5cqw;gap:.5cqw}.collection-row b,.hit-row b{font-size:2.1cqw}.power-state{font-size:1.65cqw}.hit-row strong{top:auto;bottom:1cqw;right:1.5cqw;font-size:3cqw}.hit-row small{display:block;font-size:1.7cqw;color:#ffdfa2}.item-art{width:11cqw;height:11cqw}#arena{height:46.5%}.power-fill{bottom:6%;height:.4cqw}.risk-details{font-size:1.4cqw}}

/* The label and hover artwork share the source image's coordinates. The red
   face is centered at (836,813), above the centre of its projecting metal base. */
@media(min-aspect-ratio:1/1){
 .launch-control{left:calc(630 / 1672 * 100%);top:calc(730 / 941 * 100%);width:calc(420 / 1672 * 100%);height:calc(185 / 941 * 100%)}
 .launch-button::before{background:url('../../public/assets/ui-v5/cockpit-shell.png') calc(-630 / 1672 * 100cqw) calc(-730 / 1672 * 100cqw) / 100cqw auto no-repeat;clip-path:polygon(13% 0,87% 0,100% 25%,100% 76%,89% 100%,11% 100%,0 76%,0 25%)}
 .launch-button b{left:calc(206 / 420 * 100%);top:calc(83 / 185 * 100%)}
}
.launch-button{position:relative;display:block;width:100%;height:100%;padding:0;border:0;background:transparent;isolation:isolate;filter:none;transform:none;outline:0}
.launch-button::before{content:'';position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;filter:brightness(1.26) saturate(1.12);transition:opacity 140ms ease-out,filter 70ms ease-out}
.launch-button b{position:absolute;z-index:1;display:block;margin:0;padding:0;line-height:1;transform:translate(-50%,-50%) translateY(-.06em);transition:color 140ms ease-out,text-shadow 140ms ease-out;pointer-events:none}
@supports(text-box-trim:trim-both){.launch-button b{text-box-trim:trim-both;text-box-edge:cap alphabetic;transform:translate(-50%,-50%)}}
.launch-button:focus-visible::before{opacity:1}.launch-button:focus-visible b{color:#fff; text-shadow:0 0 .7cqw #ffbd59,0 .12cqw .15cqw #701400}
@media(hover:hover) and (pointer:fine){.launch-button:hover:not(:disabled){filter:none}.launch-button:hover:not(:disabled)::before{opacity:1}.launch-button:hover:not(:disabled) b{color:#fff;text-shadow:0 0 .7cqw #ffbd59,0 .12cqw .15cqw #701400}}
.launch-button:active:not(:disabled){transform:none;filter:none}.launch-button:active:not(:disabled)::before{opacity:1;filter:brightness(.86) saturate(1.2)}.launch-button:active:not(:disabled) b{color:#ffe4b6;text-shadow:0 .08cqw .12cqw #701400}
.launch-button:disabled::before{opacity:0}.launch-button:disabled b{color:#ecd5c5;text-shadow:0 .12cqw .15cqw #701400}
@media(max-aspect-ratio:1/1){
 .launch-control{left:42%;top:80.7%;width:55%;height:auto;aspect-ratio:3/1;background:var(--button-art) center/contain no-repeat}
 .launch-button{position:absolute;inset:0;padding:0;height:100%}
 .launch-button::before{background:var(--button-art) center/contain no-repeat;clip-path:none}
 .launch-button b{left:50%;top:calc(334 / 724 * 100%)}
}
@media(prefers-reduced-motion:reduce){.launch-button::before,.launch-button b{transition:none}}
.reduced-motion .launch-button::before,.reduced-motion .launch-button b{transition:none}

/* Live receipts occupy the six illustrated wells. Older receipts remain
   scrollable; the unfilled wells stay empty until a real collection occurs. */
.power-panel{display:block;pointer-events:auto}
.collections-title{position:absolute;left:51%;top:-8.5%;width:90%;height:auto;transform:translate(-50%,-50%) rotate(2.7deg);pointer-events:none;user-select:none;filter:drop-shadow(0 .08cqw .12cqw #020e20)}
.collections-feed{position:absolute;inset:0;margin:0;padding:0 .2cqw 0 0;list-style:none;display:flex;flex-direction:column;gap:1.05%;overflow-x:hidden;overflow-y:auto;overflow-anchor:none;scroll-snap-type:y proximity;scrollbar-width:thin;scrollbar-color:#3c90b1 #06152355;outline-offset:3px}
.collection-entry{position:relative;display:flex;align-items:center;flex:none;height:15.79167%;min-height:0;gap:.12cqw;scroll-snap-align:start;padding:0 .24cqw 0 0;isolation:isolate;transform-origin:50% 50%}
.collection-entry .item-art{width:4.55cqw;height:4.55cqw;flex-shrink:0;pointer-events:none;position:relative;z-index:1;filter:drop-shadow(0 0 .2cqw #58a6db33)}
.collection-copy{flex:1;min-width:0;position:relative;z-index:1}.collection-copy b{display:block;color:#c4ecff;font-size:.83cqw;letter-spacing:.01cqw;line-height:1.15;white-space:nowrap}.collection-copy small{display:block;font-size:.49cqw;line-height:1.35;color:#8aaec6;margin-top:.35cqw;white-space:nowrap;letter-spacing:.015cqw}
.collection-value{position:relative;z-index:1;flex-shrink:0;min-width:2.3cqw;color:var(--collection-accent);font-size:1.17cqw;line-height:1;text-align:right;letter-spacing:-.02cqw;text-shadow:0 0 .5cqw #ffbc4630}.collection-entry[data-type=uranium] .collection-value,.collection-entry[data-type=minigun] .collection-value,.collection-entry[data-type=grow] .collection-value{font-size:.65cqw;letter-spacing:.02cqw}.collection-entry[data-type=uranium] .collection-copy b{color:#d4ffac}.collection-entry[data-type=minigun] .collection-copy b{color:#ffc4b2}.collection-entry[data-type=grow] .collection-copy b{color:#a6e9ff}
.collection-entry::before{content:'';position:absolute;inset:9% 0;background:linear-gradient(100deg,transparent,var(--collection-accent),transparent);opacity:0;pointer-events:none;z-index:0;clip-path:polygon(4% 0,96% 0,100% 15%,100% 85%,96% 100%,4% 100%,0 85%,0 15%)}
.collection-arrival{animation:collectionReceipt 400ms cubic-bezier(.16,1,.3,1)}.collection-arrival .item-art{animation:collectionIcon 460ms cubic-bezier(.16,1,.3,1)}.collection-arrival::before{animation:collectionFlash 520ms ease-out}
@keyframes collectionReceipt{0%{opacity:0;transform:translateX(-14%) scale(.86)}55%{opacity:1;transform:translateX(0) scale(1.025)}100%{opacity:1;transform:none}}
@keyframes collectionIcon{0%{transform:scale(.5) rotate(-14deg);filter:brightness(2.4) drop-shadow(0 0 .8cqw var(--collection-accent))}65%{transform:scale(1.18) rotate(4deg)}100%{transform:none}}
@keyframes collectionFlash{0%{opacity:0;transform:translateX(-90%)}22%{opacity:.42}100%{opacity:0;transform:translateX(90%)}}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important}
@media(max-aspect-ratio:1/1){
 .power-panel{top:63.2%;height:15.3%;left:3%;width:94%;background:#04162bed;border:1px solid #407795;box-shadow:inset 0 0 0 1px #031022,0 0 1cqw #174b7066}
 .collections-title{left:50%;top:8.5%;width:34%;transform:translate(-50%,-50%)}
 .collections-feed{top:21%;left:1%;right:1%;bottom:1%;gap:2%;padding-right:1cqw}
 .collection-entry{height:32%;gap:1.4cqw;border-bottom:1px solid #43718d55;padding:0 1cqw}.collection-entry .item-art{width:8cqw;height:8cqw}.collection-copy b{font-size:2.6cqw}.collection-copy small{display:inline;margin-top:0;font-size:1.8cqw}.collection-value{font-size:3.5cqw;min-width:12cqw}.collection-entry[data-type=uranium] .collection-value,.collection-entry[data-type=minigun] .collection-value,.collection-entry[data-type=grow] .collection-value{font-size:2.4cqw}
}
@media(prefers-reduced-motion:reduce){.collection-arrival,.collection-arrival .item-art,.collection-arrival::before{animation:none}}
.reduced-motion .collection-arrival,.reduced-motion .collection-arrival .item-art,.reduced-motion .collection-arrival::before{animation:none}
/* Each utility glyph is centered on its own illustrated well. */
@media(min-aspect-ratio:1/1){
 .utility-controls{position:static;display:contents}
 .utility-controls .icon-button{position:absolute;width:5.5%;height:auto;aspect-ratio:1;padding:0;z-index:4;transform:translate(-50%,-50%)}
 .utility-controls #rules-button{left:4.439%;top:89.911%}
 .utility-controls #settings-button{left:11.480%;top:89.396%}
 .utility-controls .icon-button:active:not(:disabled){transform:translate(-50%,-50%) scale(.97)}
}

/* Collection frames are attached to actual receipts. The continuous illustrated
   backplate covers the baked-in empty slots once the first round starts. */
.power-panel{isolation:isolate}
.power-panel::before{opacity:0;transition:opacity .25s ease;content:'';position:absolute;z-index:-1;left:-.3cqw;right:-.72cqw;top:-.36cqw;bottom:-.12cqw;background:url('../../public/assets/ui-v5/collections-backplate.png') center/100% 100% no-repeat;clip-path:polygon(1% 0,99% 2%,100% 3%,100% 97%,96% 99%,4% 100%,0 98%,0 2%);pointer-events:none}
#app.collections-started .power-panel::before{opacity:1}
.collections-title{width:80%;left:51%;top:-7.8%;transform:translate(-50%,-50%) rotate(3.4deg)}
.collections-feed{left:.1cqw;right:-.34cqw;top:0;bottom:.1cqw;padding:.1cqw .26cqw .12cqw 0;gap:.2cqw}
.collection-entry{display:block;height:5cqw;padding:0;min-height:5cqw;isolation:isolate}
.collection-face{position:absolute;inset:0;display:flex;align-items:center;gap:.1cqw;padding:0 .88cqw 0 .42cqw;transform:skewY(1.2deg);transform-origin:center}
.collection-card-art{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;user-select:none}
.collection-entry .item-art{width:3.9cqw;height:3.9cqw}
.collection-copy b{font-size:.78cqw;letter-spacing:0;line-height:1.15}
.collection-copy small{font-size:.45cqw;letter-spacing:0;margin-top:.25cqw;line-height:1.2}
.collection-value{min-width:2.05cqw;font-size:1.03cqw}
.collection-entry[data-type=uranium] .collection-value,.collection-entry[data-type=minigun] .collection-value,.collection-entry[data-type=grow] .collection-value{font-size:.59cqw;letter-spacing:0}
.collection-entry::before{display:none}
.collection-face::after{content:'';position:absolute;inset:12% 5%;z-index:2;background:linear-gradient(105deg,transparent 30%,var(--collection-accent) 50%,transparent 70%);opacity:0;pointer-events:none;clip-path:polygon(3% 0,97% 0,100% 12%,100% 88%,97% 100%,3% 100%,0 88%,0 12%)}
.collection-arrival .collection-face::after{animation:collectionFlash 520ms ease-out}
@media(max-aspect-ratio:1/1){
 .power-panel{background:#04162b;border:1px solid #407795}
 .power-panel::before{inset:0;clip-path:none;background-size:cover;background-position:center}
 .collections-title{left:50%;top:8.5%;width:30%;transform:translate(-50%,-50%)}
 .collections-feed{top:21%;left:1%;right:1%;bottom:1%;gap:2%;padding:0 1cqw 0 0}
 .collection-entry{height:32%;min-height:32%;border:0}
 .collection-face{inset:0;transform:none;padding:0 5cqw;gap:1.6cqw}
 .collection-card-art{object-fit:fill}
 .collection-entry .item-art{width:8cqw;height:8cqw}
 .collection-copy b{font-size:2.6cqw}.collection-copy small{display:block;font-size:1.65cqw;margin-top:.2cqw}
 .collection-value{font-size:3.5cqw;min-width:12cqw}
 .collection-entry[data-type=uranium] .collection-value,.collection-entry[data-type=minigun] .collection-value,.collection-entry[data-type=grow] .collection-value{font-size:2.4cqw}
}
@media(prefers-reduced-motion:reduce){.collection-arrival .collection-face::after{animation:none}}
.reduced-motion .collection-arrival .collection-face::after{animation:none}

/* Source-coordinate control placement keeps labels inside the painted wells. */
.control-ridge{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none}
.art-shield{background-image:url('../../public/assets/ui-v5/shield-icon.png');background-size:contain;background-position:center}
.collection-entry[data-type=shield] .collection-value{font-size:.59cqw;letter-spacing:0}
.collection-entry[data-type=shield] .collection-copy b{color:#acfff0}
.collection-entry[data-type=uranium] .collection-value{font-size:1.03cqw}
.shield-status{position:absolute;top:4%;left:4%;display:flex;align-items:center;gap:.35cqw;padding:.1cqw .65cqw .1cqw .15cqw;color:#a4ffec;background:#03292abe;border:1px solid #5be7df66;border-radius:.25cqw;pointer-events:none}
.shield-status img{width:2.9cqw;height:2.9cqw;object-fit:contain}.shield-status span{font-size:.63cqw;font-weight:800;letter-spacing:.04cqw}.shield-status small{display:block;font-size:.4cqw;margin-top:.2cqw;color:#b5ddd9}
@media(min-aspect-ratio:1/1){
 .stake-control{left:calc(304 / 1672 * 100%);top:calc(806 / 941 * 100%);width:calc(274 / 1672 * 100%);height:calc(64 / 941 * 100%)}
 .stake-control label{left:50%;top:calc(-17 / 64 * 100%);width:calc(220 / 274 * 100%);height:auto;aspect-ratio:3/1;transform:translate(-50%,-50%);margin:0}
 .stake-input{position:absolute;left:calc(12 / 274 * 100%);top:calc(8 / 64 * 100%);width:calc(250 / 274 * 100%);height:calc(36 / 64 * 100%);gap:0}
 .stake-input button{width:calc(36 / 250 * 100%);height:100%;font-size:1.85cqw;line-height:1;padding:0;display:grid;place-items:center}
 .stake-input input{height:100%;font-size:1.8cqw;line-height:1;padding:0}
 .stake-presets{position:absolute;left:calc(20 / 274 * 100%);right:calc(20 / 274 * 100%);bottom:calc(3 / 64 * 100%);height:calc(18 / 64 * 100%);padding:0;gap:0;align-items:center}
 .stake-presets button{height:100%;font-size:.65cqw;line-height:1;display:grid;place-items:center}
 .risk-control{left:calc(1326 / 1672 * 100%);top:calc(813 / 941 * 100%);width:calc(313 / 1672 * 100%);height:calc(86 / 941 * 100%)}
 .risk-caption{left:calc(162 / 313 * 100%);right:auto;top:calc(-16 / 86 * 100%);width:calc(260 / 313 * 100%);height:auto;aspect-ratio:3/1;transform:translate(-50%,-50%) rotate(2deg)}
 #risk-levels{position:absolute;inset:0;display:block;height:100%}
 #risk-levels button{position:absolute;display:grid;place-items:center;padding:0;line-height:1;font-size:1.5cqw;transform:translate(-50%,-50%) rotate(2deg);border-radius:0}
 #risk-levels button:active:not(:disabled){transform:translate(-50%,-50%) rotate(2deg) scale(.97)}
 #risk-levels button:nth-child(1){left:calc(28.5 / 313 * 100%);top:calc(32.5 / 86 * 100%);width:calc(56 / 313 * 100%);height:calc(61 / 86 * 100%)}
 #risk-levels button:nth-child(2){left:calc(91 / 313 * 100%);top:calc(34.5 / 86 * 100%);width:calc(56 / 313 * 100%);height:calc(63 / 86 * 100%)}
 #risk-levels button:nth-child(3){left:calc(154.5 / 313 * 100%);top:calc(36.5 / 86 * 100%);width:calc(57 / 313 * 100%);height:calc(65 / 86 * 100%)}
 #risk-levels button:nth-child(4){left:calc(218.5 / 313 * 100%);top:calc(39 / 86 * 100%);width:calc(57 / 313 * 100%);height:calc(66 / 86 * 100%)}
 #risk-levels button:nth-child(5){left:calc(283 / 313 * 100%);top:calc(41.5 / 86 * 100%);width:calc(58 / 313 * 100%);height:calc(67 / 86 * 100%)}
 #risk-levels button.selected{background:linear-gradient(#73330799,#c362135c);box-shadow:inset 0 0 0 .12cqw #ffbf5c,0 0 .55cqw #ff931940;clip-path:polygon(5% 0,96% 0,100% 6%,100% 94%,95% 100%,4% 100%,0 94%,0 6%)}
 .risk-details{position:absolute;left:.2cqw;right:.2cqw;top:calc(76 / 86 * 100%);padding:0;font-size:.45cqw;transform:rotate(2deg);transform-origin:center}
 .speed-button{left:calc(1085 / 1672 * 100%);top:calc(796 / 941 * 100%);width:calc(183 / 1672 * 100%);height:calc(83 / 941 * 100%);padding:0;display:block;font-size:.77cqw;isolation:isolate;transform:none}
 .speed-button b{position:absolute;left:69%;top:43%;transform:translate(-50%,-50%);line-height:1}
 .speed-button span{left:69%;right:auto;top:64%;transform:translate(-50%,-50%);font-size:.48cqw;line-height:1;letter-spacing:.08cqw}
}
.speed-button::before,.speed-button::after{content:'';position:absolute;inset:0;z-index:-1;background:url('../../public/assets/ui-v5/turbo-off.png') center/100% 100% no-repeat;pointer-events:none;transition:opacity 160ms ease-out}
.speed-button::after{background-image:url('../../public/assets/ui-v5/turbo-on.png');opacity:0}
.speed-button[aria-pressed=true]::after{opacity:1}
.speed-button i{display:none}
.speed-button[aria-pressed=true]{color:#efffff;text-shadow:0 0 .5cqw #56eaff}
.speed-button[aria-pressed=true] span{color:#9affef}
.speed-button:active:not(:disabled){transform:none;filter:brightness(.85)}
.speed-button:focus-visible{outline:2px solid #b9ffff;outline-offset:-.7cqw}
@media(max-aspect-ratio:1/1){
 .stake-control label{left:50%;top:-6%;width:105%;height:auto;aspect-ratio:3/1;transform:translate(-50%,-50%);background:none;font-size:0;pointer-events:none}
 .stake-input{height:62%;margin-top:5%}.stake-presets{height:24%;align-items:center}
 .risk-caption{left:50%;right:auto;top:-19%;width:80%;height:auto;aspect-ratio:3/1;transform:translate(-50%,-50%)}
 .speed-button{left:25%;top:92.7%;width:20%;height:5.7%;padding:0;border:0;background:none;isolation:isolate}
 .speed-button b{position:absolute;left:69%;top:43%;transform:translate(-50%,-50%);font-size:1.85cqw;line-height:1}
 .speed-button span{left:69%;right:auto;top:64%;transform:translate(-50%,-50%);font-size:1.25cqw;line-height:1}
 .collection-entry[data-type=shield] .collection-value{font-size:2.4cqw}.collection-entry[data-type=uranium] .collection-value{font-size:3.5cqw}
 .shield-status img{width:7cqw;height:7cqw}.shield-status span{font-size:1.65cqw}.shield-status small{font-size:1.2cqw}
}
@media(prefers-reduced-motion:reduce){.speed-button::before,.speed-button::after{transition:none}}
.reduced-motion .speed-button::before,.reduced-motion .speed-button::after{transition:none}

/* Keep active protection below the overhanging logo. */
.shield-status{top:16%}

/* Uncapped rewards and recoverable mine contacts use the same live receipt UI. */
.art-mine{background-image:url('../../public/assets/ui-v5/mine-icon.png');background-size:contain;background-position:center}
.collection-entry[data-type=mine] .collection-copy b{color:#ffd0a7}
.collection-entry[data-kind=blocked] .collection-copy b{color:#acfff0}
.collection-entry[data-kind=blocked] .collection-value{font-size:.59cqw}
.collection-long-detail .collection-copy small{font-size:.4cqw}
.multiplier{font-size:clamp(1.25cqw,calc(3.6cqw * var(--multiplier-fit,1)),3.6cqw)}
.multiplier.penalty{animation:mineMultiplier 480ms ease-out}
.floating-point.mine-penalty{color:#ffb094;text-shadow:0 0 .5cqw #ff5534,0 .1cqw #612110}
@keyframes mineMultiplier{0%,35%{color:#ff8065;text-shadow:0 0 .8cqw #ff351a}100%{color:#ffe28e}}
@media(max-aspect-ratio:1/1){
 .multiplier{font-size:clamp(3.2cqw,calc(9cqw * var(--multiplier-fit,1)),9cqw)}
 .collection-entry[data-kind=blocked] .collection-value{font-size:2.4cqw}
 .collection-long-detail .collection-copy small{font-size:1.4cqw}
}
@media(prefers-reduced-motion:reduce){.multiplier.penalty{animation:none}}
.reduced-motion .multiplier.penalty{animation:none}

/* Illustrated five-sector mission map replaces the former risk selector. */
.mission-map{position:absolute;z-index:5;left:77.6%;top:83.4%;width:21.4%;aspect-ratio:3/1;isolation:isolate;filter:drop-shadow(0 .25cqw .45cqw #0009);pointer-events:none}
.mission-map-art{position:absolute;inset:0;width:100%;height:100%;display:block}
.mission-track{position:absolute;left:12%;right:11%;top:34%;height:27%;transform:rotate(-2deg)}
.mission-track-line,.mission-track-fill{position:absolute;left:0;top:50%;height:.13cqw;transform:translateY(-50%);border-radius:1cqw}
.mission-track-line{width:100%;background:#254966;box-shadow:0 .06cqw #020913}
.mission-track-fill{width:var(--mission-progress,0%);max-width:100%;background:#76e4ff;box-shadow:0 0 .4cqw #2dc5ff}
.mission-track ol{padding:0;margin:0;list-style:none}
.mission-track li{position:absolute;top:50%;left:var(--node-x);width:1.15cqw;height:1.15cqw;transform:translate(-50%,-50%);display:grid;place-items:center;border:1px solid #466b86;border-radius:50%;background:radial-gradient(circle at 35% 28%,#1b3d53,#031321 73%);color:#6c8ca2;font-size:.63cqw;font-weight:800;box-shadow:0 .1cqw .2cqw #0009}
.mission-track li.current{color:#fff4d1;border-color:var(--sector-color);box-shadow:0 0 .45cqw var(--sector-color),inset 0 0 .4cqw #e6851f6b}
.mission-track li.completed{color:#b8ffe9;border-color:#6beccb;background:radial-gradient(circle,#1c665b,#082a2f 72%)}
/* Live distance has its own lane, clear of every sector number. */
.mission-progress-lane{position:absolute;left:0;right:0;top:calc(50% - .98cqw);height:.07cqw;min-height:1px;transform:translateY(-50%);border-radius:1cqw;background:#25465b;box-shadow:0 -.05cqw #020913}
.mission-progress-lane::before{content:"";position:absolute;left:0;top:0;bottom:0;width:var(--mission-progress,0%);max-width:100%;border-radius:inherit;background:linear-gradient(90deg,#327986,#ffca75);box-shadow:0 0 .15cqw #ffc56b77}
.mission-node-number{position:relative;z-index:1;line-height:1;text-shadow:0 .06cqw .12cqw #000}
.mission-track li.current .mission-node-number{color:#fff8e1;text-shadow:0 .06cqw .14cqw #000,0 0 .12cqw #fff5}
.mission-orb{position:absolute;left:var(--mission-progress,0%);top:calc(50% - .98cqw);width:.34cqw;height:.34cqw;transform:translate(-50%,-50%);border:1px solid #ffebae;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fffce4 15%,#ffd47d 46%,#ef8840 85%);box-shadow:0 0 .2cqw #ffc370,0 0 .35cqw #ff763a99;z-index:2}
.mission-portal{position:absolute;top:50%;left:100%;width:1.25cqw;height:1.25cqw;transform:translate(-50%,-50%) rotate(-30deg);border:.12cqw solid #a096ff;border-radius:50%;box-shadow:0 0 .45cqw #779eff,inset 0 0 .4cqw #9673ff;background:radial-gradient(ellipse,#091027 25%,#6354af66 70%,#b4b8ff);color:#e0e4ff;font-size:.48cqw;display:grid;place-items:center;font-style:normal}
.mission-map-footer{position:absolute;left:9%;right:8%;top:66%;display:flex;gap:.4cqw;align-items:center;justify-content:space-between;transform:rotate(-2deg);line-height:1.1}
.mission-map-footer strong{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.56cqw;letter-spacing:.035cqw;color:#c3edff;max-width:56%}
.mission-map-footer>span{font-size:.35cqw;letter-spacing:.025cqw;color:#97b5ca;text-align:right;white-space:nowrap}
.mission-map-footer b{font-size:.52cqw;letter-spacing:0;color:#d7caff;margin-left:.22cqw}
.mission-complete .mission-track-fill{background:#d4bdff;box-shadow:0 0 .5cqw #a085ff}.mission-complete .mission-map-footer strong{color:#e3ceff}
.mission-lost .mission-orb{background:#ff8568;box-shadow:0 0 .4cqw #fb5534}
.result-banner.wormhole-win{filter:drop-shadow(0 0 1.7cqw #a087ff99) drop-shadow(0 1cqw 2cqw #000a)}
.result-banner.wormhole-win .eyebrow{color:#bbdfff}
.result-banner.wormhole-win h2{font-size:1.8cqw;color:#ffe3a4;text-shadow:0 0 .6cqw #ffaf43,0 0 1.2cqw #9673ff;animation:maxWinGlow 1.8s ease-in-out infinite alternate}
.result-banner.wormhole-win #result-amount{color:#f1e4ff;font-size:1.8cqw}
.art-missile{background-image:url('../../public/assets/sectors/missile-icon.png');background-size:contain;background-position:center;filter:hue-rotate(-15deg) drop-shadow(0 0 .35cqw #ff663b88)}
.collection-entry[data-type=missile] .collection-copy b{color:#ffc59e}
@keyframes maxWinGlow{to{text-shadow:0 0 1cqw #ffe4a1,0 0 2cqw #a785ff}}
@media(max-aspect-ratio:1/1){
 .mission-map{left:46%;top:90.6%;width:51%;aspect-ratio:3/1}
 .mission-track-line,.mission-track-fill{height:.35cqw}
 .mission-track li{width:3cqw;height:3cqw;font-size:1.6cqw}
 .mission-progress-lane{top:calc(50% - 2.45cqw);height:.16cqw}
 .mission-orb{top:calc(50% - 2.45cqw);width:.85cqw;height:.85cqw;box-shadow:0 0 .5cqw #ffb24b}
 .mission-portal{width:3cqw;height:3cqw;border-width:.3cqw;font-size:1.1cqw;box-shadow:0 0 1cqw #779eff,inset 0 0 .8cqw #9673ff}
 .mission-map-footer strong{font-size:1.4cqw}.mission-map-footer>span{font-size:.8cqw}.mission-map-footer b{font-size:1.25cqw}
 .result-banner.wormhole-win h2{font-size:5.1cqw}.result-banner.wormhole-win #result-amount{font-size:5cqw}
}
@media(prefers-reduced-motion:reduce){.result-banner.wormhole-win h2{animation:none}}
.reduced-motion .result-banner.wormhole-win h2{animation:none}

/* The multiplier occupies the right console rail, entirely outside the arena.
   Artwork keeps its native 3:2 ratio; live text sits inside the painted inset. */
.multiplier-panel{left:84.3%;right:auto;top:21%;width:15%;height:auto;aspect-ratio:3/2;padding:0;transform:none;background-size:contain;filter:drop-shadow(0 .3cqw .55cqw #020713bb)}
.multiplier-panel .panel-label{position:absolute;left:12%;right:12%;top:23%;font-size:.76cqw;line-height:1;letter-spacing:.065cqw;color:#fff0c5;text-shadow:0 0 .2cqw #ff763b,0 0 .55cqw #ff5729,0 .08cqw #753414}
.multiplier{position:absolute;left:12%;top:34%;width:76%;height:30%;display:flex;align-items:center;justify-content:center;margin:0;padding:0;font-size:clamp(1.2cqw,calc(3.55cqw * var(--multiplier-fit,1)),3.55cqw);line-height:1;letter-spacing:-.025em;white-space:nowrap}
.multiplier span{margin:0;font-size:inherit}
.multiplier>span:not(.multiplier-glyph-row){font-size:.56em;margin-left:.04em}
.multiplier-glyph-row{display:flex;align-items:center;justify-content:center;flex:none;gap:0;width:max-content;max-width:100%;height:100%;line-height:1;filter:drop-shadow(0 0 .17cqw #ff9a2866)}
.multiplier-glyph{display:block;flex-shrink:1;min-width:0;height:100%;background-repeat:no-repeat;background-size:100% 100%;background-position:center}
.multiplier-panel .potential{position:absolute;left:12%;right:12%;top:67%;display:flex;gap:.25cqw;align-items:center;justify-content:center;margin:0;line-height:1}
.multiplier-panel .potential>span{display:block;font-size:.34cqw;max-width:3cqw;text-align:right;letter-spacing:.025cqw;color:#c0cfda}
.multiplier-panel .potential b{font-size:.86cqw;line-height:1;white-space:nowrap;color:#f5ecd8}
.multiplier-panel .potential small{font-size:.4cqw}
.multiplier-panel .combo{left:8%;right:8%;top:94%;padding:.45cqw .3cqw .3cqw;transform:none;background:linear-gradient(180deg,#041526f5,#071c2bef);border:1px solid #5288a977;border-top-color:#d2914655;box-shadow:0 .15cqw .4cqw #02080c99;clip-path:polygon(0 0,100% 0,100% 75%,96% 100%,4% 100%,0 75%)}
.multiplier-panel .combo>span{font-size:.44cqw;line-height:1.25;color:#bbdcef;letter-spacing:.01cqw;white-space:nowrap}
.multiplier-panel .combo>div{height:.12cqw;margin-top:.27cqw;background:#123448}
.history-strip{left:85.15%;right:auto;top:48%;width:13.3%;padding:.7cqw;background:linear-gradient(135deg,#061626ed,#041121cf);border:1px solid #5ca6c066;clip-path:polygon(0 0,94% 0,100% 8%,100% 100%,6% 100%,0 92%)}
.history-label{font-size:.64cqw;letter-spacing:.065cqw;color:#c2e9ff}
#history{max-height:7.6cqw;gap:.32cqw}
.history-pill{font-size:.67cqw;padding:.3cqw .42cqw}
.empty-history{font-size:.61cqw;line-height:1.45}
/* The right-hand housing falls clockwise: all map layers share that angle. */
.mission-map{transform:rotate(4deg);transform-origin:50% 50%}
.mission-track,.mission-map-footer{transform:rotate(-2deg)}
@media(max-aspect-ratio:1/1){
 .multiplier-panel{left:3%;right:auto;top:14.6%;width:44%;height:auto;aspect-ratio:3/2;transform:none}
 .multiplier-panel .panel-label{font-size:2.25cqw;letter-spacing:.18cqw}
 .multiplier{font-size:clamp(3.6cqw,calc(10.4cqw * var(--multiplier-fit,1)),10.4cqw)}
 .multiplier-panel .potential{gap:.7cqw}
 .multiplier-panel .potential>span{font-size:.99cqw;max-width:8cqw;letter-spacing:.08cqw}
 .multiplier-panel .potential b{font-size:2.5cqw}.multiplier-panel .potential small{font-size:1.15cqw}
 .multiplier-panel .combo{padding:1.1cqw .6cqw .7cqw}
 .multiplier-panel .combo>span{font-size:1.23cqw;letter-spacing:0}
 .multiplier-panel .combo>div{height:.35cqw;margin-top:.6cqw}
 .history-strip{display:block;left:50%;right:auto;top:16.3%;width:47%;padding:2cqw;background:#061626d9}
 .history-label{font-size:1.7cqw;letter-spacing:.15cqw;margin-bottom:1.2cqw}
 #history{gap:1cqw;max-height:12cqw}.history-pill{font-size:1.8cqw;padding:.8cqw 1cqw}.empty-history{font-size:1.7cqw}
 #arena{top:calc(14.6% + 34cqw);bottom:37.5%;height:auto}
 .mission-map{top:auto;bottom:1.7%;transform:rotate(4deg)}
}

/* One painted bet instrument: square illuminated buttons flank a recessed
   value display. Hit areas follow the artwork, including its beveled corners. */
.stake-control{left:16.5%;top:81.9%;width:20%;height:auto;aspect-ratio:3/1;padding:0;border:0;background:url('../../public/assets/ui-v6/bet-console.png') center/contain no-repeat;isolation:isolate;filter:drop-shadow(0 .2cqw .3cqw #0008)}
.stake-control>label{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;background:none!important;transform:none!important}
.stake-input{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;display:block}
.stake-input button{position:absolute;top:32.8%;width:16.1%;height:36.9%;border:0;border-radius:0;background:transparent;padding:0;display:grid;place-items:center;line-height:1;font-size:2.1cqw;font-weight:900;color:#d7fbff;text-shadow:0 0 .35cqw #d2ffff,0 0 .8cqw #29aaff,0 .1cqw .1cqw #053880;clip-path:polygon(9% 0,90% 0,100% 11%,100% 86%,89% 100%,10% 100%,0 88%,0 11%);transition:background 120ms ease-out,filter 120ms ease-out}
.stake-input #stake-minus{left:9.15%}.stake-input #stake-plus{left:74.7%}
.stake-input button:hover:not(:disabled),.stake-input button:focus-visible{filter:none;background:#a7edff33;box-shadow:inset 0 0 .6cqw #bafcff66;color:#fff;outline:0}
.stake-input button:active:not(:disabled){transform:none;background:#020c4877;text-shadow:0 0 .3cqw #c4faff}
.stake-input input{position:absolute;left:28%;top:36.5%;width:44%;height:35.5%;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:#f1f7ff;text-align:center;font-size:1.72cqw;font-weight:800;line-height:1;text-shadow:0 .08cqw .15cqw #000;font-variant-numeric:tabular-nums}
.stake-input input:focus-visible{outline:1px solid #87e6ff;outline-offset:-.12cqw;background:#112c4488}
.stake-presets{position:absolute;left:16%;right:16%;top:98%;bottom:auto;height:13%;display:flex;align-items:center;gap:0;padding:0}
.stake-presets button{flex:1;height:100%;padding:0;border:0;background:#03111cd9;color:#a4d5ec;font-size:.6cqw;font-weight:700;line-height:1;display:grid;place-items:center}
.stake-presets button:first-child{border-radius:.18cqw 0 0 .18cqw}.stake-presets button:last-child{border-radius:0 .18cqw .18cqw 0}
.stake-presets button.selected{color:#fff0b8;background:#11334ac9}
.stake-control button:disabled,.stake-control input:disabled{opacity:.52}
@media(max-aspect-ratio:1/1){
 .stake-control{left:3%;top:81.15%;width:37%;height:auto;aspect-ratio:3/1;padding:0;border:0;background-color:transparent}
 .stake-input button{font-size:4.3cqw}.stake-input input{font-size:3.3cqw}
 .stake-presets{top:101%;height:23%}.stake-presets button{font-size:1.9cqw}
}
@media(prefers-reduced-motion:reduce){.stake-input button{transition:none}}
.reduced-motion .stake-input button{transition:none}

@media(max-aspect-ratio:1/1) and (max-height:740px){
 .wallet{top:13.5%}
 .history-strip{top:20%}
 .power-panel{height:13.5%}
 .launch-control{top:76.8%}
 .stake-control{top:79%}
}

/* Right-side instruments: the figure has true cap metrics, and the return
   occupies a separate engraved inset without competing with the multiplier. */
.multiplier-panel .panel-label{top:22%;font-size:.75cqw;letter-spacing:.055cqw}
.multiplier-panel .multiplier{left:15%;width:70%;top:32%;height:30%}
.multiplier-panel .potential{left:14%;right:14%;top:64.5%;height:16.5%;display:flex;flex-direction:column;gap:.18cqw;padding:.35cqw .25cqw .18cqw;background:linear-gradient(90deg,transparent,#11314b70 22%,#11314b70 78%,transparent);border-top:1px solid #8bc6dc66}
.multiplier-panel .potential::before{content:"";position:absolute;left:25%;right:25%;top:-1px;height:1px;background:#c8edff;box-shadow:0 0 .3cqw #68ceff}
.multiplier-panel .potential>span{font-size:.36cqw;max-width:none;text-align:center;line-height:1;letter-spacing:.075cqw;color:#a9cadc;white-space:nowrap}
.multiplier-panel .potential b{font-size:.95cqw;line-height:1.05;font-weight:800;color:#fff0cc;text-shadow:0 .08cqw .12cqw #000,0 0 .45cqw #ffb45144}
.multiplier-panel .potential small{font-size:.38cqw;letter-spacing:.03cqw;color:#e6c592;vertical-align:baseline;margin-left:.06cqw}
/* Native-ratio illustrated flight recorder. Its twelve result cards sit in the
   dark inset; frames and painted title never stretch with the live content. */
.history-strip{left:84.3%;right:auto;top:42.5%;width:15%;height:auto;aspect-ratio:4/5;padding:0;border:0;background:url('../../public/assets/ui-v7/recent-flights-panel.png') center/contain no-repeat;clip-path:none;box-shadow:none;filter:drop-shadow(0 .3cqw .6cqw #0008)}
.history-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);margin:0;padding:0}
#history{position:absolute;left:13%;right:13%;top:24%;bottom:15%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));grid-auto-rows:1fr;gap:.4cqw;max-height:none;overflow:auto;align-content:start;padding:.1cqw;scrollbar-width:thin;scrollbar-color:#337ba0 #03101d}
.history-pill{position:relative;display:grid;place-items:center;min-width:0;min-height:1.8cqw;padding:.24cqw .08cqw;border:1px solid #668866;border-radius:.12cqw;background:linear-gradient(145deg,#193931,#0a201f);box-shadow:inset 0 1px #a9ebb42e,inset 0 -1px #0008,0 .08cqw .12cqw #0008;color:#d9ffc1;font-size:.6cqw;font-weight:700;line-height:1;white-space:nowrap;text-shadow:0 0 .32cqw #9dff9c55}
.history-pill::before{content:"";position:absolute;left:29%;right:29%;top:-1px;height:1px;background:#c4f2a0;box-shadow:0 0 .35cqw #9dea6e66}
.history-pill.lost{color:#d5aa96;background:linear-gradient(145deg,#2c2224,#171a22);border-color:#705049;text-shadow:none}
.history-pill.lost::before{background:#ca9775;box-shadow:none}
.history-pill:first-child{border-color:#bde9ff;box-shadow:inset 0 0 .3cqw #70cfff33,0 0 .25cqw #71b9ee44}
.empty-history{grid-column:1/-1;grid-row:1/-1;align-self:center;padding:1.8cqw .5cqw;text-align:center;font-size:.65cqw;line-height:1.6;letter-spacing:.025cqw;color:#aac5d5}
#resume-button.primary{border:0;outline:0;border-radius:0;background-color:transparent;box-shadow:none;filter:drop-shadow(0 .5cqw 1cqw #0008);padding:0 2cqw .35em}
/* The red face is centered at 334/724 of its illustration, above the full bezel. */
@media(max-aspect-ratio:1/1){#resume-button.primary{padding-bottom:.22em}}
#resume-button.primary:hover{background-color:transparent;box-shadow:none;filter:brightness(1.17) drop-shadow(0 0 .65cqw #ff5c304d)}
#resume-button.primary:focus-visible{outline:0;filter:brightness(1.2) drop-shadow(0 0 .4cqw #9ef6ff)}
@media(max-aspect-ratio:1/1){
 .multiplier-panel .panel-label{font-size:2.1cqw;letter-spacing:.16cqw}
 .multiplier-panel .potential{gap:.45cqw;padding:.8cqw .6cqw .4cqw}
 .multiplier-panel .potential>span{font-size:1.04cqw;letter-spacing:.16cqw}
 .multiplier-panel .potential b{font-size:2.6cqw}
 .multiplier-panel .potential small{font-size:1.05cqw}
 .history-strip{left:50%;top:14.6%;width:47%;aspect-ratio:3/2;background:var(--panel-art) center/contain no-repeat}
 .history-label{position:absolute;left:13%;right:13%;top:22%;width:auto;height:auto;clip-path:none;overflow:visible;display:block;text-align:center;font-size:1.9cqw;line-height:1;letter-spacing:.12cqw;color:#d3efff;text-shadow:0 0 .45cqw #59c8ff77}
 #history{left:13.5%;right:13.5%;top:35%;bottom:20%;grid-template-rows:none;grid-auto-rows:4.2cqw;gap:.8cqw;padding:0 .2cqw .2cqw}
 .history-pill{min-height:4.2cqw;font-size:1.6cqw;padding:.35cqw .1cqw;border-radius:.3cqw}
 .empty-history{font-size:1.55cqw;line-height:1.45;padding:2cqw .4cqw}
}

@media(max-aspect-ratio:1/1) and (max-height:740px){
 .multiplier-panel,.history-strip{top:18.6%}
 #arena{top:calc(18.6% + 34cqw)}
}

/* Compact currency display and a readable, chronological flight recorder. */
.wallet{left:74.15%;width:15.15%;display:grid;grid-template-columns:2.65cqw minmax(0,1fr);gap:.42cqw;padding:0 .45cqw;justify-content:initial}
.wallet .coin{display:block;width:2.65cqw;height:2.65cqw;object-fit:contain;filter:drop-shadow(0 0 .28cqw #f4ad3340);text-shadow:none}
.wallet #balance{display:block;min-width:0;width:100%;font-size:calc(1.54cqw * var(--amount-scale,1));font-variant-numeric:tabular-nums;line-height:1;text-align:center;white-space:nowrap;color:#ffe6a5;letter-spacing:-.02em;text-shadow:0 .08cqw .1cqw #4e240d,0 0 .45cqw #edae3944}
.multiplier-panel .potential{left:15%;right:15%;top:64%;height:16%;display:grid;grid-template-rows:min-content minmax(0,1fr);align-content:center;align-items:center;justify-items:center;gap:.08cqw;padding:.12cqw 0 .05cqw;overflow:hidden;background:linear-gradient(90deg,transparent,#122e4470 22%,#122e4470 78%,transparent)}
.multiplier-panel .potential>span{font-size:.4cqw;line-height:1;letter-spacing:.045cqw;color:#aac9d8}
.multiplier-panel .potential #potential{display:block;width:100%;min-width:0;font-size:calc(.87cqw * var(--amount-scale,1));line-height:1;letter-spacing:0;text-align:center;font-variant-numeric:tabular-nums;white-space:nowrap}
.history-sort{position:absolute;left:14%;right:14%;top:23%;display:flex;justify-content:space-between;font-size:.38cqw;line-height:1;letter-spacing:.055cqw;color:#87aec4;font-weight:600}
.history-sort>span{color:#c8a35c}
#history{left:13%;right:13%;top:29%;bottom:15%;display:flex;flex-flow:column nowrap;gap:.34cqw;padding:.08cqw .2cqw .2cqw .05cqw;overflow-x:hidden;overflow-y:auto;scrollbar-gutter:stable;scroll-behavior:smooth}
.history-pill{flex:none;display:flex;flex-direction:column;justify-content:center;align-items:stretch;gap:.3cqw;min-width:0;min-height:2.45cqw;width:100%;padding:.45cqw .45cqw .38cqw;border-radius:.17cqw;border-color:#396b66;background:linear-gradient(110deg,#163a326e,#071e279e 72%);box-shadow:inset 0 1px #a9ebb41c,0 .06cqw .12cqw #0009}
.history-pill::before{left:0;right:auto;top:16%;bottom:16%;width:2px;height:auto;border-radius:2px;background:#a5eeac;box-shadow:0 0 .28cqw #73f49b66}
.history-pill.lost{color:#d8b5a4;border-color:#554c4e;background:linear-gradient(110deg,#3125267a,#091725bd 75%);box-shadow:inset 0 1px #a8cbdd16,0 .06cqw .12cqw #0009}
.history-pill.lost::before{background:#cf9271}
.history-pill:first-child{border-color:#739daf;box-shadow:inset 0 1px #c7e7ff33,0 0 .2cqw #5f9dcc22}
.history-result,.history-meta{display:flex;align-items:center;justify-content:space-between;gap:.24cqw;min-width:0}
.history-status{font-size:.57cqw;letter-spacing:.04cqw;line-height:1;font-weight:800;color:#bdf1cd;text-shadow:none}
.history-pill.lost .history-status{color:#ddb194}
.history-multiplier{min-width:0;font-size:.83cqw;line-height:1;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:#edffd2;text-shadow:0 0 .2cqw #99de9844}
.history-pill.lost .history-multiplier{color:#ead8c4;text-shadow:none}
.history-meta{font-size:.46cqw;line-height:1;letter-spacing:.01cqw;color:#849cae;font-variant-numeric:tabular-nums}
.history-time{min-width:0;white-space:nowrap}
.history-order{white-space:nowrap;font-size:.38cqw;letter-spacing:.045cqw;color:#6e94ad}
.history-pill:first-child .history-order{color:#c2e4f4}
.empty-history{display:block;margin:auto 0;padding:1.8cqw .4cqw;align-self:stretch;font-size:.65cqw;line-height:1.6}
@media(max-aspect-ratio:1/1){
 .wallet{left:auto;right:3%;width:39%;grid-template-columns:7cqw minmax(0,1fr);gap:1.1cqw;padding:.3cqw 1.1cqw}
 .wallet .coin{width:7cqw;height:7cqw}
 .wallet #balance{font-size:calc(4.3cqw * var(--amount-scale,1))}
 .multiplier-panel .potential{gap:.2cqw;padding:.25cqw 0 .1cqw}
 .multiplier-panel .potential>span{font-size:1.15cqw;letter-spacing:.1cqw}
 .multiplier-panel .potential #potential{font-size:calc(2.5cqw * var(--amount-scale,1))}
 .history-sort{left:14%;right:14%;top:32.5%;font-size:.9cqw;letter-spacing:.07cqw}
 #history{top:39%;bottom:19%;gap:.75cqw;padding:0 .5cqw .3cqw .1cqw}
 .history-pill{min-height:8.2cqw;gap:.85cqw;padding:1.05cqw 1cqw .9cqw;border-radius:.4cqw}
 .history-status{font-size:2.1cqw;letter-spacing:.08cqw}
 .history-multiplier{font-size:3cqw}
 .history-meta{font-size:1.35cqw;letter-spacing:0}
 .history-order{font-size:1.05cqw;letter-spacing:.08cqw}
 .empty-history{font-size:1.55cqw;padding:2cqw .4cqw}
}

/* The illustrated lettering is composited over an exact copy of its painted
   red face: black disappears under screen blending without matte fringes. */
#launch-lettering{display:none;position:absolute;z-index:1;left:calc(206 / 420 * 100%);top:calc(83 / 185 * 100%);width:64%;height:auto;transform:translate(-50%,-45.8667%);mix-blend-mode:screen;pointer-events:none;user-select:none;transition:filter 140ms ease-out}
#launch-button[data-art-label=true] #launch-lettering{display:block}
#launch-button[data-art-label=true] #launch-label{opacity:0}
@media(min-aspect-ratio:1/1){
 #launch-button[data-art-label=true]{background:url('../../public/assets/ui-v5/cockpit-shell.png') calc(-630 / 1672 * 100cqw) calc(-730 / 1672 * 100cqw) / 100cqw auto no-repeat}
}
@media(max-aspect-ratio:1/1){
 #launch-button[data-art-label=true]{background:var(--button-art) center/contain no-repeat}
 #launch-lettering{left:50%;top:calc(334 / 724 * 100%)}
}
#launch-button:focus-visible #launch-lettering{filter:brightness(1.1)}
@media(hover:hover) and (pointer:fine){#launch-button:hover:not(:disabled) #launch-lettering{filter:brightness(1.1)}}
#launch-button:active:not(:disabled) #launch-lettering{filter:brightness(.91)}
@media(prefers-reduced-motion:reduce){#launch-lettering{transition:none}}
.reduced-motion #launch-lettering{transition:none}

/* Taller live panel: the return stays inside the glass, clear of the lower bezel. */
.multiplier-panel{aspect-ratio:5/4;background-size:100% 100%}
.multiplier-panel .multiplier{top:31%;height:25%}
.multiplier-panel .potential{top:60%;height:15.3%;left:15%;right:15%;gap:.18cqw;padding:.22cqw 0 .2cqw;grid-template-rows:min-content min-content;align-content:center}
.multiplier-panel .potential>span{font-size:.42cqw;line-height:1.12}
.multiplier-panel .potential #potential{font-size:calc(.96cqw * var(--amount-scale,1));line-height:1.12}
.wallet{left:74%;top:1.95%;width:13.6%;height:5.7%;display:flex;justify-content:center;gap:.82cqw;padding:0 .18cqw}
.wallet .coin{flex:0 0 2.65cqw}
.wallet #balance{width:auto;max-width:calc(100% - 3.47cqw);flex:0 1 auto;transform:none}
@media(min-aspect-ratio:1/1){.collections-title{left:51.7%;width:78%;top:-7.85%;transform:translate(-50%,-50%) rotate(4.7deg)}}
@media(max-aspect-ratio:1/1){
 .wallet{left:auto;right:3%;top:13.5%;width:39%;height:5%;gap:1.5cqw;padding:.3cqw 1cqw}
 .wallet .coin{flex-basis:7cqw}
 .wallet #balance{max-width:calc(100% - 8.5cqw);transform:none}
 .multiplier-panel{aspect-ratio:1.4}
 .multiplier-panel .potential{gap:.35cqw;padding:.4cqw 0}
 .multiplier-panel .potential>span{font-size:1.08cqw}
 .multiplier-panel .potential #potential{font-size:calc(2.7cqw * var(--amount-scale,1))}
}

@media(max-aspect-ratio:1/1){.wallet{top:10.1%;height:4.4%}}
@media(max-aspect-ratio:1/1) and (max-height:740px){.wallet{top:13.3%;height:4.4%}}

/* The startup clip shares the still logo's exact canvas and never changes layout. */
.brand>img{opacity:1;transition:opacity .65s ease}
.brand .brand-video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;opacity:0;pointer-events:none;transition:opacity .65s ease}
.brand.logo-playing>img{opacity:0}
.brand.logo-playing .brand-video{opacity:1}
.reduced-motion .brand>img,.reduced-motion .brand .brand-video{transition:none}
@media(prefers-reduced-motion:reduce){.brand>img,.brand .brand-video{transition:none}}

/* Keep a solid still beneath the fading final video frame. */
.brand.logo-fading>img{opacity:1;transition:none}

/* Registered against the still artwork using the settled final logo frame. */
.brand .brand-video{transform-origin:0 0;transform:translate(.05%,-.1125844%) scaleY(1.00075056)}

/* Optical alignment within the illustrated recesses. */
@media(min-aspect-ratio:1/1){.collections-title{left:calc(51.7% + 3px);transform:translate(-50%,-50%) rotate(3.4deg)}}
.multiplier-panel .potential>span{position:relative;top:2px}
.multiplier-panel .potential #potential{position:relative;top:-1px}

/* Vector block lettering follows ROLL ORB's cream face and small gold bevel.
   A tight, symmetric viewBox keeps every glyph on one crisp baseline. */
#wormhole-spin-lettering{display:none;position:absolute;z-index:1;left:calc(206 / 420 * 100%);top:calc(83 / 185 * 100%);width:74%;height:auto;transform:translate(-50%,-50%);pointer-events:none;user-select:none;transition:filter 140ms ease-out}
#launch-button[data-wormhole-spin=true] #wormhole-spin-lettering{display:block}
#launch-button[data-wormhole-spin=true] #launch-label{opacity:0}
@media(max-aspect-ratio:1/1){#wormhole-spin-lettering{left:50%;top:calc(334 / 724 * 100%)}}
#launch-button:focus-visible #wormhole-spin-lettering{filter:brightness(1.1)}
@media(hover:hover) and (pointer:fine){#launch-button:hover:not(:disabled) #wormhole-spin-lettering{filter:brightness(1.1)}}
#launch-button:active:not(:disabled) #wormhole-spin-lettering{filter:brightness(.91)}
@media(prefers-reduced-motion:reduce){#wormhole-spin-lettering{transition:none}}
.reduced-motion #wormhole-spin-lettering{transition:none}