@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#101719;--panel:#172123;--line:#303b3b;--muted:#87968f;--cream:#e9ecdb;--lime:#d3ed83}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:'DM Sans',sans-serif}.app{max-width:1440px;padding:30px 56px 24px;margin:auto}button,a,input{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.masthead{display:flex;justify-content:space-between;align-items:center;padding-bottom:28px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:1.7px}.brand{text-decoration:none;color:var(--cream);font-weight:700;display:flex;gap:12px;align-items:center}.brand-mark{color:var(--lime);font-size:24px}.edition{color:var(--muted);border-left:1px solid var(--line);margin-left:10px;padding-left:20px;font-size:9px}.live{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:9px}.live i,.status-light{width:6px;height:6px;background:var(--lime);border-radius:50%;display:inline-block;box-shadow:0 0 10px #d3ed8333}.intro{display:flex;justify-content:space-between;align-items:end;margin:34px 0 28px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:2px;color:var(--muted);margin:0 0 12px}h1{font:500 clamp(32px,4vw,54px)/1.1 'Space Grotesk',sans-serif;letter-spacing:-2.5px;margin:0 0 12px}h1 em{font-style:normal;color:var(--lime)}.subtitle{color:#a5b0a7;font-size:13px;margin:0}.intro-note{display:flex;gap:16px;align-items:center;font-size:11px;line-height:1.7;color:var(--muted)}.intro-note>span{font-size:28px;color:var(--lime)}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:24px;align-items:stretch}.game-shell{border:1px solid #3b4742;background:#101b1d;display:flex;flex-direction:column;overflow:hidden;border-radius:5px}.game-top,.game-bottom{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.5px;padding:16px 20px;color:#aebcac;background:#1b2929}.game-top>span:first-child{display:flex;align-items:center;gap:8px}.game-top>span:last-child{color:#71897c}.canvas-wrap{position:relative;flex:1;background:#101a1e;display:flex;align-items:center;overflow:hidden}canvas{display:block;width:100%;height:auto;image-rendering:pixelated;cursor:crosshair;aspect-ratio:4/3}.game-overlay{position:absolute;top:22px;left:24px;right:24px;display:flex;justify-content:space-between;pointer-events:none;font:10px 'Space Grotesk',monospace;letter-spacing:1.5px;color:#78968b}#combo-label{color:var(--lime)}.game-bottom{padding:12px 20px;font-size:8px;border-top:1px solid var(--line)}kbd{background:#34413c;border:1px solid #465148;border-radius:3px;padding:3px 5px;font:8px inherit;color:#c5cebc}.separator{margin:0 12px;color:#64776a}.game-bottom button{background:none;border:0;color:#b1bca8;font-size:9px;letter-spacing:1px}.control-panel{border:1px solid var(--line);border-radius:5px;background:var(--panel);padding:24px}.panel-heading{display:flex;justify-content:space-between}.panel-heading>span{font-size:9px;color:#667c70}.stat-main{margin-top:20px}.stat-main>span,.stat-grid>div>span{font-size:8px;letter-spacing:1.4px;color:var(--muted)}.stat-main>strong{display:block;font:500 46px 'Space Grotesk',sans-serif;letter-spacing:-2px;color:var(--lime);margin-top:3px}.stat-main p{font-size:10px;color:var(--muted);margin:8px 0 24px}.stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.stat-grid strong{display:block;font:500 25px 'Space Grotesk',sans-serif;margin-top:7px}.stat-grid strong span{color:var(--muted);font-size:17px}.divider{height:1px;background:var(--line);margin:23px 0}.setting-row{display:flex;justify-content:space-between;align-items:center}h2{font-size:12px;margin:0 0 5px;font-weight:500}.setting-row p{color:var(--muted);font-size:10px;margin:0}.toggle{background:var(--lime);width:36px;height:20px;border:0;border-radius:20px;padding:3px}.toggle span{background:#253329;display:block;width:14px;height:14px;border-radius:50%;transform:translateX(16px);transition:transform .2s}.toggle[aria-checked=false]{background:#46544d}.toggle[aria-checked=false] span{transform:translateX(0);background:#c7d0bc}.speed-setting{margin:24px 0 18px}.speed-setting label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted)}.speed-setting label span{color:#c3ccb7;letter-spacing:0}input[type=range]{width:100%;height:3px;accent-color:var(--lime);cursor:pointer;margin:16px 0 7px}.primary{display:flex;align-items:center;justify-content:space-between;width:100%;background:var(--lime);color:#253425;border:0;border-radius:3px;padding:14px 16px;font-size:10px;font-weight:700;letter-spacing:1.1px}.primary:hover{background:#e1f4a8}.primary span{font-size:20px;line-height:12px}.hint{text-align:center;font-size:9px;line-height:1.8;color:var(--muted);margin:12px 0 17px}.secondary-buttons{display:flex;gap:8px}.secondary-buttons button{flex:1;border:1px solid #3a4840;background:transparent;color:#b9c5b3;font-size:10px;border-radius:3px;padding:9px 2px}.secondary-buttons button:hover{background:#27352f}.legend>.eyebrow{font-size:8px;margin-bottom:17px}.legend>div{display:flex;align-items:center;font-size:10px;margin:13px 0;gap:9px}.legend small{font-size:9px;margin-left:auto;color:var(--muted)}.ore{width:10px;height:10px;display:block;border:2px solid #ffffff33}.stone{background:#6c8988}.copper{background:#c58458}.crystal{background:#a4c975}.reset{display:block;margin:23px auto 0;border:0;background:none;color:#7e9384;font-size:9px}.reset:hover{color:var(--lime)}footer{display:flex;justify-content:space-between;color:#62766b;font-size:8px;letter-spacing:1.5px;margin-top:24px}footer i{color:var(--lime);font-style:normal;margin-left:10px}.pause-overlay{position:absolute;inset:0;background:#101719bb;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--lime);font:500 26px 'Space Grotesk';letter-spacing:2px}.pause-overlay[hidden]{display:none}.pause-overlay span{font:12px 'DM Sans';color:#c3ceb8;letter-spacing:0;margin-top:15px}.game-shell:fullscreen{border:0;border-radius:0;width:100vw;height:100vh}.game-shell:fullscreen .canvas-wrap{min-height:0;justify-content:center}.game-shell:fullscreen canvas{width:auto;height:100%;max-width:100%;object-fit:contain}.game-shell:fullscreen .game-overlay{left:6%;right:6%}@media(min-width:1400px){.control-panel{padding:28px}.stat-main{margin-top:26px}.divider{margin:28px 0}}@media(max-width:1000px){.app{padding:24px}.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.control-panel{padding:18px}.intro-note{display:none}}@media(max-width:740px){.app{padding:18px 14px}.edition{display:none}.live{font-size:7px;letter-spacing:1px}.brand{font-size:9px}.intro{margin:28px 0 23px}h1{letter-spacing:-1.5px}.workspace{grid-template-columns:1fr}.control-panel{padding:24px}.stat-main{margin-top:12px}.stat-main p{margin-bottom:18px}.game-top{padding:12px}.game-overlay{top:15px;left:15px;right:15px;font-size:8px}.game-bottom{padding:12px;font-size:7px}footer{font-size:7px;line-height:1.8;gap:24px}footer>span{max-width:50%}}
/* Keep the pit at its intended aspect ratio even when the control panel is taller. */
.game-shell{align-self:start}.canvas-wrap{flex:none}
.game-shell:fullscreen{align-self:stretch}.game-shell:fullscreen .canvas-wrap{flex:1}
@media(max-width:900px){.workspace{grid-template-columns:1fr}.control-panel{padding:24px}.intro-note{display:none}}
/* Version 2: bring the mine forward and keep a compact control room beside it. */
:root{--bg:#111521;--panel:#1b2030;--line:#343c50;--muted:#96a1b8;--cream:#f0e8da;--lime:#ffd082}body{background:radial-gradient(ellipse at 20% 15%,#222538 0,transparent 65%),var(--bg)}.app{max-width:1120px;padding:22px 32px}.masthead{padding-bottom:18px}.intro{margin:24px 0 22px}h1{font-size:44px}.workspace{grid-template-columns:minmax(0,1fr) 290px;gap:22px}.game-shell{background:#17212d;border-color:#42455a}.game-top,.game-bottom{background:#202637}.canvas-wrap{background:#17212d}canvas{aspect-ratio:8/9}.game-overlay{color:#dbdce8;font-size:10px;text-shadow:0 2px 2px #000;top:18px;gap:12px}.game-top{font-size:8px;letter-spacing:1px}.game-top>span:last-child{color:#bdaccf}.game-bottom{font-size:7px}.control-panel{padding:22px}.stat-main>strong{font-size:40px}.divider{margin:22px 0}.heavy-button{background:#36344c;color:#e5caef;border:1px solid #655274;margin-top:9px}.heavy-button:hover{background:#4c3e60}.primary{color:#423228}.toggle span{background:#493925}.speed-setting{margin:22px 0 16px}.chat-panel summary{font-size:11px;cursor:pointer;color:#d1d9e7}.chat-panel summary>span{font-size:7px;letter-spacing:1px;color:var(--muted);margin-left:8px}.chat-panel .hint{text-align:left;font-size:10px}.chat-input{display:flex;margin:9px 0 12px;gap:6px}.chat-input input{min-width:0;flex:1;background:#111727;color:#f4e6cc;border:1px solid #3c475e;border-radius:3px;padding:8px;font:12px monospace}.chat-input button{border:1px solid #4c566c;background:#30384d;color:#e6d8c0;border-radius:3px;font-size:10px;padding:8px}.chat-chips{display:flex;flex-wrap:wrap;gap:6px}.chat-chips button{border:1px solid #4b4965;background:#28273b;color:#d4bddf;border-radius:3px;font:10px monospace;padding:6px}#chat-result{font-size:10px;line-height:1.7;color:#c3b7d5;margin-top:14px}.game-shell:fullscreen canvas{aspect-ratio:8/9}.game-shell:fullscreen .game-overlay{left:20%;right:20%;top:18px}footer{color:#8390a7}@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 260px;gap:16px}.app{padding:20px}.control-panel{padding:18px}.stat-main p{line-height:1.7}.game-overlay{font-size:8px;left:15px;right:15px}.game-top{padding:12px 10px;letter-spacing:.3px;font-size:7px}h1{font-size:38px}}@media(max-width:620px){.workspace{grid-template-columns:1fr}.app{padding:16px 12px}.control-panel{padding:24px}h1{font-size:34px}.game-shell:fullscreen .game-overlay{left:7%;right:7%}}
.primary.heavy-button{color:#e5caef}
.mode-banner{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:11px 16px;background:#302c46;border-bottom:1px solid #554969;font-size:9px;color:#c4b5d9}.mode-banner strong{font-weight:600;color:#eaccff;font-size:11px}.mode-banner span:last-child{color:#d9cc9e}.rotation-row{margin-top:16px}.select-label{display:block;font-size:8px;letter-spacing:1.4px;color:var(--muted);margin:18px 0 8px}select{font:11px 'DM Sans',sans-serif;width:100%;padding:9px;background:#242b3d;border:1px solid #4c536c;border-radius:3px;color:#e9dfec;cursor:pointer}.effect-status{font-size:9px;color:#c1d8e8;line-height:1.6;margin:12px 0;min-height:28px}.block-lab{margin-bottom:20px}.block-lab summary{font-size:11px;color:#f1ce8f;cursor:pointer}.block-lab .hint{text-align:left;font-size:10px}.lab-trigger{width:100%;border:1px solid #6c5980;background:#3a304a;color:#ead3ff;border-radius:3px;font-size:9px;letter-spacing:1px;padding:10px;margin-top:10px}.lab-trigger:hover{background:#524061}.game-shell:fullscreen .mode-banner{flex:none}@media(max-width:620px){.mode-banner{padding:10px;font-size:8px;gap:8px}.mode-banner strong{font-size:10px}}
.audience-lab{margin-bottom:20px}.audience-lab summary{font-size:11px;cursor:pointer;color:#ffd082}.audience-lab summary span{font-size:7px;color:var(--muted);margin-left:7px}.audience-lab .hint{text-align:left;font-size:10px}.like-label{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1px;color:var(--muted);margin:16px 0 8px}progress{width:100%;height:6px;accent-color:#ff96c2;border:0;background:#30394c}progress::-webkit-progress-bar{background:#30394c;border-radius:3px}progress::-webkit-progress-value{background:#ff96c2;border-radius:3px}#audience-result{font-size:10px;line-height:1.7;color:#e9d2a9}.audience-lab .effect-status{color:#ffd599}
.arcade-hud{background:linear-gradient(120deg,#17172d,#29213d);border-bottom:3px solid #b08be4;box-shadow:inset 0 0 24px #975bff15;flex:none}.arcade-hud .mode-banner{background:transparent;border:0;padding:14px 18px 11px;gap:12px}.arcade-mode{display:flex;flex-direction:column;gap:6px}.arcade-mode small{font:8px 'Courier New',monospace;letter-spacing:2px;color:#a896bd}.arcade-mode #current-mode{font:bold clamp(12px,1.6vw,20px) 'Courier New',monospace;text-transform:uppercase;letter-spacing:1px;color:#f5dcff;text-shadow:2px 2px 0 #703692,0 0 15px #b97aff55}.arcade-round{display:flex;flex-direction:column;gap:7px;text-align:right;font:9px 'Courier New',monospace;text-transform:uppercase}.arcade-round #ball-count{color:#ffcbdc;font-weight:bold}.arcade-hud #mode-progress{display:block;width:100%;height:3px;accent-color:#ba8afe;border-radius:0}.arcade-hud #mode-progress::-webkit-progress-bar{background:#3f3153}.arcade-hud #mode-progress::-webkit-progress-value{background:#ba8afe;border-radius:0;box-shadow:0 0 8px #a271ef}.hud-effects{display:flex;flex-wrap:wrap;gap:6px;padding:12px 14px;min-height:47px;align-items:center}.hud-chip{--chip:#aa9cba;display:inline-flex;gap:6px;align-items:center;font:bold 9px 'Courier New',monospace;letter-spacing:.5px;line-height:1.3;padding:7px 8px;background:#0d1420;border:1px solid var(--chip);border-bottom-width:3px;color:var(--chip);box-shadow:0 0 9px #ffffff08,inset 0 0 8px #ffffff05;text-shadow:0 0 7px #ffffff22;white-space:nowrap}.hud-chip[hidden]{display:none}.hud-chip b{font-size:14px;line-height:10px}.hud-chip em{font-style:normal;background:#ffffff15;padding:2px 4px;margin-left:2px;color:#fff}.hud-purple{--chip:#d5a4ff}.hud-cyan{--chip:#80e9ff}.hud-gold{--chip:#ffd071}.hud-red{--chip:#ff977c}.hud-green{--chip:#bce76f}.hud-pink{--chip:#ffb2d5}.hud-idle{border-color:#554863;color:#a999bb}.game-shell:fullscreen .arcade-hud{width:100%}.game-shell:fullscreen .hud-effects{justify-content:center}.game-shell:fullscreen .arcade-hud .mode-banner{padding-left:7%;padding-right:7%}@media(max-width:900px){.arcade-hud .mode-banner{padding:12px}.arcade-mode #current-mode{font-size:14px}.hud-effects{padding:10px;gap:5px}.hud-chip{font-size:8px;padding:6px}.arcade-round{font-size:8px}}@media(prefers-reduced-motion:no-preference){.hud-chip:not(.hud-idle){animation:arcade-pop .2s ease-out}@keyframes arcade-pop{from{transform:translateY(3px);opacity:.4}to{transform:translateY(0);opacity:1}}}

.world-controls{padding:18px 0;border-top:1px solid #ffffff17;margin-top:20px}.world-controls summary{cursor:pointer;color:#e8d7ff;font-weight:700;font-size:14px}.world-controls summary span{float:right;color:#bf9dfb;font-family:monospace}.world-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}.world-buttons button{background:#282337;border:1px solid #655179;color:#e8d7ff;padding:12px 6px;font-weight:700;font-size:12px;cursor:pointer}.world-buttons button:hover{background:#453454;border-color:#bd91ef}.world-controls input{width:100%;accent-color:#bf9dfb;margin:14px 0}.world-controls .select-label span{float:right;color:#bf9dfb}

/* Operator dashboard. Only the frame below is part of the stream capture. */
.workspace{grid-template-columns:minmax(0,1fr) 320px;align-items:start}
.preview-panel{min-width:0}.preview-heading{display:flex;justify-content:space-between;gap:16px;font:9px 'Courier New',monospace;letter-spacing:1px;color:#9da8bc;margin-bottom:14px}
.preview-panel .game-shell{display:block;max-width:440px;aspect-ratio:9/16;margin:auto;background:#101a26;border:1px solid #42455a;border-radius:0}
#loop-preview{display:block;width:100%;height:100%;border:0;aspect-ratio:9/16}
.preview-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:16px}
.preview-actions button,.preview-actions a{font:10px 'Courier New',monospace;color:#f1d09d;background:none;border:0;text-decoration:none;cursor:pointer;padding:8px 0}
.preview-actions button:hover,.preview-actions a:hover{color:#fff0cd}
.control-panel .arcade-hud{margin:8px -8px 16px;border-bottom:1px solid #655179;box-shadow:none;background:#201c30}
.control-panel .arcade-hud .mode-banner{padding:10px;gap:6px}.control-panel .arcade-mode #current-mode{font-size:12px;letter-spacing:0;text-shadow:none}.control-panel .arcade-mode small{font-size:7px;letter-spacing:1px}.control-panel .arcade-round{font-size:7px}
.control-panel .hud-effects{padding:8px;gap:4px;min-height:32px}.control-panel .hud-chip{font-size:7px;padding:4px;letter-spacing:0;border-bottom-width:1px;box-shadow:none;text-shadow:none}.control-panel .hud-chip b{font-size:10px}
.dashboard-event{font:9px/1.6 'Courier New',monospace;color:#d4b7e1;min-height:15px}.dashboard-combo{font:10px 'Courier New',monospace;color:#ffd082}
@media(max-width:900px){.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:18px}}
@media(max-width:700px){.workspace{grid-template-columns:1fr}.preview-panel .game-shell{max-width:400px}.control-panel{margin-top:12px}.preview-actions{gap:14px}.preview-heading{max-width:400px;margin:0 auto 12px}}