@font-face{font-family:Fira Sans;src:url(/fonts/fira-sans-latin-400.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/fira-sans-latin-600.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/fira-sans-latin-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/fira-sans-latin-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:Fira Sans;src:url(/fonts/fira-sans-latin-900.woff2)format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#172219;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#eef5ea;font-family:Fira Sans,Arial,sans-serif}*{box-sizing:border-box}html{background:#eef5ea}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#08110c}body{background:linear-gradient(#ffffffb8,#eef5eaeb),repeating-linear-gradient(90deg,#17703e0d 0 1px,#0000 1px 92px),#eef5ea;min-width:320px;min-height:100dvh;margin:0}html[data-theme=dark] body{background:radial-gradient(circle at 50% -18%,#35a76524,#0000 38%),repeating-linear-gradient(90deg,#cbe0cf09 0 1px,#0000 1px 92px),#08110c}button,input,select{font:inherit}button,a{color:inherit}#root{background:inherit;min-height:100dvh}html[data-theme=dark] #root{background:#08110c}:root{--ui-base:#f4f6f1;--ui-panel:#fff;--ui-panel-2:#f7f9f4;--ui-pill:#eef3ea;--ui-line:#d6ded1;--ui-line-soft:#15452714;--ui-fg:#101813;--ui-muted:#566255;--ui-dim:#8c948b;--ui-brand:#0f7a43;--ui-brand-2:#0a6335;--ui-green:#42a765;--ui-red:#bc3d3d;--ui-gold:#b58b2b;--ui-orange:#0f7a43;--ui-orange-2:#0a6335;--ui-shadow:0 13px 34px #182a1c1f;--radius-hero:8px;--radius-card:8px;--ease:cubic-bezier(.2, .8, .2, 1)}.app-shell{width:min(100%,480px);min-height:100dvh;color:var(--ui-fg);background:linear-gradient(180deg, #ffffffad, #f4f6f1d1), var(--ui-base);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;margin:0 auto}.app-shell.theme-dark{--ui-base:#08110c;--ui-panel:#111a14;--ui-panel-2:#0d1711;--ui-pill:#17251b;--ui-line:#2b3d30;--ui-line-soft:#cbe0cf1a;--ui-fg:#f3f6ee;--ui-muted:#b3bdaf;--ui-dim:#879182;--ui-brand:#35a765;--ui-brand-2:#56bd7a;--ui-gold:#d4a73a;--ui-orange:#35a765;--ui-orange-2:#56bd7a;--ui-shadow:0 16px 40px #00000052;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at 50% -18%,#35a76524,#0000 38%),#08110c}.app-shell.rules-active .footer{visibility:hidden}.topbar{z-index:30;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6f1db;border-bottom:0;justify-content:space-between;align-items:center;min-height:62px;padding:10px 16px;display:flex;position:sticky;top:0}.theme-dark .topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:#08110c;border-bottom:1px solid #cbe0cf14}html[data-theme=dark] .topbar{background:#08110c}.topbar>*{pointer-events:auto}.top-home-link,.top-actions button,.footer a{cursor:pointer;background:0 0;border:0}.top-home-link{width:1px;min-height:38px;color:var(--ui-muted);letter-spacing:0;opacity:0;align-items:center;padding:0;font-size:14px;font-weight:900;display:inline-flex;overflow:hidden}.top-home-link:hover{color:var(--ui-fg)}.top-actions{align-items:center;gap:8px;display:flex}.icon-button,.footer a{border:1px solid var(--ui-line);background:color-mix(in srgb, var(--ui-panel) 88%, transparent);min-height:38px;color:var(--ui-fg);transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);border-radius:7px;padding:0 12px;font-size:14px;font-weight:700;box-shadow:0 2px 8px #0f1c1212}.icon-button{place-items:center;width:44px;height:44px;padding:0;display:grid}.icon-button:hover{background:var(--ui-panel);border-color:#0f7a4357;transform:translateY(-1px)}.mode-card-cta{background:var(--ui-brand);color:#fff!important}.mode-card:hover .mode-card-cta,.button.primary:hover:not(:disabled),.button.select:hover:not(:disabled),.button.modal-primary:hover:not(:disabled){background:var(--ui-brand-2)}.button.modal-primary{background:var(--ui-orange);color:#fff;border-color:#0000}main{padding:10px 16px 30px}.rules-overlay{z-index:100;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background:#00000075;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.rules-dialog{color:#111827;background:#fff;border:1px solid #d6d6d6;border-radius:10px;width:min(100%,714px);max-height:min(92dvh,780px);padding:34px 34px 32px;position:relative;overflow:auto;box-shadow:0 20px 60px #00000047}.rules-close{color:#4b5563;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:32px;height:32px;display:grid;position:absolute;top:22px;right:22px}.rules-close:hover{background:#f2f2f2}.rules-dialog h2{color:var(--ui-orange-2);margin:0 38px 20px 0;font-size:29px;font-weight:900;line-height:1.1}.rules-intro{color:#757575;margin:0 0 28px;font-size:20px;font-weight:500;line-height:1.45}.rules-copy{gap:3px;font-size:18px;line-height:1.42;display:grid}.rules-copy h3{color:#111827;margin:17px 0 4px;font-size:20px;font-weight:900;line-height:1.2}.rules-copy h3:first-child{margin-top:0}.rules-copy p{margin:0}.rules-question{color:var(--ui-orange-2);text-align:center;border-top:1px solid #ddd;border-bottom:1px solid #ddd;margin:16px 0 0;padding:15px 0 20px;font-size:22px;font-weight:900;line-height:1.2}.rules-actions{background:#fff;justify-content:flex-end;gap:12px;padding:12px 0 0;display:flex;position:sticky;bottom:-32px}.theme-dark .rules-dialog,.theme-dark .rules-actions{color:var(--ui-fg);background:#111a14}.theme-dark .rules-dialog{border-color:var(--ui-line)}.theme-dark .rules-close,.theme-dark .rules-copy h3{color:var(--ui-fg)}.theme-dark .rules-close:hover{background:var(--ui-pill)}.side-menu-overlay{z-index:90;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000047;justify-content:flex-end;display:flex;position:fixed;inset:0}.side-menu{border-left:1px solid var(--ui-line);background:var(--ui-panel);width:min(86vw,330px);min-height:100%;animation:menuSlide .19s var(--ease) both;align-content:start;gap:10px;padding:20px;display:grid;box-shadow:-18px 0 44px #00000029}.side-menu-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.side-menu-head strong{color:var(--ui-fg);font-size:22px;font-weight:900}.side-menu>button{border:0;border-bottom:1px solid var(--ui-line);min-height:48px;color:var(--ui-fg);cursor:pointer;text-align:left;background:0 0;padding:10px 2px;font-size:17px;font-weight:800}.side-menu>button:hover{color:var(--ui-brand)}.side-menu p{color:var(--ui-muted);margin:12px 0 0;font-size:13px;line-height:1.45}.signin-toast,.result-status{z-index:80;border:1px solid var(--ui-line);background:var(--ui-panel);color:var(--ui-fg);box-shadow:var(--ui-shadow);animation:softPop .16s var(--ease) both;border-radius:8px;padding:11px 14px;font-size:14px;font-weight:800;position:fixed;top:74px;right:max(16px,50vw - 490px)}.result-status{text-align:center;max-width:760px;margin:-6px auto 0;position:static}.result-status.danger{background:color-mix(in srgb, var(--ui-red) 10%, var(--ui-panel));border-color:#bc3d3d61}.share-fallback{width:min(100%,760px);color:var(--ui-muted);gap:6px;margin:-4px auto 0;font-size:13px;font-weight:900;display:grid}.share-fallback textarea{border:1px solid var(--ui-line);background:var(--ui-panel);width:100%;min-height:76px;color:var(--ui-fg);font:inherit;resize:vertical;border-radius:8px;padding:10px 12px;font-size:13px;font-weight:700;line-height:1.35}.modal-overlay{z-index:95;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000057;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.auth-dialog{border:1px solid var(--ui-line);background:var(--ui-panel);width:min(100%,430px);color:var(--ui-fg);box-shadow:var(--ui-shadow);border-radius:10px;gap:14px;padding:28px;display:grid;position:relative}.auth-dialog h2{margin:0;font-size:28px;font-weight:900}.auth-dialog p,.auth-dialog small{color:var(--ui-muted);margin:0}.auth-form,.feedback-form{gap:12px;display:grid}.auth-form label,.feedback-form label{color:var(--ui-muted);gap:6px;font-size:13px;font-weight:900;display:grid}.auth-form input,.feedback-form input,.feedback-form select,.feedback-form textarea{border:1px solid var(--ui-line);background:var(--ui-panel-2);width:100%;min-height:44px;color:var(--ui-fg);font:inherit;border-radius:8px;padding:0 12px;font-weight:700}.feedback-form{margin-block:4px 18px}.feedback-form textarea{resize:vertical;min-height:150px;padding:12px;line-height:1.45}.feedback-form select{appearance:none}.feedback-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback-actions small,.form-status{color:var(--ui-muted);margin:0;font-size:13px;font-weight:800}.form-status.success{color:var(--ui-brand)}.auth-status{font-size:13px;font-weight:800}.auth-switcher{flex-wrap:wrap;gap:8px;display:flex}.hero-section{text-align:center;flex-direction:column;align-items:center;gap:10px;max-width:760px;margin:0 auto;padding:8px 0 4px;display:flex}.brand-mark{color:inherit;background:0 0;border:0;justify-items:center;margin-bottom:8px;padding:0;display:grid}.brand-mark.clickable{cursor:pointer}.brand-mark.clickable:focus-visible{outline:3px solid color-mix(in srgb, var(--ui-brand) 55%, white);outline-offset:4px;border-radius:10px}.brand-mark picture{line-height:0;display:block}.brand-logo{aspect-ratio:1;filter:drop-shadow(0 12px 24px #09190f21);width:172px;height:auto;display:block}.brand-mark.compact{align-items:center;margin:0;animation:none}.brand-mark.compact .brand-logo{width:54px;box-shadow:none;filter:none}.hero-copy{justify-items:center;gap:8px;display:grid}.hero-copy h1,.section-heading h1,.slot-panel h1,.result-hero h1,.text-page h1{max-width:12em;color:var(--ui-fg);letter-spacing:0;margin:0;font-size:31px;font-weight:900;line-height:1.08}.hero-mode-title{color:var(--ui-fg);margin:0;font-size:23px;font-weight:900;line-height:1.1}.hero-text,.section-heading p,.slot-panel p,.text-page p,.panel p,.player-card p,.card-footer small,.metric span,.story-grid span,.notice,.history li small,.mode-card span:not(.mode-card-title):not(.mode-card-cta){color:var(--ui-muted);line-height:1.45}.hero-text{max-width:640px;margin:0;font-size:15px;font-weight:600}.text-link-button{min-height:38px;color:var(--ui-brand);cursor:pointer;text-underline-offset:4px;background:0 0;border:0;padding:0;font-size:15px;font-weight:900;text-decoration:underline}.text-link-button:hover{color:var(--ui-brand-2)}.inline-link-row{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:4px;display:flex}.inline-link-row a,.popular-link-grid a,.breadcrumbs a{color:var(--ui-brand);text-underline-offset:4px;font-weight:900;text-decoration:underline}.inline-link-row a:hover,.popular-link-grid a:hover,.breadcrumbs a:hover{color:var(--ui-brand-2)}.home-seo-section{border-top:1px solid var(--ui-line-soft);text-align:center;gap:8px;max-width:760px;margin:22px auto 0;padding:18px 0 0;display:grid}.home-seo-section h2{max-width:18em;color:var(--ui-fg);margin:0 auto;font-size:24px;font-weight:900;line-height:1.12}.home-seo-section p{max-width:620px;color:var(--ui-muted);margin:0 auto;font-size:15px;font-weight:600;line-height:1.45}.seo-landing-page{max-width:820px}.breadcrumbs{color:var(--ui-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;font-weight:800;display:flex}.seo-hero{text-align:center;justify-items:center;gap:12px;display:grid}.seo-hero p{max-width:680px}.faq-section{gap:10px;display:grid}.faq-section details{border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:8px}.faq-section summary{cursor:pointer;color:var(--ui-fg);padding:14px 16px;font-weight:900}.faq-section p{margin:0;padding:0 16px 16px}.popular-pages{border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:8px;gap:12px;max-width:820px;margin:22px auto 0;padding:17px;display:grid}.popular-pages h2{color:var(--ui-fg);margin:0;font-size:20px;font-weight:900;line-height:1.12}.popular-link-grid{flex-wrap:wrap;gap:8px;display:flex}.popular-link-grid a{border:1px solid var(--ui-line);background:var(--ui-panel-2);border-radius:7px;align-items:center;min-height:36px;padding:0 11px;text-decoration:none;display:inline-flex}.section-kicker,.eyebrow{color:var(--ui-muted);letter-spacing:0;margin:0;font-size:14px;font-weight:800}.hero-actions,.draft-actions,.result-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:8px;display:flex}.result-actions{max-width:760px;margin:0 auto}.result-actions .button{border-radius:7px;min-width:180px}.button{border:1px solid var(--ui-line);background:var(--ui-pill);max-width:100%;min-height:42px;color:var(--ui-fg);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease), opacity .16s var(--ease);border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:9px 16px;font-weight:800;display:inline-flex}.button:hover:not(:disabled),.option:hover,.chip:hover,.preview-mode:hover{transform:translateY(-1px)}.button:focus-visible,.mode-card:focus-visible,.option:focus-visible,.chip:focus-visible,.preview-mode:focus-visible,.topbar button:focus-visible,.footer a:focus-visible,.popular-link-grid a:focus-visible,.inline-link-row a:focus-visible,.breadcrumbs a:focus-visible{outline-offset:3px;outline:3px solid #17783f52}.button:disabled{cursor:not-allowed;opacity:.5}.button.primary,.button.select{background:var(--ui-brand);color:#fff;border-color:#0000}.secondary{color:var(--ui-fg);background:0 0}.secondary:hover:not(:disabled),.ghost:hover:not(:disabled){background:var(--ui-pill)}.ghost{color:var(--ui-muted);background:0 0}.full{width:100%}.mode-grid{grid-template-columns:1fr;gap:14px;max-width:940px;margin:16px auto 0;display:grid}.home-mode-tabs{grid-template-columns:repeat(3,1fr);gap:8px;max-width:420px;margin:30px auto 0;display:grid}.home-mode-tabs button{border:1px solid var(--ui-line);background:var(--ui-panel);min-height:42px;color:var(--ui-muted);cursor:pointer;border-radius:999px;font-size:14px;font-weight:900}.home-mode-tabs button.selected{color:var(--ui-brand)}.mode-card{border:1px solid var(--ui-line);background:var(--ui-panel);min-height:224px;color:var(--ui-fg);text-align:left;cursor:pointer;animation:riseIn .52s var(--ease) both;transition:border-color .16s var(--ease), background .16s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease);border-radius:8px;align-content:space-between;justify-items:start;gap:12px;padding:24px;display:grid;box-shadow:0 1px #17783f14}.mode-card:nth-child(2){animation-delay:60ms}.mode-card:nth-child(3){animation-delay:.11s}.mode-card:nth-child(4){animation-delay:.16s}.mode-card:nth-child(5){animation-delay:.21s}.mode-card:nth-child(6){animation-delay:.26s}.mode-card:hover{background:var(--ui-panel);box-shadow:var(--ui-shadow);border-color:#17783f6b;transform:translateY(-3px)}.mode-mark{background:linear-gradient(90deg, transparent 48%, #17783f4d 48% 52%, transparent 52%), linear-gradient(180deg, color-mix(in srgb, var(--ui-pill) 72%, white), color-mix(in srgb, var(--ui-pill) 84%, var(--ui-brand)));color:#164f2e;border:1px solid #17783f38;border-radius:6px;place-items:center;width:58px;height:42px;font-size:16px;font-weight:900;line-height:1;display:grid}.mode-card-title{color:var(--ui-fg);font-size:28px;font-weight:900;line-height:1.1;display:block}.mode-card span:not(.mode-card-title):not(.mode-card-cta){max-width:28ch;font-size:18px;font-weight:500}.mode-card-cta{border-radius:7px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:56px;padding:10px 18px;font-size:18px;font-weight:900;display:inline-flex}.support-strip{max-width:940px;color:var(--ui-muted);text-align:center;background:0 0;border:0;justify-content:center;gap:22px;margin:18px auto 0;padding:8px 16px;font-size:13px;font-weight:700;display:flex}.recent-runs{gap:14px;max-width:760px;margin:16px auto 0;display:grid}.recent-runs h2{color:var(--ui-fg);text-align:center;margin:0;font-size:20px}.recent-run-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.recent-run{border:1px solid var(--ui-line);background:var(--ui-panel-2);border-radius:8px;gap:5px;min-width:0;padding:13px;display:grid}.recent-run span,.recent-run small{color:var(--ui-muted)}.recent-run strong,.recent-run span,.recent-run small{overflow-wrap:anywhere}.setup-layout,.text-page,.result-page{gap:16px;max-width:920px;margin:0 auto;display:grid}.section-heading{text-align:center;justify-items:center;gap:8px;padding:28px 6px 4px;display:grid}.setup-brand .brand-mark{margin-bottom:2px;animation:none}.setup-brand .brand-logo{filter:drop-shadow(0 10px 20px #09190f1a);width:118px}.section-heading p{max-width:34ch;margin:0;font-size:16px;font-weight:600}.setup-grid{gap:14px;display:grid}.panel,.slot-panel,.player-card,.metric,.advanced details,.text-page section,.text-page table{border:1px solid var(--ui-line);border-radius:var(--radius-hero);background:var(--ui-panel);color:var(--ui-fg)}.panel{padding:18px}.panel h2,.player-card h2,.result-story h2,.advanced h2,.text-page h2{color:var(--ui-fg);margin:0 0 12px;font-size:21px;font-weight:900;line-height:1.1}.option-list,.formation-grid,.preview-list{gap:9px;display:grid}.option,.preview-mode,.chip,.segmented button{border:1px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-fg);cursor:pointer;transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease);border-radius:8px}.option{text-align:left;justify-content:space-between;align-items:center;gap:12px;padding:14px;display:flex}.option span{gap:3px;display:grid}.option small,.preview-mode small{color:var(--ui-muted)}.selected{box-shadow:inset 0 0 0 1px #17783f1f;background:#e5f2df!important;border-color:#17783fb8!important}.preview-details{margin-top:14px}.preview-details summary,.mobile-lineup summary,.advanced summary{cursor:pointer;color:var(--ui-fg);align-items:center;gap:8px;font-weight:900;display:flex}.preview-list{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:10px}.preview-mode{text-align:left;gap:3px;min-height:58px;padding:11px;display:grid}.formation-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:18px}.special-controls{gap:10px;margin-bottom:18px;display:grid}.special-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;max-height:190px;padding-right:3px;display:grid;overflow:auto}.chip,.segmented button{min-height:42px;padding:8px 10px;font-weight:800}.segmented{grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:18px;display:grid}.mode-summary{border:1px solid var(--ui-line);background:var(--ui-panel-2);border-radius:8px;gap:11px;margin-bottom:14px;padding:14px;display:flex}.mode-summary svg{color:var(--ui-brand);flex:none}.mode-summary div{gap:4px;display:grid}.mode-summary span{color:var(--ui-muted)}.notice{background:#c0932e21;border:1px solid #c0932e61;border-radius:8px;padding:12px 14px}.notice.danger{color:#9b2626;background:#bc3d3d1a;border-color:#bc3d3d61}.draft-page{gap:16px;max-width:1220px;margin:0 auto;display:grid}.draft-round-header{background:0 0;border:0;justify-content:flex-start;justify-self:center;align-items:center;gap:12px;width:min(100%,760px);min-height:46px;margin:-8px auto 0;padding:0;display:flex}.draft-round-header div{gap:2px;display:grid}.draft-round-header strong{color:var(--ui-fg);font-size:20px;font-weight:900;line-height:1}.draft-round-header span{color:var(--ui-muted);font-size:12px;font-weight:800}.status-bar{display:none}.roll-strip{z-index:5;border-top:1px solid color-mix(in srgb, var(--ui-line) 62%, transparent);border-bottom:1px solid color-mix(in srgb, var(--ui-line) 62%, transparent);grid-template-columns:1fr;align-items:center;gap:10px;min-height:66px;padding:8px 0 12px;display:grid;position:relative}.roll-boxes,.roll-actions{align-items:center;display:flex}.roll-boxes{justify-content:center;gap:34px}.roll-box{border:8px solid var(--ui-brand);background:var(--ui-panel);border-radius:8px;grid-template-rows:18px minmax(44px,auto) 18px;place-items:center;width:clamp(132px,34vw,186px);min-width:0;height:118px;padding:16px 16px 13px;display:grid;box-shadow:0 12px 24px #12271614}.roll-box.team{border-color:var(--ui-gold)}.roll-box.era{border-color:var(--ui-brand)}.roll-box span{color:var(--ui-brand);text-transform:uppercase;font-size:16px;font-weight:900;line-height:1}.roll-box.team span{color:#986f00}.roll-box strong{width:100%;min-width:0;color:var(--ui-fg);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:clamp(28px,4vw,40px);font-weight:900;line-height:1;display:block;overflow:hidden}.roll-box small{color:var(--ui-muted);font-size:14px;font-weight:700;line-height:1}.roll-actions{justify-content:center;gap:24px;min-height:42px}.roll-reroll{min-height:44px;color:var(--ui-gold);cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:8px;padding:0 10px;font-size:15px;font-weight:900;display:inline-flex}.roll-reroll:disabled{cursor:not-allowed;opacity:.35}.roll-reroll.era-reroll{color:#a866f2}.draft-layout{z-index:1;align-items:start;gap:34px;display:grid;position:relative}.draft-main,.draft-side{gap:14px;display:grid}.slot-panel{text-align:center;padding:0}.slot-panel h1{margin:4px auto 0;font-size:42px}.slot-machine{max-width:520px;box-shadow:none;background:0 0;border:0;grid-template-columns:repeat(2,1fr);justify-content:center;gap:46px;margin:8px auto 0;padding:0;display:grid}.reel{background:var(--ui-panel);border:8px solid #0f7a43;border-radius:8px;grid-template-rows:20px 48px 22px;place-items:center;gap:8px;width:100%;min-width:0;height:132px;padding:21px 24px 16px;display:grid;box-shadow:0 12px 24px #12271614}.reel span{color:var(--ui-brand);text-transform:uppercase;font-size:17px;font-weight:900;line-height:1}.reel strong{width:100%;color:var(--ui-fg);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:36px;line-height:1.12;animation:none;display:block;overflow:hidden}.reel small{color:var(--ui-muted);font-size:18px;font-weight:600}.reel:first-child{border-color:var(--ui-gold)}.reel:first-child span{color:#986f00}.slot-machine.spinning .reel{background:var(--ui-panel);border-color:#0f7a43;box-shadow:0 12px 24px #12271614}.slot-machine.spinning .reel:first-child{border-color:var(--ui-gold)}.slot-machine.spinning .reel strong{color:var(--ui-fg);animation:none}.spinning-options svg,.button.primary:disabled svg{animation:.74s linear infinite spinIcon}.player-options{gap:11px;width:100%;max-width:640px;margin:0 auto;display:grid}.player-options-shell{gap:12px;width:min(100%,640px);min-width:0;display:grid}.player-controls{grid-template-columns:auto minmax(180px,1fr) 112px;align-items:center;gap:10px;display:grid}.position-tabs{align-items:center;gap:6px;display:flex}.position-tabs button{min-width:40px;height:40px;color:var(--ui-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;padding:0 11px;font-size:14px;font-weight:900;display:inline-flex}.position-tabs button.selected{background:var(--ui-brand);color:#fff}.player-search,.player-sort{border:1px solid var(--ui-line);background:var(--ui-panel);min-width:0;height:40px;color:var(--ui-fg);border-radius:8px;box-shadow:0 2px 8px #10181314}.player-search{color:var(--ui-muted);align-items:center;gap:8px;padding:0 13px;display:flex}.player-search input,.player-sort select{width:100%;min-width:0;color:var(--ui-fg);font:inherit;background:0 0;border:0;outline:0;font-weight:700}.player-search input::placeholder{color:var(--ui-muted)}.player-sort{align-items:center;padding:0 34px 0 13px;display:flex;position:relative}.player-sort select{appearance:none;cursor:pointer}.player-sort svg{color:var(--ui-muted);pointer-events:none;position:absolute;right:11px}.options-toolbar{color:var(--ui-muted);justify-content:space-between;align-items:center;gap:16px;font-size:15px;display:flex}.options-toolbar strong{color:var(--ui-muted);font-size:16px;font-weight:700}.options-toolbar span{color:var(--ui-gold);text-align:right;font-size:14px;font-weight:800}.quick-place-button{border:1px solid color-mix(in srgb, var(--ui-brand) 58%, transparent);background:color-mix(in srgb, var(--ui-brand) 10%, var(--ui-panel));min-height:38px;color:var(--ui-brand);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-family:inherit;font-size:13px;font-weight:900;display:inline-flex}.quick-place-button:hover{border-color:var(--ui-brand);background:color-mix(in srgb, var(--ui-brand) 16%, var(--ui-panel))}.player-list{scrollbar-width:thin;gap:7px;max-height:min(60vh,590px);padding:1px 8px 30px 1px;display:grid;overflow:auto;-webkit-mask-image:linear-gradient(#000 0 calc(100% - 28px),#0000 100%);mask-image:linear-gradient(#000 0 calc(100% - 28px),#0000 100%)}.player-row{border:1px solid var(--ui-line);background:color-mix(in srgb, var(--ui-panel) 93%, transparent);width:100%;min-width:0;min-height:72px;color:var(--ui-fg);cursor:pointer;text-align:left;transition:border-color .16s var(--ease), background .16s var(--ease), transform .16s var(--ease), box-shadow .16s var(--ease);border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;padding:11px 14px;display:grid;box-shadow:0 1px #0f1c120a}.player-row:hover,.player-row:focus-visible,.player-row.selected{background:color-mix(in srgb, #fff7ec 48%, var(--ui-panel));border-color:#b58b2ba6;box-shadow:0 4px 14px #0f1c1212}.player-row.unavailable{cursor:default;opacity:.58}.player-row.unavailable:hover,.player-row.unavailable:focus-visible{border-color:var(--ui-line);background:color-mix(in srgb, var(--ui-panel) 93%, transparent);transform:none;box-shadow:0 1px #0f1c120a}.player-row-main{gap:2px;min-width:0;display:grid}.player-row h2{color:var(--ui-fg);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:19px;font-weight:900;line-height:1.1;overflow:hidden}.player-positions{color:#17834a;font-size:14px;font-weight:900;line-height:1.2}.player-row small{color:var(--ui-muted);font-size:13px;font-weight:700}.player-row-metrics{justify-content:flex-end;align-items:center;gap:12px;min-width:0;display:flex}.player-row-metrics>span{justify-items:center;gap:1px;min-width:38px;display:grid}.player-row-metrics strong{color:var(--ui-fg);font-size:18px;font-weight:900;line-height:1.1}.player-row-metrics small{color:var(--ui-muted);font-size:11px;font-weight:900}.player-row-hidden{color:var(--ui-muted);justify-content:flex-end;align-items:center;gap:8px;font-size:14px;font-weight:900;display:inline-flex}.empty-options{border:1px dashed var(--ui-line);border-radius:var(--radius-hero);min-height:92px;color:var(--ui-muted);align-items:center;gap:10px;padding:15px;display:flex}.empty-options.compact{border-style:solid;min-height:72px}.spin-button{text-transform:uppercase;border-radius:7px;min-width:142px;min-height:56px;font-size:22px}.reroll-button{min-height:38px;padding:8px 12px;font-size:12px}.draft-actions .reroll-button{opacity:.78}.lineup-panel{gap:0;display:grid}.lineup-title{justify-content:space-between;align-items:end;gap:12px;display:none}.lineup-title strong{color:var(--ui-fg);font-size:22px;font-weight:900}.lineup-title span{color:var(--ui-muted);font-size:13px;font-weight:800}.hero-pitch,.pitch-board{border-radius:var(--radius-hero);background:linear-gradient(90deg,#ffffff12 1px,#0000 1px) 0 0/28px 100%,repeating-linear-gradient(90deg,#ffffff0b 0 52px,#0000000e 52px 104px) 0 0/100% 100%,radial-gradient(circle at 50% 26%,#ffffff14,#0000 34%) 0 0/100% 100%,linear-gradient(#23884e,#0f6f3f 48%,#0b5d35) 0 0/100% 100%;border:1px solid #d6ded147;width:100%;min-height:0;position:relative;overflow:visible;box-shadow:0 18px 38px #0e4d2a33}.hero-pitch{aspect-ratio:2/2.55}.pitch-board{aspect-ratio:1;min-height:510px;overflow:hidden}.pitch-line.center{z-index:0;background:#ffffff52;height:1px;position:absolute;top:50%;left:0;right:0}.pitch-line.center:before{content:"";border:2px solid #ffffff4d;border-radius:50%;width:144px;height:144px;position:absolute;top:-72px;left:50%;transform:translate(-50%)}.pitch-box{z-index:0;border:2px solid #ffffff4d;width:64%;height:17%;position:absolute;left:18%}.pitch-box.top{top:-1px}.pitch-box.bottom{bottom:-1px}.preview-token,.pitch-slot{color:#ffffff94;text-align:center;width:82px;height:82px;box-shadow:none;background:0 0;border:0;border-radius:0;justify-items:center;padding:0;font-size:11px;font-weight:900;display:grid;position:absolute;transform:translate(-50%,-50%)}.pitch-slot{z-index:2;cursor:default;width:82px;height:82px}.pitch-slot:disabled{opacity:1}.jersey{color:#ffffff80;filter:drop-shadow(0 6px 10px #0000002e);background:#ffffff0a;border:3px dashed #ffffff3d;border-radius:11px;place-items:center;width:58px;height:58px;display:grid;position:relative}.jersey:before,.jersey:after{display:none}.jersey strong{z-index:1;color:currentColor;text-overflow:ellipsis;max-width:52px;font-size:16px;font-weight:900;line-height:1;position:relative;overflow:hidden}.jersey small{z-index:1;color:currentColor;margin-top:-10px;font-size:10px;font-weight:900;line-height:1;position:relative}.pitch-slot.current{color:#fff}.pitch-slot.current .jersey{background:#0f7a43b8;border-style:solid;border-color:#ffffff70}.pitch-slot.compatible{z-index:3;cursor:pointer}.pitch-slot.compatible .jersey{border-style:dashed;border-color:color-mix(in srgb, var(--ui-gold) 78%, white);background:#b58b2b1c;animation:1.6s ease-in-out infinite slotGlow}.pitch-slot.compatible .jersey strong{color:#ead391}.pitch-slot.weak-fit .jersey{background:#b58b2b2e;border-color:#e2b559}.pitch-slot.wrong-fit .jersey{background:#c442422e;border-color:#d16c6c}.fit-hint{color:#fff8df;white-space:normal;background:#042a16b8;border-radius:6px;width:max-content;max-width:90px;margin-top:2px;padding:3px 5px;font-size:9px;font-weight:900;line-height:1;display:block}.pitch-slot.placeable:hover .jersey,.pitch-slot.placeable:focus-visible .jersey{background:#b58b2b3d;border-style:solid}.pitch-slot.filled{z-index:4;color:#fff;cursor:help}.pitch-slot.filled.tooltip-active{z-index:6}.pitch-slot.filled .jersey{border-style:solid;border-color:color-mix(in srgb, var(--kit-accent,var(--kit-color,var(--ui-brand))) 52%, white);background:linear-gradient(135deg, #ffffff24 0 34%, transparent 34%), linear-gradient(90deg, transparent 0 46%, color-mix(in srgb, var(--kit-accent,var(--kit-color,var(--ui-brand))) 44%, transparent) 46% 54%, transparent 54%), var(--kit-color,var(--ui-brand));width:62px;height:62px}.pitch-slot.filled .jersey strong,.pitch-slot.filled .jersey small{color:var(--kit-text,#fff)}.pitch-popover{--popover-x:-50%;--popover-y:calc(-100% - 46px);left:var(--popover-left);top:var(--popover-top);z-index:20;color:#fff;text-align:left;opacity:1;pointer-events:none;width:min(250px,100% - 28px);transform:translate(var(--popover-x), var(--popover-y));background:#086735;border:1px solid #ffffff47;border-radius:8px;gap:8px;padding:14px 16px;font-size:14px;font-weight:700;line-height:1.25;display:grid;position:absolute;box-shadow:0 16px 34px #02231147}.pitch-popover.popover-below{--popover-y:46px}.pitch-popover.popover-align-left{--popover-x:0;left:max(14px, calc(var(--popover-left) - 30px))}.pitch-popover.popover-align-right{--popover-x:0;right:max(14px, calc(100% - var(--popover-left) - 30px));left:auto}.pitch-popover.popover-align-center{max-width:calc(100% - 28px)}.pitch-popover strong{font-size:18px;font-weight:900}.pitch-popover span{color:#ffffffe6}.token-0{top:89%;left:50%}.token-1{top:71%;left:20%}.token-2{top:74%;left:40%}.token-3{top:74%;left:60%}.token-4{top:71%;left:80%}.token-5{top:53%;left:36%}.token-6{top:47%;left:50%}.token-7{top:53%;left:64%}.token-8{top:28%;left:22%}.token-9{top:18%;left:50%}.token-10{top:28%;left:78%}.history ol{gap:8px;margin:0;padding:0;list-style:none;display:grid}.history li{background:var(--ui-panel-2);border-radius:8px;gap:2px;padding:10px;display:grid}.history li span{color:var(--ui-brand);font-size:12px;font-weight:900}.bench-board{border:1px solid var(--ui-line);border-radius:var(--radius-hero);background:var(--ui-panel);color:var(--ui-fg);gap:10px;padding:13px;display:grid}.bench-header{justify-content:space-between;align-items:end;gap:10px;display:flex}.bench-header h2{margin:0;font-size:17px}.bench-header span{color:var(--ui-gold);text-align:right;font-size:12px;font-weight:900}.bench-grid{grid-template-columns:repeat(auto-fit,minmax(142px,1fr));gap:8px;display:grid}.bench-slot{border:1px solid var(--ui-line);background:var(--ui-panel-2);color:var(--ui-fg);text-align:left;cursor:default;transition:background .16s var(--ease), border-color .16s var(--ease), transform .16s var(--ease), opacity .16s var(--ease);border-radius:8px;gap:2px;padding:9px;font-family:inherit;font-size:13px;font-weight:800;display:grid}.bench-slot:disabled{opacity:1}.bench-slot strong{color:var(--ui-brand);font-size:11px}.bench-slot span{min-width:0;color:var(--ui-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bench-slot.empty{color:var(--ui-muted)}.bench-slot.placeable{background:color-mix(in srgb, var(--ui-gold) 15%, var(--ui-panel));cursor:pointer;border-color:#b58b2bb8}.bench-slot.weak-fit{border-color:color-mix(in srgb, var(--ui-gold) 78%, var(--ui-line))}.bench-slot.wrong-fit{border-color:color-mix(in srgb, #c44242 78%, var(--ui-line))}.bench-fit-hint{color:var(--ui-gold);font-size:11px;font-weight:900}.bench-slot.placeable:hover,.bench-slot.placeable:focus-visible{border-color:var(--ui-gold);background:color-mix(in srgb, var(--ui-gold) 23%, var(--ui-panel));transform:translateY(-1px)}.bench-slot.filled{background:color-mix(in srgb, var(--ui-brand) 9%, var(--ui-panel));border-color:#17783f47}.bench-slot.filled span{color:var(--ui-fg)}.result-scorecard{text-align:center;justify-items:center;gap:11px;max-width:640px;margin:0 auto;padding:4px 0 8px;display:grid}.result-scorecard .brand-mark{margin-bottom:2px}.result-scorecard .brand-logo{width:136px}.result-scorecard h1{color:var(--ui-fg);margin:2px 0 16px;font-size:29px;font-weight:900;line-height:1.05}.result-mode-pill{color:#3d7bd9;letter-spacing:.04em;text-transform:uppercase;background:#e5f0ff;border-radius:999px;padding:6px 13px;font-size:12px;font-weight:900}.result-label{color:var(--ui-muted);letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:12px;font-weight:900}.result-record{color:var(--ui-fg);letter-spacing:0;font-size:clamp(60px,12vw,88px);font-weight:900;line-height:.9}.result-grade{color:var(--ui-brand);justify-content:center;align-items:baseline;gap:10px;margin:0;font-size:15px;font-weight:900;display:inline-flex}.result-grade span{font-size:24px}.result-grade small{color:var(--ui-muted);font-size:13px;font-weight:700}.result-summary{max-width:42ch;color:var(--ui-muted);margin:0;font-size:14px;font-weight:700}.result-summary strong{color:var(--ui-fg)}.result-grid,.breakdown-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.result-roster{gap:12px;max-width:760px;margin:0 auto;display:grid}.result-roster-list{gap:10px;display:grid}.result-player-row{--row-kit:var(--ui-brand);--row-kit-text:#fff;--row-accent:var(--row-kit);background:linear-gradient(90deg, color-mix(in srgb, var(--row-kit) 12%, transparent), transparent 58%), color-mix(in srgb, var(--row-kit) 9%, var(--ui-panel));border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-width:0;min-height:82px;padding:14px 18px;display:grid;position:relative;overflow:hidden;box-shadow:0 1px #1018130d}.result-player-row:before{content:"";background:var(--row-accent);width:4px;position:absolute;inset:0 auto 0 0}.result-player-jersey{border:2px solid color-mix(in srgb, var(--row-accent) 46%, white);background:linear-gradient(135deg, #ffffff24 0 34%, transparent 34%), linear-gradient(90deg, transparent 0 46%, color-mix(in srgb, var(--row-accent) 44%, transparent) 46% 54%, transparent 54%), var(--row-kit);width:54px;height:54px;color:var(--row-kit-text);border-radius:12px;place-items:center;display:grid}.result-player-jersey strong{font-size:16px;font-weight:900;line-height:1}.result-player-jersey small{color:color-mix(in srgb, var(--row-kit-text) 86%, transparent);font-size:10px;font-weight:900;line-height:1}.result-player-main{gap:4px;min-width:0;display:grid}.result-player-main strong{color:var(--ui-fg);text-overflow:ellipsis;white-space:nowrap;font-size:18px;font-weight:900;line-height:1.1;overflow:hidden}.result-player-main small{color:var(--ui-muted);overflow-wrap:anywhere;font-size:13px;font-weight:700}.result-player-metrics{justify-content:flex-end;gap:16px;min-width:0;display:flex}.result-player-metrics>span,.result-team-totals>span{justify-items:center;gap:2px;min-width:38px;display:grid}.result-player-metrics strong,.result-team-totals strong{color:var(--ui-fg);font-size:17px;font-weight:900;line-height:1}.result-player-metrics small,.result-team-totals small{color:var(--ui-muted);font-size:10px;font-weight:900}.result-team-totals{border-top:1px solid var(--ui-line);justify-content:space-around;gap:12px;padding:12px 8px 0;display:flex}.metric{text-align:center;gap:4px;padding:14px;display:grid}.metric strong{color:var(--ui-fg);font-size:25px}.result-story{gap:13px;display:grid}.best-record{color:var(--ui-brand);margin:0;font-weight:900}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.story-grid span{background:var(--ui-panel-2);border-radius:8px;gap:5px;padding:11px;display:grid}.story-grid strong{color:var(--ui-brand);font-size:12px}.story-grid small{color:var(--ui-muted);line-height:1.35}.advanced{gap:10px;display:grid}.advanced details{padding:14px}.advanced details>div,.advanced details>p,.key-match-list{margin-top:12px}.key-match-list{gap:10px;display:grid}.key-match-list article{background:var(--ui-panel-2);border-radius:8px;padding:11px}.text-page{max-width:760px}.text-page section{gap:6px;padding:17px;display:grid}.text-page>p,.text-page section p,.text-page td{max-width:56ch}.text-page table{border-collapse:collapse;-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}.text-page table tbody{width:100%;display:table}.text-page caption{color:var(--ui-brand);text-align:left;padding:12px;font-weight:900}.text-page th,.text-page td{border-top:1px solid var(--ui-line);text-align:left;vertical-align:top;padding:12px}.leaderboard-page{max-width:840px}.leaderboard-page h2{margin:0;font-size:24px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.leaderboard-list{gap:8px;display:grid}.leaderboard-board{border:1px solid var(--ui-line);background:var(--ui-panel-2);border-radius:8px;gap:12px;padding:16px;display:grid}.leaderboard-section-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.leaderboard-mode-select{align-items:center;min-width:min(100%,250px);display:inline-flex;position:relative}.leaderboard-mode-select select{border:1px solid var(--ui-line);background:var(--ui-panel);width:100%;min-height:42px;color:var(--ui-fg);cursor:pointer;appearance:none;border-radius:8px;padding:0 38px 0 12px;font-weight:900}.leaderboard-mode-select svg{color:var(--ui-muted);pointer-events:none;position:absolute;right:12px}.leaderboard-row{border:1px solid var(--ui-line);background:var(--ui-panel);border-radius:8px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:13px;display:grid}.leaderboard-rank{background:var(--ui-brand);color:#fff;border-radius:8px;place-items:center;width:38px;height:38px;font-weight:900;display:grid}.leaderboard-row span{gap:3px;min-width:0;display:grid}.leaderboard-row strong{color:var(--ui-fg);overflow-wrap:anywhere;font-size:17px;font-weight:900}.leaderboard-row small{color:var(--ui-muted);overflow-wrap:anywhere;font-size:12px;font-weight:700}.footer{color:var(--ui-muted);gap:10px;padding:18px 16px 34px;display:grid}.footer div{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.footer a{min-height:32px;color:var(--ui-muted);align-items:center;padding:0 10px;text-decoration:none;display:inline-flex}.footer a:hover{color:var(--ui-brand);background:var(--ui-panel);border-color:#0f7a4357}.footer p{text-align:center;max-width:58ch;margin:0 auto;font-size:12px;line-height:1.45}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes riseIn{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes softPop{0%{opacity:.65;transform:scale(.98)}to{opacity:1;transform:scale(1)}}@keyframes reelTick{0%{opacity:.58}to{opacity:1}}@keyframes spinIcon{to{transform:rotate(360deg)}}@keyframes menuSlide{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes slotGlow{0%,to{opacity:.76;box-shadow:0 0 #b58b2b00}50%{opacity:1;box-shadow:0 0 18px #b58b2b4d}}@media (width>=900px){.app-shell{width:min(100% - 48px,1320px)}.topbar{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;padding:18px 8px}main{padding-inline:8px}.brand-logo{width:184px}.hero-copy h1,.section-heading h1,.slot-panel h1,.text-page h1{font-size:39px}.hero-mode-title{font-size:42px}.hero-text,.section-heading p{font-size:18px}.mode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.setup-grid{grid-template-columns:minmax(0,1fr) 380px}.draft-layout,.roll-strip{grid-template-columns:minmax(360px,1fr) minmax(500px,560px);gap:58px}.draft-side{position:sticky;top:136px}.recent-run-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.result-grid,.breakdown-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.story-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (width<=460px){.topbar,main{padding-inline:12px}.top-home-link{opacity:0;width:1px;overflow:hidden}.icon-button{width:42px;height:42px}.hero-section{padding-top:18px}.hero-actions,.draft-actions,.result-actions,.card-footer,.support-strip{align-items:stretch;display:grid}.hero-actions .button,.draft-actions .button,.support-strip .button{width:100%}.home-mode-tabs{gap:6px}.home-mode-tabs button{min-width:0;padding-inline:6px;font-size:13px}.mode-card{min-height:190px;padding:20px}.mode-card-title{font-size:24px}.mode-card span:not(.mode-card-title):not(.mode-card-cta){font-size:16px}.recent-run-grid{grid-template-columns:1fr}.panel,.text-page section,.advanced details{padding:14px}.options-toolbar,.player-controls,.player-row{grid-template-columns:1fr}.roll-boxes{gap:clamp(8px,2.6vw,12px);width:100%}.roll-box{border-width:7px;flex:1 1 0;grid-template-rows:16px minmax(34px,auto) 16px;width:auto;max-width:156px;height:112px;padding:14px 10px 12px}.roll-box span{font-size:14px}.roll-box strong{font-size:28px}.roll-box small{font-size:12px}.position-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.position-tabs button{min-width:0;padding-inline:4px;font-size:12px}.options-toolbar{gap:4px;display:grid}.options-toolbar span{text-align:left}.quick-place-button{width:100%}.player-list{padding-right:0;-webkit-mask-image:none;mask-image:none}.player-row{align-items:stretch;gap:10px;height:max-content;min-height:122px;padding:12px}.player-row h2{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;font-size:18px;overflow:visible}.player-row small{overflow-wrap:anywhere}.player-row-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;width:100%;display:grid}.player-row-metrics>span{background:var(--ui-panel-2);border-radius:6px;min-width:0;padding:7px 4px}.player-row-metrics strong{font-size:17px}.player-row-metrics small{font-size:10px;line-height:1}.player-row-hidden{justify-content:flex-start;width:100%}.result-player-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:10px;padding:12px}.result-player-main strong{text-overflow:clip;white-space:normal;overflow-wrap:anywhere;overflow:visible}.result-player-metrics{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.result-player-metrics>span{background:color-mix(in srgb, var(--row-kit) 8%, var(--ui-panel));border-radius:6px;min-width:0;padding:7px 4px}.result-team-totals{grid-template-columns:repeat(3,minmax(0,1fr));justify-content:stretch;gap:8px;display:grid}.result-team-totals>span{min-width:0}.result-actions .button{width:100%}.feedback-actions{grid-template-columns:1fr;display:grid}.feedback-actions .button{width:100%}.modal-overlay{align-items:start;padding:12px;overflow:auto}.auth-dialog{max-height:calc(100dvh - 24px);padding:20px;overflow:auto}.auth-dialog h2{font-size:24px}.leaderboard-section-head{display:grid}.leaderboard-mode-select{width:100%}.leaderboard-row{grid-template-columns:auto minmax(0,1fr);align-items:start;gap:8px 10px}.leaderboard-row>span:last-child{text-align:left;grid-column:2;justify-items:start}.pitch-popover{width:min(210px,100% - 24px);padding:12px 13px;font-size:12px}.formation-grid,.preview-list,.special-grid,.segmented{grid-template-columns:1fr}.pitch-slot{width:58px;height:58px}.jersey{border-width:2px;width:42px;height:42px}.jersey strong{font-size:11px}.jersey small{font-size:8px}.pitch-board{min-height:clamp(310px,94vw,370px)}.slot-machine{gap:12px}.reel{border-width:6px;grid-template-rows:18px 36px 20px;height:112px;padding:18px 12px 14px}.reel strong{font-size:26px}.rules-overlay{padding:12px}.rules-dialog{max-height:88dvh;padding:28px 20px 22px}.rules-dialog h2{font-size:25px}.rules-intro,.rules-copy{font-size:17px}.rules-copy h3{font-size:18px}.rules-actions{padding-bottom:2px;display:grid;bottom:-22px}.rules-actions .button{width:100%}}@media (width<=350px){.topbar,main{padding-inline:10px}.mode-grid,.recent-run-grid,.result-grid,.breakdown-grid,.story-grid{grid-template-columns:1fr}.roll-box{height:108px;padding-inline:8px}.roll-box strong{font-size:24px}.player-row-metrics,.result-player-metrics{gap:4px}.result-record{font-size:52px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}
