@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Inter:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--lime:#cef77e;--muted:#7f8984}*{box-sizing:border-box}body{margin:0;background:#0d1110;color:#e8ede7;font:14px Inter,Arial,sans-serif}header{height:80px;border-bottom:1px solid #242c27;display:flex;align-items:center;justify-content:space-between;padding:0 5%}.brand{font:26px 'Barlow Condensed',sans-serif;letter-spacing:2px;color:var(--lime);text-decoration:none;display:flex;gap:12px;align-items:center}.brand span{color:#e8ede7}.tag{font-size:10px;letter-spacing:2px;color:var(--muted)}button{font:600 11px Inter,sans-serif;cursor:pointer;border:1px solid #384139;background:#1b231d;color:#dce5da;padding:12px 16px;border-radius:4px}button:hover{border-color:var(--lime);color:var(--lime)}button:disabled{opacity:.4;cursor:not-allowed}main{max-width:1450px;margin:auto;padding:42px 5%}.heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;letter-spacing:2.5px;color:var(--lime);font-weight:600}h1{font:600 clamp(32px,3.5vw,52px) 'Barlow Condensed',sans-serif;margin:10px 0}h1 em{font-style:normal;color:var(--lime)}p{color:var(--muted);line-height:1.7;margin:6px 0}.record{text-align:right;color:var(--muted);font-size:9px;letter-spacing:2px}.record strong{display:block;color:#dae4d7;font:26px 'Barlow Condensed';letter-spacing:0;margin-top:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 286px;gap:22px}.arena{height:535px;position:relative;border:1px solid #354033;border-radius:8px;overflow:hidden;background:#141d18}canvas{width:100%;height:100%;display:block}.hud{position:absolute;top:20px;left:22px;right:22px;display:flex;gap:30px;align-items:center;z-index:1;pointer-events:none}.hud small{display:block;font-size:8px;letter-spacing:2px;color:#9faa9b;margin-bottom:6px}.hud strong{font:25px 'Barlow Condensed';color:var(--lime)}.hud button{margin-left:auto;pointer-events:auto}.bar{width:115px;height:5px;background:#333c31}.bar i{display:block;width:100%;height:100%;background:var(--lime);transition:width .2s}#overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0c1511c9;backdrop-filter:blur(3px);z-index:2}.sigil{font-size:76px;line-height:1;color:var(--lime);text-shadow:0 0 60px #b4e27c66;margin-bottom:24px}#overlay h2{font:600 46px 'Barlow Condensed';margin:10px 0}#overlay p{font-size:12px}#overlay small{font-size:8px;letter-spacing:1px;color:#7c897d;margin-top:22px}.primary{background:var(--lime);color:#1a2416;border:none;padding:17px 23px;margin-top:24px;min-width:240px}.primary:hover{color:#000;background:#e1ffac}.primary span{float:right;margin-left:30px}.arena-foot{position:absolute;bottom:17px;left:22px;right:22px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;color:#82917d;pointer-events:none}aside{background:#141a16;border:1px solid #2b342c;border-radius:8px;padding:23px 19px}.shop-title{display:flex;gap:13px;align-items:center;border-bottom:1px solid #2a332b;padding-bottom:18px;margin-bottom:10px}.shop-title>span{color:var(--lime);font-size:32px}h2{margin:0;font:600 26px 'Barlow Condensed'}.shop-title p{font-size:10px}.upgrade{display:block;width:100%;text-align:left;background:#1b231c;border:1px solid #333e31;padding:13px 12px;margin:10px 0}.upgrade .top{display:flex;justify-content:space-between;font:600 17px 'Barlow Condensed';color:#e1e8dc}.upgrade .cost{color:var(--lime);font:600 12px Inter}.upgrade p{font-size:10px;font-weight:400;line-height:1.5}.upgrade small{display:block;color:#8ba27d;font-size:8px;letter-spacing:1px;margin-top:8px}.tip{border-top:1px solid #2a332b;margin-top:18px;padding-top:17px}.tip small{font-size:8px;letter-spacing:1.5px;color:#a5b09d}.tip p{font-size:10px}footer{display:flex;gap:24px;align-items:center;color:#75816f;font-size:10px;margin-top:20px}kbd{font:9px Inter;border:1px solid #354131;border-radius:3px;padding:5px 7px;margin-right:6px;color:#b2bdaa}.footer-end{margin-left:auto;font-size:8px;letter-spacing:1px}#touch{display:none;position:absolute;bottom:40px;width:100%;justify-content:center;gap:8px}#touch button{touch-action:none;background:#18231ed9;padding:14px}@media(max-width:900px){.layout{grid-template-columns:1fr}.arena{height:520px}.tag,.footer-end{display:none}aside{display:grid;grid-template-columns:1fr}.heading{gap:15px}main{padding:26px 4%}footer{flex-wrap:wrap;gap:12px}}@media(pointer:coarse){#touch{display:flex}}