@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;min-width:320px;min-height:100%}body{min-width:320px;min-height:100vh;margin:0}body.modal-open{overflow:hidden}body,button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}h1,h2,p{margin-block-start:0}button,fieldset,input,select{min-width:0}}@layer tokens{:root,:root[data-theme=dark]{color:#f1eadc;font-synthesis:none;text-rendering:optimizelegibility;--font-display:Georgia, "Times New Roman", serif;--background:#12110f;--background-elevated:#181713;--surface:#1d1b17;--surface-raised:#25221d;--surface-soft:#302c25;--surface-glass:#181713eb;--text:#f1eadc;--muted:#c7bcaa;--subtle:#a99d89;--border:#f1eadc2b;--border-strong:#f1eadc4a;--accent:#b9ef3a;--accent-fill:#aedd31;--accent-hover:#c4f34f;--accent-ink:#151a0d;--accent-wash:#b9ef3a1f;--hot:#91ad52;--hot-wash:#91ad521a;--cyan:#82a29a;--cyan-wash:#82a29a1a;--danger:#e3aaa2;--danger-wash:#b25b531f;--focus:#c9f365;--shadow:0 1.8rem 5rem #00000061;--shadow-tight:0 .8rem 2rem #00000047;--grid-line:#ffffff06;--radius-large:1.1rem;--radius-medium:.75rem;background:#12110f;font-family:Inter,Aptos,Segoe UI,system-ui,sans-serif}:root[data-theme=light]{color:#29251e;--background:#eee8dc;--background-elevated:#e6ddce;--surface:#faf6ed;--surface-raised:#f0e9dc;--surface-soft:#e2d8c8;--surface-glass:#faf6edf0;--text:#29251e;--muted:#5f584c;--subtle:#71685a;--border:#29251e33;--border-strong:#29251e57;--accent:#486900;--accent-fill:#9bcd28;--accent-hover:#abd938;--accent-ink:#151a0d;--accent-wash:#597d091f;--hot:#5a7229;--hot-wash:#5a72291a;--cyan:#496d66;--cyan-wash:#496d6617;--danger:#a5222e;--danger-wash:#b5232f1a;--focus:#486900;--shadow:0 1.8rem 4.5rem #3e311f24;--shadow-tight:0 .8rem 2rem #3e311f1f;--grid-line:#3d301e0a;background:#eee8dc}}@layer base{body{color:var(--text);background:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px), radial-gradient(circle at 84% -10%, var(--accent-wash), transparent 34rem), radial-gradient(circle at -8% 58%, var(--hot-wash), transparent 30rem), var(--background);background-size:3rem 3rem,3rem 3rem,auto,auto,auto;transition:color .22s,background-color .22s}body:before{z-index:-1;background:linear-gradient(115deg, transparent 0 48%, var(--accent-wash) 49% 50%, transparent 51%);content:"";pointer-events:none;position:fixed;inset:0}button,a,input,select{transition:color .17s,border-color .17s,background-color .17s,box-shadow .17s,transform .17s}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:.2rem solid var(--focus);outline-offset:.2rem}a{color:inherit}h1{max-width:18ch;font-family:var(--font-display);letter-spacing:-.045em;margin-block-end:1rem;font-size:clamp(2.7rem,6.4vw,5.35rem);font-weight:800;line-height:.96}h2{font-family:var(--font-display);margin-block-end:.6rem;font-size:1.25rem;line-height:1.15}::selection{color:var(--accent-ink);background:var(--accent-fill)}}@layer components{.app-frame{flex-direction:column;min-height:100vh;display:flex}.main-content{display:contents}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{z-index:100;min-height:2.75rem;color:var(--accent-ink);background:var(--accent-fill);border-radius:.5rem;padding:.75rem 1rem;font-weight:900;position:fixed;inset-block-start:.75rem;inset-inline-start:.75rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header,.site-footer,.page{width:min(100% - 2rem,82rem);margin-inline:auto}.site-header{z-index:20;border-block-end:1px solid var(--border);background:var(--surface-glass);-webkit-backdrop-filter:blur(1rem)saturate(140%);backdrop-filter:blur(1rem)saturate(140%);justify-content:space-between;align-items:center;min-height:5.6rem;display:flex;position:sticky;inset-block-start:0}.brand{letter-spacing:-.02em;align-items:center;gap:.8rem;min-height:2.75rem;font-size:1.12rem;font-weight:900;text-decoration:none;display:inline-flex}.brand-mark{border:1px solid var(--accent);width:2.55rem;height:2.55rem;color:var(--accent-ink);background:var(--accent-fill);box-shadow:.3rem .3rem 0 color-mix(in srgb, var(--accent) 45%, var(--surface-soft));letter-spacing:-.06em;border-radius:.9rem .2rem;place-items:center;font-size:.78rem;font-weight:950;display:grid;position:relative;overflow:hidden;transform:rotate(-3deg)}.header-actions{align-items:center;gap:.7rem;display:flex}.header-link,.back-link{color:var(--muted);font-weight:800;text-decoration:none}.header-link{cursor:pointer;background:0 0;border:0;align-content:center;min-height:2.75rem;padding-inline:.55rem}.header-link:hover,.back-link:hover{color:var(--accent)}.language-switcher{position:relative}.language-current{border:1px solid var(--border);min-width:4.4rem;min-height:2.75rem;color:var(--text);background:var(--surface-raised);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:.5rem;padding-inline:.75rem;font-weight:900;list-style:none;display:inline-flex}.language-current:hover,.language-switcher.is-open .language-current{border-color:var(--accent);background:var(--accent-wash)}.language-chevron{border-block-end:.12rem solid;border-inline-end:.12rem solid;width:.45rem;height:.45rem;transform:translateY(-.12rem)rotate(45deg)}.language-switcher.is-open .language-chevron{transform:translateY(.12rem)rotate(225deg)}.language-options{z-index:80;overscroll-behavior:contain;border:1px solid var(--border-strong);background:var(--surface-glass);width:max-content;min-width:12rem;max-width:calc(100vw - 1rem);max-height:min(22rem,100vh - 1rem);box-shadow:var(--shadow-tight);-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:.8rem;gap:.2rem;padding:.35rem;display:grid;overflow-y:auto}.language-option{width:100%;min-height:3rem;color:var(--text);cursor:pointer;text-align:start;background:0 0;border:1px solid #0000;border-radius:.55rem;align-items:center;gap:.7rem;padding:.55rem 2rem .55rem .7rem;display:flex;position:relative}.language-option:hover,.language-option.active{background:var(--accent-wash)}.language-option.active{border-color:color-mix(in srgb, var(--accent) 58%, transparent)}.language-option.active:after{background:var(--accent-fill);width:.5rem;height:.5rem;box-shadow:0 0 0 .25rem var(--accent-wash);content:"";border-radius:50%;position:absolute;inset-inline-end:.75rem}.language-flag{background:var(--surface-soft);border:1px solid #ffffff4d;border-radius:.16rem;flex:none;width:1.55rem;height:1.05rem;display:inline-block;position:relative;overflow:hidden;box-shadow:0 .12rem .35rem #00000038}.language-flag-pl{background:linear-gradient(#fff 0 50%,#dc143c 50% 100%)}.language-flag-de{background:linear-gradient(#161616 0 33.333%,#d00 33.333% 66.666%,#ffce00 66.666% 100%)}.language-flag-gb{color:#fff;background:linear-gradient(145deg,#29456f,#132744);border-color:#ffffff61;place-items:center;display:inline-grid}.language-flag-code{letter-spacing:.05em;font-size:.58rem;font-weight:950;line-height:1}.language-code{font-size:.75rem}.language-option-copy{gap:.1rem;display:grid}.language-option-copy span{color:var(--muted);font-size:.78rem}.theme-toggle{border:1px solid var(--border);min-width:2.75rem;min-height:2.75rem;color:var(--text);background:var(--surface-raised);cursor:pointer;border-radius:999px;padding:.22rem}.theme-toggle-track{background:var(--accent-wash);border-radius:50%;place-items:center;width:2.1rem;height:2.1rem;display:grid}.theme-icon{font-size:1.15rem;line-height:1}.button{cursor:pointer;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;gap:.7rem;min-height:2.85rem;padding-inline:1.15rem;font-weight:900;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.button:before{content:"";background:linear-gradient(105deg,#0000 35%,#ffffff4d 50%,#0000 65%);position:absolute;inset:0;transform:translate(-130%)}.button:hover:not(:disabled):before{transition:transform .52s;transform:translate(130%)}.button:hover:not(:disabled){transform:translateY(-.12rem)scale(1.01)}.button:active:not(:disabled){transform:translateY(.08rem)scale(.98)}.button:disabled{cursor:not-allowed;opacity:.58}.button-primary{color:var(--accent-ink);background:var(--accent-fill);box-shadow:.24rem .24rem 0 color-mix(in srgb, var(--hot) 64%, transparent)}.button-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:.3rem .3rem 0 color-mix(in srgb, var(--hot) 72%, transparent)}.button-secondary,.button-quiet{border-color:var(--border-strong);color:var(--text);background:var(--surface-raised)}.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled){border-color:var(--accent);background:var(--accent-wash)}.button-large{min-height:3.45rem;padding-inline:1.6rem}.button-block{width:100%}.ui-button-unstyled{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}.eyebrow,.card-kicker,.stage-sequence{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;font-weight:950}.muted{color:var(--muted);line-height:1.6}.field-error,.error-message{color:var(--danger);font-weight:700;line-height:1.5}.ui-field{display:grid}.field-hint{color:var(--muted);margin-block:0 .5rem}.error-message{border:1px solid color-mix(in srgb, var(--danger) 44%, transparent);border-radius:var(--radius-medium);background:var(--danger-wash);padding:1rem}.text-input,.number-field input,.select-input{border:1px solid var(--border-strong);width:100%;min-height:3.35rem;color:var(--text);background:var(--surface-raised);caret-color:var(--accent);border-radius:.6rem;padding-inline:1rem}.text-input::placeholder{color:var(--subtle);opacity:1}.text-input:hover,.number-field input:hover,.select-input:hover{border-color:var(--accent)}.select-input{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--text) 50%), linear-gradient(135deg, var(--text) 50%, transparent 50%);background-position:calc(100% - 1.1rem) calc(50% - .15rem),calc(100% - .75rem) calc(50% - .15rem);background-repeat:no-repeat;background-size:.38rem .38rem;padding-inline-end:2.4rem}.file-field{cursor:pointer;gap:.4rem;display:grid;position:relative}.file-field input{opacity:0;width:1px;height:1px;position:absolute;overflow:hidden}.file-field-action{border:1px solid var(--border-strong);min-height:3rem;color:var(--text);background:var(--surface-raised);border-radius:.65rem;justify-content:center;align-items:center;padding-inline:1.1rem;font-weight:900;display:inline-flex}.file-field:hover .file-field-action,.file-field input:focus-visible+.file-field-action{border-color:var(--accent);background:var(--accent-wash)}.file-field input:focus-visible+.file-field-action{outline:.2rem solid var(--focus);outline-offset:.2rem}.file-field small{max-width:34rem;color:var(--muted);line-height:1.45}}@layer views{.page{flex:1;padding-block:clamp(3rem,7vw,7rem)}.page-narrow{width:min(100% - 2rem,68rem)}.page-compact{width:min(100% - 2rem,38rem)}.hero{isolation:isolate;border:1px solid var(--border);background:linear-gradient(125deg, var(--accent-wash), transparent 46%), linear-gradient(305deg, var(--hot-wash), transparent 44%), var(--surface-glass);box-shadow:var(--shadow);border-radius:2.4rem .6rem;margin-block-end:clamp(2.2rem,5vw,4.5rem);padding:clamp(2rem,6vw,5.5rem);position:relative;overflow:hidden}.hero:before,.hero:after{z-index:-1;content:"";pointer-events:none;position:absolute}.hero:before{border:1.4rem solid var(--accent-wash);width:15rem;height:15rem;box-shadow:0 0 0 1px var(--border);border-radius:50%;inset-block-start:-6rem;inset-inline-end:-3rem}.hero:after{background:repeating-linear-gradient(90deg, var(--hot) 0 .55rem, transparent .55rem 1.2rem);opacity:.5;width:11rem;height:3rem;inset-block-end:2rem;inset-inline-end:-2rem;transform:rotate(-12deg)}.hero h1{color:var(--text);text-wrap:balance}.hero-copy,.page-heading>.muted{max-width:48rem;color:var(--muted);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.72}.hero-actions{align-items:center;gap:1rem;margin-block-start:2rem;display:flex}.hero-action-hint{max-width:24rem;color:var(--muted);font-size:.9rem;font-weight:700}.statistics-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-block-end:clamp(3rem,7vw,6rem);display:grid}.statistics-card{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);min-height:10rem;box-shadow:var(--shadow-tight);align-content:space-between;gap:1.2rem;padding:1.35rem;display:grid;position:relative;overflow:hidden}.statistics-card:after{border:1.2rem solid var(--accent-wash);content:"";border-radius:50%;width:7rem;height:7rem;position:absolute;inset-block-start:-4.2rem;inset-inline-end:-3rem}.statistics-card[data-variant=completed]:after{border-color:var(--hot-wash)}.statistics-card[data-variant=online]:after{border-color:var(--cyan-wash)}.statistics-signal{background:var(--accent);width:2.4rem;height:.3rem;box-shadow:0 0 1rem var(--accent);border-radius:999px}[data-variant=completed] .statistics-signal{background:var(--hot);box-shadow:0 0 1rem var(--hot)}[data-variant=online] .statistics-signal{background:var(--cyan);box-shadow:0 0 1rem var(--cyan)}.statistics-card strong{color:var(--text);font-variant-numeric:tabular-nums;letter-spacing:-.06em;font-size:clamp(2.5rem,6vw,4.5rem);line-height:.9}.statistics-label{max-width:20ch;color:var(--muted);font-size:.93rem;font-weight:850;line-height:1.35}.preset-grid,.players-grid,.result-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1.15rem;display:grid}.preset-card,.player-card,.result-card,.join-card{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-tight)}.preset-card{grid-template-rows:auto 1fr auto;min-height:19rem;padding:1.5rem;display:grid;position:relative;overflow:hidden}.preset-card:before{background:linear-gradient(90deg, var(--accent), var(--hot));content:"";height:.3rem;position:absolute;inset-block-start:0;inset-inline:0 36%}.preset-card:hover{border-color:var(--accent);box-shadow:var(--shadow), 0 0 0 1px var(--accent-wash);transform:translateY(-.35rem)rotate(-.25deg)}.preset-builder-card{border:1px dashed var(--border-strong);background:linear-gradient(115deg, var(--accent-wash), transparent 50%), var(--background-elevated);box-shadow:var(--shadow-tight);border-radius:.6rem 2.2rem;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:1.5rem 3rem;margin-block-start:1.2rem;padding:clamp(1.5rem,5vw,3rem);display:grid;position:relative;overflow:hidden}.preset-builder-card h2{margin-block-end:.8rem;font-size:clamp(1.7rem,3vw,2.5rem)}.preset-builder-card .muted{max-width:49rem;margin-block-end:0}.preset-builder-card>.button{justify-content:space-between;min-width:13rem}.preset-builder-symbol{color:var(--accent-wash);pointer-events:none;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(7rem,17vw,13rem);font-weight:950;line-height:1;position:absolute;inset-block-start:-2rem;inset-inline-end:2rem}.preset-index{color:var(--subtle);letter-spacing:.14em;justify-self:end;font-size:.78rem;font-weight:900}.preset-content{align-self:center}.preset-content h2{letter-spacing:-.04em;max-width:16ch;font-size:clamp(1.55rem,3vw,2.3rem);font-weight:900}.preset-action{justify-content:space-between}.back-link{align-items:center;min-height:2.75rem;margin-block-end:2rem;display:inline-flex}.page-heading{margin-block-end:3rem}.setup-form,.stage-stack{gap:1rem;display:grid}.form-section{border:0;margin:0;padding:0}.form-section>legend{letter-spacing:-.025em;width:100%;margin-block:2.5rem 1rem;font-size:1.4rem;font-weight:900}.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-large);cursor:pointer;background:var(--surface);align-content:center;min-height:11rem;padding:1.4rem;display:grid;position:relative;overflow:hidden}.mode-card:after{border:.8rem solid var(--accent-wash);content:"";border-radius:50%;width:5rem;height:5rem;position:absolute;inset-block-start:-2.8rem;inset-inline-end:-2.2rem}.mode-card:hover{border-color:var(--accent);transform:translateY(-.15rem)}.mode-card.selected{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-wash), transparent), var(--surface);box-shadow:inset .28rem 0 0 var(--accent)}.mode-card input,.switch-label input,.shared-selection input,.option-check input{width:1.25rem;height:1.25rem;accent-color:var(--accent-fill)}.mode-symbol{color:var(--subtle);opacity:.35;font-size:2.8rem;font-weight:950;line-height:1;position:absolute;inset-block-end:.7rem;inset-inline-end:1rem}.mode-card strong{margin-block:.8rem .35rem;font-size:1.1rem}.mode-card>span:last-child{max-width:34ch;color:var(--muted);line-height:1.5}.stage-config{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-tight);overflow:hidden}.stage-config.disabled{background:var(--background-elevated)}.stage-config.invalid{border-color:var(--danger);box-shadow:var(--shadow-tight), inset .22rem 0 0 var(--danger)}.stage-config-header{justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem;display:flex}.stage-config-header p{margin-block-end:0}.stage-sequence{color:var(--hot);margin-block-end:.5rem!important}.switch-label{border:1px solid var(--border);background:var(--surface-raised);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:.6rem;min-height:2.75rem;padding-inline:.8rem;font-size:.85rem;font-weight:850;display:inline-flex}.stage-config-body{border-block-start:1px solid var(--border);padding:1.4rem}.stage-validation{border:1px solid color-mix(in srgb, var(--danger) 48%, transparent);border-radius:var(--radius-medium);background:var(--danger-wash);gap:.45rem;margin-block-start:1rem;padding:.85rem 1rem;display:grid}.stage-validation .field-error{margin:0}.shared-selection{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface-raised);cursor:pointer;grid-template-columns:auto 1fr;align-items:start;gap:.8rem;margin-block-end:1.35rem;padding:1rem;display:grid}.shared-selection.selected{border-color:var(--accent);background:var(--accent-wash);box-shadow:inset .22rem 0 0 var(--accent)}.shared-selection strong,.shared-selection small{display:block}.shared-selection small{color:var(--muted);margin-block-start:.35rem;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%,15rem),1fr));gap:.65rem;display:grid}.option-check{background:var(--surface-raised);cursor:pointer;border:1px solid #0000;border-radius:.6rem;align-items:center;gap:.75rem;min-height:3.5rem;padding:.65rem .85rem;display:flex}.option-check:hover{border-color:var(--border-strong);background:var(--surface-soft)}.option-check.is-disabled{border-color:var(--border);color:var(--subtle);background:color-mix(in srgb, var(--surface-raised) 72%, var(--background));cursor:not-allowed;opacity:.72}.option-check.is-disabled:hover{border-color:var(--border);background:color-mix(in srgb, var(--surface-raised) 72%, var(--background));transform:none}.option-check.is-disabled input{cursor:not-allowed;filter:grayscale()}.option-check:has(input:checked){border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:var(--accent-wash)}.option-check-copy{gap:.3rem;display:grid}.conditional-requirement{color:var(--muted);font-size:.74rem;font-weight:800;line-height:1.3}.floating-tooltip{z-index:85;border:1px solid var(--border-strong);width:max-content;max-width:min(23rem,100vw - 2rem);color:var(--text);background:var(--surface-glass);box-shadow:var(--shadow-tight);pointer-events:none;-webkit-backdrop-filter:blur(1rem);backdrop-filter:blur(1rem);border-radius:.55rem;padding:.65rem .75rem;font-size:.78rem;font-weight:700;line-height:1.4}.floating-tooltip-arrow{border:1px solid var(--border-strong);background:var(--surface-glass);pointer-events:none;width:.6rem;height:.6rem;position:absolute;transform:rotate(45deg)}.floating-layer-enter-active,.floating-layer-leave-active{transition:opacity .13s}.floating-layer-enter-from,.floating-layer-leave-to{opacity:0}.field-label-row{align-items:center;gap:.45rem;min-width:0;min-height:1.55rem;display:flex}.field-label-row>label{min-width:0}.ui-tooltip{flex:none;display:inline-flex;position:relative}.ui-tooltip-trigger{border:1px solid color-mix(in srgb, var(--accent) 52%, var(--border));width:1.45rem;height:1.45rem;color:var(--accent);background:var(--accent-wash);cursor:help;font:inherit;border-radius:50%;place-items:center;padding:0;font-size:.72rem;font-weight:950;line-height:1;display:grid}.ui-tooltip-trigger:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-fill)}.ui-tooltip-trigger:focus-visible{outline:.18rem solid color-mix(in srgb, var(--accent) 58%, transparent);outline-offset:.14rem}.ui-tooltip-icon:before{content:"i"}.number-field,.field-label{color:var(--text);gap:.55rem;margin-block-start:1.3rem;font-weight:800;display:grid}.number-field input{width:7rem}.preset-builder-page{width:min(100% - 2rem,76rem)}.builder-heading{margin-block-end:2rem}.builder-file-panel,.preset-meta-editor,.preset-stage-editor,.builder-export-panel{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-tight)}.builder-export-actions{flex-wrap:wrap;justify-content:flex-end;gap:.7rem;display:flex}.builder-file-panel,.preset-meta-editor,.builder-export-panel{padding:clamp(1.25rem,4vw,2rem)}.builder-file-panel{background:linear-gradient(120deg, var(--accent-wash), transparent 58%), var(--surface);border-style:dashed;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1rem 2rem;margin-block-end:1rem;display:grid}.builder-file-panel h2,.builder-file-panel p,.builder-export-panel h2,.builder-export-panel p{margin-block-end:.45rem}.builder-file-panel>p{grid-column:1/-1;margin:0}.builder-file-actions{align-items:flex-start;gap:.75rem;display:flex}.builder-success{color:var(--accent);font-weight:800}.preset-meta-editor{margin-block-end:3rem}.builder-section-header,.builder-card-header{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.builder-section-header{margin-block-end:1.2rem}.builder-section-header h2,.builder-section-header h3,.builder-card-header h2,.builder-card-header h3,.builder-card-header p{margin-block-end:0}.schema-badge{border:1px solid var(--accent);color:var(--accent);background:var(--accent-wash);border-radius:999px;padding:.45rem .7rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;font-weight:900}.localized-fields{border:0;margin:1.5rem 0 0;padding:0}.localized-fields>legend{color:var(--text);margin-block-end:.15rem;font-weight:900}.localized-fields-grid,.builder-field-grid{grid-template-columns:minmax(0,1fr);gap:.8rem;display:grid}.localized-fields-grid,.builder-field-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.builder-field-grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.required-mark{color:var(--danger)}.builder-stages-section{margin-block-end:3rem}.preset-stage-stack,.preset-option-stack{gap:1rem;display:grid}.preset-stage-editor{padding:clamp(1.25rem,4vw,2rem);position:relative;overflow:hidden}.preset-stage-editor:before{background:linear-gradient(var(--accent), var(--hot));content:"";width:.28rem;position:absolute;inset-block:0;inset-inline-start:0}.builder-rules{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--background-elevated);margin-block:1.5rem;padding:0 1rem 1rem}.builder-field-grid .number-field input{width:100%}.preset-options-section{border-block-start:1px solid var(--border);margin-block-start:2rem;padding-block-start:1.5rem}.preset-option-editor{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--background-elevated);padding:1.15rem}.preset-option-editor .localized-fields-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.conditional-editor{border:1px dashed var(--border-strong);border-radius:var(--radius-medium);gap:.4rem;margin-block-start:1.4rem;padding:1rem;display:grid}.conditional-editor>label{cursor:pointer;align-items:flex-start;gap:.65rem;display:flex}.builder-export-panel{border-color:var(--accent);background:linear-gradient(120deg, var(--accent-wash), transparent 64%), var(--surface);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.5rem 2rem;display:grid}.builder-validation{border:1px solid color-mix(in srgb, var(--danger) 48%, transparent);border-radius:var(--radius-medium);color:var(--danger);background:var(--danger-wash);grid-column:1/-1;padding:1rem}.builder-validation h3{margin-block:0 .6rem}.builder-validation ul{gap:.35rem;margin:0;padding-inline-start:1.3rem;display:grid}.final-step{border:1px solid var(--border-strong);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-tight);margin-block-end:1rem;padding:1.25rem}.final-step legend{font-family:var(--font-display);padding-inline:.4rem;font-size:1.25rem;font-weight:900}.final-step .muted{margin-block-end:.8rem}.final-step .text-input{border-color:var(--border-strong);background:var(--background-elevated);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--text) 4%, transparent)}.loading-state,.empty-state{min-height:12rem;color:var(--muted);place-items:center;display:grid}.join-card{padding:clamp(1.6rem,5vw,3rem);position:relative;overflow:hidden}.join-card:before{border:1rem solid var(--cyan-wash);content:"";border-radius:50%;width:8rem;height:8rem;position:absolute;inset-block-start:-5rem;inset-inline-end:-3rem}.join-card h1{font-size:clamp(2.3rem,8vw,4rem)}.join-card .button{width:100%;margin-block-start:1.6rem}.room-code-input{text-transform:uppercase;letter-spacing:.12em;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.1rem;font-weight:900}.room-code{color:var(--accent);letter-spacing:.13em;margin-block-end:1rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(1.4rem,4vw,2.2rem);font-weight:900}.room-header,.section-heading,.draft-heading{justify-content:space-between;align-items:flex-start;gap:1.5rem;display:flex}.connection-pill{border:1px solid color-mix(in srgb, var(--accent) 45%, transparent);color:var(--accent);background:var(--accent-wash);border-radius:999px;padding:.55rem .85rem;font-size:.8rem;font-weight:900}.connection-pill.offline{border-color:var(--border);color:var(--muted);background:var(--surface-raised)}.lobby,.draft-board,.results{margin-block-start:2rem}.player-card,.result-card{min-height:10rem;padding:1.35rem;position:relative;overflow:hidden}.player-presence{background:var(--subtle);border-radius:50%;width:.65rem;height:.65rem;position:absolute;inset-block-start:1rem;inset-inline-end:1rem}.player-card.active .player-presence,.draft-player.active .player-presence{background:var(--accent);box-shadow:0 0 0 .35rem var(--accent-wash), 0 0 1rem var(--accent)}.player-status{color:var(--muted);font-size:.86rem;font-weight:800}.player-card.active .player-status,.draft-player.active .player-status{color:var(--accent)}.waiting-card{color:var(--muted);background:0 0;border-style:dashed;place-items:center;display:grid}.lobby-actions{justify-content:flex-end;gap:.8rem;margin-block-start:1.35rem;display:flex}.draft-heading h1{font-size:clamp(2.5rem,6vw,4.7rem)}.turn-callout{border:1px solid var(--border);border-radius:var(--radius-medium);max-width:22rem;color:var(--muted);background:var(--surface);padding:1rem 1.1rem;font-weight:900}.turn-callout.mine{border-color:var(--accent-fill);color:var(--accent-ink);background:var(--accent-fill);box-shadow:.3rem .3rem 0 var(--hot);animation:1.8s ease-in-out infinite turn-pulse}.shared-mode-note,.shared-result{border-inline-start:.25rem solid var(--accent);color:var(--muted);background:var(--accent-wash);padding:.85rem 1rem}.draft-players{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-block-end:1.35rem;display:grid}.draft-workspace{gap:.8rem;display:grid}.draft-workspace>.draft-phase-banner,.draft-workspace>.draft-loadout,.draft-workspace>.shared-mode-note{margin-block:0}.draft-loadout{border:1px solid var(--border);border-radius:var(--radius-medium);background:var(--surface);margin-block:0 .2rem;overflow:hidden}.draft-loadout-scroll{max-block-size:min(12rem,42vh);overflow:auto}.draft-loadout-scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-3px}.draft-loadout-grid{grid-template-columns:minmax(4.75rem, .68fr) repeat(var(--draft-player-count), minmax(5rem, 1fr));min-width:min(22rem,100%);display:grid}.draft-loadout-row{display:contents}.draft-loadout-corner,.draft-loadout-player{z-index:1;background:color-mix(in srgb, var(--surface) 94%, var(--accent-wash));min-width:0;padding:.5rem .6rem;position:sticky;inset-block-start:0}.draft-loadout-player{border-inline-start:1px solid var(--border)}.draft-loadout-player span{color:var(--subtle);letter-spacing:.07em;text-transform:uppercase;margin-block-end:.05rem;font-size:.6rem;font-weight:900;display:block}.draft-loadout-player strong{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:.82rem;display:block;overflow:hidden}.draft-loadout-stage,.draft-loadout-cell{border-block-start:1px solid var(--border);min-width:0;min-height:3.05rem;padding:.45rem .55rem}.draft-loadout-stage{color:var(--muted);align-items:center;gap:.4rem;display:flex}.draft-loadout-stage>span{border:1px solid var(--border-strong);width:1.3rem;height:1.3rem;color:var(--subtle);border-radius:50%;flex:none;place-items:center;font-size:.62rem;font-weight:900;display:grid}.draft-loadout-stage strong{overflow-wrap:anywhere;min-width:0;font-size:.75rem}.draft-loadout-cell{border-inline-start:1px solid var(--border);background:var(--surface);align-items:center;display:flex}.draft-loadout-row.current>.draft-loadout-stage,.draft-loadout-row.current>.draft-loadout-cell{background:color-mix(in srgb, var(--surface) 90%, var(--accent-wash))}.draft-loadout-row.current>.draft-loadout-stage>span{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-fill)}.draft-loadout-row.completed>.draft-loadout-stage>span{border-color:color-mix(in srgb, var(--accent) 55%, var(--border));color:var(--accent)}.draft-loadout-row.upcoming>.draft-loadout-stage,.draft-loadout-row.upcoming>.draft-loadout-cell{color:var(--subtle);background:color-mix(in srgb, var(--surface) 70%, var(--background))}.draft-loadout-result{flex-wrap:wrap;gap:.25rem;min-width:0;display:flex}.draft-loadout-value{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);max-width:100%;color:var(--text);background:var(--accent-wash);overflow-wrap:anywhere;border-radius:999px;padding:.2rem .4rem;font-size:.7rem;font-weight:850}.draft-loadout-empty{color:var(--subtle);font-size:.7rem}.draft-loadout-skeleton{border-radius:var(--radius-small);gap:.42rem;width:min(100%,9rem);padding:.25rem;display:grid;position:relative;overflow:hidden}.draft-loadout-skeleton:after{background:linear-gradient(105deg, transparent 20%, color-mix(in srgb, var(--accent) 22%, transparent) 48%, transparent 76%);content:"";animation:1.45s ease-in-out infinite draft-loadout-shimmer;position:absolute;inset:0;transform:translate(-120%)}.draft-loadout-skeleton>span{background:color-mix(in srgb, var(--accent) 18%, var(--border));border-radius:999px;height:.58rem}.draft-loadout-skeleton>span:first-child{width:78%}.draft-loadout-skeleton>span:last-child{width:52%}.draft-loadout-upcoming{gap:.32rem;display:flex}.draft-loadout-upcoming>span{background:var(--border-strong);border-radius:50%;width:.35rem;height:.35rem}.draft-result-enter-active{animation:.62s cubic-bezier(.16,1,.3,1) draft-result-reveal}.draft-result-leave-active{transition:opacity .13s,transform .13s}.draft-result-leave-to{opacity:0;transform:scale(.94)}@keyframes draft-loadout-shimmer{to{transform:translate(120%)}}@keyframes draft-result-reveal{0%{opacity:0;filter:blur(.25rem);transform:translateY(.55rem)scale(.9)}58%{opacity:1;filter:blur();transform:translateY(-.1rem)scale(1.04)}to{transform:translateY(0)scale(1)}}.draft-player{border:1px solid var(--border);border-radius:var(--radius-medium);color:var(--muted);background:var(--surface);padding:1.1rem;position:relative;overflow:hidden}.draft-player h2{color:var(--text)}.draft-player.active{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-wash), transparent), var(--surface);box-shadow:inset .25rem 0 0 var(--accent)}.draft-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.85rem;display:grid}.draft-phase-banner{border:1px solid var(--border-strong);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-tight);grid-template-columns:auto minmax(0,1fr);align-items:center;gap:1.15rem;margin-block:1.3rem 1rem;padding:1.15rem 1.3rem;display:grid;overflow:hidden}.draft-phase-banner.banning{border-color:color-mix(in srgb, var(--danger) 65%, var(--border));background:linear-gradient(105deg, var(--danger-wash), transparent 60%), var(--surface);box-shadow:inset .3rem 0 0 var(--danger), var(--shadow-tight)}.draft-phase-banner.picking{border-color:color-mix(in srgb, var(--accent) 65%, var(--border));background:linear-gradient(105deg, var(--accent-wash), transparent 60%), var(--surface);box-shadow:inset .3rem 0 0 var(--accent), var(--shadow-tight)}.draft-phase-symbol{width:4rem;height:4rem;font-family:var(--font-display);border:1px solid;border-radius:50%;place-items:center;font-size:2.4rem;font-weight:900;line-height:1;display:grid}.draft-phase-banner.banning .draft-phase-symbol{color:var(--danger);background:var(--danger-wash)}.draft-phase-banner.picking .draft-phase-symbol{color:var(--accent);background:var(--accent-wash)}.draft-phase-copy p{color:var(--muted);letter-spacing:.14em;text-transform:uppercase;margin-block-end:.2rem;font-size:.72rem;font-weight:900}.draft-phase-copy h2{letter-spacing:-.03em;margin-block-end:.3rem;font-size:clamp(1.8rem,4vw,2.7rem);font-weight:900}.draft-phase-banner.banning h2{color:var(--danger)}.draft-phase-banner.picking h2{color:var(--accent)}.draft-phase-copy>span{color:var(--muted);line-height:1.45}.draft-option{border:1px solid var(--border);border-radius:var(--radius-medium);min-height:8rem;color:var(--text);background:var(--surface-raised);text-align:start;align-content:space-between;padding:1.1rem;display:grid;position:relative;overflow:hidden}.draft-option:after{border:.7rem solid var(--accent-wash);content:"";border-radius:50%;width:5rem;height:5rem;position:absolute;inset-block-start:-3.5rem;inset-inline-end:-2.8rem}.draft-option-flare{background:linear-gradient(115deg, transparent 35%, var(--accent-wash) 48%, transparent 62%);pointer-events:none;position:absolute;inset:0;transform:translate(-120%)}.draft-option.available:not(:disabled){cursor:pointer}.draft-option.available:not(:disabled):hover{border-color:var(--accent);background:linear-gradient(135deg, var(--accent-wash), transparent), var(--surface-raised);box-shadow:.28rem .28rem 0 var(--hot);transform:translateY(-.25rem)rotate(-.35deg)}.draft-option.available:not(:disabled):hover .draft-option-flare{transition:transform .52s;transform:translate(120%)}.draft-option.banned{border-color:color-mix(in srgb, var(--danger) 42%, transparent);color:var(--muted);background:var(--danger-wash);animation:.52s cubic-bezier(.2,.9,.25,1) ban-impact}.draft-option.banned .draft-option-name{-webkit-text-decoration:line-through .14rem var(--danger);text-decoration:line-through .14rem var(--danger)}.draft-option.banned:before{z-index:2;background:var(--danger);width:145%;height:.18rem;box-shadow:0 0 1rem var(--danger);content:"";transform-origin:50%;animation:.46s ease-out 80ms forwards ban-slash;position:absolute;inset-block-start:50%;inset-inline-start:-22%;transform:rotate(-12deg)scaleX(0)}.draft-option.picked{border-color:var(--accent);color:var(--text);background:linear-gradient(135deg, var(--accent-wash), transparent), var(--surface-raised);box-shadow:inset 0 0 0 1px var(--accent-wash), 0 0 2.2rem var(--accent-wash);animation:.56s cubic-bezier(.2,1.4,.4,1) pick-lock}.draft-option-name{z-index:1;font-size:1.05rem;font-weight:900;line-height:1.25;position:relative}.draft-option small{z-index:1;color:var(--muted);font-weight:800;position:relative}.draft-option[data-phase=banning].available:not(:disabled) small{color:var(--danger)}.draft-option[data-phase=picking].available:not(:disabled) small{color:var(--accent)}.result-grid{margin-block:2rem}.results>h1{font-size:clamp(2.4rem,5.4vw,4.6rem)}.result-matchup{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:stretch;gap:1rem;margin-block:2rem;display:grid}.player-result-card{border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface);box-shadow:var(--shadow-tight);padding:1.5rem;position:relative;overflow:hidden}.player-result-card:before{background:var(--accent-fill);content:"";width:8rem;height:.25rem;position:absolute;inset-block-start:0;inset-inline-start:1.5rem}.player-result-header{padding-block-end:1.25rem}.player-result-header h2{margin:0;font-size:clamp(1.65rem,4vw,2.4rem)}.player-loadout{gap:0;margin:0;display:grid}.loadout-stage{border-block-start:1px solid var(--border);grid-template-columns:minmax(6rem,.65fr) minmax(0,1.35fr);gap:1rem;padding-block:1rem;display:grid}.loadout-stage dt,.loadout-stage dd{margin:0}.loadout-stage dt{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;font-weight:900}.loadout-stage dd{flex-wrap:wrap;gap:.45rem;display:flex}.loadout-value{border:1px solid color-mix(in srgb, var(--accent) 42%, transparent);color:var(--text);background:var(--accent-wash);border-radius:999px;padding:.38rem .65rem;font-size:.83rem;font-weight:850}.loadout-empty{color:var(--subtle);font-size:.86rem}.result-versus{border:1px solid var(--accent);width:3.4rem;height:3.4rem;color:var(--accent-ink);background:var(--accent-fill);box-shadow:.28rem .28rem 0 var(--surface-soft);font-family:var(--font-display);border-radius:50%;place-self:center;place-items:center;font-weight:900;display:grid;transform:rotate(-4deg)}.result-card ul{color:var(--muted);gap:.6rem;padding-inline-start:1.25rem;display:grid}.result-tags{flex-wrap:wrap;gap:.55rem;display:flex}.result-tags span{color:var(--accent-ink);background:var(--accent-fill);border-radius:999px;padding:.45rem .75rem;font-size:.85rem;font-weight:900}.site-footer{border-block-start:1px solid var(--border);min-height:6.5rem;color:var(--muted);justify-content:space-between;align-items:center;gap:1rem;font-size:.9rem;display:flex}.site-footer p{margin:0}.footer-language{align-items:center;gap:1rem;display:flex}.footer-language>span{letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:850}.modal-backdrop{z-index:90;-webkit-backdrop-filter:blur(.45rem);backdrop-filter:blur(.45rem);background:#000000ad;place-items:center;padding:1.25rem;display:grid;position:fixed;inset:0;overflow-y:auto}.privacy-modal{border:1px solid var(--border-strong);border-radius:var(--radius-large);background:var(--surface);width:min(100%,48rem);max-height:min(46rem,100vh - 2.5rem);box-shadow:var(--shadow);grid-template-rows:auto minmax(0,1fr);display:grid;overflow:hidden}.modal-header{border-block-end:1px solid var(--border);background:linear-gradient(135deg, var(--accent-wash), transparent 55%);justify-content:space-between;align-items:flex-start;gap:1rem;padding:1.4rem 1.5rem 1.2rem;display:flex}.modal-header h2{max-width:none;margin:0;font-size:clamp(1.75rem,4vw,2.4rem);line-height:1.05}.modal-close{border:1px solid var(--border);width:2.75rem;height:2.75rem;color:var(--text);background:var(--surface-raised);cursor:pointer;border-radius:50%;flex:none;place-items:center;font-size:1.6rem;line-height:1;display:grid}.modal-close:hover{border-color:var(--accent);background:var(--accent-wash);transform:rotate(4deg)}.privacy-modal-content{overscroll-behavior:contain;padding:1.5rem;overflow-y:auto}.privacy-intro{color:var(--muted);font-size:1.05rem;line-height:1.65}.privacy-modal-content section{margin-block-start:1.5rem}.privacy-modal-content h3{font-family:var(--font-display);margin-block:0 .4rem;font-size:1.08rem}.privacy-modal-content section p{color:var(--muted);margin:0;line-height:1.65}.privacy-contact{border-inline-start:.25rem solid var(--accent);color:var(--muted);background:var(--accent-wash);margin-block:1.75rem 0;padding:1rem}}@layer motion{.animated-number{transform-origin:25% 80%;display:inline-block}.animated-number.changing{animation:.42s ease-out number-pop}.player-card-enter-active,.player-card-leave-active{transition:opacity .42s,transform .52s cubic-bezier(.2,1.3,.35,1),filter .42s}.player-card-enter-from{opacity:0;filter:blur(.5rem);transform:translateY(1rem)scale(.9)rotate(1.5deg)}.player-card-leave-to{opacity:0;transform:scale(.94)}.modal-fade-enter-active,.modal-fade-leave-active{transition:opacity .18s}.modal-fade-enter-active .privacy-modal,.modal-fade-leave-active .privacy-modal{transition:opacity .18s,transform .22s}.modal-fade-enter-from,.modal-fade-leave-to,.modal-fade-enter-from .privacy-modal,.modal-fade-leave-to .privacy-modal{opacity:0}.modal-fade-enter-from .privacy-modal,.modal-fade-leave-to .privacy-modal{transform:translateY(.7rem)scale(.98)}.stage-body-enter-active,.stage-body-leave-active{transition:opacity .22s,transform .26s;overflow:hidden}.stage-body-enter-from,.stage-body-leave-to{opacity:0;transform:translateY(-.6rem)}@keyframes number-pop{0%{color:var(--hot);transform:scale(.9)translateY(.25rem)}55%{color:var(--accent);transform:scale(1.12)rotate(-1deg)}to{color:inherit;transform:scale(1)}}@keyframes turn-pulse{0%,to{box-shadow:.3rem .3rem 0 var(--hot), 0 0 0 0 var(--accent-wash)}50%{box-shadow:.3rem .3rem 0 var(--hot), 0 0 0 .6rem transparent}}@keyframes ban-impact{0%{filter:brightness(1.8);transform:scale(1.05)rotate(.8deg)}35%{transform:scale(.96)rotate(-.8deg)}to{filter:none;transform:scale(1)}}@keyframes ban-slash{0%{opacity:0;transform:rotate(-12deg)scaleX(0)}30%{opacity:1}to{opacity:.72;transform:rotate(-12deg)scaleX(1)}}@keyframes pick-lock{0%{transform:scale(.92)}48%{transform:scale(1.05)rotate(-.6deg)}to{transform:scale(1)}}}@layer responsive{@media (width>=1050px){.draft-workspace{grid-template-columns:minmax(0,1fr) minmax(19rem,23rem);grid-auto-rows:max-content;align-items:start;column-gap:1.25rem}.draft-workspace>.draft-phase-banner{grid-area:1/1}.draft-workspace>.draft-loadout{grid-area:1/2/span 3;position:sticky;inset-block-start:6rem}.draft-workspace>.shared-mode-note,.draft-workspace>.draft-options{grid-column:1}.draft-loadout-scroll{max-block-size:min(32rem,100vh - 7rem)}}@media (width<=800px){h1{font-size:clamp(2.6rem,13vw,5rem)}.page{padding-block:2.5rem 4rem}.statistics-grid,.mode-grid,.draft-players,.result-matchup,.builder-file-panel,.builder-export-panel{grid-template-columns:1fr}.builder-file-actions,.builder-section-header,.builder-card-header,.preset-builder-card{grid-template-columns:1fr;align-items:stretch}.builder-file-actions,.builder-section-header,.builder-card-header{flex-direction:column}.builder-export-actions,.preset-builder-card>.button{width:100%}.builder-export-actions>.button{flex:100%}.localized-fields-grid,.preset-option-editor .localized-fields-grid,.builder-field-grid-two,.builder-field-grid-three{grid-template-columns:1fr}.statistics-card{min-height:8.5rem}.site-header{flex-wrap:wrap;gap:.75rem;padding-block:.8rem;position:relative}.header-actions{flex-wrap:wrap;justify-content:flex-end}.header-link{padding-inline:.4rem;font-size:.85rem}.stage-config-header,.room-header,.section-heading,.draft-heading,.site-footer{flex-direction:column;align-items:stretch}.switch-label{white-space:normal;justify-content:center}.hero{padding:1.7rem}.hero-actions{flex-direction:column;align-items:stretch}.lobby-actions{z-index:3;border:1px solid var(--border);border-radius:var(--radius-large);background:var(--surface-glass);-webkit-backdrop-filter:blur(.9rem);backdrop-filter:blur(.9rem);flex-direction:column;padding:.8rem;position:sticky;inset-block-end:.75rem}.site-footer{padding-block:1.5rem}.result-versus{margin-block:-.2rem}.draft-loadout-scroll{max-block-size:10rem}}@media (width<=520px){.site-header,.site-footer,.page{width:min(100% - 1.2rem,82rem)}.brand>span:last-child,.language-code{display:none}.language-current{min-width:2.75rem;padding-inline:.55rem}.header-actions{gap:.05rem}.header-link{padding-inline:.3rem;font-size:.78rem}.loadout-stage{grid-template-columns:1fr;gap:.5rem}.draft-phase-banner{grid-template-columns:auto minmax(0,1fr);gap:.8rem;padding:1rem}.draft-phase-symbol{width:3.2rem;height:3.2rem;font-size:1.9rem}.draft-phase-copy h2{font-size:1.65rem}.checkbox-grid{grid-template-columns:1fr}.option-toolbar{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}