main:has(.career-creation-stage)>.title-menu-button{display:none}.career-title-screen,.career-creation-stage{--creation-blue:#1768ff;--creation-ink:#081632;--creation-muted:#526687;--creation-line:#bccfeb;--creation-cut:polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);isolation:isolate;width:100%;color:var(--creation-ink)}.career-title-screen{color:#fff;background:#06132a;min-height:100svh;position:relative;overflow:clip}.career-title-art{z-index:-1;background:linear-gradient(#06132a33 0%,#0000 48%,#020b1b70 100%),url(/assets/branding/career-arena-v1.webp) 50% 55%/cover no-repeat;position:absolute;inset:0}.career-title-content{width:min(100%,590px);min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 24px max(16px, env(safe-area-inset-bottom));flex-direction:column;align-items:center;margin:auto;display:flex}.career-season-line{color:#a3c2ff;width:100%;font:500 12px/1.4 var(--font-geist-mono), monospace;letter-spacing:.35em;justify-content:center;align-items:center;gap:20px;display:flex}.career-season-line>span{background:#86b5ff70;width:45px;height:1px}.career-title-intro{text-align:center;width:100%;margin-top:clamp(52px,11svh,105px)}.career-title-screen .career-title-wordmark{color:#fff;font-family:var(--font-geist-sans), Arial, sans-serif;letter-spacing:-.075em;text-shadow:0 3px 25px #0004;margin:0;font-size:clamp(66px,18vw,116px);font-style:italic;font-weight:950;line-height:.83}.career-title-wordmark>span{display:block}.career-title-wordmark i{color:#3286ff;font-style:inherit;margin-left:-.04em}.career-title-kicker{color:#a6c3f7;font:500 clamp(9px, 2.35vw, 12px)/1.7 var(--font-geist-mono), monospace;letter-spacing:.19em;margin:22px -10px 0}.career-title-actions{gap:14px;width:100%;margin-top:auto;padding-top:clamp(96px,19svh,200px);display:grid}.career-cut-button.career-primary-button{width:100%;height:62px;min-height:56px;clip-path:var(--creation-cut);color:#fff;box-shadow:none;isolation:isolate;background:linear-gradient(135deg,#59c8ff,#2775ff 40%,#72caff);border:0;border-radius:0;padding:0 20px;font-size:20px;font-weight:800;display:flex;position:relative}.career-cut-button:before{content:"";z-index:-1;clip-path:var(--creation-cut);background:linear-gradient(150deg,#2586ff 0%,#0753ef 85%);position:absolute;inset:2px}.career-cut-button:hover:before{background:#2678ff}.career-cut-button:disabled{opacity:.45}.career-cut-button:focus-visible{outline:0;box-shadow:inset 0 0 0 4px #fff}.career-resume-card{text-align:left;width:100%;min-width:0;clip-path:var(--creation-cut);background:linear-gradient(125deg,#08162ce8,#142848d4);border:1px solid #799ed363;align-items:center;gap:16px;padding:14px;display:flex}.career-resume-card:focus-visible{outline-offset:-3px;outline:3px solid #72bdff}.career-resume-avatar{width:70px;height:76px}.career-resume-copy{gap:5px;min-width:0;display:grid}.career-resume-copy>strong{color:#fff;font-size:18px}.career-resume-copy>span{color:#b7cef6;font:500 13px/1.4 var(--font-geist-mono), monospace;overflow-wrap:anywhere}.career-resume-copy>small{color:#99b7e7;font-size:12px}.career-load-link,.career-debug-link{color:#b8cff6;text-align:center;place-items:center;min-height:36px;font-size:13px;display:grid}.career-debug-link{color:#8ebdff}.career-title-error{color:#ffd1d1;padding:10px;font-size:14px}.career-title-credit{color:#91a7c9;letter-spacing:.1em;text-align:center;margin-top:30px;font-size:10px}@media (min-width:800px){.career-title-art{background-color:#06132a;background-size:cover,auto 135%}.career-title-content{padding-top:34px}}@media (max-height:660px){.career-title-intro{margin-top:30px}.career-title-screen .career-title-wordmark{font-size:66px}.career-title-actions{gap:8px;padding-top:60px}.career-title-credit{margin-top:14px}}@media (prefers-reduced-motion:reduce){.career-title-screen *,.career-creation-stage *{transition:none!important;animation:none!important}}.career-creation-stage{background:repeating-linear-gradient(132deg,#0000 0 125px,#dce8f63d 126px 153px,#0000 154px 265px),radial-gradient(at 65% 35%,#fff,#edf4fc 78%);height:100dvh;min-height:360px;overflow:hidden}.creation-shell{width:min(100%,1040px);height:100%;padding:max(14px, env(safe-area-inset-top)) 20px max(12px, env(safe-area-inset-bottom));flex-direction:column;margin:auto;display:flex}.creation-topbar{flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:44px;display:flex}.creation-back{color:#081632;border-radius:0}.creation-topbar-brand{color:#233d63;letter-spacing:-.055em;font-size:15px;font-style:italic;font-weight:950}.creation-topbar-brand>span{color:#1768ff}.creation-step-counter{font:500 17px/1.2 var(--font-geist-mono), monospace;letter-spacing:.08em;white-space:nowrap;color:#758eb4}.creation-step-counter>strong{color:#1768ff;font-weight:700}.creation-content{overscroll-behavior:contain;scrollbar-width:thin;flex-direction:column;flex:1;min-height:0;padding:18px 2px 22px;display:flex;overflow-y:auto}.creation-content>section{flex-shrink:0;width:min(100%,640px);margin:auto}.creation-heading{text-align:center;margin-bottom:24px}.creation-heading>p{color:#1768ff;font:600 11px/1.5 var(--font-geist-mono), monospace;letter-spacing:.24em;justify-content:center;align-items:center;gap:14px;display:flex}.creation-heading>p:before,.creation-heading>p:after{content:"";background:#91b9fa;width:24px;height:1px}.career-creation-stage .creation-heading h1{color:#07132d;letter-spacing:-.055em;word-break:keep-all;outline:none;margin:10px 0 0;font-size:clamp(25px,6.4vw,40px);font-weight:900;line-height:1.3}.creation-heading>div{color:#526687;word-break:keep-all;margin-top:10px;font-size:15px;line-height:1.5}.creation-player-frame{--creation-cut:polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px);clip-path:var(--creation-cut);background:linear-gradient(130deg,#7999c6,#e6f0ff 44%,#9ab8e2);padding:3px}.creation-player-card{isolation:isolate;aspect-ratio:1.95;min-width:0;clip-path:var(--creation-cut);background:linear-gradient(95deg,#17346c3b,#09182dce),url(/assets/branding/career-arena-v1.webp) 50% 52%/cover;position:relative;overflow:hidden}.creation-player-card:after{content:"";z-index:-1;background:repeating-linear-gradient(134deg,#0000 0 45px,#638ddb13 46px 64px,#0000 65px 110px);position:absolute;inset:0}.creation-card-brand{z-index:2;color:#fff;font:italic 950 clamp(13px, 3.5vw, 22px)/.85 var(--font-geist-sans), sans-serif;letter-spacing:-.065em;position:absolute;top:14px;left:14px}.creation-card-brand>span{color:#4391ff}.creation-card-season{color:#9ac1fa;font:500 9px/1.2 var(--font-geist-mono), monospace;letter-spacing:.2em;position:absolute;top:15px;right:13px}.creation-player-card .creation-card-avatar{border-radius:0;width:53%;height:104%;position:absolute;bottom:-2%;left:-1%}.creation-card-identity{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;display:flex;position:absolute;inset:34% 6% 9% 56%}.creation-card-identity>strong{color:#fff;max-width:100%;font:italic 900 clamp(25px, 6vw, 45px)/1.05 var(--font-geist-sans), sans-serif;letter-spacing:-.045em;overflow-wrap:anywhere;display:block}.creation-card-identity>.creation-long-name{font-size:clamp(13px,4vw,22px)}.creation-long-name>span{white-space:nowrap;display:block}.creation-edit-appearance{color:#e4eeff;background:#101e37bb;border:1px solid #7494bd;justify-content:center;align-items:center;gap:7px;width:100%;min-height:44px;margin-top:1px;font-size:13px;font-weight:600;display:flex}.creation-edit-appearance:focus-visible{outline-offset:2px;outline:2px solid #fff}.creation-card-bottom{color:#3b6094;font:500 8px/1.3 var(--font-geist-mono), monospace;letter-spacing:.17em;justify-content:space-between;align-items:center;gap:10px;padding:8px 10px 5px;display:flex}.creation-barcode{opacity:.45;background:repeating-linear-gradient(90deg,#6e96cd 0 1px,#0000 1px 3px,#6e96cd 3px 5px,#0000 5px 6px);width:58px;height:13px;display:block}.creation-fields{gap:17px;margin-top:23px;display:grid}.creation-fields label>span{color:#233d63;justify-content:space-between;align-items:center;font-size:14px;font-weight:650;display:flex}.creation-fields label small{color:#6d87ac;font:500 10px/1.4 var(--font-geist-mono), monospace;letter-spacing:.1em}.career-creation-stage .creation-input{width:100%;height:53px;box-shadow:none;color:#0b1a35;letter-spacing:-.025em;background:#ffffffa3;border:1px solid #a6bee2;border-radius:0;margin-top:7px;padding:0 16px;font-size:20px;font-weight:750}.creation-input::placeholder{color:#8094b0;font-weight:400}.creation-input:focus-visible{outline-offset:1px;border-color:#1768ff;outline:2px solid #1768ff33}.creation-nickname-input{font-family:var(--font-geist-sans), sans-serif}.creation-footer{flex-shrink:0;width:min(100%,640px);margin:0 auto;padding-top:7px}.creation-footer .career-cut-button{height:58px}.creation-footer-mark{color:#6486b9;font:500 9px/1.4 var(--font-geist-mono), monospace;letter-spacing:.28em;justify-content:center;align-items:center;gap:25px;margin-top:18px;display:flex}.creation-footer-mark>span{background:#afc5e5;flex:1;max-width:100px;height:1px}.creation-role-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-bottom:18px;display:grid}.creation-role-tabs>button{color:#3d5375;background:#ffffff9c;border:1px solid #b6cbea;border-radius:10px;flex-direction:column;justify-content:center;align-items:center;gap:5px;min-width:0;min-height:58px;padding:12px 2px;display:flex}.creation-role-tabs>button[aria-pressed=true]{color:#fff;background:#165ff0;border-color:#71baff}:is(.creation-role-tabs>button:focus-visible,.creation-style-grid>button:focus-visible){outline-offset:-3px;outline:3px solid #4698ff}.creation-role-tabs strong{font-size:14px}.creation-role-tabs small{font:500 8px/1.3 var(--font-geist-mono), monospace;letter-spacing:.04em}.creation-position-feature{min-height:200px;clip-path:var(--creation-cut);background:linear-gradient(110deg,#081933,#102242);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:16px;padding:20px;display:grid}.creation-position-portrait{justify-self:end;gap:8px;width:100%;min-width:0;max-width:176px;margin:0;display:grid}.creation-position-feature .creation-position-art{aspect-ratio:1;object-fit:cover;object-position:center;background:#0f1b2d;border:1px solid #aac8ef33;width:100%;height:auto;display:block}.creation-position-copy{color:#fff;min-width:0}.creation-position-copy>span{color:#93beff;font:600 11px/1.3 var(--font-geist-mono), monospace;letter-spacing:.2em}.creation-position-copy>h2{color:#fff;margin:8px 0 12px;font-size:clamp(29px,8vw,45px);font-weight:850;line-height:1.2}.creation-position-copy>p{color:#d6e3f7;word-break:keep-all;font-size:14px;line-height:1.7}.creation-position-player{overflow-wrap:anywhere;text-align:center;color:#fff;font:italic 800 16px/1.3 var(--font-geist-sans), sans-serif;letter-spacing:-.03em}.creation-position-specialties{text-align:center;color:#4b6387;word-break:keep-all;margin-top:16px;font-size:13px;line-height:1.7}.creation-style-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.creation-style-grid>button{color:#1a2c49;text-align:left;min-width:0;min-height:85px;clip-path:var(--creation-cut);background:#ffffffa6;border:1px solid #b8cce8;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;padding:12px 14px;display:flex;position:relative}.creation-style-grid>button[aria-pressed=true]{color:#fff;background:linear-gradient(135deg,#173f8e,#0d2654);border-color:#4b95ff}.creation-style-number{color:#7897c5;font:500 10px/1 var(--font-geist-mono), monospace;letter-spacing:.1em}.creation-style-grid strong{font-size:16px;font-weight:800}.creation-style-strengths{color:#5f7393;font-size:12px}.creation-style-grid>button[aria-pressed=true] .creation-style-strengths,.creation-style-grid>button[aria-pressed=true] .creation-style-number{color:#b9d5ff}.creation-style-check{color:#8bc9ff;position:absolute;top:10px;right:10px}.creation-style-description{color:#455c7f;word-break:keep-all;min-height:44px;margin:14px 0 18px;font-size:14px;line-height:1.6}.creation-main-heading{justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px;display:flex}.creation-main-heading>h2{color:#213857;font-size:14px;font-weight:700}.creation-main-heading>div{align-items:center;gap:8px;display:flex}.creation-main-heading button{color:#125ed9;background:#edf5ff;border:1px solid #a9c4ed;min-height:36px;padding:0 10px;font-size:13px;font-weight:600}.creation-main-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.creation-main-cards>button{background:0 0;border:0;gap:6px;min-width:0;padding:0;display:grid}.creation-main-art{aspect-ratio:1;clip-path:var(--creation-cut);background:#112b51;border:1px solid #527eba;display:block;position:relative;overflow:hidden}.creation-main-cards img{object-fit:cover;object-position:center 28%;transition:transform .18s}.creation-main-cards>button:hover img{transform:scale(1.04)}.creation-main-art:after{content:"";background:linear-gradient(#041126a0,#0000);position:absolute;inset:0 0 60%}.creation-pick-number{z-index:1;color:#fff;font:600 10px/1 var(--font-geist-mono), monospace;text-shadow:0 1px 5px #000;position:absolute;top:9px;left:10px}.creation-main-cards strong{color:#16243d;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:750;overflow:hidden}.creation-confirmation .creation-player-frame{margin:4px 0 16px}.creation-confirmation-detail{color:#2e4b77;flex-wrap:wrap;justify-content:center;align-items:center;gap:13px;font-size:15px;font-weight:650;display:flex}.creation-confirmation-detail>span{background:#bacce5;width:1px;height:13px}.creation-confirm-edit{color:#48658c;height:56px}.career-cut-button{--creation-cut:polygon(12px 0, calc(100% - 12px) 0, 100% 12px, 100% calc(100% - 12px), calc(100% - 12px) 100%, 12px 100%, 0 calc(100% - 12px), 0 12px)}.creation-champion-selection{background:#eff5fc}.creation-champion-selection button{border-radius:3px}.creation-appearance{background:repeating-linear-gradient(132deg,#f1f6fd 0 120px,#e6eff9 121px 150px,#f1f6fd 151px 255px)}.creation-appearance .appearance-stage{background:linear-gradient(130deg,#dceaff,#f6f9ff);border:1px solid #bfd3ef;border-radius:0}.creation-appearance .appearance-options button,.creation-appearance .appearance-main-tabs button,.creation-appearance .appearance-part-tabs button{border-radius:2px}@media (min-width:700px){.creation-position-feature{gap:28px;padding:28px}.creation-shell{padding:24px 32px}.creation-content{padding-top:22px}.creation-style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.creation-style-grid>button{min-height:120px}.creation-main-art{aspect-ratio:1.2}}@media (max-width:370px){.creation-position-feature{gap:12px;padding:16px}.creation-shell{padding-inline:14px}.creation-heading>div{font-size:14px}.creation-card-identity{gap:5px}.creation-card-season{font-size:8px}.creation-role-tabs{gap:4px}}@media (max-height:740px){.creation-position-feature{min-height:185px;padding-block:16px}.creation-position-portrait{max-width:144px}.creation-content{padding-top:10px;padding-bottom:12px}.creation-heading{margin-bottom:16px}.creation-heading>p{font-size:10px}.creation-heading h1{margin-top:6px!important}.creation-player-card{aspect-ratio:2.1}.creation-fields{gap:12px;margin-top:16px}.career-creation-stage .creation-input{height:48px}.creation-footer-mark{margin-top:12px}.creation-style-grid>button{min-height:78px;padding-block:9px}.creation-style-description{margin-block:10px}.creation-main-art{aspect-ratio:1.25}}@media (max-height:570px){.creation-topbar-brand,.creation-footer-mark{display:none}.creation-footer{padding-top:8px}.creation-footer .career-cut-button{height:48px;min-height:48px}.creation-content{padding-bottom:18px}}@media (max-width:699px){.career-title-has-save .career-title-intro{margin-top:clamp(26px,6svh,65px)}.career-title-has-save .career-title-actions{gap:10px;padding-top:clamp(65px,12svh,130px)}}.creation-preparation{place-items:center;padding:24px;display:grid}.creation-preparation>div{width:min(100%,360px)}.creation-preparation-brand{color:#0e2853;text-align:center;letter-spacing:-.065em;margin-bottom:48px;font-size:30px;font-style:italic;font-weight:950}.creation-preparation-brand>span{color:#1768ff}.creation-random{border:1px solid var(--career-line,#0000001f);background:var(--career-surface,#fff);color:var(--career-text,#1b2433);border-radius:999px;justify-self:center;margin:2px auto 0;padding:7px 14px;font-size:13px;font-weight:700}@media (max-width:699px){.creation-playstyle-panel .creation-main-art{aspect-ratio:1}.creation-playstyle-panel .creation-main-cards img{object-position:center}.creation-playstyle-panel .creation-main-cards>button{gap:8px}}@media (max-width:699px) and (max-height:740px){.creation-playstyle-panel .creation-heading{margin-bottom:12px}.creation-playstyle-panel .creation-style-description{margin-block:8px}.creation-playstyle-panel .creation-main-heading{margin-bottom:6px}}
