/* The website keeps the extension's window.css visual treatment. This file only makes it fit a phone. */
.settings-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin:10px 0; }.settings-grid label { display:grid; gap:3px; color:#7fb099; font-size:14px; }.settings-grid input,#rankings-csv { width:100%; background:#000; color:#35ffa0; border:1px solid #35ffa0; font:16px 'VT323',monospace; padding:5px; }#rankings-csv { resize:vertical; margin:8px 0; }
.starred-status { margin-left:auto; color:#7fb099; font-size:16px; }.player-row .starred-name { color:#ffd84d; }
.term-input { width:100%; background:#000; color:#35ffa0; border:1px solid #35ffa0; font:16px 'VT323',monospace; padding:6px; margin:8px 0; }.past-drafts-list { display:grid; gap:6px; margin-top:8px; }.past-draft-row { display:flex; gap:6px; }.past-draft-item { text-align:left; flex:1; }.delete-draft-btn { color:#ff6b6b; border-color:#9b3636; }.roster-slot .slot-label { color:var(--roster-color) !important; text-shadow:0 0 7px currentColor; }.roster-slot .slot-name { color:var(--roster-color); text-shadow:0 0 8px currentColor; }
body.light-mode .roster-slot .slot-label { text-shadow:none; color:var(--light-slot-color) !important; }body.light-mode .roster-slot .slot-name { text-shadow:none; color:var(--light-player-color) !important; }
/* iPad portrait: preserve a wide readable draft board and place the roster
   below it rather than squeezing both desktop panes side by side. */
@media (min-width:701px) and (max-width:900px) { body,html,.crt-case { height:100dvh; overflow:hidden; }.terminal-workspace { display:block; overflow:auto; padding-top:8px; }.draft-pane { height:58dvh; min-height:460px; overflow:auto; }.team-pane { margin-top:8px; min-width:0; height:auto; }.draft-grid { min-width:720px; grid-auto-rows:60px; }.draft-cell { height:60px; min-height:60px; max-height:60px; overflow:hidden; }.draft-player-name { font-size:11px; line-height:1; max-height:24px; overflow:hidden; text-shadow:0 0 4px currentColor; }.status-led { width:285px; min-width:285px; margin-left:0; white-space:nowrap; overflow:hidden; }.roster-list { max-height:330px; }.modal-box { width:calc(100% - 40px); } }
body.light-mode .draft-cell { box-shadow:none !important; } body.light-mode .draft-player-name { text-shadow:none !important; }
@media (max-width:700px) { body,html,.crt-case { height:100dvh; overflow:hidden; }.terminal-workspace { display:block; overflow:auto; padding-top:8px; }.draft-pane { height:calc(100dvh - 285px); min-height:300px; overflow-x:auto; }.team-pane { margin-top:8px; min-width:0; height:auto; }.col-headers,.player-row { grid-template-columns:34px 42px minmax(120px,1fr) 36px 54px 54px 44px 40px; gap:3px; min-width:470px; }#draft-board-content,.col-headers { min-width:470px; }.controls { gap:4px; }.term-btn { padding:4px 6px; }.clock-display { min-width:auto; margin:0 3px; }.roster-list { max-height:200px; }.modal-box { width:calc(100% - 24px); }.settings-grid { grid-template-columns:1fr; } }