.arena{background:#293e50 url('/draft/city-arena.svg') center center/cover fixed no-repeat;min-height:100svh;--muted:#bdc8d1;--line:#b999554d}
.arena:before{content:"";position:fixed;inset:0;background:linear-gradient(180deg,#050b1266,transparent 35%,#07101955);pointer-events:none;z-index:-1}
.arena .site-header{height:65px;padding:0 3%;background:#050a10d9;border-bottom:1px solid #bf9e4c66;backdrop-filter:blur(8px)}
.arena .brand{font-family:system-ui,sans-serif;font-size:15px;letter-spacing:3px}.arena nav{font-size:9px}.arena .language{font-size:10px}
.arena main{max-width:1920px;width:94%;padding:18px 0 12px}.arena .intro,.arena .rules{display:none}
.arena .draft-toolbar{padding:12px 16px;background:#050a10db;border-radius:0;border-color:#b69a5066;gap:18px}
.arena .levels button{border-radius:0}.arena .level-control{gap:14px}.arena .button,.arena select{border-radius:2px}
.arena .notice{color:#e0e7ec;text-shadow:0 1px 5px #000;margin:9px 2px;min-height:16px}.arena .notice.error{color:#ffb4aa}
.arena .distribution{padding:0 14px;margin-bottom:12px;background:#050a10c9;border-radius:0}.arena .distribution summary{padding:9px 0}
.arena .draft-layout{grid-template-columns:minmax(280px,1fr) minmax(390px,1.15fr) minmax(190px,.58fr);gap:20px;align-items:stretch}
.arena .panel{border-radius:0}.arena .deck-panel{background:#02070cba;border:1px solid #b79a4f88;backdrop-filter:blur(3px)}
.arena .panel-heading{padding:16px 18px 12px}.arena .panel-heading h2{font:500 17px system-ui,sans-serif;letter-spacing:1px}.arena .panel-heading .eyebrow{font-size:8px;color:#aebcc8}
.arena .counter b{color:white;font-family:monospace}.arena .deck-section-heading{padding:12px 16px}.arena .deck-progress{margin:0 16px}
.arena .card-grid{padding:0 14px 14px;grid-template-columns:repeat(6,minmax(0,1fr));max-height:calc(100svh - 410px);min-height:110px;gap:4px}
.arena .empty-deck{border:0;background:transparent;min-height:230px}.arena .empty-deck h3{font-family:system-ui,sans-serif;font-size:13px;font-weight:400}.arena .empty-symbol{color:#d4b46e55}
.arena .extra-heading{margin:0 16px;border-color:#b999554d;padding:14px 0}.arena .extra-grid{min-height:74px;max-height:180px}.arena .deck-bottom{padding:15px;flex-wrap:wrap;background:#03080db3}.arena .deck-bottom .button{width:100%}.arena .deck-bottom>span{max-width:none}
.arena .stream-panel{background:transparent;border:0;overflow:visible}.arena .stream-panel>.panel-heading{padding:0 8px 8px;text-shadow:0 1px 5px #000}.arena .stream-panel>.panel-heading h2{font-size:14px}.arena .stream-panel .eyebrow{display:none}
.arena .live-pill{border-color:#bdd1c177;background:#071510ba;color:#ceedd7}.arena .stream-controls{padding:0 8px 9px;color:#f0f3f4;text-shadow:0 1px 4px #000}
.arena .stream-window{height:calc(100svh - 307px);min-height:450px;background:transparent;border:0}.arena .stream-window:before,.arena .stream-window:after,.arena .scanline{display:none}
.arena .stream-lanes{padding:0;gap:4px;grid-template-columns:repeat(6,minmax(0,1fr))}.arena .stream-card{width:100%;left:0}.arena .stream-card img{box-shadow:0 2px 7px #0006;border:1px solid #182124;border-radius:1px}.arena .stream-card:hover img{box-shadow:0 0 0 2px #f5d67c,0 0 24px #f5d67c55}
.arena .stream-overlay{background:#050b12a3;border:1px solid #c2a25e77;backdrop-filter:blur(2px)}.arena .stream-overlay h3{font:500 20px system-ui,sans-serif}.arena .stream-footer{padding:10px 5px;color:#e2e8ed;text-shadow:0 1px 4px #000}.arena .stream-footer .text-button{color:#f2d389}
.arena-sidebar{padding-top:92px;display:flex;flex-direction:column;gap:20px;align-items:stretch}.arena-clock{background:#02060ddb;border:1px solid #c1a15888;padding:23px 12px 20px;text-align:center;box-shadow:0 10px 30px #0003}.arena-clock>span{font-size:9px;color:#bdc8d1;letter-spacing:3px}.arena-clock output{display:block;font:700 clamp(40px,5vw,100px)/1.4 'Courier New',monospace;letter-spacing:-5px;color:#fff;font-variant-numeric:tabular-nums}.arena-clock p{margin:0;color:#aebac4;font-size:10px}
.arena-lock{margin:0}.arena-lock>span{display:grid;place-items:center;gap:14px;background:#02070dcc;border:1px solid #c2a15b88;color:#f2f3ed;width:100%;padding:24px 12px;cursor:pointer;font-size:10px;letter-spacing:1px}.arena-lock>span:hover{border-color:#f4d387;background:#080e17ed}.arena-lock svg{width:52px;height:60px}.arena-note{font-size:11px;color:#ecf0f2;line-height:1.8;text-shadow:0 1px 4px #000;margin:0 8px}.arena-note strong{color:#f1d28b}.arena footer{font-size:8px;margin-top:10px;padding-top:12px;background:#03090d88;color:#b8c4cd}.arena footer span{padding-right:8px}
@media(min-width:1700px){.arena .draft-layout{gap:28px}.arena .stream-window{min-height:620px}.arena-sidebar{padding-top:145px}.arena .empty-deck{min-height:330px}}
@media(max-width:1150px){.arena .draft-layout{grid-template-columns:minmax(250px,.95fr) minmax(340px,1.2fr) minmax(145px,.5fr);gap:12px}.arena .draft-toolbar{gap:12px}.arena-clock output{font-size:50px;letter-spacing:-3px}.arena .pool-summary{min-width:130px}.arena .site-header{height:auto;min-height:65px;padding:14px 3%}.arena .stream-window{height:calc(100svh - 350px)}}
@media(max-width:900px){.arena .draft-layout{grid-template-columns:minmax(220px,.8fr) minmax(320px,1.2fr)}.arena-sidebar{grid-column:1/-1;padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.arena-clock{padding:12px}.arena-clock output{font-size:46px}.arena-lock>span{height:100%;padding:15px}.arena-lock svg{width:30px;height:34px}.arena-note{align-self:center}.arena .stream-window{min-height:430px}.arena .card-grid{min-height:100px;max-height:430px}}
@media(max-width:640px){.arena main{width:94%;padding-top:12px}.arena .draft-layout{grid-template-columns:1fr}.arena .deck-panel{order:2}.arena .stream-panel{order:1}.arena-sidebar{order:3;grid-template-columns:1fr 1fr}.arena-note{grid-column:1/-1}.arena .stream-window{height:440px;min-height:0}.arena .stream-lanes{gap:4px}.arena .empty-deck{min-height:120px}.arena .draft-toolbar{padding:12px}.arena .pool-summary{width:auto}.arena .distribution summary{font-size:10px}.arena .distribution summary span:last-child{max-width:145px;text-align:right}.arena .card-grid{max-height:340px}.arena .language{font-size:0}.arena footer{padding:10px}.arena .brand{font-size:12px;letter-spacing:2px}.arena .site-header nav{margin:0}.arena .deck-bottom .button{width:auto;margin-left:auto}.arena .deck-bottom>span{max-width:190px}}
.event-gate{margin-bottom:14px;padding:22px 25px;border-color:#8e79cf;background:linear-gradient(120deg,#241d3bd9,#0a1018)}.event-gate h2{margin-bottom:8px}.event-gate p{display:inline-block;margin:0 20px 0 0;color:#c3bbd6;font-size:11px}.event-gate .button{margin-left:8px}.event-level button:disabled{opacity:1;cursor:default}.event-draft .levels [data-tier=medium] i{background:#b29bf7}
.event-draft #reset{display:none}
@media(max-width:640px){.event-gate p{display:block;margin:8px 0 16px}.event-gate .button{margin:4px 8px 4px 0}}