*{box-sizing:border-box} :root{color-scheme:dark;--bg:#080e16;--panel:#0e1824;--line:#253346;--ink:#eef6ff;--muted:#8a9caf;--accent:#a7f766}body{margin:0;background:radial-gradient(ellipse at 25% -25%,#19403b88,transparent 55%),var(--bg);color:var(--ink);font:14px/1.6 Inter,Arial,system-ui,sans-serif}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}a{color:inherit}.topbar{padding:19px 32px;border-bottom:1px solid var(--line);display:flex;direction:ltr;justify-content:space-between;align-items:center;background:#080f17cc}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:900;letter-spacing:1px;font-size:17px}.brand-mark{display:grid;place-items:center;width:41px;height:44px;border:1px solid #a7f76688;color:var(--accent);font:900 27px monospace;clip-path:polygon(15% 0,100% 0,100% 85%,85% 100%,0 100%,0 15%);background:#a7f7660e}.brand-light{font-size:12px;font-weight:500;color:#b9c8d8}.brand small{display:block;font-size:8px;letter-spacing:3.5px;color:#70889b}.top-actions{display:flex;align-items:center;gap:22px;direction:rtl}.sandbox{font-size:11px;color:#a7f766}.sandbox i,.preview-title i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-inline-end:6px}main{max-width:1760px;margin:auto;padding:34px 32px 20px}.heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:26px}.eyebrow{font:600 9px/1.5 monospace;letter-spacing:2px;color:#91aaa9;margin:0 0 8px}.heading h1{font-size:30px;letter-spacing:-.8px;margin:0;line-height:1.35}.heading h1 span{color:#8ba0b5;font-weight:400}.intro{color:var(--muted);margin:8px 0 0;font-size:12px}.heading-actions{display:flex;align-items:center;gap:10px}.saved{color:#819789;font-size:10px}.primary,.secondary,.quiet{border-radius:7px;border:1px solid transparent;padding:10px 15px;font-weight:700;font-size:12px}.primary{background:var(--accent);color:#10220a;box-shadow:0 4px 18px #a7f76612}.primary span{margin-right:14px}.secondary{background:#152536;border-color:#33485d}.quiet{background:transparent;color:#a9bccd;border-color:#263848}.quiet:hover,.secondary:hover{border-color:#7e9d89}.wide{width:100%;min-height:43px}.workspace{display:grid;grid-template-columns:290px minmax(360px,1fr) 260px;gap:18px;direction:ltr;align-items:start}.editor,.session-panel{border:1px solid var(--line);background:linear-gradient(145deg,#101c29,#0b141e);border-radius:12px;padding:18px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:20px}.tabs button{border:0;background:transparent;color:#8497a8;font-size:11px;border-radius:5px;padding:7px 2px}.tabs [aria-selected=true]{background:#24392c;color:#c8ffab}.section-label{display:flex;justify-content:space-between;align-items:center;gap:6px;margin-bottom:18px;font-size:12px;font-weight:bold}.section-label b{font:500 8px monospace;letter-spacing:1px;color:#6a7f90}.field{display:grid;gap:7px;font-size:11px;color:#a9bdcc;margin:0 0 17px}input:not([type=checkbox]):not([type=range]),select,textarea{border:1px solid #2b3e50;background:#08121c;border-radius:6px;color:#e6f1fa;width:100%;padding:10px 11px;min-height:40px;font-size:12px}textarea{resize:vertical}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{appearance:none;position:relative;width:31px;height:18px;min-width:31px;border-radius:12px;background:#2c3c4d;border:1px solid #3b5063;cursor:pointer}input[type=checkbox]:after{content:'';position:absolute;width:12px;height:12px;left:2px;top:2px;background:#aabccc;border-radius:50%;transition:.15s}input[type=checkbox]:checked{background:#9ae36b;border-color:#9ae36b}input[type=checkbox]:checked:after{left:15px;background:#172b14}.profile-card{display:flex;align-items:center;gap:9px;border:1px solid #2a3f4f;border-radius:7px;background:#13242f;padding:10px}.avatar{background:linear-gradient(135deg,#3f6070,#1b3044);color:#c5fff2;display:grid;place-items:center;min-width:35px;height:35px;font:700 22px monospace;border:1px solid #537e81}.profile-card strong{font-size:12px}.profile-card small{display:block;font:7px monospace;color:#80989e}.tiny-tag{margin-right:auto;background:#344731;color:#b5d5a7;font-size:8px;padding:2px 5px;border-radius:4px}.help{color:#8a9eaf;font-size:11px;line-height:1.8}.mode-field{border:0;padding:0;margin:22px 0 16px}.mode-field legend{font-size:11px;color:#adbecb;margin-bottom:8px}.segmented{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:4px;background:#08121c;border:1px solid #243647;border-radius:7px;direction:ltr}.segmented button{background:transparent;border:1px solid transparent;border-radius:4px;padding:7px;font:600 11px monospace}.segmented [aria-pressed=true]{background:#253c37;color:#c6ffac;border-color:#729f7655}.note,.boundary{padding:12px;background:#a7f76606;border:1px solid #91bf602b;border-radius:7px;color:#9cad9c;font-size:10px;line-height:1.8}.editor-footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px;margin-top:20px}.editor-footer button{font-size:10px;padding:6px}.theme-list{display:grid;gap:9px;margin-bottom:22px}.theme-list button{display:flex;align-items:center;gap:10px;border:1px solid #2b4051;background:#0b1723;border-radius:7px;padding:10px;text-align:right}.theme-list button[aria-pressed=true]{border-color:#9ae36b;background:#17291f}.theme-list strong{font:700 10px monospace;letter-spacing:1px}.theme-list small{display:block;color:#8ea2ae;font-size:10px}.theme-list b{color:#667e82;font:10px monospace;margin-right:auto}.swatch{width:34px;height:40px;border-radius:4px;border:1px solid #ffffff44}.swatch.ion{background:linear-gradient(130deg,#193638,#4ff9d5,#142736)}.swatch.nova{background:linear-gradient(130deg,#221b54,#b59aff,#e44e99)}.swatch.ember{background:linear-gradient(130deg,#4e241c,#ffb25c,#522222)}.toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #243344}.toggle strong{font-size:11px;font-weight:500}.toggle small{display:block;font-size:9px;color:#7d93a4;line-height:1.7}.preview-panel{overflow:hidden;background:#0a121c;border:1px solid #2a3d4e;border-radius:12px}.preview-toolbar{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #253546;direction:rtl;gap:10px}.preview-title{font-size:11px}.preview-title span{font:7px monospace;letter-spacing:1px;color:#667b8b;display:block;margin-right:12px}.format-picker{display:flex;gap:3px;padding:3px;border:1px solid #2d3d4e;border-radius:6px;direction:rtl}.format-picker button{font-size:12px;background:transparent;border:0;border-radius:4px;color:#839bad;padding:6px 8px}.format-picker button[aria-pressed=true]{color:#dcf7ed;background:#29433e}.format-picker span{font-size:9px}.preview-viewport{height:690px;min-width:0;position:relative;display:grid;place-items:center;overflow:hidden;padding:22px;background:linear-gradient(45deg,#15223114 25%,transparent 25%,transparent 75%,#15223114 75%),linear-gradient(45deg,#15223114 25%,transparent 25%,transparent 75%,#15223114 75%),radial-gradient(ellipse at center,#1f3244,transparent 68%);background-size:20px 20px,20px 20px,100% 100%;background-position:0 0,10px 10px,0 0}#stage-host{position:relative;direction:ltr;flex:none}.canvas-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 14px;font-size:9px;color:#7591a6;border-top:1px solid var(--line)}.canvas-footer>span:first-child{font-family:monospace}.canvas-footer button{font-size:9px;padding:5px 8px}.session-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#9eafbd}.session-state>span{width:7px;height:7px;border-radius:50%;background:#698090}.session-state.running>span{background:#a7f766;box-shadow:0 0 12px #a7f766}.session-clock{font:500 32px monospace;letter-spacing:-1px;margin:18px 0 10px;color:#d4e2ef}.session-stats{direction:ltr;display:grid;grid-template-columns:1fr 1fr 1.4fr;gap:5px;margin:19px 0}.session-stats div{border:1px solid #273b4c;border-radius:5px;padding:9px 4px;text-align:center}.session-stats small{display:block;font:7px monospace;letter-spacing:1px;color:#7994a7}.session-stats strong{font:700 18px monospace;color:#b9edaa}.session-stats div:nth-child(2) strong{color:#ebacba}.simulation-controls{margin-bottom:24px;padding-top:8px}.simulation-controls>div{display:flex;gap:5px}.simulation-controls>div button{flex:1;font-size:10px;min-height:34px;padding:5px 2px;background:#132334;border:1px solid #31495c;border-radius:5px}.step-card{display:flex;gap:10px;border-top:1px solid #253647;padding:12px 0}.step-card>span{font:10px monospace;color:#87a271;margin-top:5px}.step-card p{font-size:10px;color:#7f98a9;margin:0}.step-card strong{display:block;color:#b5c6d2;font-size:11px;margin-bottom:3px}.boundary{margin-top:12px}.boundary p{margin:5px 0 0}.page-footer{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #253546;margin-top:28px;padding-top:15px;color:#526c81;font-size:9px}.page-footer span:first-child{font-family:monospace;letter-spacing:1px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);max-width:90vw;padding:12px 20px;background:#c8f9b3;color:#132b11;border-radius:8px;box-shadow:0 8px 40px #0008;font-size:13px;z-index:20}dialog{border:1px solid #405b70;background:#0d1e2b;color:#d2e5f3;border-radius:14px;width:min(620px,calc(100vw - 30px));padding:30px;font-size:13px;line-height:1.9}dialog::backdrop{background:#020811c9;backdrop-filter:blur(5px)}dialog h2{font-size:24px;margin:5px 0 20px}dialog li{margin-bottom:12px}.close{float:left;background:#1e3446;border:1px solid #405469;color:white;border-radius:5px;font-size:20px;width:30px;height:30px}
/* Local template library and Brawl-inspired original themes. */
.tabs{grid-template-columns:repeat(4,1fr)}.size-controls{border-top:1px solid var(--line);padding-top:18px}.size-controls output{color:var(--accent);font:13px monospace}.library-select{margin-top:22px}.library-actions{display:flex;gap:6px;flex-wrap:wrap}#library-status{font-size:11px;color:var(--accent)}[data-panel=library] .note{margin-bottom:18px}.swatch.arcade{background:linear-gradient(135deg,#ffe463 50%,#2362d2 50%)}.swatch.royal{background:linear-gradient(135deg,#b75aff,#ffd981)}.swatch.frost{background:linear-gradient(135deg,#152b49,#ccefff)}.stage.theme-arcade{--tone:#ffe463;--tone2:#3d8bff;background:repeating-linear-gradient(135deg,#14316b 0 65px,#153978 65px 130px)}.stage.theme-royal{--tone:#ffd981;--tone2:#a964fb;background:radial-gradient(ellipse at 50% 0,#653d94,transparent 65%),#170f2d}.stage.theme-frost{--tone:#d2f3ff;--tone2:#77a6df;background:linear-gradient(155deg,#21425b,#081420 65%)}.stage.theme-arcade .slot{border-width:6px;box-shadow:9px 9px 0 #030e2f}.stage.theme-royal .slot{border-radius:18px;clip-path:none;border-bottom-width:7px}.stage.theme-frost .slot{clip-path:none;border-width:2px;border-radius:3px}.rank-icon{transform:none!important;border:0!important;background:none!important;box-shadow:none!important;min-width:68px}.rank-icon>span{display:none}.game-emblem,.game-emblem img,.game-emblem svg{width:78px;height:78px;display:block;object-fit:contain}.top-actions{flex-wrap:wrap;gap:8px}@media(max-width:760px){.topbar{flex-wrap:wrap;gap:12px}.top-actions{margin-left:auto}}
/* Rich, locally generated background gallery and linked frame allocation. */
.stage.theme-starr,.theme-thumbnail.theme-starr{--tone:#ffe46b;--tone2:#b862ff;background:radial-gradient(ellipse at 0 0,#7047a3,transparent 65%),#201743;color:var(--tone)}
.stage.theme-cyber,.theme-thumbnail.theme-cyber{--tone:#6efee7;--tone2:#fa5dae;background:linear-gradient(150deg,#441c59,#091c30 55%,#133d4e);color:var(--tone)}
.stage.theme-jungle,.theme-thumbnail.theme-jungle{--tone:#b7e88b;--tone2:#deb46a;background:radial-gradient(ellipse at 100% 0,#2e6a48,transparent 70%),#0d2826;color:var(--tone)}
.stage.theme-desert,.theme-thumbnail.theme-desert{--tone:#ffce87;--tone2:#eb806a;background:linear-gradient(160deg,#45213d,#8b4d40 50%,#382332);color:var(--tone)}
.stage.theme-orbit,.theme-thumbnail.theme-orbit{--tone:#80c7ff;--tone2:#b9a3ff;background:radial-gradient(ellipse at 80% 0,#3a3979,transparent 65%),#0a172e;color:var(--tone)}
.stage.theme-crystal,.theme-thumbnail.theme-crystal{--tone:#e3a1ff;--tone2:#62e4e1;background:linear-gradient(145deg,#45216a,#102837 80%);color:var(--tone)}
.theme-thumbnail.theme-ion{background:#0e343c;color:#68ffe0}.theme-thumbnail.theme-nova{background:#2c1b48;color:#c6a1ff}.theme-thumbnail.theme-ember{background:#47251e;color:#ffbd79}.theme-thumbnail.theme-arcade{background:repeating-linear-gradient(135deg,#14316b 0 12px,#153978 12px 24px);color:#ffe463}.theme-thumbnail.theme-royal{background:#36204f;color:#ffd981}.theme-thumbnail.theme-frost{background:#21425b;color:#d2f3ff}
.stage-art{position:absolute;inset:0;z-index:0;pointer-events:none;color:var(--tone);overflow:hidden}.stage-art>svg{width:100%;height:100%;display:block}.stage-top,.stage-bottom{z-index:3}.stage.transparent .stage-art{display:none}.stage.theme-starr .slot{border-width:6px;border-radius:12px;clip-path:none;box-shadow:9px 9px 0 #09071988}.stage.theme-cyber .slot{border-width:2px;border-left-width:7px}.stage.theme-jungle .slot{border-color:var(--tone);border-bottom-color:var(--tone2);border-radius:8px}.stage.theme-desert .slot{border-color:var(--tone);clip-path:polygon(0 14px,14px 0,100% 0,100% calc(100% - 14px),calc(100% - 14px) 100%,0 100%)}.stage.theme-orbit .slot{clip-path:none;border-radius:22px;border-width:2px}.stage.theme-crystal .slot{border-width:3px;border-right-color:var(--tone2);border-bottom-color:var(--tone2)}
.theme-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:580px;overflow:auto;padding:2px;gap:8px;scrollbar-width:thin;scrollbar-color:#6b8a78 #101b27}.theme-list button{display:block;padding:6px;min-width:0}.theme-thumbnail{height:76px;position:relative;display:block;border-radius:4px;overflow:hidden;border:1px solid #ffffff25}.mini-art{position:absolute;inset:0}.mini-art svg{width:100%;height:100%;display:block}.theme-thumbnail>b{position:absolute;inset:18px 0 auto;text-align:center;font:26px Arial;color:currentColor;opacity:.9;margin:0}.theme-thumbnail>i{position:absolute;inset:45% 20% 12%;border:1px solid currentColor;background:#07111c88;clip-path:polygon(0 0,90% 0,100% 20%,100% 100%,0 100%)}.theme-caption{display:block;padding:7px 2px 1px}.theme-list .theme-caption strong{font-size:9px;line-height:1.4;letter-spacing:.3px;display:block;overflow-wrap:anywhere}.theme-list .theme-caption small{font-size:9px;line-height:1.5;margin-top:3px}.size-controls{margin-bottom:22px}.size-controls output{font-size:11px;direction:ltr;text-align:right}.linked-badge{border:1px solid #7da76b55;background:#97de6310;border-radius:6px;padding:7px 9px;font-size:10px;color:#b5e49c;margin-bottom:15px}.stage-name{overflow-wrap:anywhere}.landscape .stage-creator{letter-spacing:1px;font-size:18px}.landscape .stage-platform{top:155px}.landscape .ticker{top:850px;bottom:auto;font-size:14px;line-height:1.4;padding:12px}.landscape.compact-stats .stats-ribbon{gap:12px;padding:10px 14px}.compact-stats .rank-copy strong{font-size:22px}.compact-stats .rank-copy small{font-size:10px;letter-spacing:1px}.compact-stats .score{font-size:30px;letter-spacing:-1px}.compact-stats .score small{display:block;font-size:11px;margin:0}.compact-stats .delta{font-size:18px;padding:7px}.compact-stats .rank-icon{min-width:58px;width:58px}.compact-stats .game-emblem,.compact-stats .game-emblem img,.compact-stats .game-emblem svg{width:58px;height:58px}
.camera-slot .slot-label{font-size:12px;letter-spacing:1px;left:10px}.camera-slot .slot-note{font-size:12px;letter-spacing:1px;bottom:12px}.stage.landscape .stage-creator{font-size:18px;letter-spacing:1px}
.background-only .stage>:not(.stage-art){display:none!important}.device-picker{padding-bottom:12px;border-bottom:1px solid var(--line);margin-bottom:18px}.device-picker .section-label{margin-bottom:9px}.heading-actions{flex-wrap:wrap}.game-slot .slot-note{font-size:12px;letter-spacing:1px}
.single-link .stage.transparent .stage-art{display:block}
.single-link .stage-art.theme-ion{background:radial-gradient(ellipse at 100% 0,#0e7e8644,transparent 48%),radial-gradient(ellipse at 0 95%,#1d5f8d66,transparent 50%),#06131f}
.stage.landscape .stage-name{top:115px}
.stage.landscape .stage-player{font-size:48px;letter-spacing:-1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage.landscape .stage-creator{font-size:17px;letter-spacing:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.stage.landscape .stage-platform{top:110px;font-size:12px}
.stage.landscape .stats-ribbon{height:110px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;gap:10px;padding:12px;align-items:start}
.stage.landscape .stats-ribbon .rank-icon,.stage.landscape .game-emblem,.stage.landscape .game-emblem img,.stage.landscape .game-emblem svg{width:48px;height:48px;min-width:48px}
.stage.landscape .rank-copy{padding-top:4px}
.stage.landscape .rank-copy strong{font-size:18px;letter-spacing:-.5px}
.stage.landscape .rank-copy small{font-size:9px;letter-spacing:.4px}
.stage.landscape .score{font-size:28px;letter-spacing:-1px;padding-top:2px}
.stage.landscape .score small{display:block;font-size:10px;letter-spacing:0;margin:0}
.stage.landscape .delta{position:absolute;right:12px;bottom:8px;font-size:14px;padding:3px 8px}
.stage.landscape .record-strip{gap:8px}
.stage.landscape .record-strip>div{padding:12px 10px;font-size:26px}
.stage.landscape .record-strip small{font-size:9px;letter-spacing:.4px}
.stage .stage-player{font-size:calc(69px * var(--name-scale,1))}
.stage.landscape .stage-player{font-size:calc(48px * var(--name-scale,1))}
.stage .rank-copy strong{font-size:calc(37px * var(--stats-scale,1))}
.stage .score{font-size:calc(44px * var(--stats-scale,1))}
.stage.landscape .rank-copy strong{font-size:calc(18px * var(--stats-scale,1))}
.stage.landscape .score{font-size:calc(28px * var(--stats-scale,1))}
.stage .record-strip>div{font-size:calc(38px * var(--results-scale,1))}
.stage.landscape .record-strip>div{font-size:calc(26px * var(--results-scale,1))}
.stage .ticker{font-size:calc(25px * var(--message-scale,1))}
.stage .ticker.minimal{font-size:calc(22px * var(--message-scale,1))}
.stage .odin-signature{display:inline-block;font:700 14px/1.2 Arial,sans-serif;letter-spacing:1px;color:#e2fff4;background:#06131fe6;border:1px solid #c3f5d966;border-radius:4px;padding:3px 7px}
.stage:not(.landscape) .stage-name{top:105px}
.stage .stage-creator{font-size:calc(23px * var(--name-scale,1));white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stage.landscape .stage-creator{font-size:calc(17px * var(--name-scale,1))}
.stage .ticker{max-height:100px;padding:10px 24px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.stage.landscape .ticker{-webkit-line-clamp:3}
#live-link-panel{margin-bottom:24px;max-width:980px}
#live-link-panel p{margin:8px 0;overflow-wrap:anywhere}
#live-link-url{display:block;width:100%;margin-top:12px;padding:10px;background:#091622;color:#c7efd4;border:1px solid #426457}
#live-link-panel button{margin:4px}
/* Large readable typography uses reserved boxes; native video never reflows. */
.stage .stage-creator{line-height:1.1;margin-bottom:6px}
.stage .rank-copy strong{display:block;white-space:nowrap;overflow:hidden;line-height:1.05}
.stage .rank-copy small{font-size:calc(10px * var(--stats-scale,1));letter-spacing:.4px;line-height:1.05}
.stage .score{line-height:1}
.stage [data-view=score]{display:block;white-space:nowrap;overflow:hidden;line-height:1}
.stage .score small{display:block;font-size:calc(10px * var(--stats-scale,1));margin:0;line-height:1}
.stage:not(.landscape) .stats-ribbon{display:grid;grid-template-columns:90px minmax(0,1.2fr) minmax(0,1fr);gap:12px;padding:4px 12px;align-items:center}
.stage:not(.landscape) .stats-ribbon .rank-icon,.stage:not(.landscape) .game-emblem,.stage:not(.landscape) .game-emblem img,.stage:not(.landscape) .game-emblem svg{width:min(90px,calc(64px * var(--stats-scale,1)));height:min(90px,calc(64px * var(--stats-scale,1)));min-width:0}
.stage:not(.landscape) .score{font-size:calc(38px * var(--stats-scale,1));margin-left:0}
.stage:not(.landscape) .stats-ribbon .delta{position:absolute;right:12px;bottom:4px;font-size:calc(10px * var(--stats-scale,1));padding:1px 4px;transform:translateY(80%);background:#092019;z-index:3}
.stage .record-strip>div{display:grid;grid-template-columns:minmax(0,1fr);gap:2px;justify-items:center;line-height:1.05;padding:4px 8px;min-width:0}
.stage .record-strip small{font-size:calc(14px * var(--results-scale,1));line-height:1.05;letter-spacing:.4px}
.stage .record-strip span{display:block;max-width:100%;min-width:0;overflow:hidden;white-space:nowrap;line-height:1.05}
.stage.landscape .record-strip small{font-size:calc(9px * var(--results-scale,1))}
.stage .ticker{font-size:calc(30px * var(--message-scale,1));line-height:1.2}
.stage .ticker.minimal{font-size:calc(28px * var(--message-scale,1))}
.stage.landscape .stage-top{top:12px;padding-bottom:10px}
.stage.landscape .stage-bottom{bottom:8px}
.stage.landscape .stats-ribbon{height:124px;grid-template-columns:52px minmax(0,1fr);grid-template-rows:42px 50px;gap:4px 8px;padding:8px 10px;align-items:center}
.stage.landscape .rank-copy{padding:0}
.stage.landscape .rank-copy strong{font-size:calc(18px * var(--stats-scale,1));line-height:1.05}
.stage.landscape .rank-copy small{font-size:calc(9px * var(--stats-scale,1));line-height:1;letter-spacing:0}
.stage.landscape .score{grid-column:1/-1;grid-row:2;display:flex;align-items:baseline;gap:8px;max-width:calc(100% - 62px);font-size:calc(28px * var(--stats-scale,1));margin:0;padding:0}
.stage.landscape .score small{font-size:calc(9px * var(--stats-scale,1))}
.stage.landscape .delta{font-size:calc(12px * var(--stats-scale,1));bottom:8px;right:10px;max-width:65px;overflow:hidden;white-space:nowrap;padding:2px}
.stage.landscape .stats-ribbon .rank-icon,.stage.landscape .game-emblem,.stage.landscape .game-emblem img,.stage.landscape .game-emblem svg{width:min(52px,calc(38px * var(--stats-scale,1)));height:min(52px,calc(38px * var(--stats-scale,1)));min-width:0}
.stage:not(.landscape) .rank-copy strong{line-height:1}
.stage:not(.landscape) .rank-copy small{font-size:calc(8px * var(--stats-scale,1));line-height:1}
.stage:not(.landscape) .score{font-size:calc(36px * var(--stats-scale,1))}
.stage [data-view=score]{min-width:0;max-width:100%}
.stage.landscape .stats-ribbon{height:132px;grid-template-rows:56px 56px;gap:2px 8px}
.stage.landscape .record-strip>div{padding:4px 8px;line-height:1.05}
.stage.landscape .stage-platform{top:150px}
.stage .rank-copy small{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.stage .ticker{display:block}
.stage .ticker [data-view=message]{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
/* Original procedural stream artwork. Pixel sizes are in 1080/1920 output coordinates. */
.stage{--tone:#68ffe0;--tone2:#2a95c2;--glow:16px;position:absolute;top:0;left:0;width:1080px;height:1920px;overflow:hidden;background:radial-gradient(ellipse at 100% 0,#0e7e8644,transparent 48%),radial-gradient(ellipse at 0 95%,#1d5f8d66,transparent 50%),#06131f;color:#eafaff;font-family:Arial,system-ui,sans-serif;transform-origin:top left;isolation:isolate}.stage.theme-nova{--tone:#c6a1ff;--tone2:#f974ba;background:radial-gradient(ellipse at 0 10%,#6e3a9455,transparent 50%),radial-gradient(ellipse at 90% 95%,#753b6444,transparent 50%),#0c0d23}.stage.theme-ember{--tone:#ffbd79;--tone2:#f16a58;background:radial-gradient(ellipse at 100% 20%,#a45b2544,transparent 45%),radial-gradient(ellipse at 0 95%,#8a353133,transparent 55%),#1b1014}.stage:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.8%,#ffffff05 50%,transparent 50.2%),linear-gradient(#ffffff03 1px,transparent 1px);background-size:180px 100%,100% 90px;pointer-events:none;z-index:-1}.stage:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff15;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);pointer-events:none}.stage-top{position:absolute;top:35px;left:40px;right:40px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff25;padding-bottom:18px;font:700 15px monospace;letter-spacing:4px;color:#d7eeea}.stage-logo{font:900 25px monospace;letter-spacing:-1px;color:var(--tone)}.stage-logo span{color:#eaffff}.demo-badge{display:inline-block;font:600 13px monospace;letter-spacing:2px;padding:6px 9px;border:1px solid #ffffff35;color:#b9cdd8}.stage-name{position:absolute;left:50px;right:50px;top:112px;z-index:3}.stage-creator{font:700 23px monospace;letter-spacing:4px;color:var(--tone);margin:0 0 8px}.stage-player{font-size:69px;font-weight:900;letter-spacing:-3px;line-height:1.05;margin:0;text-shadow:0 0 var(--glow) color-mix(in srgb,var(--tone),transparent 55%)}.stage-platform{position:absolute;right:0;top:46px;font:16px monospace;color:#a7c2cc;letter-spacing:2px}.slot{position:absolute;overflow:hidden;box-shadow:0 0 var(--glow) color-mix(in srgb,var(--tone),transparent 82%);border:3px solid var(--tone);background:#050b13;clip-path:polygon(0 0,calc(100% - 26px) 0,100% 26px,100% 100%,26px 100%,0 calc(100% - 26px));z-index:1}.camera-slot{left:50px;top:235px;width:980px;height:490px}.game-slot{left:50px;top:900px;width:980px;height:680px}.slot-label{position:absolute;left:19px;top:15px;font:600 13px monospace;letter-spacing:2px;color:#bdcdd8;z-index:2;background:#06111ccc;padding:4px 7px}.camera-fill,.game-fill{position:absolute;inset:0;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 20%,#29465d,#0d1c2b 65%)}.camera-fill svg{width:62%;height:95%;opacity:.45;align-self:end}.slot-note{position:absolute;bottom:21px;left:0;right:0;text-align:center;color:#b4c8d8;font:15px monospace;letter-spacing:2px}.game-fill{background:#172c37}.game-fill svg{width:100%;height:100%;opacity:.85}.stats-ribbon{position:absolute;top:765px;left:50px;right:50px;height:100px;display:flex;align-items:center;gap:24px;border-top:2px solid var(--tone);border-bottom:1px solid #ffffff35;background:linear-gradient(90deg,#ffffff0d,transparent);padding:10px 22px;z-index:2}.rank-icon{width:68px;height:68px;display:grid;place-items:center;transform:rotate(45deg);border:3px solid var(--tone);background:linear-gradient(135deg,var(--tone2),#1b2b48);box-shadow:0 0 var(--glow) #ffffff20}.rank-icon span{transform:rotate(-45deg);font:900 28px monospace}.rank-copy{display:grid;gap:2px}.rank-copy small{font:600 14px monospace;letter-spacing:3px;color:var(--tone)}.rank-copy strong{font:800 37px monospace;letter-spacing:-1px}.score{font:900 44px monospace;letter-spacing:-2px;margin-left:auto}.score small{font:14px monospace;letter-spacing:0;color:#a5c6cf;margin-left:10px}.delta{font:700 25px monospace;padding:9px 15px;border:1px solid #8af5bd66;color:#a2ffc1;background:#99ffc414}.delta.negative{color:#ffb1bf;background:#ff577b12;border-color:#ffb1bf66}.record-strip{position:absolute;left:50px;right:50px;top:1620px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;z-index:2}.record-strip>div{padding:16px 25px;border:1px solid #ffffff2b;background:#ffffff05;display:flex;align-items:center;justify-content:space-between;font:800 38px monospace}.record-strip small{font:600 14px monospace;letter-spacing:2px;color:#8aabb7}.record-strip .win{color:#9affc2}.record-strip .loss{color:#ffadc0}.record-strip .draw{color:#b8cce7}.ticker{position:absolute;left:50px;right:50px;bottom:95px;border-left:5px solid var(--tone);background:linear-gradient(90deg,#ffffff12,transparent);padding:22px 24px;z-index:2;font:700 25px/1.4 monospace;letter-spacing:1px;overflow-wrap:anywhere}.ticker.minimal{background:none;border:0;text-align:center;font-size:22px}.stage-bottom{position:absolute;bottom:35px;left:50px;right:50px;font:600 13px monospace;letter-spacing:3px;display:flex;justify-content:space-between;color:#8aabb7}.stage.transparent .camera-fill,.stage.transparent .game-fill,.stage.transparent .slot-label,.stage.transparent .slot-note{display:none}.stage.transparent .slot{background:transparent}.stage.transparent{background:none}.stage.transparent:before{display:none}.stage.layout-bottom .camera-slot{top:1090px;height:490px}.stage.layout-bottom .game-slot{top:235px;height:680px}.stage.layout-bottom .stats-ribbon{top:950px}.stage.landscape{width:1920px;height:1080px}.landscape .stage-name{top:125px;left:1280px;right:55px}.landscape .stage-player{font-size:68px}.landscape .stage-platform{top:135px;left:0;right:auto;font-size:14px}.landscape .stage-creator{font-size:20px}.landscape .game-slot{left:45px;top:125px;width:1180px;height:665px}.landscape .camera-slot{left:1280px;top:335px;width:585px;height:330px}.landscape .stats-ribbon{top:835px;left:45px;right:695px;height:108px}.landscape .rank-copy strong{font-size:32px}.landscape .record-strip{left:1280px;right:55px;top:700px;gap:10px}.landscape .record-strip>div{padding:12px;font-size:30px}.landscape .record-strip small{font-size:10px}.landscape .ticker{left:1280px;right:55px;bottom:150px;font-size:19px;padding:16px}.landscape.layout-bottom .camera-slot{top:485px}.landscape.layout-bottom .record-strip{top:335px}.landscape.layout-bottom .stats-ribbon{top:835px}.landscape.layout-bottom .game-slot{top:125px}.overlay-only{background:transparent;overflow:hidden;margin:0;min-width:0}.overlay-only #stage-host{margin:0}.overlay-only .stage{transform-origin:top left}@media(max-width:1300px){.workspace{grid-template-columns:260px minmax(340px,1fr)}.session-panel{grid-column:1/-1;display:block}.session-panel .session-clock{margin:10px 0}.session-panel .step-card{display:none}.session-panel .session-stats{max-width:340px}.session-panel .simulation-controls{max-width:340px}.session-panel .wide{max-width:340px}.heading{align-items:flex-start;flex-direction:column}.saved{display:none}}@media(max-width:760px){.topbar{padding:15px}.brand-light{font-size:9px}.sandbox{display:none}.top-actions .quiet{font-size:10px;padding:7px}.heading h1{font-size:25px}main{padding:22px 14px}.workspace{display:flex;flex-direction:column}.editor,.preview-panel,.session-panel{width:100%}.preview-panel{order:-1}.preview-viewport{height:610px}.heading-actions{flex-wrap:wrap}.primary,.secondary{font-size:11px}.page-footer{flex-direction:column}.format-picker span{font-size:8px}.preview-toolbar{padding:10px}.canvas-footer>span:nth-child(2){display:none}}
/* A dark preferred color scheme can give an otherwise transparent iframe an
   opaque canvas. Browser-source output must preserve alpha through the root. */
html.stream-output{color-scheme:normal;background:transparent}