*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#030c15;color:#f5f8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}button{font:inherit}#board-app{width:100vw;height:100vh;display:grid;grid-template-rows:minmax(42px,6.5vh) 1fr minmax(20px,2.5vh);overflow:hidden;background:radial-gradient(circle at 50% -25%,#174b704d,transparent 48%),linear-gradient(180deg,#06172a,#03101d);container-type:inline-size}.board-topbar{min-height:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1cqw;padding:.35cqw .7cqw;background:#071b30;border-bottom:1px solid #37627e}.board-title{display:flex;align-items:center;gap:.55cqw;min-width:0}.board-title>span{display:grid;place-items:center;width:2.4cqw;height:2.4cqw;min-width:26px;min-height:26px;background:#f2b544;color:#07121e;font-size:clamp(8px,.8cqw,15px);font-weight:950;transform:skew(-7deg)}.board-title strong{display:block;font-size:clamp(10px,1.2cqw,22px);line-height:1;letter-spacing:.05em;white-space:nowrap}.board-title small{display:block;margin-top:.18cqw;color:#7fb6db;font-size:clamp(6px,.53cqw,10px);letter-spacing:.2em}.position-key{display:flex;gap:.22cqw}.position-key i{min-width:1.75cqw;padding:.2cqw .28cqw;border:1px solid #ffffff38;color:#fff;text-align:center;font-size:clamp(5px,.46cqw,9px);font-style:normal;font-weight:900}.board-actions{display:flex;align-items:center;justify-content:flex-end;gap:.4cqw}.board-actions em{margin-right:.25cqw;color:#9fe3b4;font-size:clamp(5px,.49cqw,10px);font-style:normal;font-weight:900}.board-actions em::before{content:"";display:inline-block;width:.5cqw;height:.5cqw;min-width:5px;min-height:5px;margin-right:.28cqw;border-radius:50%;background:#47dc71;box-shadow:0 0 .7cqw #47dc71}.board-actions em.is-error{color:#ffb6b6}.board-actions em.is-error::before{background:#f05c5c;box-shadow:0 0 .7cqw #f05c5c}.board-actions button{border:1px solid #557992;background:#102b42;color:#edf7ff;padding:.34cqw .58cqw;font-size:clamp(6px,.56cqw,11px);font-weight:800;cursor:pointer}.team-board{min-height:0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:1px;padding:1px;background:#31516a}.team-column{min-width:0;min-height:0;display:grid;gap:1px;background:#17364d}.team-header{min-width:0;min-height:0;padding:.42cqw .18cqw .25cqw;display:flex;flex-direction:column;justify-content:center;text-align:center;background:linear-gradient(180deg,#133a59,#09243a);border-top:.3cqw solid #f1b544;overflow:hidden}.team-header h2{margin:0;color:#fff1be;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(7px,1.04cqw,20px);font-weight:900;line-height:.9;letter-spacing:.02em;text-transform:uppercase;text-wrap:balance}.cap-left{margin-top:.3cqw;color:#fff;font-size:clamp(6px,.72cqw,14px);font-weight:950;line-height:1}.team-meta{margin-top:.18cqw;color:#86b7d6;font-size:clamp(4.5px,.43cqw,8px);line-height:1;white-space:nowrap}.roster-slot{min-width:0;min-height:0;position:relative;overflow:hidden;background:repeating-linear-gradient(135deg,#071725 0,#071725 7px,#091b2a 7px,#091b2a 8px)}.roster-slot.keeper-boundary{border-bottom:.18cqw solid #d7a23e}.player-sticker{position:absolute;inset:0;padding:.2cqw .27cqw .16cqw;display:flex;flex-direction:column;justify-content:center;border-left:.25cqw solid #ffffff8c;background:#414a54;overflow:hidden}.player-sticker[data-pos="QB"],.position-key [data-pos="QB"]{background:linear-gradient(110deg,#a92331,#701521)}.player-sticker[data-pos="RB"],.position-key [data-pos="RB"]{background:linear-gradient(110deg,#17689a,#10466b)}.player-sticker[data-pos="WR"],.position-key [data-pos="WR"]{background:linear-gradient(110deg,#414a54,#252d35)}.player-sticker[data-pos="TE"],.position-key [data-pos="TE"]{background:linear-gradient(110deg,#427c3b,#295529)}.player-sticker[data-pos="K"],.position-key [data-pos="K"]{background:linear-gradient(110deg,#6b4d91,#483262)}.player-sticker[data-pos="DST"],.position-key [data-pos="DST"]{background:linear-gradient(110deg,#ba5a1d,#7d3511)}.player-sticker.is-keeper{border:.16cqw solid #ffd65e;box-shadow:inset 0 0 .65cqw #ffd34f3d;padding:.12cqw .2cqw}.sticker-meta{display:flex;align-items:center;justify-content:space-between;gap:.1cqw;color:#ffffffe8;font-size:clamp(4.5px,.4cqw,8px);font-weight:850;line-height:1;white-space:nowrap}.sticker-meta b{color:#fff6bd;font-size:clamp(5.5px,.55cqw,11px)}.player-name{margin-top:.14cqw;overflow:hidden;color:#fff;font-family:Impact,Haettenschweiler,"Arial Narrow Bold",sans-serif;font-size:clamp(6px,.82cqw,16px);line-height:.88;letter-spacing:.025em;text-transform:uppercase;white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 1px #0007}.player-name small{margin-right:.12cqw;color:#ffffffb8;font-family:Inter,ui-sans-serif,sans-serif;font-size:.55em;font-weight:900}.keeper-tag{position:absolute;right:.18cqw;bottom:.1cqw;padding:.07cqw .17cqw;color:#17200b;background:#ffd65e;font-size:clamp(4px,.35cqw,7px);font-weight:950;line-height:1}#board-status{display:flex;align-items:center;justify-content:center;min-height:0;padding:0 .5cqw;color:#7399b3;background:#061624;border-top:1px solid #29475d;font-size:clamp(5px,.45cqw,9px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width:700px){.position-key{display:none}.board-topbar{grid-template-columns:1fr auto}.board-actions button:first-of-type{display:none}}