:root{color:#f5f7f5;font-synthesis:none;background:#07100c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 80% 5%,#42be6d26,#0000 38rem),linear-gradient(150deg,#07100c 20%,#0d1e16 100%);min-width:320px;min-height:100vh;margin:0}button,a{font:inherit}button,.primary,.button-link,.small-link{color:#f5f7f5;cursor:pointer;background:0 0;border:1px solid #405248;border-radius:999px;min-height:48px;padding:0 22px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:3px;outline:3px solid #f4d35e}button:disabled{cursor:not-allowed;opacity:.45}.shell{width:min(1120px,100% - 40px);margin:0 auto;padding:96px 0 64px}.compact{width:min(720px,100% - 40px)}.hero{max-width:850px}.eyebrow{color:#6de68f;letter-spacing:.16em;font-size:.78rem;font-weight:750}h1{letter-spacing:-.06em;max-width:800px;margin:18px 0;font-size:clamp(3rem,8vw,6.8rem);line-height:.96}.compact h1{font-size:clamp(2.6rem,7vw,4.8rem)}.lead{color:#b4c0b8;max-width:670px;font-size:1.15rem;line-height:1.75}.actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.primary{color:#06110a;background:#6de68f;border-color:#6de68f;align-items:center;font-weight:750;text-decoration:none;display:inline-flex}.button-link,.small-link{color:#f5f7f5;align-items:center;text-decoration:none;display:inline-flex}.small-link{min-height:40px;padding:0 16px}.primary-button{color:#06110a;background:#6de68f;border-color:#6de68f;font-weight:750}.wide{width:100%}.playtest-panel{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#07100cf0;border:1px solid #405248;border-radius:18px;align-items:center;gap:10px;padding:12px 14px;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 40px #00000059}.playtest-panel div,.playtest-panel span,.playtest-panel strong{display:block}.playtest-panel span{color:#b4c0b8;font-size:.75rem}.playtest-panel button{min-height:36px;padding:0 14px}.grid{background:#27372e;border:1px solid #27372e;border-radius:24px;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:100px;display:grid;overflow:hidden}.grid article{background:#0b1710;min-height:245px;padding:30px}.grid span{color:#6de68f;font-variant-numeric:tabular-nums}.grid h2,.saves h2{margin:42px 0 12px}.page-title{font-size:clamp(2.8rem,7vw,5rem)}.notice,.error{border-radius:14px;margin-top:20px;padding:14px 18px;line-height:1.5}.notice{color:#d9fbe2;background:#183a25}.error{color:#ffd8d8;background:#4a1f25}.muted{color:#9aa9a0;line-height:1.65}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.save-section{border-top:1px solid #27372e;margin-top:72px;padding-top:36px}.section-heading,.top-nav,.career-header,.save-card{justify-content:space-between;align-items:center;gap:24px;display:flex}.section-heading>p,.top-nav span{color:#99a79e}.save-list{gap:12px;margin-top:28px;display:grid}.save-card,.utility-card,.summary-card,.recent-card{background:#0b1710d1;border:1px solid #2b4436;border-radius:18px;padding:22px}.save-card>div:first-child{gap:6px;display:grid}.save-card span{color:#9aa9a0}.card-actions{flex-wrap:wrap;gap:8px;display:flex}.card-actions button{min-height:40px;padding:0 16px}.key-match-review{margin-top:18px}.key-match-review .save-card{align-items:flex-start}.match-review-scenes,.match-review-scene{gap:6px;display:grid}.match-review-scene{border-top:1px solid #26392f;padding-top:10px}.match-review-scene p{color:#d8e2dc;margin:0}.danger{color:#ffb9b9;border-color:#70434a}.wizard{padding-top:54px}.step-track{background:#26382e;border-radius:99px;height:5px;margin:18px 0 36px;overflow:hidden}.step-track span{background:#6de68f;height:100%;transition:width .18s;display:block}.form-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:36px;display:grid}.name-field-row{align-items:center;gap:10px;display:flex}.name-random-button{white-space:nowrap;flex:none;min-height:50px;padding:0 16px}label,.wide-label{color:#cbd6ce;gap:8px;font-size:.92rem;display:grid}input,select{color:#f5f7f5;width:100%;min-height:50px;font:inherit;background:#0c1912;border:1px solid #405248;border-radius:12px;padding:0 14px}.name-field-row input{flex:1;min-width:0}.playtest-option{cursor:pointer;border:1px solid #405248;border-radius:16px;align-items:flex-start;gap:12px;margin-top:28px;padding:18px;display:flex}.playtest-option input{accent-color:#6de68f;width:20px;height:20px;margin-top:2px}.playtest-option span,.playtest-option small{display:block}.playtest-option small{color:#b4c0b8;margin-top:5px}.field-title,.wide-label{margin-top:32px}.choice-grid,.choice-list{gap:12px;margin-top:28px;display:grid}.position-grid{grid-template-columns:repeat(3,1fr)}.choice,.choice-list>button,.match-choices>button{text-align:left;border-radius:16px;gap:6px;height:auto;padding:20px 22px;display:grid}.choice span,.choice-list span,.match-choices span{color:#9aa9a0;line-height:1.5}.choice.active{color:#06110a;background:#6de68f;border-color:#6de68f}.choice.active span{color:#244a30}.experience-card{--experience-accent:#829087;--experience-accent-soft:#82908729;--experience-background:#101914;color:#f4f8f5;background:linear-gradient(90deg, var(--experience-accent) 0 5px, transparent 5px), repeating-linear-gradient(0deg, transparent 0, transparent 27px, #ffffff05 28px), var(--experience-background);border-color:#82908794;border-radius:10px 18px 18px 10px;padding:22px 104px 22px 28px;transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0d,0 7px 18px #00000029}.experience-card .experience-name{color:#f8fbf9;font-size:1.08rem}.experience-card .experience-description,.choice.experience-card.active .experience-description{color:#abb9b0}.experience-card .experience-rarity-mark,.choice.experience-card.active .experience-rarity-mark{border:1px solid var(--experience-accent);color:var(--experience-accent);background:var(--experience-accent-soft);letter-spacing:.08em;border-radius:4px;padding:4px 8px;font-size:.72rem;font-weight:800;line-height:1;position:absolute;top:16px;right:18px}.experience-card.active{color:#f4f8f5;border-color:var(--experience-accent);background:linear-gradient(90deg, var(--experience-accent) 0 7px, transparent 7px), repeating-linear-gradient(0deg, transparent 0, transparent 27px, #ffffff06 28px), var(--experience-background);box-shadow:0 0 0 3px var(--experience-accent-soft), 0 14px 30px #00000042, inset 0 1px 0 #ffffff14;transform:translate(4px)}.experience-card.active .experience-rarity-mark{color:#07110b;background:var(--experience-accent)}.experience-rarity-common{--experience-accent:#8d9b92;--experience-accent-soft:#8d9b922b;--experience-background:#101914}.experience-rarity-uncommon{--experience-accent:#59c6a0;--experience-accent-soft:#59c6a02e;--experience-background:#0d211a}.experience-rarity-rare{--experience-accent:#72aef7;--experience-accent-soft:#72aef733;--experience-background:#101d2c}.experience-rarity-legendary{--experience-accent:#e9b95f;--experience-accent-soft:#e9b95f38;--experience-background:radial-gradient(circle at 82% 12%, #3b2b16, #1d1710 62%)}.talent-card{--talent-accent:#91a198;--talent-accent-soft:#91a19833;--talent-description:#c0cbc4;--talent-background:linear-gradient(145deg, #17221c, #0b1510);isolation:isolate;border-color:var(--talent-accent);color:#f8fbf9;background:var(--talent-background);transition:border-color .18s,box-shadow .18s,transform .18s;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffff0f}.talent-card:before{z-index:0;background:radial-gradient(circle, var(--talent-accent-soft), transparent 68%);content:"";pointer-events:none;border-radius:50%;position:absolute;inset:-45% 35% 20% -20%}.talent-card>*{z-index:1;position:relative}.talent-card .talent-name{color:#fff;letter-spacing:.04em;font-size:1.16rem}.talent-card .talent-description,.choice.talent-card.active .talent-description{color:var(--talent-description)}.talent-card.active{color:#fff;background:var(--talent-background);box-shadow:0 0 0 3px var(--talent-accent-soft), 0 16px 38px #00000057, inset 0 1px 0 #ffffff1f;border-color:#f4fff7;transform:translateY(-2px)}.talent-selected-mark,.choice.talent-card.active .talent-selected-mark{z-index:2;border:1px solid var(--talent-accent);color:#07120c;background:var(--talent-accent);letter-spacing:.08em;border-radius:999px;align-items:center;min-height:26px;padding:2px 10px;font-size:.78rem;font-weight:800;line-height:1;display:inline-flex;position:absolute;top:14px;right:16px}.talent-summary{border:1px solid var(--talent-accent);border-radius:16px;gap:7px;max-width:680px;margin-top:18px;padding:20px 22px;display:grid}.talent-tier-ordinary{--talent-accent:#83958a;--talent-accent-soft:#83958a2e;--talent-description:#b7c3bc;--talent-background:linear-gradient(145deg, #17221c, #0b1510)}.talent-tier-excellent{--talent-accent:#5bd49a;--talent-accent-soft:#5bd49a3d;--talent-description:#c7ead8;--talent-background:linear-gradient(145deg, #123c2b, #0a1c15 72%)}.talent-tier-top{--talent-accent:#63b7ff;--talent-accent-soft:#63b7ff47;--talent-description:#cfe8ff;--talent-background:linear-gradient(145deg, #153c61, #0c1b30 68%, #111528);box-shadow:0 0 24px #48a0ee24,inset 0 1px #ffffff1a}.talent-tier-generational{--talent-accent:#bc91ff;--talent-accent-soft:#bc91ff4d;--talent-description:#eadcff;--talent-background:linear-gradient(135deg, #422568, #1c1336 58%, #251849);box-shadow:0 0 30px #a769ff33,inset 0 1px #ffffff21}.talent-tier-historic{--talent-accent:#ffd46a;--talent-accent-soft:#ffc14559;--talent-description:#fff0c0;--talent-background:linear-gradient(135deg, #6b351b, #31152a 52%, #5b4012);animation:3.2s ease-in-out infinite talent-historic-pulse;box-shadow:0 0 34px #ffb83d3b,inset 0 1px #ffffff26}.talent-tier-generational:after,.talent-tier-historic:after{z-index:0;content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#fff3,#0000);width:26%;animation:4.8s ease-in-out infinite talent-card-sweep;position:absolute;top:-60%;bottom:-60%;left:-35%;transform:translate(-220%)rotate(14deg)}.talent-tier-historic:after{background:linear-gradient(90deg,#0000,#ffe89f57,#0000);width:32%;animation-duration:3.7s}@keyframes talent-card-sweep{0%,55%{transform:translate(-220%)rotate(14deg)}to{transform:translate(620%)rotate(14deg)}}@keyframes talent-historic-pulse{0%,to{box-shadow:0 0 28px #ffb83d2e,inset 0 1px #ffffff26}50%{box-shadow:0 0 42px #ffb83d4d,inset 0 1px #fff3}}@media (prefers-reduced-motion:reduce){.talent-tier-generational:after,.talent-tier-historic,.talent-tier-historic:after{animation:none}}.random-button{margin-top:14px}.review-card,.scene-card,.focus-card{background:linear-gradient(145deg,#193e27e6,#0a1910e6);border:1px solid #365b45;border-radius:22px;margin-top:28px;padding:28px}.wizard-actions{border-top:1px solid #283a30;justify-content:space-between;gap:12px;margin-top:32px;padding-top:24px;display:flex}.career-shell,.summary-shell{padding-top:44px}.top-nav{margin-bottom:56px}.career-header{align-items:end}.overall{text-align:center;background:#10271a;border:1px solid #355944;border-radius:20px;min-width:140px;padding:20px;display:grid}.overall span,.metric-grid span,.summary-metrics span{color:#98aa9f;font-size:.85rem}.overall strong{color:#6de68f;font-size:3.2rem}.metric-grid,.summary-metrics{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px;display:grid}.metric-grid article,.summary-metrics article{background:#0b1710;border:1px solid #2b4436;border-radius:16px;gap:8px;padding:20px;display:grid}.metric-grid strong,.summary-metrics strong{font-size:2rem}.metric-grid .attribute-value{align-items:baseline;gap:9px;display:flex}.metric-grid .attribute-bonus{color:#6de68f;font-size:.92rem;font-weight:800;line-height:1}.metric-grid small{color:#9aa9a0}.metric-grid small.attribute-bonus{color:#6de68f}progress{accent-color:#6de68f;width:100%;height:6px}.career-columns,.summary-columns{grid-template-columns:1.15fr .85fr;gap:18px;margin-top:18px;display:grid}.focus-card{margin-top:0}.focus-card h2{margin-top:32px;font-size:2rem}.focus-card .wide{margin-top:32px}.recent-card h2,.utility-card h2,.summary-card h2{margin-top:0}.match-list,.standings{gap:9px;margin:0;padding:0;list-style:none;display:grid}.match-list li{border-bottom:1px solid #26392f;grid-template-columns:48px 1fr;gap:3px 10px;padding-bottom:10px;display:grid}.match-list small{color:#91a198;grid-column:2}.utility-card{margin-top:18px}.ability-section-heading,.ability-season-card,.retirement-ability-flow{justify-content:space-between;align-items:center;gap:18px;display:flex}.ability-section-heading h2,.ability-section-heading p{margin-bottom:0}.peak-ability{color:#98aa9f;text-align:right;gap:2px;margin:0;display:grid}.peak-ability strong{color:#6de68f;font-size:2rem}.peak-ability span{font-size:.82rem}.ability-trajectory-list{gap:10px;margin-top:24px;display:grid}.ability-season-card{background:#0b1710;border:1px solid #26392f;border-radius:14px;padding:15px 18px}.ability-season-card>div:first-child{gap:3px;min-width:150px;display:grid}.ability-season-card span{color:#98aa9f;font-size:.88rem}.ability-ovr-flow{align-items:center;gap:10px;display:flex}.ability-ovr-flow strong{font-size:1.45rem}.ability-ovr-flow em,.attribute-shape-grid em{color:#6de68f;font-style:normal;font-weight:700}.ability-ovr-flow .negative-delta,.attribute-shape-grid .negative-delta{color:#ffb9b9}.attribute-shape-grid{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:24px;display:grid}.attribute-shape-grid article{background:#0b1710;border:1px solid #26392f;border-radius:12px;grid-template-columns:1fr auto;gap:5px 12px;padding:14px;display:grid}.attribute-shape-grid article>span{color:#98aa9f}.attribute-shape-grid article>em{text-align:right;grid-column:2}.retirement-ability-flow{justify-content:flex-start;margin:22px 0}.retirement-ability-flow article{background:#0b1710;border:1px solid #2b4436;border-radius:14px;gap:5px;min-width:128px;padding:16px;display:grid}.retirement-ability-flow article>span,.retirement-ability-flow small{color:#98aa9f}.retirement-ability-flow strong{font-size:2rem}.retirement-ability-flow .peak{border-color:#4c805e}.retirement-ability-flow .peak strong{color:#6de68f}.key-match{padding-top:64px}.score-title{text-align:center;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;font-size:clamp(2rem,6vw,4.3rem);display:grid}.score-title span{color:#6de68f;letter-spacing:.2em;font-size:1rem}.scene-time{color:#6de68f;font-weight:700}.scene-card h2{font-size:2rem}.scene-card>p:not(.scene-time){color:#b8c5bc;line-height:1.7}.scene-participants{border:0;flex-wrap:wrap;gap:8px;margin-top:18px;padding:0;display:flex}.scene-participants span{color:#b8c5bc;border:1px solid #405248;border-radius:999px;padding:6px 10px;font-size:.8rem}.match-choices em{color:#6de68f;font-size:.82rem;font-style:normal}.summary-hero{max-width:820px}.summary-metrics{margin:48px 0 18px}.overall-change{color:#6de68f;align-items:center;gap:16px;font-size:3rem;font-weight:800;display:flex}.overall-change span{color:#7d8d83;font-size:1.5rem}.standings li{border-radius:8px;justify-content:space-between;gap:16px;padding:9px 12px;display:flex}.standings .player-club{color:#07100c;background:#6de68f}.grid p,.saves>p,.mode span{color:#99a79e;line-height:1.65}.saves{border-top:1px solid #27372e;justify-content:space-between;align-items:end;gap:40px;margin-top:72px;padding-top:36px;display:flex}.saves h2{margin-top:8px}.back{color:#b9c5bd;text-decoration:none}.compact>.eyebrow{margin-top:72px}.mode-list{gap:12px;margin:40px 0 24px;display:grid}.mode{text-align:left;border-radius:18px;gap:5px;height:auto;padding:22px 24px;display:grid}.mode.active{color:#07100c;background:#6de68f;border-color:#6de68f}.mode.active span{color:#244a30}@media (width<=760px){.shell{padding-top:56px}.grid{grid-template-columns:1fr;margin-top:64px}.grid article{min-height:auto}.grid h2{margin-top:28px}.saves,.section-heading,.save-card,.career-header{flex-direction:column;align-items:start}.form-grid,.career-columns,.summary-columns{grid-template-columns:1fr}.position-grid,.metric-grid,.summary-metrics{grid-template-columns:repeat(2,1fr)}.ability-section-heading,.ability-season-card,.retirement-ability-flow{flex-direction:column;align-items:flex-start}.peak-ability{text-align:left}.ability-season-card{width:100%}.attribute-shape-grid{grid-template-columns:1fr}.card-actions{width:100%}.score-title{gap:8px}.top-nav{flex-direction:column;align-items:start;margin-bottom:36px}.playtest-panel{flex-wrap:wrap;bottom:12px;left:12px;right:12px}}