@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{color-scheme:dark;--bg:#090e14;--panel:#111b24;--line:#2b3b46;--muted:#9badbc;--yellow:#e9ff56;--cyan:#59ddd6;--pink:#ff839d}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#eef5fa;font:16px 'IBM Plex Sans',Arial,sans-serif}header,main{max-width:1600px;margin:auto;padding:24px 32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}h1,h2,p{margin:0}h1{font:800 36px 'Barlow Condensed',sans-serif;letter-spacing:1px;color:var(--yellow)}h1 span{color:#e3ecf4;font-size:24px;margin-left:12px}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--muted);display:block;margin-bottom:8px}button{font:600 14px 'IBM Plex Sans',sans-serif;border:1px solid #405362;color:#edf5fa;background:#192733;padding:10px 14px;cursor:pointer;border-radius:3px}button:hover:not(:disabled){border-color:var(--yellow);color:var(--yellow)}button:focus-visible,a:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}button:disabled{opacity:.35;cursor:default}.primary{background:var(--yellow);border-color:var(--yellow);color:#111900}.primary:hover:not(:disabled){background:#d7e84c;color:#111900}.toolbar,.section-title{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.toolbar>div{display:flex;align-items:center;gap:14px}.live{font-size:12px;letter-spacing:1px;color:var(--cyan);border:1px solid #2f6869;padding:7px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:20px}.zone{background:linear-gradient(110deg,#131d28,#101820);border:1px solid var(--line);padding:20px;margin-bottom:12px;min-height:250px;border-left:3px solid var(--cyan)}.zone.rival{border-left-color:var(--pink)}.zone h2,.panel h2,.hand-area h2{font:700 22px 'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:1px}.zone h2 span,.panel h2 span,.hand-area h2 span{font:12px 'IBM Plex Sans',sans-serif;color:var(--muted);letter-spacing:0;margin-left:8px}.stats{color:var(--muted);font-size:14px}.dice{display:flex;flex-wrap:wrap;gap:8px;min-height:62px;align-items:center;margin:16px 0}.die{min-width:60px;border:1px solid #497877;border-top:3px solid var(--cyan);background:#152b30;padding:6px 10px;text-align:center}.rival .die{border-color:#84485b;border-top-color:var(--pink);background:#2a1e29}.die b{display:block;font-size:23px}.die small{font-size:12px;color:#b4c5cd}.cards{display:flex;gap:10px;overflow-x:auto;padding:3px 2px 12px}.unit{min-width:145px;width:155px;background:#1d2a36;border:1px solid #3a5162;border-top:3px solid var(--cyan);padding:12px;position:relative;flex-shrink:0;border-radius:3px;text-align:left;color:#f0f5fa}.unit h3{font:700 20px 'Barlow Condensed',sans-serif;margin:8px 0;min-height:44px}.unit .cost{color:var(--yellow);font-weight:600;font-size:14px}.unit .power{font:700 30px 'Barlow Condensed',sans-serif;display:flex;justify-content:space-between;align-items:center;margin-top:12px}.unit .power small{font:12px 'IBM Plex Sans',sans-serif;color:var(--muted)}.unit .keyword{font-size:12px;color:var(--cyan);display:block;min-height:18px}.unit.spent{opacity:.65;border-top-color:#778391}.unit.selected{outline:2px solid var(--yellow)}.unit .status{font-size:12px;margin-top:7px;color:#b3c4cf}.unit .card-actions{display:flex;gap:5px;margin-top:12px}.card-actions button{padding:6px 8px;font-size:12px}.empty{padding:22px 0;color:#7f94a4;font-size:14px}.panel{background:var(--panel);border:1px solid var(--line);padding:18px;margin-bottom:14px}.coach{border-top:3px solid var(--yellow)}.coach h2{font-size:26px}.coach p,.muted{color:var(--muted);font-size:14px;line-height:1.65;margin:12px 0}.coach button{margin:5px 5px 0 0}.race-row{display:flex;align-items:center;gap:8px;font-size:14px;margin:14px 0}.race-row>span{width:38px}.tick{height:15px;width:22px;background:#293642}.tick.filled{background:var(--cyan)}.race-row.rival .tick.filled{background:var(--pink)}#log{max-height:200px;overflow:auto;margin-top:10px}#log p{font-size:13px;line-height:1.5;border-bottom:1px solid #243541;padding:8px 0;color:#adbdca}#log p:first-child{color:white}.hand-area{margin-top:12px;padding:20px;background:#101820;border:1px solid var(--line)}#wallet{font-size:14px;color:var(--yellow)}footer{font-size:12px;color:#879aaa;line-height:1.8;padding:20px 0}a{color:var(--cyan)}footer a{float:right}dialog{max-width:700px;background:#14212c;color:#edf5fa;border:1px solid #647a89;border-top:4px solid var(--yellow);padding:30px;line-height:1.7}dialog::backdrop{background:#000b}dialog h2{font:700 30px 'Barlow Condensed',sans-serif;margin:20px 0}dialog p{margin:15px 0}dialog li{margin:9px 0}.close{float:right}.legend{font-size:12px;color:#9eb3c3;margin-top:12px}.warning{color:var(--yellow)}@media(max-width:950px){.layout{grid-template-columns:1fr}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}aside .panel:last-child{display:none}h1 span{display:block;margin:0}header,main{padding:18px}.toolbar{flex-wrap:wrap}.zone{min-height:230px}}@media(max-width:550px){aside{grid-template-columns:1fr}.zone{padding:14px}.section-title{align-items:flex-start;flex-direction:column;gap:8px}.toolbar>div{gap:8px}.live{display:none}.stats{font-size:12px}.die{min-width:48px}.unit{min-width:140px}footer a{float:none;display:block}header button{padding:8px}h1{font-size:30px}}