@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=IBM+Plex+Mono:wght@400;500;600&display=swap');
.progress-backup{margin-top:16px;border-top:1px solid #45484b;padding-top:12px;font-size:11px}.progress-backup summary{cursor:pointer;padding:8px 0}.progress-backup p{line-height:1.6;color:#bbb}.backup-actions{display:flex;flex-wrap:wrap;gap:8px}.backup-actions button{min-height:44px;padding:8px 10px;background:#202326;border:1px solid #62666a;border-radius:3px;color:#eee;touch-action:manipulation}
/* Only the star backdrop brightens; cabinet, text, and controls are unaffected. */
@property --star-shade{syntax:'<color>';inherits:false;initial-value:#090a0bc7}
body .app{--star-shade:#090a0bc7;background-image:radial-gradient(ellipse at 48% 43%,#20202444,transparent 60%),linear-gradient(var(--star-shade),var(--star-shade)),url('./assets/space-background.png');background-size:auto,auto,405px 800px;background-repeat:no-repeat,no-repeat,repeat;}
:root{color-scheme:dark;--red:#ff302c;--white:#eae9e5;--muted:#777b7d}*{box-sizing:border-box}body{margin:0;background:#090a0b;color:var(--white);font-family:'IBM Plex Mono',monospace;font-size:12px}.app{min-height:100vh;background:radial-gradient(ellipse at 48% 43%,#20202444,transparent 60%)}header{height:79px;margin:0 42px;border-bottom:1px solid #292a2c;display:flex;align-items:center;justify-content:space-between;letter-spacing:1.6px;font-size:10px}.wordmark{color:#ddd;text-decoration:none;font-weight:600}.wordmark span{color:var(--red);margin:0 10px}.edition{color:#727578}.edition b{color:#bbb;margin-left:13px}button{font:inherit;cursor:pointer}#mute{background:none;border:0;color:#a4a4a4;font-size:10px;letter-spacing:1px;padding:12px}#mute span{margin-left:10px;color:var(--red)}main{max-width:1550px;margin:auto;display:grid;grid-template-columns:minmax(240px,1fr) minmax(380px,610px) minmax(225px,.86fr);gap:20px;min-height:calc(100vh - 127px);padding:33px 42px 22px}.left-panel{padding-top:33px;z-index:1}.eyebrow{font-size:9px;letter-spacing:1.5px;display:flex;align-items:center;gap:8px;color:#95999b}.eyebrow i{width:5px;height:5px;background:var(--red);box-shadow:0 0 10px #f33232}h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(66px,7.9vw,120px);font-weight:800;letter-spacing:-2px;line-height:.81;margin:26px 0 20px;position:relative}h1 span{color:var(--red)}h1 sup{font:14px 'IBM Plex Mono',monospace;position:relative;top:-58px;margin-left:10px}.tagline{letter-spacing:3px;font-size:11px;margin-bottom:39px}.scoreboard{max-width:310px;border-top:2px solid #555;border-bottom:1px solid #343537;background:linear-gradient(120deg,#17181877,#101112);padding:18px 18px 0;position:relative}.scoreboard:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0,transparent 3px,#0003 4px)}.display-label{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px;color:#8a8b8c}#score{font-family:'Barlow Condensed',monospace;color:#ff5149;font-size:clamp(42px,4.7vw,65px);font-weight:600;letter-spacing:3px;text-shadow:0 0 20px #ff302c44;line-height:1.3;font-variant-numeric:tabular-nums}.score-bottom{display:flex;justify-content:space-between;letter-spacing:1px;font-size:10px}#ball-dots{color:var(--red)}#status{border-top:1px solid #2b2c2d;margin-top:17px;padding:14px 0;color:var(--red);font-size:10px;letter-spacing:.7px;min-height:43px}#start-panel{max-width:310px;margin-top:23px}#start{background:var(--red);border:1px solid var(--red);padding:16px 19px;color:#fff;width:100%;font-size:12px;font-weight:600;letter-spacing:2px;display:flex;justify-content:space-between}#start:hover{background:#ff504a;box-shadow:0 0 25px #ff302c33}#start-panel p,#charge-panel p{font-size:9px;color:#828486;margin-top:12px}#charge-panel{display:none;max-width:310px;margin-top:25px}.charge-label{display:flex;justify-content:space-between;letter-spacing:1px;font-size:10px}.charge-track{height:5px;background:#2d2e2f;margin-top:14px}#charge-bar{height:100%;width:0;background:var(--red);box-shadow:0 0 12px #f333}.cab-label{display:flex;flex-direction:column;gap:8px;margin-top:37px;color:#55595b;font-size:8px;letter-spacing:1.3px}.cab-label b{color:#a6a7a6;font-size:18px;font-weight:400}.machine{position:relative;min-width:0;height:calc(100vh - 190px);min-height:630px;max-height:990px;align-self:center}canvas{width:100%;height:100%;display:block;outline:none}.table-caption{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.7px;color:#686b6b;margin:2px 20px}.table-caption span:last-child{color:#bfbab7}aside{padding:54px 0 0 25px;max-width:285px}.rules-title{font-size:9px;letter-spacing:1.6px;display:flex;gap:15px;color:#d1d0cb}.rules-title>span{color:var(--red)}.objective{font-family:'Barlow Condensed',sans-serif;font-size:32px;line-height:1.08;font-weight:600;margin:22px 0 14px}.rule-copy{color:#898b8b;font-size:10px;line-height:1.9}.pad-list{margin-top:29px}.pad-list>div{border-bottom:1px solid #2a2b2b;padding:14px 0;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.5px}.pad-list i{width:6px;height:6px;border:1px solid #747574;border-radius:50%}.pad-list b{margin-left:auto;color:#565959;font-weight:400;font-size:9px}.pad-list .active i{background:var(--red);border-color:var(--red);box-shadow:0 0 12px var(--red)}.pad-list .active span{color:var(--red)}.bonus{padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.6px;color:#9b9d9c}.bonus b{font-size:20px;font-weight:500;color:var(--white)}.bonus b span{font-size:8px;color:#777}.controls{margin-top:47px}.controls>.rules-title{margin-bottom:20px}.controls>div:not(.rules-title){display:flex;justify-content:space-between;align-items:center;margin-top:12px;font-size:10px;color:#969998}kbd{display:inline-flex;justify-content:center;align-items:center;min-width:24px;height:23px;border:1px solid #3b3c3e;border-bottom:2px solid #474849;border-radius:3px;padding:0 5px;font:9px 'IBM Plex Mono',monospace;color:#c7c8c7;background:#181a1b;margin-left:4px}.skill-note{margin-top:35px;border-left:2px solid var(--red);padding-left:13px}.skill-note>span{font-size:9px;letter-spacing:1px}.skill-note p{font-size:9px;line-height:1.9;color:#818582}.skill-note b{color:#deddd7;font-weight:400}footer{height:48px;margin:0 42px;border-top:1px solid #292a2c;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.3px;color:#626668}#toast{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center;font-family:'Barlow Condensed',sans-serif;font-size:45px;font-weight:700;letter-spacing:3px;text-shadow:0 3px 10px black,0 0 25px #ff302c;background:#11060699;padding:8px 20px;border-top:1px solid #ff302c66;border-bottom:1px solid #ff302c66;opacity:0;transition:opacity .2s;white-space:nowrap}#toast.show{opacity:1}@media(min-width:1600px){main{gap:40px}.machine{min-height:750px}aside{padding-top:85px}}@media(max-width:1100px){header{margin:0 24px}main{padding:20px 24px;gap:5px;grid-template-columns:220px minmax(330px,1fr) 200px}aside{padding-left:8px}.objective{font-size:28px}.rule-copy{font-size:9px}h1{font-size:83px}.tagline{font-size:9px}.machine{min-height:630px}.bonus b{font-size:17px}footer{margin:0 24px}}@media(max-width:800px){header{height:55px;margin:0 16px}.edition{display:none}main{grid-template-columns:170px minmax(260px,1fr);padding:20px 14px}.left-panel{padding-top:20px}h1{font-size:66px}.eyebrow{font-size:7px}.tagline{font-size:8px;letter-spacing:1.5px}.scoreboard{padding:13px 10px 0}#score{font-size:40px}.machine{height:75vh;min-height:560px}aside{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:10px 30px;padding:30px 12px}.objective,.rule-copy,.skill-note{display:none}.pad-list,.controls{margin:0}.controls{grid-column:2;grid-row:1/5}.bonus{padding:0}footer span:nth-child(2){display:none}.table-caption{font-size:5px;margin:0}#start{font-size:10px;padding:14px 10px}.cab-label{font-size:6px}#status{font-size:8px}}@media(max-width:480px){main{display:flex;flex-direction:column}.left-panel{display:grid;grid-template-columns:1fr 1fr;gap:10px}.eyebrow,.tagline,.cab-label{display:none}h1{font-size:56px;margin:12px 0}h1 sup{top:-27px;font-size:10px}#start-panel,#charge-panel{grid-column:1/-1;margin:0}#start-panel p{display:none}.scoreboard{margin-bottom:5px}#score{font-size:36px}#status{padding:8px 0;margin-top:8px;min-height:30px}.machine{height:78vh;min-height:560px;width:100%}aside{display:none}footer{font-size:6px;margin:0 14px}}
/* Thumb controls share the existing red / white cabinet treatment. */
@media(min-width:1025px) and (pointer:fine){
 body.playing main{max-width:1850px;grid-template-columns:minmax(240px,.8fr) minmax(420px,820px) minmax(225px,.65fr);padding-top:12px;padding-bottom:15px;gap:22px}
 body.playing .machine{height:calc(100dvh - 154px);min-height:540px;max-height:1120px}
 body.playing .left-panel{padding-top:33px}body.playing h1{font-size:clamp(66px,6vw,98px)}
 body.playing aside{padding-top:54px;padding-left:10px}
}
.mobile-name,.touch-controls,#fullscreen{display:none}
.flight-record{margin-top:19px;border-top:1px solid #343537;padding-top:12px}
.best-line{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:#8c9091}.best-line b{font-size:18px;color:#eae9e5;font-variant-numeric:tabular-nums;font-weight:500}
.liftoff-caption{display:block;margin:4px 0 8px;color:#8c9091;font-size:9px;line-height:1.5;letter-spacing:0}
@media(max-width:1024px),(pointer:coarse){.left-panel>#start-panel{max-height:calc(100dvh - 170px);overflow-y:auto;overscroll-behavior:contain}}
.code-form{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:9px;color:#aeb0ad}.code-form input{min-width:0;width:65px;height:30px;background:#111315;color:#eae9e5;border:1px solid #45474a;padding:3px 6px;font:16px 'IBM Plex Mono',monospace;text-transform:uppercase;touch-action:manipulation}.code-form button{height:30px;padding:3px 10px;border:1px solid #45474a;background:#17191b;color:#eae9e5;font-size:9px;touch-action:manipulation}.code-form[hidden]{display:none}
.skin-option[data-skin=black-hole] .skin-swatch{position:relative;background:#010101;box-shadow:inset -1px 1px 2px #ffffff25}.skin-option[data-skin=black-hole] .skin-swatch:after{content:'';position:absolute;inset:6px -8px;border:3px solid #ffb44e;border-radius:50%;transform:rotate(-18deg);box-shadow:0 0 5px #ff6b16,inset 0 0 3px #ff941e}
.skin-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:10px}.skin-option{height:44px;min-width:0;border:1px solid #414347;background:#151719;color:#eae9e5;font-size:8px;letter-spacing:.4px}.skin-option:disabled{opacity:.28;cursor:default}.skin-option[hidden]{display:none}
#table,.touch-controls{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.skin-picker{max-height:157px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.skin-option{height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;touch-action:manipulation}.skin-option small{font-size:7px;color:#aeb0ad;letter-spacing:0}.skin-option .pluto-tag{font-size:7px;color:#eae9e5}.skin-swatch{display:block;width:21px;height:21px;border-radius:50%;background:radial-gradient(circle at 32% 25%,white,#989a9c 32%,#303236 70%,#ddd);background-size:cover;box-shadow:inset -4px -3px 5px #0008}.skin-option[data-skin=saturn] .skin-swatch{position:relative}.skin-option[data-skin=saturn] .skin-swatch:after{content:'';position:absolute;inset:5px -7px;border:3px solid #c6ad7a;border-radius:50%;transform:rotate(-23deg)}.skin-option[data-skin=fireball] .skin-swatch{box-shadow:0 0 5px #ff9627,inset -4px -3px 5px #0008}
.skin-option[data-skin=steel] .skin-swatch{background:radial-gradient(circle at 30% 22%,#ffffff 0%,#ffffff 8%,#c9cdd0 22%,#6d7276 46%,#2a2c2e 68%,#8f9396 84%,#dfe2e3 100%);box-shadow:inset -3px -2px 4px #000c,inset 2px 1px 2px #fff8}
.touch-controls button{min-height:64px;border:1px solid #44474a;border-radius:5px;background:#191b1d;color:var(--white);font-weight:600;letter-spacing:1px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.touch-controls .pressed{background:#571412;border-color:var(--red);box-shadow:inset 0 0 18px #ff302c22}
#touch-plunge{background:linear-gradient(to top,#7c1714 var(--charge,0%),#191b1d var(--charge,0%));border-color:#c82b25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}
#touch-plunge small{font-size:9px;color:#bbb;letter-spacing:.6px}#touch-start{background:var(--red);border-color:var(--red)}
.touch-controls [hidden]{display:none!important}
@media(max-width:1024px),(pointer:coarse){
 html,body{height:100%;overflow:hidden;overscroll-behavior:none}
 .app{height:100dvh;min-height:0;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);display:flex;flex-direction:column}
 header{height:44px;min-height:44px;margin:0 12px;letter-spacing:1px;flex-shrink:0}
 .mobile-name{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:24px;font-weight:700;letter-spacing:1px}
 header .wordmark,header .edition{display:none}#mute{min-width:84px;min-height:44px;font-size:10px;padding:8px}
 main{width:100%;height:calc(100% - 44px);min-height:0;max-width:none;padding:7px 8px 8px;display:grid;grid-template-columns:1fr;grid-template-rows:69px minmax(0,1fr) 64px;gap:4px;flex:1}
 .left-panel{display:contents}.left-panel>*,aside,footer,.table-caption{display:none!important}
 .left-panel>.scoreboard{display:grid!important;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:39px 22px;gap:0 12px;align-items:center;max-width:600px;width:100%;margin:0 auto;padding:0 10px;border-top:1px solid #555;min-width:0}
 .display-label{display:none}#score{font-size:36px;line-height:1;letter-spacing:2px;grid-column:1;grid-row:1}
 .score-bottom{font-size:11px;gap:14px;grid-column:2;grid-row:1}#ball-dots{font-size:10px}
 #stage-readout{grid-column:2;grid-row:2;font-size:9px;letter-spacing:0;justify-content:flex-end}
 #status{grid-column:1;grid-row:2;padding:3px 0;margin:0;font-size:10px;min-height:22px;line-height:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .machine{grid-row:2;grid-column:1;min-height:0;max-height:none;height:100%;width:100%;max-width:760px;justify-self:center;align-self:stretch}
 canvas{width:100%;height:100%}#toast{font-size:clamp(18px,5vw,32px);max-width:95%;padding:8px 10px;letter-spacing:1px}
 .touch-controls{grid-row:3;display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:9px;width:100%;max-width:600px;justify-self:center;touch-action:none}
 #touch-left{grid-column:1;grid-row:1}#touch-start,#touch-plunge{grid-column:2;grid-row:1}#touch-right{grid-column:3;grid-row:1}
 body.playing main{touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
}
@media(max-height:500px) and (max-width:1024px){header{height:36px;min-height:36px}main{grid-template-rows:57px minmax(0,1fr) 52px}.touch-controls button{min-height:52px}.left-panel>.scoreboard{grid-template-rows:31px 20px}#score{font-size:29px}}
@media(max-width:1024px),(pointer:coarse){
 .left-panel>#start-panel{display:block!important;position:absolute;bottom:82px;left:50%;transform:translateX(-50%);width:calc(100% - 36px);max-width:410px;background:#090b0df5;padding:8px 12px;z-index:4}
 body.playing .left-panel>#start-panel{display:none!important}
 #start-panel>#start,#start-panel>p{display:none}.flight-record{margin:0;padding:0;border:0}.best-line b{font-size:16px}.skin-picker{margin-top:5px;max-height:none}.skin-option{height:68px}
}
/* Portrait cabinet framing: one HUD row, compact thumb controls, minimal gutters. */
@media(max-width:1024px) and (orientation:portrait){
 header{order:2;height:26px;min-height:26px;margin:0 4px;border:0;justify-content:flex-end;gap:12px}
 .mobile-name{display:none}
 #mute,#fullscreen{display:block;min-width:0;min-height:26px;padding:4px 8px;font-size:8px;letter-spacing:.5px;background:none;border:0;color:#a4a4a4;touch-action:none}
 main{height:auto;padding:2px;grid-template-rows:36px minmax(0,1fr) 48px;gap:2px}
 .left-panel>.scoreboard{max-width:none;grid-template-columns:minmax(0,1fr) auto auto;grid-template-rows:34px;gap:0 10px;padding:0 6px;border-top:0}
 #score{font-size:30px;letter-spacing:1px}
 .score-bottom{grid-row:1;grid-column:2;font-size:9px;gap:0;letter-spacing:0}
 #ball-dots,#status{display:none}
 #stage-readout{grid-row:1;grid-column:3;font-size:9px;letter-spacing:0;white-space:nowrap}
 .machine{max-width:none}
 .touch-controls{max-width:none;gap:5px;padding:0 4px}
 .touch-controls button{min-height:48px;font-size:10px;letter-spacing:.5px}
 #touch-plunge{gap:2px}#touch-plunge small{font-size:8px}
 .left-panel>#start-panel{bottom:82px}
}
.app:fullscreen{width:100%;height:100dvh;background:#090a0b}
.pad-face-hud{position:absolute;top:5px;left:0;right:0;text-align:center;color:#eae9e5;font-size:10px;letter-spacing:.3px;pointer-events:none;white-space:nowrap}
#help-button{min-width:44px;min-height:44px;background:none;border:0;color:var(--white);font-size:20px;touch-action:manipulation}
.how-to-play{width:460px;max-width:calc(100% - 24px);max-height:calc(100dvh - 32px);overflow-y:auto;overscroll-behavior:contain;padding:24px;background:#111315;color:var(--white);border:1px solid #555;font:15px/1.5 Arial,sans-serif;touch-action:pan-y}
.how-to-play::backdrop{background:#000c}.how-to-play h2{margin:0 0 16px;font-size:25px}.how-to-play ul{padding-left:20px;margin:0}.how-to-play li{margin-bottom:13px}.how-to-play button{width:100%;min-height:44px;margin-top:12px;background:var(--red);color:white;border:0;font-size:16px;touch-action:manipulation}
.game-over-summary{padding:8px 0 18px;font-size:13px;line-height:1.5}.game-over-summary h2{font-size:23px;margin:0 0 12px}.game-over-summary .final-score{display:block;font-size:36px;color:var(--red);font-variant-numeric:tabular-nums}.game-over-summary p{display:block!important;font-size:13px!important;color:var(--white)!important;margin:12px 0!important}.game-over-summary .color-distance{color:#b6b9bc!important;font-size:12px!important}.game-over-summary progress{display:block;width:100%;height:12px;accent-color:var(--red);border:0;background:#303337}.game-over-summary progress::-webkit-progress-bar{background:#303337}.game-over-summary progress::-webkit-progress-value{background:var(--red)}.game-over-summary progress::-moz-progress-bar{background:var(--red)}
.game-over-summary[hidden],.game-over-summary progress[hidden],.flight-record[hidden],body.game-over #stage-readout,body.game-over #toast{display:none!important}
@media(max-width:1024px) and (orientation:portrait){#help-button{min-height:26px;font-size:18px;padding:0 10px}}
.back-to-start{width:100%;min-height:44px;margin-top:8px;background:#1a1d20;color:var(--white);border:1px solid #62666a;border-radius:3px;touch-action:manipulation}.back-to-start:hover{background:#292d31}.back-to-start:disabled{opacity:.45;cursor:wait}
.scoreboard{box-shadow:inset 0 1px 0 #ffffff20,inset 0 -1px 0 #000,0 3px 12px #0003;border-radius:3px;background:linear-gradient(115deg,#24272a88,#101214 65%)}
.welcome-masthead,.welcome-actions,.welcome-options>summary{display:none}.welcome-options[hidden]{display:none!important}
/* The tall collection column must not push the welcome cabinet down. */
@media(min-width:1025px) and (pointer:fine){body.at-title .machine{align-self:start}}
@media(max-width:1024px),(pointer:coarse){
 body.at-title .welcome-masthead{display:block;flex-shrink:0;text-align:center;padding:18px 12px 5px;order:-1;background:radial-gradient(ellipse at 50% 0,#ff302c16,transparent 75%)}
 .welcome-kicker{font-size:8px;letter-spacing:2px;color:#b0b2b3}.welcome-wordmark{font:800 44px/.95 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;margin:8px 0}.welcome-wordmark span{color:var(--red)}.welcome-masthead p{margin:7px 0 0;font-size:10px;color:#a9adaf}
 body.at-title main{grid-template-rows:minmax(0,1fr);padding:0 4px;position:relative;min-height:0;height:auto}
 body.at-title .left-panel>.scoreboard,body.at-title .touch-controls,body.at-title .pad-face-hud{display:none!important}
 body.at-title .machine{grid-row:1;height:100%;padding-bottom:150px}
 body.at-title .left-panel>#start-panel{bottom:8px;width:calc(100% - 28px);max-width:410px;padding:12px 14px 8px;border:1px solid #ffffff18;border-top-color:#ffffff30;border-radius:10px;background:linear-gradient(150deg,#1b1e20f5,#090b0df5);box-shadow:0 10px 28px #0008;max-height:calc(100dvh - 190px)}
 body.at-title .welcome-actions{display:block}.welcome-play{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;padding:12px 20px;background:var(--red);color:white;border:1px solid #ff7973;border-radius:5px;box-shadow:inset 0 1px 0 #ffffff40,0 3px 16px #ff302c25;font-size:16px;letter-spacing:1.5px;font-weight:700;touch-action:manipulation}.welcome-play:active{background:#d82b27;transform:translateY(1px)}.welcome-play span{font-size:24px;line-height:1}.welcome-selection{text-align:center;font-size:8px;letter-spacing:1.3px;color:#aeb1b3;margin:9px 0}
 .welcome-options>summary{display:list-item;list-style-position:inside;cursor:pointer;min-height:36px;padding:10px 0 7px;border-top:1px solid #ffffff16;font-size:10px;text-align:center;color:#ddd;touch-action:manipulation}.welcome-options[open]>summary{margin-bottom:12px}.welcome-options .flight-record{margin-top:12px}.welcome-options .skin-picker{max-height:230px;overflow-y:auto;overscroll-behavior:contain}
 body.at-title header{order:2;justify-content:center;gap:6px;height:32px;min-height:32px;margin:0 4px;border:0}body.at-title header .mobile-name{display:none}body.at-title #help-button{min-height:32px}body.at-title #mute,body.at-title #fullscreen{min-height:32px}
}
@media(max-height:650px) and (max-width:1024px){body.at-title .welcome-masthead{padding-top:8px}.welcome-wordmark{font-size:32px;margin:4px 0}.welcome-masthead p{display:none}}
#stage-readout{color:#e5e8eb;text-shadow:0 1px 2px #000}header{box-shadow:0 1px 0 #ffffff06}.game-over-summary .final-score{text-shadow:0 0 16px #ff302c30}.game-over-summary progress{border-radius:3px;box-shadow:inset 0 1px 3px #0009}
/* Collection cards keep locked artwork visible without making it selectable. */
.collection-title{margin:16px 0 4px;font-size:16px;font-weight:500;letter-spacing:0}
.collection-note{font-size:10px;line-height:1.5;color:#adb1b4;letter-spacing:0}
.flight-record .best-line{padding:4px 0;border-bottom:1px solid #ffffff09;font-size:9px;letter-spacing:.5px}
.flight-record .liftoff-caption{margin-top:8px;color:#c4cbd1;font-size:10px}
.flight-record .skin-picker{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;max-height:260px;margin-top:12px;padding:6px 3px;touch-action:pan-y}
.flight-record .skin-option{height:116px;padding:12px 2px 7px;gap:5px;border-radius:6px;font-size:10px;letter-spacing:.2px;background:linear-gradient(150deg,#25282c,#111315);border-color:#4a4e53}
.flight-record .skin-option:disabled{opacity:1;border-color:#30343a;background:linear-gradient(150deg,#1b1e22,#101214);color:#aab0b6}
.flight-record .skin-option:disabled .skin-swatch{opacity:.85}
.flight-record .skin-option[aria-pressed=true]{background:linear-gradient(150deg,#421b1b,#211214);border-color:#ff302c;box-shadow:inset 0 -2px #ff302c,0 0 10px #ff302c25}
.flight-record .skin-option small{font-size:8px;line-height:1.2;color:#b3bbc3}
.flight-record .skin-option .skin-ownership{font-size:7px;letter-spacing:.8px;color:#737d86}
.flight-record .skin-option:disabled .skin-ownership{color:#ff6c65;font-size:9px;font-weight:700}
.flight-record .skin-option[aria-pressed=true] .skin-ownership{color:#fff;font-size:9px;font-weight:700}
.flight-record .skin-option:not(:disabled):not([aria-pressed=true]) .skin-ownership{color:#e1e6e9}
.flight-record .skin-option .pluto-tag{font-size:7px;margin-top:-3px;color:#acd9f3}
.flight-record .skin-swatch{position:relative;flex-shrink:0;width:30px;height:30px;margin:4px 0 3px;isolation:isolate}
.skin-option[data-skin=fireball] .skin-swatch{background:radial-gradient(circle at 38% 35%,#fffbd7 0%,#ffe88a 28%,#ffc13d 65%,#f99118 100%);box-shadow:0 0 0 1px #ffeaa0,0 0 8px 3px #ffc13d99,inset 0 0 5px #fff3b8}
/* A warm solar corona in the picker; the in-game fire effect is independent. */
.skin-option[data-skin=fireball] .skin-swatch:before{content:'';position:absolute;z-index:-1;inset:-11px;border-radius:50%;background:radial-gradient(circle,#fff5bd00 25%,#ffe588aa 39%,#ffb53155 53%,#f981151c 65%,#f9811500 73%);animation:preview-sun 2.8s ease-in-out infinite alternate;animation-play-state:paused;pointer-events:none}
@keyframes preview-sun{from{transform:scale(.9);opacity:.7}to{transform:scale(1.12);opacity:1}}
.skin-option[data-skin=black-hole] .skin-swatch:after{inset:8px -10px;border-width:4px;border-color:#ffd591 #ff7d19 #ffe4a3 #e94b0c;box-shadow:0 0 8px #ff6b16,inset 0 0 5px #ff941e;animation:preview-disk 3s ease-in-out infinite alternate;animation-play-state:paused}
.skin-option[data-skin=black-hole] .skin-swatch:before{content:'';position:absolute;inset:-2px;border-radius:50%;box-shadow:0 0 0 1px #ffad54,0 0 9px #ff8d4277}
@keyframes preview-disk{from{transform:rotate(-18deg) scaleX(.95);opacity:.75}to{transform:rotate(-8deg) scaleX(1.1);opacity:1}}
.skin-option[data-skin=pluto] .skin-swatch{box-shadow:0 0 0 1px #c5ecff,0 0 10px 3px #9adaff55,inset -4px -3px 5px #0008}
.skin-option[data-skin=pluto] .skin-swatch:after{content:'✦';position:absolute;right:-7px;top:-6px;color:#e6f7ff;font-size:16px;text-shadow:0 0 6px #9adaff;animation:preview-ice 2.4s ease-in-out infinite alternate;animation-play-state:paused}
@keyframes preview-ice{from{opacity:.35;transform:scale(.65) rotate(-10deg)}to{opacity:1;transform:scale(1.15) rotate(15deg)}}
body.at-title .skin-option[data-skin=fireball] .skin-swatch:before,body.at-title .skin-option[data-skin=black-hole] .skin-swatch:after,body.at-title .skin-option[data-skin=pluto] .skin-swatch:after{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.skin-option[data-skin=fireball] .skin-swatch:before,.skin-option[data-skin=black-hole] .skin-swatch:after,.skin-option[data-skin=pluto] .skin-swatch:after{animation:none!important}}
.speed-picker{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:0 0 14px;padding:0;border:0;min-width:0}
.speed-picker legend{padding:0 0 8px;font-size:13px;color:#eae9e5}
.speed-picker button{min-height:50px;min-width:0;padding:8px 3px;border:1px solid #474e54;border-radius:5px;background:#15191d;color:#d0d6dc;font-size:10px;touch-action:manipulation}
.speed-picker button small{display:block;margin-top:5px;font-size:9px;color:#aeb7bf}
.speed-picker button[aria-pressed=true]{border-color:#57d995;background:#193527;color:#c2f8d8}
.streak-panel{padding:8px 0;border-bottom:1px solid #ffffff10}.streak-panel>small{display:block;margin-top:5px;font-size:9px;line-height:1.6;color:#aeb7bf}.streak-panel .best-line b{font-size:12px}
.daily-legends{margin-top:20px;padding-top:16px;border-top:1px solid #57d99540}.daily-legends .collection-title{margin-top:0;color:#b6f5d1}.flight-record .daily-legends .streak-picker{max-height:none;overflow:visible}
.skin-option .flame-preview{--fire-edge:#f34a08;--fire-middle:#ffac18;--fire-core:#fffbdc;transform:translateX(5px);box-shadow:0 0 0 2px var(--fire-core),0 0 0 4px var(--fire-middle),0 0 12px 3px var(--fire-edge),inset -4px -3px 5px #0008}
.skin-option[data-skin=inferno] .flame-preview{--fire-edge:#df2608;--fire-middle:#ff6910;--fire-core:#ffd48a}
.skin-option[data-skin=blue-flare] .flame-preview{--fire-edge:#164dff;--fire-middle:#24b6ff;--fire-core:#d4f7ff;background:radial-gradient(circle at 32% 25%,#e1f6ff,#238bdf 35%,#083677 70%,#65b9ff)}
/* Rounded, flowing tongues wrap the sphere and stream behind it, as in play. */
.preview-flame{position:absolute;z-index:-1;right:12px;top:calc(-5px + var(--flame)*6px);width:calc(26px + var(--flame)*3px);height:13px;transform-origin:100% 50%;border-radius:90% 15% 35% 65%;background:linear-gradient(90deg,transparent,var(--fire-edge) 24%,var(--fire-middle) 58%,var(--fire-core));transform:rotate(-8deg) scaleX(.85);animation:preview-fire .75s ease-in-out infinite alternate;animation-delay:calc(var(--flame)*-.17s);animation-play-state:paused;pointer-events:none}
@keyframes preview-fire{from{transform:rotate(-8deg) scaleX(.82) scaleY(.7);opacity:.75}to{transform:rotate(5deg) scaleX(1.12) scaleY(1.12);opacity:1}}
body.at-title .preview-flame{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.preview-flame{animation:none!important}}
.ball-preview{position:absolute;width:64px;height:64px;left:-11px;top:-11px;opacity:0;pointer-events:none;border-radius:8px}
.flight-record .skin-swatch.rendered-preview{width:42px;height:42px;background:none!important;box-shadow:none!important;transform:none;isolation:auto}
.rendered-preview .ball-preview{opacity:1}.rendered-preview .preview-flame,.skin-swatch.rendered-preview:before,.skin-swatch.rendered-preview:after{display:none!important}
.collection-progress{margin:4px 0 9px}.collection-progress progress{display:block;width:100%;height:6px;accent-color:#57d995;border:0;background:#303337}
.collection-progress progress::-webkit-progress-bar{background:#303337;border-radius:4px}.collection-progress progress::-webkit-progress-value{background:#57d995;border-radius:4px}.collection-progress progress::-moz-progress-bar{background:#57d995;border-radius:4px}
.collection-progress small{display:block;margin-top:5px;font-size:8px;line-height:1.5;color:#bbc5cf}
.earned-points,.earned-unlocks{font-size:12px;color:#79efb0;line-height:1.5;margin:8px 0}
.earned-unlocks:empty,.earned-points:empty{display:none}
.streak-reward{padding:12px;margin:14px 0;border:1px solid #57d99544;border-radius:6px;background:#17291f}
.streak-congrats{display:block;font-size:16px;color:#b6f5d1}.streak-reward small{display:block;font-size:10px;line-height:1.6;color:#bed4c8;margin-top:5px}
.game-over-summary .streak-progress{margin:10px 0 0;accent-color:#57d995}.game-over-summary .streak-progress::-webkit-progress-value{background:#57d995}.game-over-summary .streak-progress::-moz-progress-bar{background:#57d995}
.score-entry{margin:16px 0;padding:14px 10px;border:1px solid #ff514955;border-radius:7px;background:#17191c;text-align:left}
.score-entry h3{margin:0 0 7px;font-size:17px;color:#fff}.score-entry-mode{font-size:9px;color:#ff8a81;letter-spacing:1px;margin-bottom:12px}
.score-entry label{display:block;font-size:9px;letter-spacing:1px;margin-bottom:6px}.initials-row{display:flex;gap:8px}
.initials-row input{width:85px;min-width:0;padding:10px 5px;border:1px solid #73777c;border-radius:4px;background:#08090a;color:white;text-align:center;font:700 23px monospace;letter-spacing:3px;text-transform:uppercase;touch-action:manipulation}
.initials-row button{flex:1;min-height:46px;border:1px solid #ff726b;border-radius:4px;background:#ec302b;color:white;font:700 11px monospace;touch-action:manipulation}
.initials-row button:disabled{opacity:.5}.score-entry>small{display:block;font-size:9px;line-height:1.5;color:#aeb7bf;margin-top:8px}.score-post-status{color:#c2f8d8;font-size:12px;line-height:1.5}.score-post-status:empty{display:none}
#leaderboard-button{min-height:32px;padding:5px 8px;border:0;background:none;color:#ddd;font-size:10px;letter-spacing:.5px;white-space:nowrap;touch-action:manipulation}.leaderboard-dialog{width:min(440px,calc(100vw - 24px));max-height:85dvh;box-sizing:border-box;overflow-y:auto;background:#101214;color:#f1f0ed;border:1px solid #71747a;border-radius:10px;padding:22px;font-family:inherit;box-shadow:0 18px 80px #000b}
.leaderboard-dialog::backdrop{background:#000b}.leaderboard-dialog h2{margin:0;font-size:25px;letter-spacing:1px}.leaderboard-dialog>p{font-size:12px;line-height:1.6;color:#b9c2cb}.leaderboard-tabs{display:flex;gap:8px;margin:16px 0}
.leaderboard-dialog button{min-height:42px;padding:10px;border:1px solid #535960;background:#1d2125;color:#eee;border-radius:4px;font:inherit;font-size:11px;touch-action:manipulation}.leaderboard-tabs button{flex:1}.leaderboard-tabs button[aria-pressed=true]{border-color:#ff655e;color:#fff;background:#642721}.leaderboard-close{float:right}
.leaderboard-table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums;margin:10px 0 18px}.leaderboard-table th{text-align:left;color:#9ea8b1;font-size:9px;padding:7px 4px;border-bottom:1px solid #626870}.leaderboard-table td{padding:9px 4px;border-bottom:1px solid #ffffff14;font-size:12px}.leaderboard-table td:last-child,.leaderboard-table th:last-child{text-align:right}.leaderboard-table td:first-child{color:#ff8a81;width:34px}.leaderboard-table small{display:block;font-size:7px;line-height:1.5;color:#aab4bc;margin-top:3px}
.initials-dialog .score-entry{padding:0;margin:0;border:0;background:none}.initials-dialog .initials-row button{background:#ec302b;border-color:#ff726b;font-weight:700}.initials-dialog .initials-dismiss{display:block;width:100%;margin-top:18px}.initials-dialog .score-post-status{font-size:12px;line-height:1.6}.initials-dialog .score-post-status:empty{display:none}
.title-leaderboard{margin:0 0 32px;padding:15px 14px 10px;border:1px solid #ffffff24;border-top:2px solid #ff5149;border-radius:6px;background:linear-gradient(145deg,#24282cdd,#0c0e10ed);box-shadow:0 8px 28px #0005,inset 0 1px #ffffff10}
.title-board-heading{display:flex;justify-content:space-between;align-items:center;gap:8px}.title-board-heading h2{font-size:11px;letter-spacing:1.2px;margin:0;color:#f4f0eb}.title-board-mode{font-size:7px;color:#aeb7bf;white-space:nowrap}.title-board-champion{display:grid;grid-template-columns:1fr auto;gap:4px;margin:15px 0 12px;color:#eee;font-size:14px}.title-board-champion small{grid-column:1/-1;color:#b3bac0;letter-spacing:1.5px;font-size:7px}.title-board-champion b{font-size:23px;letter-spacing:2px;align-self:center}.title-board-champion strong{font:600 35px/1.15 'Barlow Condensed',monospace;color:#ff5951;text-shadow:0 0 18px #ff302c50;letter-spacing:1px;font-variant-numeric:tabular-nums}
.title-board-runners{list-style:none;padding:0;margin:0}.title-board-runners li{display:grid;grid-template-columns:25px 1fr auto;gap:8px;padding:8px 0;border-top:1px solid #ffffff14;font-size:11px;font-variant-numeric:tabular-nums}.title-board-runners li span:first-child{font-size:9px;color:#888f96}.title-board-runners li span:last-child{color:#d9dde0}.title-board-status{font-size:10px;line-height:1.5;color:#b0b9c1}.title-board-status:empty{display:none}.title-board-open{display:flex;justify-content:space-between;align-items:center;min-height:38px;width:100%;margin-top:7px;border:0;border-top:1px solid #ffffff24;background:none;color:#e5e6e7;font-size:9px;letter-spacing:1px;touch-action:manipulation}.title-board-open span{color:#ff6a61;font-size:15px}
.welcome-record{display:none}.title-leaderboard[hidden],.welcome-record[hidden]{display:none!important}
.desktop-help-label{display:none}
.launch-payouts{list-style:none;padding:0;margin:13px 0 0;border-top:1px solid #ffffff20}.launch-payouts li{display:flex;justify-content:space-between;gap:8px;padding:8px 4px;font-size:9px;color:#9ca7b1}.launch-payouts li[aria-current=step]{background:#481b1b;color:#fff;border-left:2px solid #ff5149}.launch-payouts b{font-variant-numeric:tabular-nums}.launch-bonus-note{font-size:10px;line-height:1.7;color:#b4bec7;margin:10px 0 0}
.save-notice,.save-location{display:block;font-size:11px!important;line-height:1.6;color:#c8cdd2!important}.save-notice{padding:10px;border:1px solid #ff625b;background:#381b1b}.save-location{margin:12px 0}
.save-notice[hidden],.save-retry[hidden]{display:none!important}
.save-retry{width:100%;min-height:42px;padding:10px;margin:8px 0;border:1px solid #ff625b;border-radius:4px;background:#291b1c;color:#fff;font-size:11px;touch-action:manipulation}
.leaderboard-ball{display:inline-flex;align-items:center;gap:6px;min-width:0;min-height:24px;font-size:8px;color:#cbd2d9;letter-spacing:0;white-space:nowrap}
.leaderboard-ball .skin-option{display:flex;flex:0 0 22px;width:22px;height:24px;padding:0;border:0;background:none;pointer-events:none}
.leaderboard-ball .skin-swatch{position:relative;width:16px;height:16px;flex-shrink:0;isolation:isolate}
.leaderboard-ball .skin-swatch.rendered-preview{width:21px;height:21px;background:none!important;box-shadow:none!important;transform:none;isolation:auto}
.leaderboard-ball .ball-preview{width:32px;height:32px;left:-5.5px;top:-5.5px;border-radius:4px}
.leaderboard-ball .skin-option[data-skin=black-hole] .skin-swatch:after{inset:4px -5px;border-width:2px}
.leaderboard-ball .skin-option[data-skin=saturn] .skin-swatch:after{inset:4px -5px;border-width:2px}
.leaderboard-ball .skin-option[data-skin=pluto] .skin-swatch:after{font-size:10px;right:-4px;top:-4px}
.leaderboard-ball .skin-swatch:before,.leaderboard-ball .skin-swatch:after,.leaderboard-ball .preview-flame{animation-play-state:running!important}
.title-board-champion{grid-template-columns:auto minmax(0,1fr) auto;gap:5px;align-items:center}
.title-board-champion small{grid-column:1/-1;margin-bottom:5px}.title-board-champion b{grid-column:1;grid-row:2;font-size:13px;letter-spacing:.5px}.title-board-champion strong{grid-column:3;grid-row:2;font-size:23px;letter-spacing:0}.title-board-champion>.leaderboard-ball{grid-column:2;grid-row:2;font-size:7px;gap:3px}
.title-board-runners li{grid-template-columns:15px auto minmax(0,1fr) auto;gap:5px;align-items:center;font-size:10px}.title-board-runners li>span:nth-child(3){grid-column:4;grid-row:1}.title-board-runners .leaderboard-ball{grid-column:3;grid-row:1;font-size:7px;gap:3px}
.leaderboard-table .leaderboard-ball>span:last-child{font-size:9px}.leaderboard-table td{vertical-align:middle}.leaderboard-table td:first-child{width:22px}.leaderboard-table td:last-child{white-space:nowrap}
/* Desktop chrome: visible actions, a compact guide, and legible live pad status. */
@media(min-width:1025px) and (pointer:fine){
 header{justify-content:flex-start;gap:10px;letter-spacing:1px}
 header .wordmark{margin-right:auto;font-size:12px;color:#eae9e5}
 header .edition{display:none}
 header #mute,header #help-button,header #leaderboard-button,header #fullscreen{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:10px 14px;border:1px solid #ffffff35;border-radius:5px;background:#191c20;color:#eae9e5;font-size:11px;letter-spacing:.5px;white-space:nowrap}
 header #mute span{margin-left:0}header #help-button>span:first-child{font-size:16px;color:#ff625b}.desktop-help-label{display:inline}
 header #leaderboard-button{border-color:#ff514980;background:#391b1b}
 header button:hover{border-color:#ff655e!important;background:#292d32!important}
 header button:focus-visible,.title-board-open:focus-visible{outline:2px solid #fff;outline-offset:3px}
 aside{padding-top:54px}.title-leaderboard{margin-bottom:20px}
 .launch-guide,.controls{margin:0 0 20px;padding:16px 14px;border:1px solid #ffffff22;border-radius:6px;background:#111417db}
 .launch-guide h2,.controls h2{margin:0;font-size:11px;letter-spacing:1.2px;color:#eae9e5}
 .launch-guide .rule-copy{font-size:12px;line-height:1.6;color:#bbc0c5;margin:10px 0 14px}
 .pad-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}
 .pad-list>div{flex-direction:column;gap:7px;padding:11px 2px;border:1px solid #ffffff28;border-radius:4px;background:#24282c;font-size:9px;letter-spacing:0}
 .pad-list b{display:none}.pad-list i{width:7px;height:7px}.pad-list .active{border-color:#ff5149;background:#481b1b}
 .bonus{gap:5px;padding-top:14px;font-size:9px;color:#b9bfc5}.bonus b{font-size:21px;white-space:nowrap}
 .controls>div:not(.rules-title){font-size:11px;color:#c4c9ce;margin-top:13px;gap:4px}.controls kbd{font-size:10px;background:#282d32;color:#fff;min-height:25px}
 .pad-face-hud{top:0;left:50%;right:auto;transform:translateX(-50%);width:max-content;max-width:100%;padding:9px 14px;font-size:12px;font-weight:500;letter-spacing:.6px;color:#f1efeb;background:#14181c;border:1px solid #ffffff32;border-radius:4px}
}
@media(max-width:1024px),(pointer:coarse){
 .title-leaderboard{display:none}
 body.at-title .welcome-masthead>p{display:none}
 .welcome-record{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:7px;row-gap:1px;align-items:center;width:min(100%,390px);min-height:45px;margin:10px auto 0;padding:6px 12px;border:1px solid #ffffff20;border-top-color:#ff514988;border-radius:5px;background:linear-gradient(120deg,#232528d9,#0a0b0dd9);color:#eee;text-align:left;touch-action:manipulation}
 .welcome-record-label{grid-column:1/3;grid-row:1;font-size:7px;letter-spacing:1px;color:#aeb6bd}.welcome-record-initials{grid-row:2;grid-column:1;font-size:14px;letter-spacing:1.5px}.welcome-record-score{grid-row:2;grid-column:3;justify-self:end;font:600 23px/1.1 'Barlow Condensed',monospace;color:#ff5951;text-shadow:0 0 12px #ff302c44;letter-spacing:1px;font-variant-numeric:tabular-nums}.welcome-record-link{grid-column:3;grid-row:1;justify-self:end;font-size:8px;letter-spacing:.5px;color:#eee}
 .welcome-record>.leaderboard-ball{grid-column:2;grid-row:2;min-height:24px;font-size:8px;gap:4px}
 .welcome-record:not(:has(.leaderboard-ball)) .welcome-record-score{grid-column:1/-1;justify-self:start}
}
/* Reward feedback stays outside the glass. The optional display uses no WebGL. */
.event-display,#flight-display-toggle{display:none}
.scoreboard #toast{position:absolute;top:auto;bottom:0;left:18px;right:18px;transform:none;max-width:none;height:43px;display:flex;align-items:center;padding:0;background:none;border:0;text-align:left;font:600 11px/1.3 'IBM Plex Mono',monospace;letter-spacing:.25px;color:#ffb4a6;text-shadow:none;white-space:normal;overflow:hidden;transition:opacity .18s;z-index:1}
.scoreboard.reward-active #status{visibility:hidden}
@media(min-width:1025px) and (pointer:fine){
 header #flight-display-toggle{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:10px 12px;border:1px solid #ffffff35;border-radius:5px;background:#191c20;color:#d2d7dc;font-size:10px;white-space:nowrap;letter-spacing:.4px}
 header #flight-display-toggle[aria-pressed=true]{border-color:#ff514970;color:#ffada4}
 #flight-display-toggle:focus-visible{outline:2px solid white;outline-offset:3px}
 body.playing.flight-display-enabled .machine{display:flex;flex-direction:column;align-items:stretch;gap:8px}
 body.playing.flight-display-enabled #table{flex:1;min-height:0;height:0}
 body.playing.flight-display-enabled .pad-face-hud{display:none}
 body.playing.flight-display-enabled .event-display{display:flex;flex:0 0 clamp(94px,12dvh,142px);position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 24px);max-width:690px;margin:0 auto;border:1px solid #60656a;border-top-color:#b4b5b4;border-bottom:2px solid #ff4035;border-radius:8px;background:radial-gradient(ellipse at 18% 100%,#63201c55,transparent 55%),linear-gradient(135deg,#171e26,#080b10 65%);box-shadow:0 5px 20px #0007,inset 0 1px #ffffff12;pointer-events:none}
 .event-display:after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 3px,#0002 3px 4px);opacity:.4}
 .mission-art{width:34%;flex-shrink:0;min-width:95px;position:relative;overflow:hidden;border-right:1px solid #ffffff12}
 .mission-art svg{position:absolute;width:100%;height:100%;inset:0}
 .mission-copy{display:flex;flex-direction:column;justify-content:center;flex:1;min-width:0;padding:10px 18px}
 .mission-eyebrow{display:flex;justify-content:space-between;gap:12px;color:#ff8278;font-size:8px;font-weight:600;letter-spacing:1.5px;margin-bottom:5px}
 .mission-eyebrow span{color:#8a959f;font-size:7px;letter-spacing:1px}
 .mission-title{font:700 clamp(18px,2vw,30px)/1.05 'Barlow Condensed',Impact,sans-serif;letter-spacing:.6px;color:#fff4e9;text-shadow:0 0 16px #ff716330}
 .mission-detail{color:#f7867a;font-size:11px;font-weight:600;line-height:1.4;margin-top:5px;min-height:15px}
 .mission-track{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:9px;border-top:1px solid #ffffff1a;padding-top:7px}
 .mission-stage{font-size:8px;letter-spacing:1.3px;color:#acb8c3}.mission-lamps{display:flex;gap:5px}.mission-lamps i{width:19px;height:3px;border-radius:2px;background:#394149}.mission-lamps i.lit{background:#ff554b;box-shadow:0 0 7px #ff3b3170}
 .event-display[data-event=launch] .mission-title,.event-display[data-event=unlock] .mission-title{color:#fff;text-shadow:0 0 18px #ff665aaa}
 .event-display[data-event=idle] .mission-detail{color:#9eaab5;font-size:9px;font-weight:400}
 body.playing.flight-display-enabled .table-caption{flex:0 0 auto}
}
@media(max-width:1024px),(pointer:coarse){
 .scoreboard #toast{left:8px;right:130px;bottom:0;height:20px;max-width:none;font-size:9px;white-space:nowrap;text-overflow:ellipsis;display:block;line-height:20px;letter-spacing:0}
 body.at-title .scoreboard #toast{right:8px}
 body.at-title .scoreboard.reward-active{display:grid!important;position:fixed;top:8px;left:5%;width:90%;height:26px;min-height:0;border:1px solid #ff51495c;background:#13171a;z-index:8}
 body.at-title .scoreboard.reward-active>*:not(#toast){display:none!important}
}
@media(prefers-reduced-motion:reduce){.scoreboard #toast{transition:none}}
@media(max-width:1024px) and (orientation:portrait){
 body.playing main{grid-template-rows:48px minmax(0,1fr) 48px}
 body.playing .left-panel>.scoreboard{grid-template-rows:28px 16px;align-content:center}
 body.playing #score{font-size:26px}
 body.playing #status{display:block;grid-row:2;grid-column:1/-1;min-height:16px;height:16px;line-height:16px;font-size:9px;padding:0;border:0}
 body.playing .scoreboard #toast{left:6px;right:6px;height:16px;line-height:16px;bottom:2px}
}