@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{color-scheme:dark;--lime:#d6ff4d;--muted:#919795}*{box-sizing:border-box}body{margin:0;background:#101412;color:#f2f5ed;font-family:Inter,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default}header{height:90px;padding:0 4%;border-bottom:1px solid #30372f;display:flex;align-items:center;justify-content:space-between}.brand{font:900 30px 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;color:white;text-decoration:none;display:flex;gap:5px}.brand span{color:var(--lime)}.brand sup{font-size:20px;margin-left:6px;color:var(--lime)}.wallet{border:1px solid #495137;padding:12px 17px;border-radius:8px;color:var(--lime);font-weight:800;font-size:14px}.wallet span{font-size:21px;margin:0 7px}main{max-width:1550px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 342px;gap:30px;padding:30px 4% 20px}.arena-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.eyebrow{font-size:12px;color:var(--muted);letter-spacing:2px;font-weight:700}h1{font:800 34px 'Barlow Condensed',Impact,sans-serif;margin:4px 0 0}.live{font-size:11px;letter-spacing:1px;border:1px solid #3d4737;padding:8px 11px;border-radius:4px;color:var(--lime)}.stage{position:relative;overflow:hidden;border:1px solid #505b44;border-radius:12px;background:#232b21;aspect-ratio:1000/680}canvas{width:100%;height:100%;display:block}.overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#0e160c70;text-align:center}.badge{font-size:10px;font-weight:800;letter-spacing:2px;color:var(--lime);margin-bottom:14px}h2{margin:0}.overlay h2{font:900 clamp(55px,7vw,110px)/.86 'Barlow Condensed',Impact,sans-serif;letter-spacing:-2px;transform:rotate(-4deg);text-shadow:5px 6px #101512}.overlay em{font-style:normal;color:var(--lime)}.overlay p{font-size:14px;line-height:1.7;color:#ced5c4;margin:22px 12px}.primary{background:var(--lime);border:0;border-bottom:4px solid #8aaf26;border-radius:6px;padding:17px 26px;font-weight:900;font-size:15px;color:#182008;display:flex;gap:35px;align-items:center}.primary:hover{background:#e2ff83;transform:translateY(-1px)}.hint{font-size:10px;letter-spacing:1px;color:#b3bca6;margin-top:18px}.under{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:16px 0;gap:12px}.under b{color:#d2d6cb}.roster-heading{padding-top:5px;margin-bottom:23px}.roster-heading h2{font:800 29px 'Barlow Condensed',Impact,sans-serif;margin-top:7px;display:flex;justify-content:space-between;align-items:center}.roster-heading h2 span{font:600 12px Inter,Arial;color:var(--muted)}.roster-heading p{font-size:13px;color:var(--muted);margin:9px 0}.dude-card{display:grid;grid-template-columns:55px 1fr;gap:12px;border:1px solid #353d33;border-radius:9px;padding:14px;margin-bottom:10px;background:#1b211b}.dude-card.selected{border-color:var(--lime);background:#242e1c}.portrait{width:55px;height:65px;border-radius:7px;background:#101711;display:grid;place-items:center;font-size:34px}.card-name{font:800 22px 'Barlow Condensed',Impact,sans-serif}.tier{font-size:10px;letter-spacing:1px;margin-left:8px;color:var(--muted)}.desc{font-size:11px;color:#aab4a2;margin:4px 0 8px;line-height:1.5}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:5px}.stat{font-size:10px;color:#b3bca9}.buy{background:#353f2e;border:1px solid #4b5c3a;color:#e7eddc;border-radius:5px;padding:7px 10px;font-size:11px;font-weight:800}.selected .buy{color:var(--lime);background:#344521}.buy:disabled{opacity:.5}.selected .buy:disabled{opacity:1}.payday{display:flex;gap:12px;border-top:1px dashed #46503e;margin-top:21px;padding-top:20px}.payday>span{font-size:30px;color:var(--lime)}.payday b{font-size:11px;color:var(--lime);letter-spacing:.5px}.payday p{font-size:11px;line-height:1.6;color:var(--muted);margin:6px 0}.save-note{font-size:10px;color:#75816d;text-align:center}.hud{position:absolute;top:20px;left:20px;right:20px;display:flex;justify-content:space-between;pointer-events:none}.hud>div:first-child{width:170px}.hud b{font-size:12px;display:block;text-shadow:1px 1px #000}.hp{height:8px;background:#132011;margin-top:7px;border-radius:5px;overflow:hidden}.hp i{display:block;background:var(--lime);height:100%;width:100%}.hud>div:last-child{text-align:right}.hud #timer{font:800 30px 'Barlow Condensed',Impact}.ability{position:absolute;bottom:18px;right:18px;padding:13px 15px;background:var(--lime);color:#182009;border:0;border-radius:6px;font-weight:900;font-size:12px}.ability kbd{border:1px solid #6a852c;margin-left:10px;padding:3px;font-size:10px}#pause{position:absolute;top:85px;right:20px;background:#182512;color:#fff;border:1px solid #627155;border-radius:5px;padding:8px 12px}footer{padding:20px 4%;border-top:1px solid #2c3329;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#768170}footer b{color:var(--lime);padding:0 12px}[hidden]{display:none!important}#touch{display:none;position:absolute;bottom:12px;left:12px;text-align:center}#touch button{height:42px;width:42px;margin:2px;background:#20301dcc;border:1px solid #738762;border-radius:6px;color:white;touch-action:none}@media(max-width:1050px){main{grid-template-columns:minmax(0,1fr) 290px;gap:20px;padding:20px}.under{font-size:10px}.under span:last-child{display:none}}@media(max-width:760px){header{height:70px}.brand{font-size:25px}main{display:block;padding:18px 14px}.stage{aspect-ratio:1/1.1}.overlay h2{font-size:76px}.arena-heading{margin-bottom:12px}.live{font-size:9px}.under{padding:12px 0}aside{margin-top:12px}#roster{display:grid;grid-template-columns:1fr 1fr;gap:8px}.dude-card{grid-template-columns:40px 1fr;padding:10px;gap:8px;margin:0}.portrait{width:40px;height:50px;font-size:28px}.card-name{font-size:20px}.tier{display:none}.card-bottom{align-items:flex-start;flex-direction:column}.desc{min-height:32px}.hint{font-size:8px}.payday{margin-top:15px}#touch{display:block}.ability{font-size:10px;padding:13px 10px}.ability kbd{display:none}footer{font-size:8px}.roster-heading{margin-bottom:12px}}