.shell{max-width:480px;margin:0 auto;min-height:100%;padding:0 16px}.loading{display:grid;place-items:center;height:100vh;gap:8px}.loading-mark{font-size:56px;color:var(--gold)}.loading-sub{color:var(--line-dim)}.pill{font-size:11px;font-weight:700;letter-spacing:.08em;background:var(--pitch-700);color:var(--gold);padding:4px 10px;border-radius:99px}.btn-gold{background:linear-gradient(180deg,var(--gold),#c98f1f);color:#1c1303;font-weight:800;font-size:15px;padding:12px 22px;border-radius:var(--radius);box-shadow:var(--shadow);width:100%}.btn-gold:active{transform:translateY(1px)}.btn-gold:disabled{opacity:.6}.btn-dark{background:var(--pitch-800);color:var(--line);border:1px solid var(--pitch-700);font-weight:700;font-size:15px;padding:13px 22px;border-radius:var(--radius);width:100%}.btn-ghost{background:none;color:var(--line-dim);padding:12px;width:100%}.home{display:flex;flex-direction:column;gap:14px;padding:18px 0 20px}.home-hero{text-align:center;display:grid;gap:6px}.crest{font-size:30px;color:var(--gold);letter-spacing:.06em;border:2px solid var(--gold);border-radius:12px;width:fit-content;margin:0 auto;padding:6px 14px;box-shadow:inset 0 0 0 3px var(--pitch-950),var(--shadow)}.home-title{font-size:30px;line-height:1.05}.home-sub{color:var(--line-dim);max-width:36ch;margin:0 auto;font-size:14px}.mode-cards{display:grid;gap:10px}.mode-card{background:var(--pitch-800);border:1px solid var(--pitch-700);border-radius:var(--radius);padding:14px 16px;display:grid;gap:7px}.mode-card.featured{border-color:var(--gold-deep)}.mode-head{display:flex;align-items:center;justify-content:space-between}.mode-name{font-size:20px}.mode-tag{color:var(--line-dim);font-size:13px}.home-foot{text-align:center;color:var(--line-dim);font-size:12px}.draft{display:flex;flex-direction:column;min-height:100vh;padding-bottom:110px}.draft-top{display:flex;justify-content:space-between;align-items:center;padding:16px 0 8px}.draft-brand{color:var(--gold);font-size:18px}.draft-progress{color:var(--line-dim);font-size:13px;font-weight:600}.spin-view{display:grid;gap:22px;padding-top:10vh;justify-items:center}.reels{display:flex;gap:14px}.reel{width:140px;height:110px;border-radius:16px;display:grid;place-content:center;gap:4px;text-align:center;background:var(--pitch-900);border:3px solid var(--gold);box-shadow:var(--shadow)}.reel-year{border-color:var(--line)}.reel-label{font-size:11px;letter-spacing:.14em;color:var(--line-dim);font-weight:700}.reel-value{font-size:36px}.reel.is-spinning .reel-value{opacity:.85}.btn-spin{max-width:220px;font-size:22px;letter-spacing:.06em}.spin-hint{color:var(--line-dim);font-size:13px;text-align:center;max-width:44ch}.roster{display:grid;gap:12px}.roster-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.squad-id{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.squad-name{font-size:24px}.squad-year{color:var(--gold);font-weight:800;font-size:18px}.badge{font-size:11px;font-weight:800;letter-spacing:.05em;background:var(--gold);color:#1c1303;border-radius:6px;padding:3px 7px}.btn-reroll{background:none;border:1px solid var(--red);color:var(--red);border-radius:10px;padding:8px 12px;font-weight:700;font-size:13px;white-space:nowrap}.btn-reroll:disabled{border-color:var(--pitch-700);color:var(--line-dim)}.roster-tools{display:grid;gap:10px}.pos-filters{display:flex;gap:8px}.chip{background:var(--pitch-800);color:var(--line-dim);border:1px solid var(--pitch-700);border-radius:99px;padding:6px 14px;font-weight:700;font-size:13px}.chip-on{background:var(--gold);color:#1c1303;border-color:var(--gold)}.search{background:var(--pitch-900);border:1px solid var(--pitch-700);color:var(--line);border-radius:10px;padding:11px 14px;font-size:15px;width:100%}.search::placeholder{color:var(--line-dim)}.roster-count{color:var(--line-dim);font-size:12px}.player-list{display:grid;gap:8px}.player-row{display:flex;flex-direction:column;gap:6px;background:var(--pitch-800);border:1px solid var(--pitch-700);border-radius:12px;padding:11px 13px;text-align:left;color:var(--line);overflow:hidden}.player-top{display:flex;align-items:flex-start;gap:10px;width:100%;min-width:0}.player-row:active{background:var(--pitch-700)}.row-dim{opacity:.38}.player-main{display:grid;gap:2px;min-width:0;flex:1}.player-name{font-weight:800;font-size:15px;overflow-wrap:anywhere}.player-meta{color:var(--line);font-size:12px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-stats{display:flex;align-items:center;gap:7px;flex-shrink:0;padding-top:2px}.stat{display:grid;text-align:center;min-width:0}.stat b{font-size:14px;font-family:var(--font-mono)}.stat i{font-style:normal;font-size:9px;color:var(--line-dim);letter-spacing:.02em}.pos-tag{font-size:10px;font-weight:800;border-radius:5px;padding:2px 5px;background:var(--pitch-700);color:var(--line);white-space:nowrap}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:flex-end;z-index:40}.sheet{background:var(--pitch-900);border-top:1px solid var(--pitch-700);border-radius:18px 18px 0 0;padding:20px 16px 28px;width:100%;max-width:480px;margin:0 auto;display:grid;gap:14px}.sheet-title{font-family:var(--font-body);font-size:16px;font-weight:800;text-transform:none}.sheet-options{display:flex;gap:10px}.btn-slot{flex:1 1 0;min-width:0;background:var(--gold);color:#1c1303;font-weight:800;padding:12px 4px;border-radius:12px;font-size:14px;white-space:nowrap;display:grid;grid-template-rows:auto 12px;align-content:center;justify-items:center;text-align:center;gap:2px}.slot-label{font-size:14px;font-weight:800;line-height:1.1}.slot-sub{font-style:normal;font-size:9px;letter-spacing:.04em;line-height:12px;height:12px;opacity:.8}.tray{position:fixed;bottom:0;left:0;right:0;z-index:30;background:linear-gradient(180deg,rgba(7,18,12,0) 0%,var(--pitch-950) 30%);padding:18px 16px calc(14px + env(safe-area-inset-bottom))}.tray-pitch{max-width:448px;margin:0 auto;background:var(--pitch-900);border:1px solid var(--pitch-700);border-radius:14px;padding:10px 12px;display:grid;gap:8px}.tray-row{display:flex;justify-content:center;gap:10px}.tray-slot{display:grid;justify-items:center;gap:3px;flex:0 0 56px;min-width:0}.tray-dot{width:38px;height:38px;border-radius:50%;border:2px dashed var(--line-dim);color:var(--line-dim);display:grid;place-content:center;font-size:11px;font-weight:800;background:var(--pitch-950)}.tray-slot.filled .tray-dot{border-style:solid;border-color:var(--gold);background:var(--gold);color:#fff}.tray-name{font-size:9px;color:var(--line-dim);font-weight:700;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tray-slot.filled .tray-name{color:var(--line)}.result{display:grid;gap:18px;padding:16px 0 40px}.result-head{display:flex;justify-content:space-between;align-items:center}.result-brand{color:var(--gold);font-size:18px}.scoreline{text-align:center;display:grid;gap:6px}.score-label{font-size:11px;letter-spacing:.16em;color:var(--line-dim);font-weight:700}.score-hero{display:flex;justify-content:center;align-items:baseline;gap:16px}.score-record{font-size:56px;line-height:1;font-family:var(--font-mono);font-weight:900}.score-grade-big{font-size:60px;line-height:1}.score-ovr-big{display:flex;justify-content:center;align-items:baseline;gap:8px;margin-top:2px}.ovr-num{font-size:42px;color:var(--gold);font-family:var(--font-mono);font-weight:900;line-height:1}.ovr-label{font-size:12px;font-weight:800;letter-spacing:.14em;color:var(--line-dim)}.grade{font-weight:900;font-size:22px}.grade-A,.grade-Am{color:var(--gold)}.grade-Bp,.grade-B{color:#9be37c}.grade-Bm,.grade-Cp{color:#7ec8e3}.grade-C,.grade-D{color:var(--red)}.score-ovr{color:var(--line-dim);font-weight:700;font-size:13px}.score-run{font-weight:800;font-size:14px;letter-spacing:.04em}.score-roast{color:var(--line-dim);font-size:14px;font-style:italic;max-width:36ch;margin:0 auto}.pitch{position:relative;width:100%;max-width:340px;margin:0 auto;aspect-ratio:5 / 6;background:repeating-linear-gradient(0deg,#ffffff05 0,#ffffff05 12.5%,#0000000f 12.5%,#0000000f 25%),linear-gradient(180deg,#123821,#0d2417);border:2px solid rgba(234,244,236,.55);border-radius:12px;overflow:hidden}.pitch-lines .pl-halfway{position:absolute;left:0;right:0;top:0;border-top:2.5px solid rgba(234,244,236,.5)}.pitch-lines .pl-circle{position:absolute;left:50%;top:0;width:26%;aspect-ratio:1;transform:translate(-50%,-50%);border:2.5px solid rgba(234,244,236,.5);border-radius:50%}.pitch-lines .pl-box{position:absolute;left:25%;right:25%;bottom:-2px;height:14%;border:2.5px solid rgba(234,244,236,.5);border-bottom:none}.pitch-chip{position:absolute;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:0;width:88px}.chip-shirt{width:40px;height:40px;border-radius:10px;background:var(--pitch-950);border:2px solid var(--pitch-700);color:var(--line-dim);font-weight:900;font-size:11px;display:grid;place-content:center;box-shadow:var(--shadow)}.chip-name{font-size:11px;font-weight:800;color:var(--line);margin-top:3px;background:#07120cc7;border-radius:5px;padding:1px 5px;max-width:88px;line-height:1.15;text-align:center}.chip-sub{font-size:9px;color:var(--line-dim);font-weight:700;margin-top:1px}.chip-pos{color:var(--gold);font-weight:800}.result-actions{display:grid;gap:10px}.result-roster{list-style:none;display:grid;gap:8px}.result-roster li{display:flex;align-items:center;gap:10px;background:var(--pitch-800);border:1px solid var(--pitch-700);border-radius:10px;padding:10px 12px}.rr-name{font-weight:800;font-size:14px}.rr-meta{margin-left:auto;color:var(--line-dim);font-size:12px}@media (max-width: 380px){.reel{width:124px}.score-record{font-size:52px}}.chip-shirt{position:relative}.chip-flag{font-size:22px;line-height:1}.chip-code{font-size:10px;font-weight:900;letter-spacing:.03em}.chip-code-overlay{position:absolute;bottom:-7px;left:50%;transform:translate(-50%);background:var(--pitch-950);border:1px solid var(--pitch-700);color:var(--line-dim);border-radius:5px;padding:0 4px;font-size:9px}.pitch-chip{width:96px}.chip-name{max-width:110px}.chip-pos{font-size:9px;font-weight:900;color:var(--gold);letter-spacing:.04em}.player-tags{display:inline-flex;gap:4px;margin-left:6px;vertical-align:1px}.search-row{display:flex;gap:8px}.sort-select{background:var(--pitch-900);border:1px solid var(--pitch-700);color:var(--line);border-radius:10px;padding:0 10px;font-size:14px;font-family:var(--font-body)}.sheet-ctx{color:var(--line-dim);font-size:13px;font-weight:600}.sheet-note{color:var(--line);font-style:italic;font-size:14px;line-height:1.4}.sheet .player-stats{justify-content:flex-start;gap:18px}.brand-btn{background:none;color:var(--gold);padding:0}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn,.theme-toggle{background:var(--pitch-800);border:1px solid var(--pitch-700);color:var(--line);border-radius:10px;width:36px;height:36px;font-size:16px;display:grid;place-content:center}.theme-corner{position:absolute;top:14px;right:16px}.home{position:relative}.sheet-options{display:flex;gap:6px;flex-wrap:nowrap}.btn-slot-off{background:var(--pitch-800);color:var(--line-dim);border:1px solid var(--pitch-700)}.btn-slot-off .slot-sub{font-size:9px;letter-spacing:.06em}.player-note{font-size:12px;font-style:italic;color:var(--gold);display:block;line-height:1.3;margin-top:1px}.score-ovr-inline{display:inline-flex;align-items:baseline;gap:5px}.score-line2{display:flex;justify-content:center;align-items:baseline;gap:10px;flex-wrap:wrap}.score-grade-big{font-size:26px}.score-run{font-weight:800;font-size:15px;letter-spacing:.03em}@media (hover: hover) and (pointer: fine){.mode-card:hover{border-color:var(--gold)}.player-row:hover:not(:disabled){border-color:var(--gold-deep)}.brand-btn:hover{opacity:.85;cursor:pointer}}[data-theme=light] .pos-GK{color:#8a6508}[data-theme=light] .pos-DF{color:#1c6e94}[data-theme=light] .pos-MF{color:#2e7d32}[data-theme=light] .pos-FW{color:#b3402e}[data-theme=light] .grade-Bp,[data-theme=light] .grade-B{color:#2e7d32}[data-theme=light] .grade-B,[data-theme=light] .grade-Cp{color:#1c6e94}[data-theme=light] .chip-name{background:#07120cc7;color:#eaf4ec}[data-theme=light] .chip-sub{color:#d9e6da}.wc-hint{color:var(--gold);font-size:13px;text-align:center;max-width:46ch;background:var(--pitch-800);border:1px solid var(--gold-deep);border-radius:10px;padding:9px 14px;line-height:1.4;margin:0 auto}.slot-ok{font-style:normal;font-size:9px;color:var(--gold);letter-spacing:.03em}.ovr-badge{font-family:var(--font-mono);font-weight:900;font-size:18px;min-width:30px;text-align:center;border-radius:8px;padding:3px 5px;line-height:1;align-self:center;border:1.5px solid currentColor}.player-stats{align-items:center}.ovr-gold{color:var(--gold);background:#e3a93c1f}.ovr-green{color:#4caf6a;background:#4caf6a1f}.ovr-blue{color:#5aa9d6;background:#5aa9d61f}.ovr-grey{color:#9bb0a3;background:#9bb0a31f}.ovr-red{color:#d2603a;background:#d2603a1f}.rr-meta{margin-left:auto}.result-roster .ovr-badge{margin-left:10px;font-size:16px}[data-theme=light] .ovr-green{color:#2e7d32}[data-theme=light] .ovr-blue{color:#1c6e94}[data-theme=light] .ovr-grey{color:#5c7263}[data-theme=light] .ovr-red{color:#b3402e}.player-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;max-width:100%}.brand-plain{color:var(--line)}.chip-on{background:var(--pitch-700);color:var(--gold);border-color:var(--gold-deep)}.pitch-chip{width:120px}.chip-name{white-space:normal;max-width:116px;line-height:1.15;font-size:11px;font-weight:800}.chip-pos-line{margin-top:0;line-height:1}.help-backdrop{align-items:center}.help-modal{background:var(--pitch-900);border:1px solid var(--pitch-700);border-radius:16px;padding:22px 18px;width:100%;max-width:380px;margin:0 16px;display:grid;gap:12px}.help-title{font-family:var(--font-body);font-size:19px;font-weight:800;text-transform:none}.help-steps{display:grid;gap:9px;padding-left:18px;font-size:14px;line-height:1.4}.help-steps b{color:var(--line)}.help-foot{font-size:14px;color:var(--line-dim)}.help-foot b{color:var(--gold)}.help-link{position:absolute;top:16px;left:16px;background:none;color:var(--line-dim);font-size:13px;text-decoration:underline;padding:4px}.tcrest{width:38px;height:38px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;border-radius:8px;box-shadow:none}.tcrest svg{display:block}.tcrest-word{font-size:6px;font-weight:900;letter-spacing:.02em;line-height:1}.tcrest-legend{background:#e3a93c29;border:1px solid rgba(227,169,60,.45)}.tcrest-star{background:#9d7ce026;border:1px solid rgba(157,124,224,.45)}.tcrest-quality{background:#48b46a24;border:1px solid rgba(72,180,106,.45)}.tcrest-squad{background:#5a8db81f;border:1px solid rgba(90,141,184,.4)}.tcrest-fringe{background:#7e8a991a;border:1px solid rgba(126,138,153,.4)}.player-main{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.pos-tag{font-size:9px;font-weight:800;border-radius:4px;padding:2px 5px;border:1px solid #3a4456;color:#9aa6b6;background:transparent}.player-tags{display:inline-flex;gap:3px;margin-left:4px;vertical-align:1px}.player-note{font-size:12px;font-style:italic;color:var(--line-dim);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.3;margin-top:0;width:100%}.rr-tier{font-size:9px;font-weight:900;letter-spacing:.04em;margin-left:10px}.sheet-sub{display:flex;align-items:center;gap:10px}[data-theme=light] .pos-tag{border-color:#c2ccd8;color:#5c6675}.home-logo{display:block;width:150px;max-width:50%;height:auto;margin:0 auto 2px;filter:drop-shadow(0 6px 18px rgba(0,0,0,.45))}.brand-logo-btn{background:none;border:none;padding:0;cursor:pointer;display:flex;align-items:center}.brand-logo-img{display:block;height:40px;width:auto}.pitch-chip-xi{width:84px}.pitch-chip-xi .chip-name{font-size:10px;max-width:82px}.pitch-chip-xi .chip-sub{font-size:8px}.challenge-toggle{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;max-width:480px;margin:2px auto 0;background:var(--pitch-800);border:1px solid var(--pitch-700);border-radius:12px;padding:12px 15px;cursor:pointer;text-align:left;transition:border-color .15s ease,background .15s ease}.challenge-toggle.is-on{border-color:var(--gold-deep);background:var(--pitch-900)}.challenge-text{display:grid;gap:2px;min-width:0}.challenge-name{font-weight:800;font-size:14px;color:var(--line)}.challenge-toggle.is-on .challenge-name{color:var(--gold)}.challenge-sub{font-size:12px;color:var(--line-dim)}.challenge-switch{flex-shrink:0;width:44px;height:26px;border-radius:999px;background:var(--pitch-700);position:relative;transition:background .15s ease}.challenge-toggle.is-on .challenge-switch{background:var(--gold)}.challenge-knob{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:var(--line);transition:transform .15s ease}.challenge-toggle.is-on .challenge-knob{transform:translate(18px);background:#1c1303}.challenge-flag{color:var(--gold);margin-right:5px}.home-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);text-align:center;margin:0}.home-steps{display:flex;gap:7px;justify-content:center}.home-step{flex:1;background:var(--pitch-800);border:1px solid var(--pitch-700);border-radius:10px;padding:9px 5px;text-align:center;display:grid;gap:3px;align-content:start}.step-num{font-size:9px;font-weight:900;color:var(--gold)}.step-name{font-size:12px;font-weight:800;color:var(--line);letter-spacing:.02em}.step-desc{font-size:9px;color:var(--line-dim);line-height:1.3}.pos-tag-GK{color:#c08f86;border:1px solid rgba(192,143,134,.3);background:#c08f8612}.pos-tag-DF{color:#c2a878;border:1px solid rgba(194,168,120,.3);background:#c2a87812}.pos-tag-MF{color:#a89684;border:1px solid rgba(168,150,132,.28);background:#a896840f}.pos-tag-FW{color:#cb8f7d;border:1px solid rgba(203,143,125,.3);background:#cb8f7d12}:root{--pitch-950: #0a0e17;--pitch-900: #0f1420;--pitch-800: #141a26;--pitch-700: #222a3a;--line: #eaf4ec;--line-dim: #7e8a99;--gold: #e3a93c;--gold-deep: #9c6f14;--red: #d23a2e;--shadow: 0 10px 30px rgba(0, 0, 0, .45);--radius: 14px;--font-display: "Fira Sans", system-ui, sans-serif;--font-body: "Fira Sans", system-ui, sans-serif;--font-mono: "Geist Mono", ui-monospace, monospace}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--pitch-950);color:var(--line);font-family:var(--font-body);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:radial-gradient(120% 55% at 50% -10%,#16203a 0%,transparent 58%)}h1,h2,h3,.display{font-family:var(--font-display);font-weight:800;letter-spacing:.01em;text-transform:uppercase}button{font-family:var(--font-body);border:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:2px}input{font-family:var(--font-body)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}[data-theme=light]{--pitch-950: #f2f5ef;--pitch-900: #e7ede3;--pitch-800: #ffffff;--pitch-700: #cfdcca;--line: #15281c;--line-dim: #5c7263;--gold: #a8741a;--gold-deep: #7c540f;--shadow: 0 6px 18px rgba(21, 40, 28, .12)}[data-theme=light] body{background:var(--pitch-950)}[data-theme=light] body:before{background:radial-gradient(120% 60% at 50% -10%,#dcead6 0%,transparent 60%)}