@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#11191c;--panel:#1b272b;--line:#354246;--ink:#eeeede;--muted:#a6b6b5;--lime:#d7ef79;--cyan:#65d8db;--red:#ff947c}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px 'DM Sans',sans-serif}header{height:83px;padding:0 4%;display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--line)}.brand{color:var(--ink);font:800 30px 'Barlow Condensed',sans-serif;letter-spacing:1px;text-decoration:none}.brand span{display:block;font:10px 'DM Sans';letter-spacing:3px;color:var(--lime)}#match{margin:auto;color:var(--muted);font-size:11px;letter-spacing:2px}#match b{background:var(--lime);color:var(--bg);padding:5px;margin-left:12px}button{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--ink);border-radius:5px;padding:10px 14px;font:600 12px 'DM Sans',sans-serif}button:hover,button:focus-visible{border-color:var(--lime);outline:none}.primary{background:var(--lime);color:#1a2417;border-color:var(--lime)}main{max-width:1450px;margin:auto;padding:20px 4%}.topline{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--lime)}h1{font:700 30px 'Barlow Condensed';margin:4px 0}.score{font-size:11px;letter-spacing:2px}.score b{font:700 35px 'Barlow Condensed';margin:0 22px}.clock{text-align:right;font:700 32px 'Barlow Condensed';min-width:90px}.clock small{display:block;font:9px 'DM Sans';letter-spacing:2px;color:var(--muted)}.stage{position:relative;border:1px solid #465554;border-radius:8px;overflow:hidden;background:#19252b}canvas{display:block;width:100%;aspect-ratio:1200/660;touch-action:none;outline:none}.overlay{position:absolute;inset:0;background:#10191de0;display:grid;place-items:center;text-align:center}.overlay span{letter-spacing:4px;color:var(--lime);font-size:12px}.overlay h2{font:800 80px 'Barlow Condensed';margin:15px}.overlay p{max-width:480px;color:var(--muted);line-height:1.6;padding:0 20px}#status{padding:12px 0;color:var(--muted);font-size:12px;min-height:40px}.buildheading{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.buildheading strong{font-size:11px;letter-spacing:2px}.buildheading span{margin-left:20px;color:var(--lime);font-size:18px}#tools{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.tool{text-align:left;padding:10px 8px;min-height:68px}.tool.active{border-color:var(--lime);background:#35422b}.tool span{display:block;color:var(--muted);font-size:10px;margin-top:5px}.tool b{font-size:12px}.tool em{font-style:normal;color:var(--lime);float:right}#buildhint,footer{font-size:10px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:15px;padding-top:12px;border-top:1px solid var(--line);line-height:1.5}#combat{display:flex;justify-content:space-between;padding:12px 0;font-size:13px}dialog{border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);max-width:620px;padding:28px}dialog::backdrop{background:#000a}dialog p{line-height:1.6;color:var(--muted)}dialog h2{font:700 32px 'Barlow Condensed'}.hidden{display:none!important}@media(max-width:760px){header{padding:0 15px}#match{display:none}.brand{margin-right:auto;font-size:24px}main{padding:15px}#tools{grid-template-columns:repeat(4,1fr)}.score b{margin:0 8px}.buildheading{gap:8px}.buildheading span{margin-left:8px}footer{flex-direction:column}}

@media(min-width:761px){main{max-width:min(1450px,calc((100vh - 300px)*1.818 + 8vw))}.topline{margin-bottom:10px}header{height:65px}main{padding-top:12px}.tool{min-height:58px;padding:8px}.buildheading{margin-bottom:8px}#buildhint{margin:8px 0}}