*{box-sizing:border-box}body{margin:0;background:#f0f4f8;color:#173c50;font-family:system-ui,-apple-system,Segoe UI,sans-serif}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 28px;background:white;border-bottom:1px solid #dbe5e8}h1{font-size:30px;letter-spacing:-1px;margin:2px 0}h2{font-size:20px}.eyebrow{font-size:10px;font-weight:800;letter-spacing:2px;color:#57867d}.local{font-size:13px;padding:9px 13px;background:#e2f1ea;border-radius:20px}a{color:#187b71;text-decoration:none;font-weight:600}main{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;padding:16px;max-width:1800px;margin:auto}.stage{position:relative;border-radius:22px;overflow:hidden;border:1px solid #ccdeda;background:#edf6f1;min-height:650px;height:calc(100dvh - 130px)}canvas{width:100%;height:100%;display:block;touch-action:none}.hud{position:absolute;top:16px;left:16px;right:16px;display:flex;justify-content:space-between;gap:8px;pointer-events:none}.hud span{background:#fffff4e8;padding:10px 14px;border:1px solid #dbe5d9;border-radius:12px;font-size:13px;font-weight:700}aside{background:white;border-radius:20px;border:1px solid #dbe5e8;padding:22px;max-height:calc(100dvh - 130px);overflow:auto}button,select{font:inherit;font-size:14px;padding:11px 13px;border:1px solid #cbded7;border-radius:10px;background:#fffdf7;color:#214b48;cursor:pointer}button:hover{background:#e7f3ec}button:focus-visible,select:focus-visible{outline:3px solid #008bb9;outline-offset:2px}button:disabled{opacity:.5;cursor:wait}select{width:100%;margin:8px 0}.tabs{display:flex;gap:6px}.tabs button{flex:1}.selected,#play{background:#2e796c;color:white;border-color:#2e796c}.intro,.small{font-size:13px;line-height:1.6;color:#668079}.small{font-size:12px}#model-info{font-size:13px;line-height:1.6}#verdict{padding:12px;background:#fff5dd;border-radius:10px;font-size:13px;line-height:1.6}#review-actions{display:flex;flex-wrap:wrap;gap:6px}#review-actions button{font-size:12px;padding:8px}#auto{width:100%;margin:8px 0 16px}#overlay{position:absolute;inset:0;display:grid;place-items:center;background:#edf5ec40;padding:22px}#overlay>div{padding:30px;background:#fffdf6f5;border:1px solid #d7e5d7;border-radius:22px;text-align:center;max-width:420px}#overlay h2{font-size:30px;letter-spacing:-1px}#overlay p{font-size:14px;line-height:1.65}#overlay[hidden]{display:none}#play{width:100%;font-weight:700}progress{width:100%;accent-color:#54b79d;margin:15px 0}.stage-actions{position:absolute;right:12px;bottom:12px;display:flex;gap:6px}.stage-actions button{font-size:12px}.touch{position:absolute;left:12px;bottom:12px;display:flex;gap:6px}.touch button{font-size:20px;min-width:42px;touch-action:manipulation}@media(max-width:950px){header{padding:14px;flex-wrap:wrap}.local{font-size:11px}header>a{display:none}main{grid-template-columns:1fr;padding:8px;gap:10px}.stage{height:66dvh;min-height:440px}aside{max-height:none}.hud{top:9px;left:9px;right:9px}.hud span{font-size:11px;padding:8px}.stage-actions{bottom:65px}.stage-actions button{font-size:11px}.touch{right:12px;justify-content:center}.touch button{min-width:58px}.stage{border-radius:16px}}

.demo-panel{border-bottom:1px solid #d5e5dd;padding-bottom:20px;margin-bottom:20px}#demo-options{display:grid;gap:8px}#demo-options button{text-align:left;width:100%;font-size:13px}#demo-options button.selected{background:#146b62;color:white;border-color:#146b62}#lifetime{width:100%;accent-color:#146b62}#demo-description{min-height:40px;color:#386259}

/* TronWars has its own dark arcade theme. */
body{background:#090d14;color:#e7edf7}header,aside{background:#131a24;border-color:#303b4b}.stage{background:#090d14;border-color:#354251}.eyebrow,a{color:#00def2}.local{background:#223041;color:#d3e8ff}button,select{background:#202b39;color:#e9f2ff;border-color:#425167}button:hover{background:#344357}.hud span{background:#101925e8;border-color:#425167}.intro,.small,#demo-description{color:#aabace}.demo-panel{border-color:#354251}#demo-options button.selected,.selected,#play{background:#007d98;border-color:#00dcff;color:#fff}#lifetime{accent-color:#00dcff}#verdict{background:#302b20;color:#ffe4a1}#overlay{background:#05090e55}#overlay>div{background:#121c2af5;border-color:#465b73}progress{accent-color:#00def2}

#turbo.boosting{background:#00eaff;color:#07151c;box-shadow:0 0 18px #00eaff66}#turbo:disabled{cursor:default}@media(max-width:950px){.stage-actions{left:12px;justify-content:center}.stage-actions button{padding:9px}}

#nickname{display:block;width:100%;margin:8px 0;padding:11px 13px;background:#1d2a39;color:#edf4ff;border:1px solid #465366;border-radius:10px;font:inherit}#online-ranking{padding-left:20px;font-size:12px;line-height:1.8}

