:root{color-scheme:dark;--bg:#0c1017;--panel:#131923;--line:#28303d;--muted:#909bad;--white:#eef3fa;--lime:#d9fa6c;--cyan:#60e0df;--orange:#ff9567}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--white);font:14px/1.5 'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button,a,label.file-button{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.45;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:3px}header{height:94px;border-bottom:1px solid var(--line);padding:0 36px;display:flex;align-items:center;justify-content:space-between}.brand{text-decoration:none;color:var(--white);display:flex;gap:12px;align-items:center;font-size:24px;font-weight:850;letter-spacing:-1px}.brand-icon{display:grid;place-items:center;background:var(--lime);color:#131923;border-radius:12px;width:43px;height:43px;font-size:34px}.thin{font-weight:300}.brand small{font-weight:500;display:block;letter-spacing:2.2px;font-size:8px;color:var(--muted)}.header-right{display:flex;align-items:center;gap:12px}.badge,.pill{font-size:10px;font-weight:700;letter-spacing:1px;padding:7px 10px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}.badge.online{color:var(--lime);border-color:#50652e}.quiet,.file-button{background:#1b2330;color:#d7dfeb;border:1px solid #303a49;border-radius:7px;padding:10px 14px;display:inline-block;text-align:center;font-weight:600}.quiet:hover,.file-button:hover{background:#263140}.primary{border:1px solid var(--lime);border-radius:7px;background:var(--lime);color:#192016;font-weight:750;padding:11px 18px;box-shadow:0 4px 20px #d9fa6c0a}.primary:hover{background:#e8ff9d}.wide{width:100%;margin-top:12px}.button-row{display:flex;gap:8px}.button-row>*{flex:1}main{display:grid;grid-template-columns:minmax(0,1fr) 365px;max-width:1800px;margin:auto}.stage-column{padding:30px 32px 0;min-width:0}.section-head{display:flex;align-items:center;justify-content:space-between;margin:0 0 23px}.eyebrow{font-size:9px;font-weight:750;letter-spacing:2px;color:var(--muted)}h1{font-size:28px;letter-spacing:-1px;margin:5px 0 0;font-weight:650}h2,h3,h4,p{margin:0}h2{font-size:17px;font-weight:650}h3{font-size:24px;line-height:1.25;letter-spacing:-.6px;margin:12px 0}h4{margin-bottom:8px}.edition{font-size:9px;letter-spacing:1.6px;text-align:right;line-height:1.8;color:#738197}.stage{position:relative;aspect-ratio:16/10;overflow:hidden;border:1px solid #38404c;border-radius:13px;background:#232139;isolation:isolate}canvas{width:100%;height:100%;display:block}.stage-top,.stage-bottom{position:absolute;left:25px;right:25px;display:flex;justify-content:space-between;align-items:center;font-size:9px;font-weight:700;letter-spacing:1.5px;pointer-events:none}.stage-top{top:22px}.scene-tag{background:#131b29aa;border:1px solid #949eae44;border-radius:5px;padding:7px 10px}#runStatus{color:var(--lime)}.stage-bottom{bottom:19px;color:#b6b6c9}.stage-bottom b{color:var(--lime);font-size:22px;margin-left:4px}.distance-hud{position:absolute;left:27px;top:80px;width:235px;pointer-events:none}.distance-hud>span{font-size:9px;font-weight:700;letter-spacing:2px;color:#c8bdcc}.distance-hud strong{font-size:47px;letter-spacing:-2px;line-height:1.4}.distance-hud small{font-size:13px;color:#cbc5d3}.progress-track{height:4px;background:#ffffff22;border-radius:3px;overflow:hidden}.progress-track div{width:0;height:100%;background:var(--lime)}.distance-hud p{font-size:10px;margin-top:7px;color:#cac3cf}.start-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#0b10233b;text-align:center}.start-overlay .eyebrow{color:var(--lime);margin-top:35px}.start-overlay h2{font-size:52px;font-weight:600;letter-spacing:-2px}.start-overlay p{color:#d3ccde;margin:4px 0 20px}.start-overlay.hidden{display:none}.effect-banner{position:absolute;top:41%;left:50%;transform:translate(-50%,-50%);white-space:nowrap;border:1px solid #fff5;background:#141b2ee8;box-shadow:0 15px 50px #0006;padding:10px 20px;border-radius:8px;opacity:0;pointer-events:none;font-size:19px;font-weight:800;color:var(--lime);transition:opacity .15s}.effect-banner.visible{opacity:1}.transport{display:flex;align-items:center;gap:10px;margin:15px 0 23px}.transport-note{font-size:10px;color:var(--muted);margin-left:7px}.transport-note i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--lime);margin-right:5px}#elapsed{font-variant-numeric:tabular-nums;margin-left:auto;color:var(--muted);font-size:12px}.lower-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:16px}.card{padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:10px;min-width:0}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.card-title h2{margin-top:3px}.pill{font-size:8px;padding:4px 7px}.sender-fields{display:grid;grid-template-columns:1fr 1fr 60px;gap:10px}label{display:block;font-size:11px;color:#acb7c8;font-weight:600;margin-top:18px}label span{float:right;color:#738197;font-weight:400}input,select{width:100%;background:#0d131d;color:var(--white);border:1px solid #354051;border-radius:6px;padding:11px;margin-top:7px;outline:none;min-width:0}input:focus,select:focus{border-color:var(--cyan)}input[type=file]{font-size:9px;padding:9px 4px}.sender-fields label{margin-top:0;font-size:10px}.sender-fields input{padding:8px}.sender-fields input[type=file]{padding:6px 2px;font-size:9px}.gift-buttons{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}.gift-button{border:1px solid #3a4655;background:#202a38;color:#d8e3ee;border-radius:7px;padding:9px 10px;text-align:left;font-size:11px}.gift-button:hover{border-color:var(--lime);color:var(--lime)}.gift-button b{display:block;font-size:9px;font-weight:500;color:var(--muted);margin-top:2px}.muted{color:var(--muted);font-size:12px;line-height:1.7}.simulator>.muted{font-size:9px;margin-top:13px}.event-log{max-height:170px;overflow:auto}.event-row{display:flex;gap:9px;border-bottom:1px solid #273040;padding:10px 0;font-size:11px}.event-row:first-child{padding-top:0}.event-row .event-icon{font-size:20px}.event-row small{display:block;color:var(--muted);font-size:10px}.event-row .event-delta{margin-left:auto;color:var(--lime);white-space:nowrap}.event-row .negative{color:var(--orange)}.empty{font-size:12px;color:var(--muted);padding:25px 0}footer{font-size:9px;color:#647288;display:flex;justify-content:space-between;padding:25px 0}.control-panel{border-left:1px solid var(--line);background:#111720;padding:30px 24px;min-height:calc(100vh - 94px)}.panel-title h2{font-size:24px;letter-spacing:-.6px;margin-top:4px;display:flex;justify-content:space-between}.panel-title h2 span{color:var(--lime)}.tabs{display:flex;border-bottom:1px solid var(--line);margin:25px -24px 25px;padding:0 16px}.tabs button{flex:1;padding:13px 3px;background:none;border:0;border-bottom:2px solid transparent;color:var(--muted);font-size:11px;font-weight:650}.tabs button.active{color:var(--lime);border-color:var(--lime)}.tab{display:none}.tab.active{display:block}.step-label{font-size:9px;letter-spacing:1.5px;color:var(--lime);font-weight:650}.presets{display:flex;gap:7px;margin-top:9px}.presets button{flex:1;border:1px solid var(--line);color:var(--muted);border-radius:5px;background:#1b2330;padding:8px;font-size:10px}.presets button.selected{color:var(--lime);border-color:#718442}.info-block{background:#1b2630;border-left:2px solid #667b43;display:flex;gap:10px;padding:13px;margin:22px 0 8px;border-radius:0 6px 6px 0;font-size:11px;color:#aebccc}.info-block>span{color:var(--lime);font-size:23px}.info-block p{font-size:11px;line-height:1.7}.panel-divider{height:1px;background:var(--line);margin:28px 0}.button-row{margin-top:14px;font-size:11px}.button-row label{margin:0}.file-button{position:relative;cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.mapping{border:1px solid var(--line);background:#161e2a;padding:12px;border-radius:8px;margin:13px 0}.mapping-top{display:flex;gap:7px}.mapping-top input{margin:0}.delete-mapping{background:none;border:0;color:#c28c8c;font-size:19px}.mapping-bottom{display:grid;grid-template-columns:1fr 75px;gap:9px}.mapping label{margin-top:9px;font-size:10px}.mapping input,.mapping select{padding:8px;font-size:11px}.asset-row{padding:13px 0;border-bottom:1px solid var(--line)}.asset-row>div{display:flex;justify-content:space-between;align-items:center}.asset-row button{font-size:10px;background:none;border:0;color:var(--orange)}.asset-row label{margin:3px 0 0}.asset-row small{color:var(--cyan);font-size:10px}.connection-state{background:#192333;padding:12px;border-radius:6px;font-size:12px;color:#d2ddeb;margin:18px 0;overflow-wrap:anywhere}.doc-link{color:var(--lime);font-size:12px;display:block;margin-top:22px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:1px solid #566747;background:#222f25;color:#e3f5dc;padding:12px 22px;border-radius:8px;opacity:0;pointer-events:none;z-index:10;max-width:90vw}#toast.visible{opacity:1}.overlay-mode header,.overlay-mode .section-head,.overlay-mode .transport,.overlay-mode .lower-grid,.overlay-mode footer,.overlay-mode aside{display:none}.overlay-mode main{display:block;max-width:none}.overlay-mode .stage-column{padding:0}.overlay-mode .stage{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0}.overlay-mode .stage-bottom{bottom:22px}@media(min-width:1600px){.stage{aspect-ratio:16/9}}@media(max-width:1150px){header{padding:0 20px}.stage-column{padding:24px 20px 0}main{grid-template-columns:minmax(0,1fr) 330px}.control-panel{padding:26px 20px}.tabs{margin-left:-20px;margin-right:-20px}.lower-grid{grid-template-columns:1fr}.transport-note{display:none}.distance-hud{width:180px}.stage{aspect-ratio:4/3}}@media(max-width:800px){header{height:76px}.brand{font-size:20px}.header-right .badge{display:none}.header-right button{font-size:10px;padding:8px}main{display:flex;flex-direction:column}.control-panel{border-top:1px solid var(--line);border-left:0;min-height:0;padding-bottom:35px}.stage{aspect-ratio:4/3}.section-head h1{font-size:24px}.distance-hud strong{font-size:36px}.distance-hud{top:67px;width:160px}.start-overlay h2{font-size:40px}.start-overlay p{font-size:12px}.edition{font-size:8px}.stage-top,.stage-bottom{left:18px;right:18px}.stage-column{padding:22px 14px 0}.distance-hud{left:20px}.stage-bottom{font-size:7px}.sender-fields{grid-template-columns:1fr 1fr 55px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.mechanic-hud{position:absolute;left:25px;bottom:55px;max-width:90%;font-size:11px;font-weight:750;color:#e6f6ba;background:#0c182bd9;padding:6px 10px;border-radius:5px;pointer-events:none}.mechanic-hud:empty{display:none}.mapping-bottom{grid-template-columns:1fr 1fr}.mapping-bottom label{font-size:9px}

.car-health-hud{position:absolute;right:25px;top:83px;width:175px;color:#dceadf;pointer-events:none}.car-health-hud>span{font-size:9px;letter-spacing:1px;display:flex;justify-content:space-between}.car-health-hud b{color:#d9fa6c;font-size:12px;letter-spacing:0}.car-health-track{height:6px;border-radius:4px;background:#ffffff22;margin:6px 0;overflow:hidden}.car-health-track i{display:block;width:100%;height:100%;background:linear-gradient(90deg,#68d4b9,#d9fa6c)}.car-health-hud small{font-size:8px;color:#abb4c5;letter-spacing:1px}@media(max-width:500px){.car-health-hud{top:80px;right:18px;width:110px}.car-health-hud>span{font-size:7px}.car-health-hud b{font-size:10px}}

.sender-fields{grid-template-columns:1fr 75px}

.win-hud{position:absolute;right:25px;top:158px;width:175px;background:#101c2baa;border:1px solid #73857466;border-radius:7px;padding:8px 11px;display:grid;grid-template-columns:1fr auto;align-items:center}.win-hud>span{font-size:14px;font-weight:750}.win-hud>strong{font-size:25px;color:#d9fa6c;line-height:1.2}.win-hud small{grid-column:1/-1;color:#bbc7cf;font-size:9px}.strip-check{display:flex;align-items:center;gap:5px;margin-top:13px;color:#d3e4c8}.strip-check input{width:15px;height:15px;margin:0;accent-color:#d9fa6c}.strip-export{border-bottom:1px solid #303c4a;padding-bottom:13px}.strip-export p{font-size:10px;margin-top:8px}button[hidden]{display:none!important}@media(max-width:500px){.win-hud{top:148px;right:18px;width:110px;padding:6px}.win-hud small{font-size:7px}}

textarea{width:100%;resize:vertical;background:#0d131d;color:var(--white);border:1px solid #354051;border-radius:6px;padding:11px;margin-top:7px;font:inherit;outline:none}textarea:focus{border-color:var(--cyan)}.start-overlay p{white-space:pre-line;max-width:85%}

.gift-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(78px,1fr));gap:8px;margin-top:8px}.gift-swatch{border:1px solid #314152;background:linear-gradient(180deg,#202a39,#151e2b);border-radius:9px;padding:8px 6px;color:#e8eef8;display:grid;gap:4px;place-items:center;text-align:center}.gift-swatch span{font-size:22px;line-height:1}.gift-swatch b{font-size:10px;font-weight:700;color:#cdd7e6}.gift-swatch:hover,.gift-swatch.active{border-color:var(--gift-accent, var(--lime));box-shadow:0 0 0 1px var(--gift-accent, var(--lime)) inset;color:var(--white)}.mapping .gift-catalog{max-height:165px;overflow:auto;padding-right:2px}.mapping-bottom{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}

.gift-swatch img{display:block;width:42px;height:42px;object-fit:contain}.gift-swatch small{font-size:9px;color:#a6b6c9}.mapping .gift-catalog{max-height:310px;grid-template-columns:repeat(3,minmax(0,1fr))}.gift-swatch{min-height:86px}

.event-row{align-items:flex-start}.event-row strong{color:#e7f6fa}.event-row small{overflow-wrap:anywhere;white-space:normal}.event-row:has(.event-delta[hidden]){background:#18223155;border-radius:7px;padding:9px 6px;margin-bottom:3px}.event-row .event-delta[hidden]{display:none}.gift-catalog img{display:block;width:35px;height:35px;object-fit:contain;margin:auto}.gift-swatch span{min-height:34px;display:grid;place-items:center}

.gift-swatch img{width:42px;height:42px;display:block;border-radius:11px;object-fit:cover;background:#0d1622;box-shadow:0 4px 14px rgba(0,0,0,.28)}.gift-swatch small{font-size:10px;color:#9db0c5;line-height:1.2}.gift-swatch span{display:grid;place-items:center;width:48px;height:48px}.gift-swatch{padding:10px 6px}.gift-catalog{grid-template-columns:repeat(auto-fit,minmax(96px,1fr));}

.gift-more{grid-column:1 / -1;width:100%;margin-top:5px;padding:10px}.gift-catalog{max-height:310px;overflow:auto}

/* One shared gift editor, independent of the number of mappings. */
.mapping-editor{margin:12px 0;border:1px solid var(--line);border-radius:8px;background:#161e2a}
.mapping-editor summary{padding:13px 12px;cursor:pointer;font-weight:650;font-size:11px;color:var(--lime)}
.mapping-editor .mapping{margin:0;border:0;border-top:1px solid var(--line);border-radius:0 0 8px 8px}
.mapping-count{margin-top:8px;font-size:10px}
.strip-preview{margin-top:12px;overflow:auto;border:1px solid #364153;border-radius:7px;background:repeating-conic-gradient(#182130 0% 25%,#263041 0% 50%) 0 0/18px 18px}
.strip-preview canvas{width:auto;height:200px;max-width:none;display:block}
.strip-preview[hidden]{display:none}

.auto-gift-overview{margin:14px 0;border:1px solid var(--line);border-radius:8px;overflow:hidden}
.auto-gift-row{padding:9px 11px;border-bottom:1px solid var(--line)}
.auto-gift-row:last-child{border-bottom:0}.auto-gift-row strong{display:block;font-size:11px}.auto-gift-row small{display:block;font-size:10px;color:var(--muted)}
.auto-gift-notice{padding:0 10px 10px;font-size:10px}.mapping-editor>input{width:calc(100% - 20px);margin:0 10px 10px}
.auto-gift-catalog{grid-template-columns:repeat(3,minmax(0,1fr));max-height:280px;overflow:auto;padding:10px;margin:0}
.auto-gift-catalog>.muted{grid-column:1/-1}
.auto-gift-overview{max-height:230px;overflow:auto}

.pair-plus strong{color:var(--lime)}.pair-minus strong{color:var(--orange)}

.full-gift-catalog{grid-template-columns:repeat(3,minmax(0,1fr));max-height:300px;overflow:auto;padding:8px 0}.gift-pager{display:flex;align-items:center;justify-content:space-between;gap:6px;margin:10px 0}.gift-pager span{font-size:10px;color:var(--muted)}.gift-pager button{padding:6px 9px;font-size:10px}.selected-gift-editor{padding:14px;border:1px solid #506267;border-radius:9px;background:linear-gradient(135deg,#1b2a36,#17202d);margin:12px 0}.selected-gift-editor h4{color:var(--lime)}.full-gift-catalog .gift-swatch.active{border-color:var(--lime)}

.strip-preview{max-height:400px}

.strip-preview{max-height:400px}

/* Readable, distinct effect tests and paired PNG preview. */
.gift-buttons{display:grid;grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:10px}
.effect-test{display:flex;flex-direction:column;gap:8px;padding:14px;min-height:126px;border-left:3px solid #a9ded6}
.effect-test[data-effect="boost"]{border-left-color:#d9fa6c}.effect-test[data-effect="reverse"]{border-left-color:#ff8c7c}
.effect-test strong{font-size:16px;line-height:1.3;color:#f4f8ff}.effect-test .effect-detail{font-size:12px;color:#bdd0df;line-height:1.5}
.effect-test .effect-gift{display:flex;align-items:center;gap:8px;border-top:1px solid #455263;padding-top:8px;margin-top:auto;font-size:11px;color:#d4dee9}
.effect-gift img{width:32px;height:32px;object-fit:contain}.simulation-state{margin-top:12px;font-size:13px;color:#d9fa6c;min-height:20px}
.strip-preview{max-height:440px}.strip-preview canvas{height:390px}

.simulator,.activity{grid-column:1/-1}

.car-health-track i.regenerating{box-shadow:0 0 12px #70f3b8;background:linear-gradient(90deg,#49cda6,#c8ffac)}

.license-top{display:flex;justify-content:space-between;gap:20px;padding:10px 30px;background:#241137;border-bottom:1px solid #a855f744;font-size:12px;color:#d8b4fe}.license-top a{color:#e9d5ff;text-decoration:none}.remote-cover{position:fixed;inset:0;z-index:9999;background:#10081ff5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;text-align:center;padding:30px}.remote-cover a{display:block;background:#d8b4fe;color:#220d37;padding:12px 24px;border-radius:10px;text-decoration:none}.overlay-mode .license-top{display:none}header .brand-icon{background:#d8b4fe}.primary{background:#d8b4fe;border-color:#d8b4fe}
/* MERRY branding, zombie HUD, garage and promo mode. */
.merry-intro{display:flex;align-items:center;gap:12px;margin-bottom:6px}.merry-intro img{width:52px;height:52px;filter:drop-shadow(0 6px 18px #7136df66)}.merry-intro span{display:flex;flex-direction:column;align-items:flex-start;line-height:1}.merry-intro b{font-size:22px;letter-spacing:4px;color:#f3e8ff}.merry-intro small{font-size:10px;letter-spacing:3px;color:#c4a7f5;margin-top:4px;text-transform:uppercase}
.stage-bottom .merry-watermark{display:inline-flex;align-items:center;gap:6px;opacity:.72;color:#e9ddff;font-size:9px;letter-spacing:1.5px}.merry-watermark img{width:20px;height:20px}.merry-watermark i{font-style:normal;color:#ad73ff}
.car-health-hud .zombie-counter{display:block;margin-top:3px;color:#b8f27a;font-weight:700}.car-health-track i.low{background:linear-gradient(90deg,#ff5a4e,#ffb347);box-shadow:0 0 10px #ff5a4e88}
.garage-preview{margin-top:14px;border:1px solid #34404f;border-radius:10px;overflow:hidden;background:#121821}.garage-preview canvas{display:block;width:100%;height:auto;aspect-ratio:16/8}
.car-swatches{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px}.car-swatch{aspect-ratio:1;border-radius:8px;border:2px solid #2c3644;padding:0;min-width:0;box-shadow:inset 0 -6px 10px #0004}.car-swatch.active{border-color:var(--lime);box-shadow:0 0 0 2px #d9fa6c55,inset 0 -6px 10px #0004}.car-swatch:hover{border-color:#e9ddff}
.demo-mode{margin:0;overflow:hidden;background:#0c1017}.demo-mode .demo-stage{width:100vw;height:100vh;aspect-ratio:auto;border:0;border-radius:0}
.demo-badge{background:#1c1030cc;border:1px solid #ad73ff66;color:#e9ddff;border-radius:5px;padding:7px 10px}
.demo-ticker{position:absolute;left:50%;bottom:62px;transform:translate(-50%,12px);background:#141b2ee8;border:1px solid #ad73ff88;color:#f3e8ff;padding:9px 18px;border-radius:999px;font-size:15px;font-weight:750;white-space:nowrap;opacity:0;transition:opacity .25s,transform .25s;pointer-events:none;box-shadow:0 10px 30px #0007}.demo-ticker.show{opacity:1;transform:translate(-50%,0)}
.demo-intro{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;text-align:center;background:radial-gradient(circle at 50% 45%,#2a1450ee,#0c1017f2 70%);opacity:0;transition:opacity .5s;pointer-events:none}.demo-intro.show{opacity:1}.demo-intro img{width:84px;height:84px;filter:drop-shadow(0 10px 30px #7136df88)}.demo-intro p{margin:4px 0 0;color:#c4a7f5;letter-spacing:4px;font-size:12px;text-transform:uppercase}.demo-intro p b{color:#f3e8ff;font-size:20px}.demo-intro strong{font-size:44px;letter-spacing:-1px;color:#fff}.demo-intro small{color:#d3ccde;font-size:13px;max-width:80%}
@media(max-width:600px){.demo-ticker{font-size:11px;bottom:48px}.demo-intro strong{font-size:30px}.demo-badge{display:none}}
/* Responsive HUD. One right-hand column; sizes follow the stage itself (site iframe, phone, tablet, OBS). */
.stage{container:stage/size}
.stage :is(.distance-hud,.hud-right,.stage-top,.stage-bottom){text-shadow:0 1px 3px #000b}
.hud-right{position:absolute;right:25px;top:83px;width:175px;display:flex;flex-direction:column;align-items:stretch;gap:12px;pointer-events:none}
.hud-right>.car-health-hud,.hud-right>.win-hud,.hud-right>.mechanic-hud{position:static;width:auto;max-width:none}
.hud-right>.mechanic-hud{align-self:flex-end;text-align:right;white-space:pre-line;line-height:1.45;font-size:10px}
.demo-mode .demo-stage{height:100vh;height:100dvh}
.demo-ticker{max-width:calc(100% - 24px);overflow:hidden;text-overflow:ellipsis;z-index:2}
@container stage (max-width:699px) or (max-height:439px){
 .stage-top{top:10px;left:12px;right:12px;font-size:8px;letter-spacing:1px}
 .scene-tag{padding:4px 7px}.demo-badge{display:none}
 .distance-hud{left:12px;top:38px;width:min(46%,210px)}
 .distance-hud>span{font-size:8px;letter-spacing:1.2px}
 .distance-hud strong{font-size:28px;letter-spacing:-1px;line-height:1.2}
 .distance-hud small{font-size:11px}
 .distance-hud p{font-size:9.5px;margin-top:4px}
 .hud-right{right:12px;top:38px;width:min(40%,150px);gap:6px}
 .car-health-hud>span{font-size:8px;letter-spacing:.6px}.car-health-hud b{font-size:10px}
 .car-health-track{height:5px;margin:4px 0}.car-health-hud small{font-size:8px;letter-spacing:.6px}
 .win-hud{padding:4px 8px;border-radius:6px}.win-hud>span{font-size:11px}.win-hud>strong{font-size:17px}.win-hud small{display:none}
 .hud-right>.mechanic-hud{font-size:9px;padding:4px 7px}
 .stage-bottom{left:12px;right:12px;bottom:8px;font-size:7px;letter-spacing:1px}
 .stage-bottom .merry-watermark{font-size:8px}.merry-watermark img{width:14px;height:14px}
 .demo-ticker{left:8px;right:8px;bottom:28px;max-width:none;transform:translateY(8px);font-size:12px;padding:7px 12px;border-radius:9px;text-align:center;background:#141b2ef5}
 .demo-ticker.show{transform:translateY(0)}
 .demo-intro img{width:52px;height:52px}.demo-intro p{font-size:10px;letter-spacing:3px}.demo-intro p b{font-size:15px}.demo-intro strong{font-size:28px}.demo-intro small{font-size:11px;max-width:86%}
 .start-overlay h2{font-size:28px;letter-spacing:-1px}.start-overlay p{font-size:11px;margin:2px 0 10px}.start-overlay .eyebrow{margin-top:10px;font-size:8px}
 .merry-intro img{width:34px;height:34px}.merry-intro b{font-size:16px;letter-spacing:3px}.merry-intro small{font-size:8px}
 .start-overlay .primary{padding:8px 14px;font-size:12px}
}
@container stage (max-height:300px){
 .stage-top{display:none}
 .distance-hud{top:7px;left:9px;width:42%}
 .distance-hud>span,.distance-hud p{display:none}
 .distance-hud strong{font-size:19px}.distance-hud small{font-size:10px}
 .hud-right{top:7px;right:9px;width:min(36%,130px);gap:4px}
 .car-health-hud>span{font-size:7.5px}.car-health-hud b{font-size:9px}.car-health-track{height:4px;margin:3px 0}
 #lifeCounter{display:none}.demo-mode .win-hud{display:none}
 .win-hud{padding:2px 7px}.win-hud>span{font-size:10px}.win-hud>strong{font-size:13px}
 .hud-right>.mechanic-hud{font-size:8px;padding:3px 6px}
 #speedHud{display:none}.stage-bottom{bottom:5px;justify-content:flex-end}
 .demo-ticker{left:6px;right:6px;bottom:5px;font-size:10.5px;padding:4px 9px;border-radius:7px}
 .demo-intro{gap:3px}.demo-intro img{width:34px;height:34px}.demo-intro p{font-size:8px}.demo-intro p b{font-size:12px}.demo-intro strong{font-size:20px}.demo-intro small{display:none}
 .start-overlay h2{font-size:20px}.start-overlay p{display:none}.merry-intro{margin-bottom:0}
}

/* MERRY website badge in the stage: logo + merrylauncher.tech, centred under the road when the stage is wide enough,
   semi-transparent and click-through (the stage-bottom row already ignores pointer events). */
.stage{container-type:inline-size}
.stage-bottom .merry-watermark{gap:.45em;padding:.3em .85em .3em .35em;border-radius:999px;background:rgba(10,8,30,.5);border:1px solid rgba(196,181,253,.3);color:#fff;opacity:.68;font-size:clamp(10px,1.7cqi,20px);letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.7);white-space:nowrap}
.stage-bottom .merry-watermark img{width:1.5em;height:1.5em}
.stage .stage-bottom .merry-watermark b{font-weight:800;font-size:1em;color:#fff;letter-spacing:.02em}
.stage-bottom .merry-watermark i{opacity:.8}
@container (min-width:560px){.stage-bottom .merry-watermark{position:absolute;left:50%;transform:translateX(-50%)}}
@container (max-width:559px){.stage-bottom .merry-watermark{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translateX(-50%)}}
@container (max-width:420px){.stage-bottom .merry-watermark i,.stage-bottom .merry-watermark span{display:none}}