:root{color:#fff;font-synthesis:none;text-rendering:optimizelegibility;--accent:#c7f148;--accent-strong:#d7ff5b;--background:#141414;--surface:#1c1c1c;--surface-raised:#252529;--surface-soft:#30303b;--border:#ffffff1f;--muted:#d6d4d4b8;--danger:#ff6b6b;--radius:1rem;--shadow:0 1.25rem 4rem #00000047;background:#141414;font-family:Lato,Inter,system-ui,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 82% -8%, #c7f1481f, transparent 33rem), radial-gradient(circle at 5% 42%, #574e412e, transparent 28rem), var(--background);min-width:320px;min-height:100vh;margin:0}body,button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{transition:color .16s,border-color .16s,background-color .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:.2rem solid var(--accent);outline-offset:.2rem}a{color:inherit}h1,h2,p{margin-block-start:0}h1{letter-spacing:-.045em;max-width:18ch;margin-block-end:1rem;font-size:clamp(2.35rem,7vw,5rem);line-height:.98}h2{margin-block-end:.6rem;font-size:1.2rem}.app-frame{flex-direction:column;min-height:100vh;display:flex}.main-content{display:contents}.skip-link{z-index:100;color:#141414;background:var(--accent);border-radius:.6rem;padding:.75rem 1rem;font-weight:800;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-header,.site-footer,.page{width:min(100% - 2rem,76rem);margin-inline:auto}.site-header{border-block-end:1px solid var(--border);justify-content:space-between;align-items:center;min-height:5.5rem;display:flex}.brand{align-items:center;gap:.75rem;font-size:1.2rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{color:#141414;background:var(--accent);letter-spacing:-.04em;border-radius:.65rem;place-items:center;width:2.35rem;height:2.35rem;font-size:.8rem;display:grid}.header-link,.back-link{color:var(--muted);font-weight:700;text-decoration:none}.header-actions{align-items:center;gap:1rem;display:flex}.language-select select{border:1px solid var(--border);color:#fff;background:var(--surface);border-radius:.6rem;min-height:2.5rem;padding-inline:.75rem 2rem}.header-link:hover,.back-link:hover{color:var(--accent)}.page{flex:1;padding-block:clamp(3rem,7vw,6.5rem)}.page-narrow{width:min(100% - 2rem,64rem)}.page-compact{width:min(100% - 2rem,34rem)}.hero{padding-block-end:clamp(2.5rem,6vw,5rem)}.hero-copy,.page-heading>.muted{max-width:46rem;font-size:clamp(1rem,2vw,1.25rem);line-height:1.7}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block-end:clamp(2.5rem,6vw,5rem);display:grid}.statistics-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, #c7f14812, transparent), var(--surface);align-content:space-between;gap:1rem;min-height:8rem;padding:1.25rem;display:grid}.statistics-card strong{color:var(--accent);font-size:clamp(2rem,5vw,3.5rem);line-height:1}.statistics-card span{color:var(--muted);font-weight:800;line-height:1.35}.eyebrow,.card-kicker{color:var(--accent);letter-spacing:.11em;text-transform:uppercase;font-size:.75rem;font-weight:800}.muted{color:var(--muted);line-height:1.55}.preset-grid,.players-grid,.result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:1rem;display:grid}.preset-card,.player-card,.result-card,.join-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg, #ffffff0d, transparent), var(--surface);box-shadow:var(--shadow)}.preset-card{flex-direction:column;justify-content:space-between;min-height:16rem;padding:1.5rem;display:flex}.preset-card:hover{border-color:#c7f14873;transform:translateY(-.2rem)}.button{cursor:pointer;border:1px solid #0000;border-radius:.75rem;justify-content:center;align-items:center;min-height:2.85rem;padding-inline:1.1rem;font-weight:800;text-decoration:none;display:inline-flex}.button:disabled{cursor:not-allowed;opacity:.45}.button-primary{color:#141414;background:var(--accent)}.button-primary:hover:not(:disabled){background:var(--accent-strong)}.button-secondary,.button-quiet{border-color:var(--border);color:#fff;background:var(--surface-soft)}.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled){border-color:var(--accent)}.button-large{min-height:3.4rem;padding-inline:1.5rem}.back-link{margin-block-end:2rem;display:inline-block}.page-heading{margin-block-end:3rem}.setup-form,.stage-stack{gap:1rem;display:grid}.form-section{border:0;min-width:0;margin:0;padding:0}.form-section>legend{width:100%;margin-block:2.5rem 1rem;font-size:1.35rem;font-weight:800}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.mode-card{border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;background:var(--surface);align-content:center;min-height:9rem;padding:1.25rem;display:grid}.mode-card.selected{border-color:var(--accent);background:#c7f14814}.mode-card input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.mode-card strong{margin-block:.8rem .35rem}.mode-card span{color:var(--muted);line-height:1.45}.stage-config{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);overflow:hidden}.stage-config-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.25rem;display:flex}.stage-config-header p{margin-block-end:0}.switch-label{white-space:nowrap;align-items:center;gap:.55rem;display:inline-flex}.switch-label input,.shared-selection input,.option-check input{width:1.15rem;height:1.15rem;accent-color:var(--accent)}.stage-config-body{border-block-start:1px solid var(--border);padding:1.25rem}.shared-selection{border:1px solid var(--border);cursor:pointer;background:#ffffff08;border-radius:.8rem;grid-template-columns:auto 1fr;align-items:start;gap:.75rem;margin-block-end:1.25rem;padding:1rem;display:grid}.shared-selection.selected{background:#c7f14814;border-color:#c7f1488c}.shared-selection strong,.shared-selection small{display:block}.shared-selection small{color:var(--muted);margin-block-start:.3rem;line-height:1.45}.option-toolbar{justify-content:space-between;align-items:center;gap:1rem;margin-block-end:1rem;display:flex}.checkbox-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.6rem;display:grid}.option-check{background:#ffffff0a;border-radius:.65rem;align-items:center;gap:.7rem;min-height:3.2rem;padding-inline:.8rem;display:flex}.number-field,.field-label{gap:.5rem;margin-block-start:1.25rem;font-weight:700;display:grid}.number-field input,.text-input{border:1px solid var(--border);color:#fff;background:var(--surface-raised);border-radius:.7rem;width:100%;min-height:3.2rem;padding-inline:.9rem}.number-field input{width:7rem}.final-step{margin-block-end:1rem}.field-error,.error-message{color:#faa;line-height:1.45}.error-message{background:#ff6b6b14;border:1px solid #ff6b6b4d;border-radius:.7rem;padding:.9rem}.loading-state,.empty-state{min-height:12rem;color:var(--muted);place-items:center;display:grid}.join-card{padding:clamp(1.4rem,5vw,2.5rem)}.join-card h1{font-size:clamp(2rem,8vw,3.5rem)}.join-card .button{width:100%;margin-block-start:1.5rem}.room-code{color:var(--accent);letter-spacing:.12em;margin-block-end:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.3rem,4vw,2rem);font-weight:800}.room-header,.section-heading,.draft-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.connection-pill,.ready-state{color:var(--accent);background:#c7f1481a;border-radius:999px;padding:.45rem .75rem;font-size:.8rem;font-weight:800}.connection-pill.offline,.ready-state:not(.active){color:var(--muted);background:#ffffff0f}.lobby,.draft-board,.results{margin-block-start:2rem}.player-card,.result-card{min-height:9rem;padding:1.25rem}.waiting-card{color:var(--muted);border-style:dashed;place-items:center;display:grid}.lobby-actions{justify-content:flex-end;gap:.75rem;margin-block-start:1.25rem;display:flex}.draft-heading h1{font-size:clamp(2.2rem,6vw,4rem)}.turn-callout{border:1px solid var(--border);max-width:20rem;color:var(--muted);background:var(--surface);border-radius:.8rem;padding:.9rem 1rem;font-weight:800}.turn-callout.mine{border-color:var(--accent);color:#141414;background:var(--accent)}.shared-mode-note,.shared-result{border-inline-start:.2rem solid var(--accent);color:var(--muted);background:#c7f1480f;padding:.75rem 1rem}.draft-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-block-end:1.25rem;display:grid}.draft-player{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:.8rem;padding:1rem}.draft-player h2{color:#fff}.draft-player.active{border-color:var(--accent);box-shadow:0 0 0 1px #c7f14833}.draft-player.mine .card-kicker:after{content:" •"}.stage-progress{gap:.5rem;margin-block:1rem 2rem;padding:0;list-style:none;display:flex;overflow-x:auto}.stage-progress li{border:1px solid var(--border);color:var(--muted);background:var(--surface);border-radius:999px;flex:none;padding:.5rem .8rem}.stage-progress li.active{border-color:var(--accent);color:#fff}.stage-progress li.completed{color:var(--accent)}.draft-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,13rem),1fr));gap:.75rem;display:grid}.draft-option{border:1px solid var(--border);color:#fff;background:var(--surface-raised);text-align:start;border-radius:.8rem;align-content:space-between;min-height:7rem;padding:1rem;display:grid}.draft-option.available:not(:disabled){cursor:pointer}.draft-option.available:not(:disabled):hover{border-color:var(--accent);transform:translateY(-.15rem)}.draft-option.banned{color:#ffffff59;background:#ff6b6b12;text-decoration:line-through}.draft-option.picked{background:#c7f14814;border-color:#c7f14873}.draft-option small{color:var(--muted)}.draft-hint{color:var(--muted);text-align:center;margin-block-start:1rem}.result-grid{margin-block:2rem}.result-card ul{color:var(--muted);gap:.55rem;padding-inline-start:1.25rem;display:grid}.result-tags{flex-wrap:wrap;gap:.5rem;display:flex}.result-tags span{color:#141414;background:var(--accent);border-radius:999px;padding:.4rem .7rem;font-size:.85rem;font-weight:800}.site-footer{border-block-start:1px solid var(--border);min-height:6rem;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex}.site-footer p{margin:0}.site-footer nav{gap:1rem;display:flex}.site-footer a{text-decoration:none}.site-footer a:hover{color:var(--accent)}.privacy-page section{max-width:50rem;margin-block-start:2rem}.privacy-contact{border-inline-start:.2rem solid var(--accent);background:#c7f1480f;max-width:50rem;margin-block-start:2.5rem;padding:1rem}@media (width<=700px){h1{font-size:clamp(2.35rem,13vw,4rem)}.page{padding-block:2.5rem 4rem}.mode-grid,.statistics-grid{grid-template-columns:1fr}.site-header,.header-actions{flex-wrap:wrap}.draft-players{grid-template-columns:1fr}.stage-config-header,.room-header,.section-heading,.draft-heading,.site-footer{flex-direction:column;align-items:stretch}.switch-label{white-space:normal}.lobby-actions{z-index:3;border:1px solid var(--border);border-radius:var(--radius);-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);background:#141414f0;flex-direction:column;padding:.75rem;position:sticky;inset-block-end:.75rem}.site-footer{padding-block:1.5rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}