@font-face{font-family:Alegreya;src:url('/table/assets/ss-alegreya-regular.ttf')}@font-face{font-family:Alegreya;src:url('/table/assets/ss-alegreya-bold.ttf');font-weight:700}:root{color-scheme:dark;--gold:#b4a074;--muted:#99b4a6;--line:#a58f543c}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% -25%,#12583c55,transparent 65%),#050d09;color:#e6eee5;font:18px/1.45 Alegreya,Georgia,serif;min-height:100vh}header{height:84px;display:flex;align-items:center;justify-content:space-between;padding:12px 4vw;border-bottom:1px solid var(--line);background:#030a06c9}.brand{font-weight:bold;font-size:28px;letter-spacing:2px;text-decoration:none;color:#e7e9de}.brand small{display:block;font-size:9px;color:var(--gold);letter-spacing:3px}nav{display:flex;align-items:center;gap:20px}#connection{font-size:13px;color:var(--muted)}main{max-width:1440px;margin:auto;padding:44px 4vw 70px}.eyebrow{color:var(--gold);font-size:12px;letter-spacing:3px;text-transform:uppercase}h1{font-size:46px;line-height:1.1;margin:10px 0 15px}h2{font-size:28px;margin:0 0 12px}p{color:var(--muted)}button,a.button{font:inherit;color:#e3eee1;cursor:pointer;background:#0b291c;border:1px solid #6d9d7877;border-radius:4px;padding:10px 18px;text-decoration:none;transition:background .15s,transform .15s}button:hover:not(:disabled){background:#184e35}button:disabled{opacity:.38;cursor:not-allowed}.primary{background:linear-gradient(#277749,#15452c);border-color:#bdab79;color:#f7f5df;box-shadow:inset 0 0 0 2px #00120855}.subtle{color:var(--muted);font-size:15px}input,select{font:inherit;background:#050f0a;color:#e6eee5;border:1px solid #7f8f6b66;border-radius:4px;padding:10px;width:100%}label{display:block;color:#c5cfbd;font-size:16px;margin:12px 0}label input,label select{display:block;margin-top:5px}label.check{display:flex;align-items:center;gap:10px}label.check input{width:auto}small{font-size:14px;color:var(--muted)}.intro,.row{display:flex;justify-content:space-between;gap:20px;align-items:center}.room-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;margin-top:34px}.panel,.room-card{background:linear-gradient(145deg,#102b1d99,#07110b);border:1px solid var(--line);border-radius:7px;padding:24px}.room-card{border-top:2px solid #648655;display:flex;flex-direction:column;gap:12px}.room-card h2{font-size:26px;margin:0}.room-card .actions{margin-top:auto}.badge{display:inline-block;color:#afd7ba;background:#17683b30;border:1px solid #4d946c66;border-radius:30px;padding:3px 11px;font-size:13px}.badge.live{color:#e1ba7a;border-color:#a38b59}.facts{display:flex;flex-wrap:wrap;gap:10px;color:var(--muted);font-size:16px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.empty{padding:55px;text-align:center;border:1px dashed var(--line);margin-top:30px;color:var(--muted)}.login{max-width:540px;margin:9vh auto;text-align:center}.login input{text-align:center}.login button{width:100%;margin-top:18px}.waiting-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr);gap:28px;margin-top:32px}.seats{display:grid;gap:15px}.seat{border:1px solid var(--line);background:#0b1d13;border-radius:5px;padding:17px;display:flex;justify-content:space-between;align-items:center;gap:16px}.seat strong{font-size:22px}.seat small{display:block}.seat.empty-seat{border-style:dashed;min-height:92px;color:var(--muted)}.team-choices{display:flex;gap:6px;margin:8px 0}.team-choices button{padding:5px 12px;font-size:14px}.chosen{border-color:#d1bc7d!important;background:#245739!important}.setting-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.roster-mini{display:flex;gap:8px;min-height:48px;margin-top:10px}.roster-mini img{width:38px;height:48px;object-fit:cover;border:1px solid var(--gold);border-radius:3px}.draft-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px;margin-top:28px}.draft-grid{display:grid;grid-template-columns:repeat(4,minmax(100px,1fr));gap:13px}.draft-card{padding:0;overflow:hidden;position:relative;text-align:left;background:#0b1b12;min-width:0}.draft-card img{width:100%;height:180px;object-fit:cover;object-position:top}.draft-card strong{display:block;padding:8px 10px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.draft-card small{display:block;padding:0 10px 9px;font-size:12px}.draft-card.taken img{filter:grayscale(1);opacity:.38}.draft-card .taken-by{position:absolute;top:14px;left:6px;right:6px;background:#020905e8;padding:6px;font-size:14px;text-align:center;color:#e5d39c}.preview{position:sticky;top:15px}.preview img{width:100%;max-height:420px;object-fit:contain}.preview h2{margin-top:15px}.preview button{width:100%;margin-top:10px}.draft-turn{padding:18px 24px;border-left:4px solid #bfa774;background:linear-gradient(90deg,#1c5133,#0a1b12);margin-top:20px;font-size:24px}.draft-turn small{display:block}.order{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.order>div{padding:12px 18px;background:#0a1b11;border:1px solid var(--line);border-radius:5px}.order strong{display:block}.order .current{border-color:#ceba7c}.match-view{position:fixed;inset:84px 0 0;background:#030906}.match-view iframe{border:0;width:100%;height:100%}.match-label{font-size:13px;color:var(--gold)}dialog{background:#07180e;border:1px solid var(--gold);border-radius:6px;padding:30px;color:#e5eee0;max-width:600px;width:calc(100% - 30px)}dialog::backdrop{background:#000a;backdrop-filter:blur(5px)}#notice{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);background:#153723;border:1px solid var(--gold);padding:14px 24px;border-radius:5px;z-index:100}button:focus-visible,a:focus-visible{outline:2px solid #d4c389;outline-offset:3px}.timer{color:#efba76}.spectators{margin-top:20px;font-size:15px;color:var(--muted)}@media(max-width:1000px){.draft-grid{grid-template-columns:repeat(3,1fr)}.draft-layout{grid-template-columns:1fr 280px}.draft-card img{height:150px}}@media(max-width:700px){header{padding:12px 18px}.brand{font-size:21px}nav{gap:10px}nav .subtle,#connection{display:none}main{padding:28px 18px}h1{font-size:34px}.waiting-grid,.draft-layout{grid-template-columns:1fr}.draft-grid{grid-template-columns:repeat(3,1fr)}.draft-card img{height:135px}.preview{position:static}.preview img{max-height:350px}.intro{align-items:flex-start}.intro .primary{white-space:nowrap}.draft-card strong{font-size:15px;padding:6px}.seat{flex-wrap:wrap}.match-view{inset:84px 0 0}}

.playing-room>header{height:42px;padding:3px 2vw}.playing-room .brand{font-size:19px}.playing-room .brand small{display:none}.playing-room .match-view{top:42px}.playing-room header button{padding:4px 12px}

@media(min-width:1100px){.draft-room main{padding:22px 3vw 26px}.draft-room h1{font-size:34px;margin:5px 0 12px}.draft-room .draft-turn{padding:10px 18px;margin-top:12px;font-size:21px}.draft-room .order{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:12px}.draft-room .order>div{padding:8px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:12px;align-items:center}.draft-room .order strong{grid-column:1;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.draft-room .order small{font-size:12px}.draft-room .roster-mini{grid-column:2;grid-row:1/4;margin-top:0;min-height:38px;align-items:center}.draft-room .roster-mini img{width:28px;height:37px}.draft-room .draft-layout{grid-template-columns:minmax(0,1fr) 290px;gap:20px;margin-top:16px;align-items:start}.draft-room .draft-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:9px}.draft-room .draft-card img{height:116px}.draft-room .draft-card strong{font-size:15px;padding:5px 6px}.draft-room .draft-card small{font-size:11px;padding:0 6px 5px}.draft-room .draft-card .taken-by{font-size:11px;padding:4px;top:8px}.draft-room .preview{padding:13px}.draft-room .preview img{max-height:280px}.draft-room .preview h2{font-size:23px;margin-top:8px;margin-bottom:3px}.draft-room .preview p{font-size:13px;margin:8px 0}.draft-room .preview button{font-size:15px;padding:8px;margin-top:6px}.draft-room .preview #inspect-sheet{margin-top:0;margin-bottom:10px}}

.danger{color:#e8ada2;border-color:#925e56}.danger:hover{background:#47251f}.playing-room header nav{gap:8px}.playing-room header nav button{padding:5px 9px}@media(max-width:700px){header nav{flex-wrap:wrap}header nav #connection,header nav .subtle{display:none}}
/* Keep draft confirmation reachable while browsing on a small screen. */
@media(max-width:700px){.draft-layout{display:flex;flex-direction:column}.draft-layout .preview{position:sticky;bottom:0;z-index:10;order:2;width:100%;padding:9px 12px;border-color:#b4a074;background:#04180ff5;display:grid;grid-template-columns:1fr auto;gap:4px 10px}.draft-layout .preview>img,.draft-layout .preview>small,.draft-layout .preview>p{display:none}.draft-layout .preview h2{font-size:19px;margin:0}.draft-layout .preview #inspect-sheet{grid-column:1;padding:4px;font-size:12px;margin:0}.draft-layout .preview #pick{grid-row:1/3;grid-column:2;margin:0;max-width:170px}.draft-grid{width:100%}}
/* Keep the draft commitment beside the current selection, fully inside the viewport. */
.draft-layout .preview{align-self:start;max-height:calc(100dvh - 30px);overflow:auto;top:10px}.draft-layout .preview>img{max-height:38vh}.draft-layout #pick{position:sticky;bottom:0;z-index:2;box-shadow:0 -8px 18px #07110b}.roster-mini img{cursor:help}.match-review-banner{position:fixed;top:0;left:0;right:0;background:#102c1c;color:#e7d99f;z-index:100;padding:10px 20px;display:flex;justify-content:space-between}.match-review-banner button{padding:3px 12px}.playing-room:has(.match-review-banner) header{padding-top:30px}
.report-dialog{max-width:1000px;width:calc(100vw - 35px);height:min(88vh,1000px);max-height:88vh;overflow:auto}.report-heading{display:flex;justify-content:space-between;gap:15px}.report-heading h2{margin-bottom:5px}.report-heading p{margin:0}.report-coverage{font-size:15px}.report-event{border-top:1px solid #927d4544;padding:12px 0}.report-event summary{cursor:pointer;list-style:none}.report-event summary b,.report-event summary span,.report-event summary small{display:block}.report-event summary span{margin:5px 0}.report-event pre{font:13px/1.4 monospace;background:#010805;padding:12px;white-space:pre-wrap;overflow-wrap:anywhere}.report-dialog #report-filter{position:sticky;top:0;background:#061a0f}
.saved-report{display:block;width:100%;text-align:left;margin:10px 0}.saved-report small{display:block}.report-dialog .actions{position:sticky;top:-30px;background:#07180e;padding:10px 0;z-index:2}
.report-heading{align-items:flex-start}.report-heading>button{padding:7px 16px}
/* Feedback uses a compact side form; it does not resize or pause the arena. */
textarea{font:inherit;background:#050f0a;color:#e6eee5;border:1px solid #7f8f6b66;border-radius:4px;padding:10px;width:100%;resize:vertical}textarea:focus-visible{outline:2px solid #d4c389;outline-offset:2px}.issue-compose{position:fixed;inset:60px 14px auto auto;margin:0;width:min(390px,calc(100vw - 28px));max-height:calc(100dvh - 80px);overflow:auto;box-shadow:0 10px 40px #0009;z-index:110;padding:22px}.issue-compose h2{font-size:26px}.issue-compose p{font-size:15px;margin:12px 0}.issue-compose .report-heading button{padding:3px 10px}.issue-list{max-width:850px;max-height:88dvh;overflow:auto}.issue-row b{display:block;white-space:pre-wrap;overflow-wrap:anywhere;margin:8px 0}.issue-description{white-space:pre-wrap;overflow-wrap:anywhere;color:#e6eee5}.issue-json{white-space:pre-wrap;overflow-wrap:anywhere;background:#020a05;padding:14px;font:12px/1.5 monospace;max-height:380px;overflow:auto}.issue-anchor{border-left:3px solid var(--gold);padding-left:12px}#issue-linked-events details{padding-block:10px}.issue-context{color:var(--gold)}#issue-error{color:#f4b4aa}.intro>.actions{margin-top:0;justify-content:flex-end}@media(max-width:850px){header{height:auto;min-height:84px;gap:10px;flex-wrap:wrap}.playing-room>header{height:auto;min-height:42px}.playing-room .match-view{top:70px}.playing-room header #connection,.playing-room header #rename,.playing-room header #saved-reports{display:none}.playing-room header nav{flex-wrap:wrap;gap:5px}.playing-room header nav button{font-size:13px}.intro>.actions{flex-wrap:wrap}.issue-compose{top:80px;max-height:calc(100dvh - 95px)}}
/* Gameplay chrome occupies one compact row; archive and account tools stay in Menu. */
.match-menu{position:relative}.match-menu>summary{cursor:pointer;list-style:none;padding:5px 10px;border:1px solid #52735a;border-radius:4px}.match-menu-items{position:absolute;right:0;top:100%;z-index:120;background:#07180f;border:1px solid #bfa36a;border-radius:5px;padding:10px;min-width:190px;display:grid;gap:6px;box-shadow:0 8px 28px #000a}.match-menu:not([open]) .match-menu-items{display:none}.match-menu-items button,.match-menu-items a{width:100%;text-align:left;margin:0;white-space:nowrap}.playing-room>header{height:40px;min-height:40px;padding:4px 12px;gap:12px}.playing-room>header .brand{font-size:18px}.playing-room>header .brand small{display:none}.playing-room>header nav{gap:9px}.playing-room>header nav button,.playing-room .match-menu>summary{font-size:14px;padding:4px 8px}.playing-room #connection{display:none}.playing-room .match-view{top:40px}.shell-drag{cursor:grab;touch-action:none;user-select:none;font-size:13px;color:#bfa36a;padding-bottom:9px;margin-bottom:12px;border-bottom:1px solid #375342}#dialog::backdrop{background:transparent;backdrop-filter:none}@media(max-width:600px){.playing-room #identity{font-size:14px}.playing-room #report-issue{font-size:13px}.playing-room .match-menu-items{right:0}}
@media(max-width:650px){.playing-room #identity{display:none}.playing-room>header{padding:4px 8px}.playing-room>header nav{gap:4px}.playing-room>header .brand{font-size:15px}.playing-room #home{display:none}}