:root{color-scheme:dark;--pine:#081d20;--ink:#101517;--amber:#ffb32d;--paper:#e7d9bb;--muted:#9da9a4;--copper:#9a623b;--magenta:#e541a6}*{box-sizing:border-box}body{margin:0;background:var(--pine);color:var(--paper);font-family:Arial,Helvetica,sans-serif;min-height:100svh}button,select,input{font:inherit}button,a,select,input{touch-action:manipulation}button{cursor:pointer;color:inherit}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--amber);outline-offset:4px}a{color:inherit;text-decoration:none}.scene{position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,16,18,.35),rgba(3,16,18,.2) 48%,rgba(3,16,18,.78)),url('/media/substation-v1.png') left center/cover no-repeat;z-index:-2}.scene:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061719 0%,transparent 55%,#081d20cc 100%)}.grain{position:fixed;inset:0;pointer-events:none;opacity:.08;z-index:5;background:repeating-linear-gradient(0deg,#0000 0 3px,#000 4px)}.masthead{height:88px;padding:22px 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7d9bb20;background:#081d20a0}.studio{display:flex;gap:9px;font-weight:950;font-size:19px;line-height:.86;letter-spacing:-.7px}.riot{display:block;letter-spacing:3px}.studio-mark{font-size:46px;color:var(--amber);line-height:.85}.edition{font-size:10px;font-weight:700;letter-spacing:2px;color:#bdc4b7}.edition span{margin-left:20px;border:1px solid #ffffff25;padding:8px}.masthead nav{display:flex;gap:9px}.masthead button{border:1px solid #b8bcaa40;background:#081d20aa;height:38px;min-width:38px;font-size:16px}.masthead #sound{font-size:10px;font-weight:700;letter-spacing:1px;padding:0 12px}.cabinet{max-width:1440px;padding:34px 4vw 20px;margin:auto;display:grid;grid-template-columns:minmax(160px,1fr) minmax(320px,560px) minmax(160px,.75fr);gap:30px;align-items:center}.story{align-self:stretch;padding-top:16px}.eyebrow{font-size:9px;font-weight:700;letter-spacing:2px;color:#c3c2ad}h1{position:relative;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(44px,5.8vw,84px);font-weight:900;line-height:.82;letter-spacing:-1px;margin:23px 0;color:#f4ead3;text-shadow:0 4px 0 #122326,2px 0 0 #d0ab67}h1 span{font-size:.85em;color:var(--amber)}h1 i{font-style:normal;font-size:.75em;position:absolute;right:0;top:32px;color:var(--amber);opacity:.25}.title-line{height:4px;width:58px;background:var(--amber);margin:24px 0}.tagline{font-size:20px;line-height:1.35;color:#e4d3ad}.mechanic{margin-top:35px;padding-top:20px;border-top:1px solid #f9d19032;max-width:220px}.mechanic>span{font-size:9px;letter-spacing:2px;color:var(--amber)}.mechanic strong{display:block;margin:10px 0;font-size:15px;letter-spacing:1.4px}.mechanic p{font-size:12px;line-height:1.7;color:#bfc7ba}.history-link{font-size:10px;letter-spacing:1px;display:block;margin-top:30px}.history-link span{color:var(--amber);margin-left:10px}.board-heading{display:flex;justify-content:space-between;padding:0 3px 12px;font-size:10px;font-weight:800;letter-spacing:1.6px}#mode{color:var(--amber)}#free-progress{color:#a2b7b4;letter-spacing:1px}.board-frame{position:relative;padding:13px;background:linear-gradient(135deg,#8c643d,#203032 18%,#0d1d20 80%,#9a623b);border:1px solid #bb8c5080;box-shadow:0 22px 60px #0008,inset 0 0 0 5px #0c1b1b,inset 0 0 0 6px #9a623b60}#board{aspect-ratio:1;background:#071417;border:1px solid #ab9a7250;overflow:hidden}#board canvas{display:block;width:100%;height:100%}.corner{position:absolute;width:7px;height:7px;background:var(--amber);box-shadow:0 0 10px #ffb32d55;z-index:1}.top-left{left:4px;top:4px}.top-right{right:4px;top:4px}.bottom-left{left:4px;bottom:4px}.bottom-right{right:4px;bottom:4px}.board-overlay,.loader{position:absolute;inset:14px;display:flex;flex-direction:column;gap:14px;align-items:center;justify-content:center;text-align:center;padding:24px;background:#061416eb;color:var(--paper);z-index:3}.board-overlay[hidden],.loader[hidden],[hidden]{display:none!important}.board-overlay>span:first-child{font-size:11px;color:var(--amber);letter-spacing:3px}.board-overlay strong{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(38px,6vw,75px);letter-spacing:2px;line-height:1}.board-overlay>span:last-child{font-size:14px;line-height:1.5;max-width:280px}.loading-ring{width:30px;height:30px;border:2px solid #e7d9bb30;border-top-color:var(--amber);border-radius:50%;animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loader strong{font-size:13px;letter-spacing:2px}.loader span:last-child{font-size:12px;color:#a2b7b4}.readout{padding:15px 4px 0;min-height:103px;text-align:center}#beat-label{display:block;font-size:9px;letter-spacing:2px;color:var(--amber);margin-bottom:7px}#beat-title{font-size:18px;line-height:1.25}#beat-detail{color:#aebbb1;font-size:11px;line-height:1.5;margin:7px 0 0}.telemetry{align-self:stretch;padding-top:16px}.panel-label{font-size:9px;letter-spacing:2px;color:#97aaa7}.signal{margin:15px 0 28px;display:flex;align-items:center;gap:12px}#grid-label{font-size:10px;color:#afc8c2;letter-spacing:1px}.wave{font-size:15px;color:#608c84;white-space:nowrap;overflow:hidden}.cluster-card{background:#07181bcc;border:1px solid #9c986534;padding:20px 17px;box-shadow:0 8px 25px #0002}.cluster-card span{font-size:9px;color:#9dac9f;letter-spacing:1.5px}.cluster-card strong{display:block;font-size:30px;line-height:1.2;margin-top:8px;font-variant-numeric:tabular-nums}.amber{color:var(--amber)}.charge-rule{height:1px;background:#aaaa7630;margin:18px 0}.cluster-card p,.blackout-card p{font-size:11px;line-height:1.6;color:#9eb5b0}.blackout-card{margin-top:20px;padding:18px 0;border-bottom:1px solid #9c986534}.blackout-card>span{font-size:11px;font-weight:800;letter-spacing:2px}.beacon-mark{font-size:24px!important;color:var(--magenta);margin-right:10px;text-shadow:0 0 15px #e541a660}#replay{margin-top:24px;width:100%;text-align:left;font-size:9px;letter-spacing:1px;padding:12px;background:transparent;border:1px solid #abab6740}#replay span{float:right;color:var(--amber)}.controls{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr 1.2fr;align-items:center;gap:20px;background:#061719ec;border:1px solid #74785950;padding:20px 24px;position:relative;box-shadow:0 10px 30px #0003}.controls>div>span,.stake>span{display:block;font-size:9px;color:#9eafa5;letter-spacing:1px;margin-bottom:9px}.controls strong{font-size:24px;font-variant-numeric:tabular-nums}.award strong{color:var(--amber)}.stake select{background:#142326;border:1px solid #8e976950;color:var(--paper);padding:8px 28px 8px 10px;font-size:19px;font-weight:700;max-width:100%;min-height:44px}.spin{border:1px solid #ffd77e;background:linear-gradient(#ffc553,#eda322);color:#132426;min-height:66px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:14px;font-weight:900;letter-spacing:2px;box-shadow:0 3px 0 #895717,inset 0 1px 0 #fff8}.spin-icon{font-size:35px;font-weight:400;line-height:1}.secondary{grid-column:4;background:#1b302e;border:1px solid #6e86744a;padding:13px;font-size:10px;letter-spacing:1px;min-height:44px}#connection{grid-column:1/-1;margin:0;color:#8fa7a1;font-size:11px;line-height:1.4;min-height:16px}.error{color:#ffb99b!important}footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:15px 25px;padding:10px 4vw 25px;font-size:8px;letter-spacing:.6px;color:#819a93}footer a{color:#acb6a2}dialog{border:1px solid #9a623b90;background:#0d2426;color:var(--paper);padding:25px;width:min(590px,calc(100% - 28px));max-height:85svh;line-height:1.65}dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e7d9bb25;margin-bottom:20px;padding-bottom:12px}.dialog-heading h2{margin:0;font-size:22px;letter-spacing:2px}.dialog-heading button{background:transparent;border:1px solid #aaa5;min-width:44px;min-height:44px;font-size:23px}dialog h3{font-size:13px;letter-spacing:1.5px;color:var(--amber);margin-top:25px}dialog p{font-size:13px;color:#c2ccc0}dialog a{text-decoration:underline;font-size:12px}.setting{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:20px 0;font-size:14px}.setting input[type=range]{width:45%;accent-color:var(--amber)}.setting input[type=checkbox]{width:22px;height:22px;accent-color:var(--amber)}.tech-details{font-size:10px;overflow-wrap:anywhere;color:#839c97;border-top:1px solid #ffffff20;padding-top:15px}.notice{border-left:3px solid var(--amber);padding-left:12px}#paytable{display:grid;grid-template-columns:1fr 1fr;gap:7px}.pay-row{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff15;padding:7px;font-size:12px}.history-row{padding:14px 0;border-bottom:1px solid #ffffff20;display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:12px}.history-row small{display:block;color:#99b0a7}.history-row button{background:transparent;border:1px solid #9a623b90;padding:10px;min-height:44px;font-size:11px}.bonus .board-frame{border-color:#e541a6aa;box-shadow:0 20px 60px #0008,0 0 30px #e541a622,inset 0 0 0 5px #0c1b1b,inset 0 0 0 6px #e541a64a}.bonus #mode{color:#f679c0}.reduced .loading-ring{animation:none}@media(min-width:1550px){.cabinet{padding-top:50px;gap:45px}}@media(max-width:1000px){.cabinet{grid-template-columns:minmax(130px,.65fr) minmax(300px,1.5fr);max-width:900px;gap:24px}.telemetry{display:none}.story{padding-top:25px}.mechanic{margin-top:25px}h1{font-size:clamp(40px,7vw,70px)}.edition{display:none}.controls{gap:12px;padding:17px}.controls strong{font-size:21px}}@media(max-width:620px){.masthead{height:66px;padding:13px 18px}.studio{font-size:14px}.studio-mark{font-size:34px}.masthead nav{gap:6px}.masthead button{height:36px;min-width:36px}.cabinet{padding:18px 12px 12px;display:block}.story{padding:0;position:relative;display:flex;justify-content:space-between;align-items:center;margin:0 4px 16px}.story .eyebrow,.title-line,.tagline,.mechanic,.history-link,h1 i{display:none}h1{font-size:29px;line-height:.9;letter-spacing:0;margin:0}h1 br{display:none}h1 span{font-size:1em;margin-left:7px}.board-heading{font-size:8px;letter-spacing:1px;padding-bottom:9px}.board-frame{padding:10px}#board{border:0}.board-overlay,.loader{inset:10px}.readout{min-height:88px;padding-top:12px}#beat-title{font-size:16px}#beat-detail{font-size:10px}.controls{grid-template-columns:1fr 1fr 1fr;padding:15px 13px;gap:10px;margin-top:4px}.controls strong{font-size:18px}.controls>div>span,.stake>span{font-size:7px;letter-spacing:.5px}.stake select{font-size:16px;padding:7px}.spin{grid-column:1/-1;min-height:59px}.secondary{grid-column:1/-1;min-height:44px}#connection{font-size:10px}.scene{background-position:28% center}.scene:after{background:#071b1dd0}footer{font-size:7px;gap:12px;padding-bottom:18px}footer>span:first-child{display:none}.telemetry{display:none}dialog{padding:18px}.dialog-heading h2{font-size:18px}}@media(prefers-reduced-motion:reduce){.loading-ring{animation:none}}@media(max-height:800px) and (min-width:1001px){.cabinet{max-width:1220px;grid-template-columns:1fr minmax(320px,440px) .75fr;padding-top:20px;gap:25px}.masthead{height:72px}.story .tagline{font-size:17px}.mechanic{margin-top:20px}.history-link{margin-top:20px}.controls{padding:14px 20px}.readout{min-height:85px}.cluster-card{padding:15px}.blackout-card{padding:10px 0}}

.masthead nav select{max-width:180px;background:#10272b;color:#e7d9bb;border:1px solid #9a623b70;font-size:11px;min-height:38px;padding:7px}@media(max-width:620px){.masthead nav select{max-width:112px;font-size:9px}.masthead #sound{padding:0 6px;font-size:8px}}@media(max-height:950px) and (min-width:1001px){.cabinet{max-width:1280px;grid-template-columns:1fr minmax(320px,440px) .75fr;padding-top:24px;gap:25px}.readout{min-height:85px}.controls{padding:14px 20px}}

.controls>div{min-width:0}.controls strong{overflow-wrap:anywhere}footer{font-size:9px}@media(max-width:620px){.controls>div>span,.stake>span{font-size:9px;letter-spacing:0}.controls strong{font-size:clamp(13px,4vw,18px)}.board-heading{font-size:9px}footer{font-size:9px}}

.masthead #logout{font-size:10px;max-width:180px;padding:0 9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:620px){.masthead{height:auto;min-height:66px;gap:8px;flex-wrap:wrap}.masthead nav{margin-left:auto;min-width:0}.masthead #logout{max-width:90px;font-size:9px;padding:0 6px}}

.feature-controls{grid-column:1/-1;display:flex;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid #74785940;padding-top:14px}.utility-button{min-height:44px;min-width:130px;border:1px solid #b4b59070;background:#172c2b;padding:11px 17px;font-size:11px;font-weight:800;letter-spacing:1px}.bonus-button{border-color:#e541a670;background:#382336;color:#facde8}.bonus-button span{margin-left:8px;color:#f679c0}.utility-button.active{border-color:#ffb32d;color:#ffcc6e}.controls #autoplay-progress{font-size:10px;line-height:1.5;color:#ffcc6e;margin:0;letter-spacing:.6px}.setting select,.setting input[type=text]{min-height:44px;background:#142f30;border:1px solid #8e976980;color:var(--paper);padding:9px 12px;max-width:45%;font-size:15px}#autoplay-loss{width:140px}#autoplay-error:empty{display:none}.feature-preview{display:block;min-height:48px;width:100%;border:1px solid #ffce72;background:#ffb32d;color:#142426;padding:12px;font-size:12px;font-weight:900;letter-spacing:1px}.feature-card{position:relative;padding:20px;border:1px solid #8a9e8750;background:#071c1d;margin:12px 0}.feature-card.preview{border-color:#e541a680;background:linear-gradient(120deg,#372335,#0c2325)}.feature-card h3{font-size:22px;letter-spacing:2px;margin:8px 0}.feature-card.preview h3{color:#facde8}.feature-category{font-size:9px;letter-spacing:1.7px;color:#b7c1b6}.feature-card p{font-size:12px;line-height:1.65;margin:10px 0 17px}.feature-status{font-size:9px;letter-spacing:1px;color:#9aaea7}.feature-footnote{border-top:1px solid #8a9e8750;padding-top:15px;font-size:11px!important}@media(max-width:620px){.feature-controls{gap:9px}.utility-button{flex:1;padding:10px 12px;min-width:120px}.controls #autoplay-progress{width:100%;font-size:9px}.feature-card{padding:16px}.setting{gap:12px}.feature-category{font-size:8px}}