:root{--era-gold:#cbb373;--era-ink:#070e13;--era-line:#2b363e;--era-muted:#8c9ba6;--era-white:#eeece5;color-scheme:dark}
.era-studio{max-width:1120px;margin:0 auto;padding:28px 36px 48px}.era-stepper{display:flex;justify-content:center;margin:0 auto 26px;max-width:530px}.era-stepper button{flex:1;color:#768791;background:none;border:0;font-size:13px;position:relative;padding:0 8px;cursor:pointer}.era-stepper button i{display:block;border:1px solid #64717d;width:20px;height:20px;font:11px/18px Arial;border-radius:50%;margin:0 auto 7px;background:#14212c}.era-stepper button:not(:last-child):after{content:'';position:absolute;left:calc(50% + 14px);top:9px;width:calc(100% - 28px);height:1px;background:#42535f}.era-stepper button[aria-current],.era-stepper button:not(:disabled){color:#d8c992}.era-stepper button[aria-current] i{background:#d3ba77;color:#10171b;border-color:#d3ba77}.studio-body{display:grid;grid-template-columns:minmax(250px,.85fr) minmax(400px,1fr);gap:64px}.studio-body.name-only{display:block;max-width:440px;margin:5vh auto 0}.studio-controls h1,.founding-stage h1{font-size:25px;font-weight:600;letter-spacing:-.6px;line-height:1.4;margin:0 0 12px}.studio-controls p{font-size:13px;color:#a1b1ba;line-height:1.7;margin:0 0 20px}.studio-controls h3{font-size:13px;font-weight:500;color:#b2c0c7;margin:22px 0 10px}.studio-display{position:sticky;top:40px;min-height:540px;padding:45px 0 25px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-top:1px solid #5a5e5355;border-bottom:1px solid #5a5e5355;background:radial-gradient(ellipse,#28404b33,transparent 65%)}.studio-display>.emblem-svg{width:230px;filter:drop-shadow(0 10px 12px #0009);margin:25px 0}.studio-display>.jersey-svg{height:370px;max-width:100%;filter:drop-shadow(0 12px 10px #0008)}.studio-display h2{font-size:23px;font-weight:600;margin:12px 0}.studio-display>p{font-size:13px;letter-spacing:2px;color:#949ea6}.studio-display>p span{padding:0 12px;color:#cbb373}.era-options{display:flex;flex-wrap:wrap;gap:6px}.era-options button,.era-kit-tabs button{font-size:13px;background:#13212b90;color:#b9c6cd;border:1px solid #33454f;border-radius:2px;padding:9px 12px;cursor:pointer}.era-options button:hover,.badge-symbols button:hover{border-color:#cbb373;color:#e8d6a6}.era-options button.selected,.era-kit-tabs button.selected{color:#161d20;background:#d2b979;border-color:#d2b979}.name-input{position:relative}.name-input input{padding-right:55px;height:50px}.name-input>span{position:absolute;right:14px;top:18px;font-size:13px;color:#7f8b93}.name-validation{display:flex;justify-content:space-between;font-size:13px;align-items:center;color:#9aabb4;padding:10px 0}.suggestions{display:grid;grid-template-columns:repeat(3,1fr)}.suggestions button{padding:12px 5px}.name-stage .entry-label{margin-top:36px}.studio-actions{margin-top:30px;border-top:1px solid #344149;padding-top:20px;display:flex;gap:16px;align-items:center}.studio-actions .entry-primary{margin-left:auto;min-width:175px}.studio-actions #saveStatus{font-size:13px;color:#889ba5}.badge-symbols{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.badge-symbols button{cursor:pointer;border:1px solid #31414b;background:#101c2480;border-radius:2px;padding:6px;color:#91a3ac;font-size:13px}.badge-symbols button.selected{border-color:#d9bd76;background:#d3b36914;color:#e1cf9c}.badge-symbols svg{width:42px;height:46px;display:block;margin:auto}.badge-symbols span{display:block;margin-top:3px}.badge-text-row{display:flex;align-items:center;gap:20px;margin-top:20px}.badge-text-row .entry-label{margin:0}.badge-text-row .entry-input{width:140px;padding:8px 12px}.era-colors{display:flex;gap:25px}.era-colors label{display:flex;align-items:center;gap:8px;font-size:13px;color:#a6b2b8}.era-colors input{width:32px;height:32px;border:1px solid #8c7c55;padding:2px;border-radius:50%;background:transparent;cursor:pointer}.era-colors input::-webkit-color-swatch-wrapper{padding:0}.era-colors input::-webkit-color-swatch{border:0;border-radius:50%}.era-palettes{display:flex;gap:9px;margin-top:16px}.era-palettes button{display:flex;width:37px;height:18px;padding:0;border:1px solid #586776;border-radius:2px;overflow:hidden;cursor:pointer}.era-palettes i{flex:1;height:100%}.era-kit-tabs{display:flex;margin-top:23px}.era-kit-tabs button{flex:1;border-radius:0}.kit-lineup{display:flex;justify-content:space-around;border-top:1px solid #30404b;margin-top:20px;padding-top:12px}.kit-lineup button{display:grid;background:none;border:0;color:#9dabb4;font:13px Arial;letter-spacing:2px;cursor:pointer}.kit-lineup svg{height:105px;width:90px}.founding-stage{width:460px;max-width:90vw;margin:30px auto 40px;text-align:center}.founding-stage>p{font-size:13px;color:#a8b3bb}.founding-badge svg{height:155px;margin:20px auto 5px;filter:drop-shadow(0 0 30px #c8a3553b)}.founding-stage h2{font-size:26px;margin:5px 0 10px}.founding-kits{display:flex;justify-content:center;margin:15px 0}.founding-kits svg{width:130px;height:153px}.founding-stage .entry-primary{width:100%;margin-top:20px}.era-recovery-code{overflow-wrap:anywhere;font:16px/1.8 Consolas,monospace;letter-spacing:1px;padding:20px;border:1px solid #8e7e52;color:#e6cf8e;background:#101d2699;margin:25px 0 15px}.recovery-check{font-size:13px;color:#c8d2d6;display:flex;gap:9px;align-items:center}.recovery-check input{accent-color:#cbb373}.studio-controls .entry-kicker{font-size:13px;color:#cbb373}.era-entry .entry-primary,.era-entry .entry-secondary{box-shadow:none}
@media(min-height:1000px){.era-studio{padding-top:60px}.era-stepper{margin-bottom:55px}.studio-display{min-height:610px}.founding-stage{margin-top:7vh}}@media(max-height:800px){.era-entry-head{height:70px}.era-studio{padding-top:16px}.era-stepper{margin-bottom:18px}.studio-controls h3{margin-top:15px}.studio-display{min-height:480px;padding:20px 0}.studio-display>.jersey-svg{height:320px}.studio-actions{margin-top:18px;padding-top:14px}.founding-stage{margin-top:16px}.founding-badge svg{height:110px}.founding-kits svg{height:120px}.founding-stage h1{font-size:23px}.founding-facts{padding:10px 0}.kit-lineup svg{height:80px}}@media(max-width:900px){.studio-body{gap:25px;grid-template-columns:minmax(190px,.7fr) minmax(350px,1fr)}.era-studio{padding-inline:24px}.studio-display>.emblem-svg{width:180px}.studio-display>.jersey-svg{max-width:250px}.era-entry-head>.entry-kicker{display:none}}
.era-entry{min-height:100dvh;background:#070e13;color:var(--era-white);font-family:'Segoe UI','Malgun Gothic',sans-serif;position:relative;isolation:isolate;padding-bottom:60px}
.era-entry:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#050b10 0%,#060c1233 48%,#060c120d),url('/assets/game/era-tunnel.png') center 38%/cover;z-index:-1}
.era-entry.studio-scene:before{background:linear-gradient(0deg,#060d12 10%,#060d12ec 52%,#060d1288),url('/assets/game/era-tunnel.png') center 34%/cover}
.era-wordmark{display:inline-block;font-family:Arial,sans-serif;font-size:58px;font-weight:900;letter-spacing:3px;color:var(--era-gold);line-height:1;white-space:nowrap}.era-wordmark>span{margin-left:8px}.era-wordmark small{display:block;font-size:13px;font-weight:500;letter-spacing:2px;margin-top:10px}
.main-menu{min-height:calc(100dvh - 70px);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:70px 24px 9vh;text-align:center}.menu-mark .era-wordmark{font-size:clamp(66px,6.7vw,115px);text-shadow:0 3px 22px #000}.menu-mark .era-wordmark small{font-size:clamp(11px,1vw,16px);letter-spacing:4px}.menu-slogan{font-family:Georgia,'Malgun Gothic',serif;font-style:italic;font-size:20px;letter-spacing:2px;margin:32px 0 15px;text-shadow:0 2px 10px #000}.entry-kicker{font-size:13px;letter-spacing:3px;color:var(--era-gold);margin:0 0 18px}.menu-actions{display:grid;gap:12px;width:350px;margin-top:36px}.menu-caption{font-size:13px;color:#a9b2b6;margin-top:25px}.entry-primary,.entry-secondary{font:600 13px 'Segoe UI','Malgun Gothic',sans-serif;border-radius:2px;min-height:44px;padding:12px 18px;cursor:pointer;letter-spacing:.3px;display:flex;align-items:center;justify-content:center;gap:18px;border:1px solid #bca361;transition:background .15s,color .15s}.entry-primary{background:linear-gradient(100deg,#bba366,#e8d699 55%,#bda46a);color:#181b18}.entry-secondary{background:#070e13cc;color:#e5d6a7}.entry-primary:hover{filter:brightness(1.1)}.entry-secondary:hover{background:#cbb37320}.entry-primary:disabled,.entry-secondary:disabled{opacity:.45;cursor:wait}.entry-text{background:transparent;border:0;color:#b0bbc0;font-size:13px;cursor:pointer}.era-entry button:focus-visible,.era-entry input:focus-visible,.era-entry textarea:focus-visible{outline:2px solid #e4cb87;outline-offset:3px}
.era-footer{position:absolute;bottom:0;left:0;right:0;min-height:48px;border-top:1px solid #58626355;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 30px;font:13px Arial;letter-spacing:1.1px;color:#9ba6ad;background:#060d13b0}.era-footer>span:nth-child(2){letter-spacing:5px;font-size:13px}.era-entry-head{height:90px;padding:24px 40px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #68727d3d}.era-entry-head .era-wordmark{font-size:29px}.era-entry-head .era-wordmark small{font-size:13px;letter-spacing:1.2px;margin-top:6px}.restore-stage{max-width:420px;margin:0 auto;padding:10vh 0 50px}.restore-stage h1{font-size:26px;font-weight:600;margin:0 0 22px;letter-spacing:-1px}.restore-stage>p:not(.entry-kicker){font-size:13px;line-height:1.9;color:#adb5ba}.entry-label{display:block;font-size:13px;color:#b8c3c7;margin:26px 0 9px}.entry-input{width:100%;border:1px solid #475661;border-radius:2px;background:#08121ad9;color:#e8e9e6;padding:14px;font:13px 'Segoe UI','Malgun Gothic',sans-serif;outline:none}.entry-input:focus{border-color:#cbb373}.restore-stage .entry-primary{width:100%;margin-top:18px}.restore-help{border:1px solid #35424c;padding:20px 24px;margin-top:40px}.restore-help h3{font-size:13px;margin:0 0 12px}.restore-help p{font-size:13px;color:#93a2ac;line-height:2;margin:0}#entryError{color:#f2a797;font-size:13px;line-height:1.7}.recovery-preview{text-align:center}.recovery-preview>.emblem-svg{width:136px;margin:15px auto 22px;display:block}.founding-facts{border-top:1px solid #485055;border-bottom:1px solid #485055;padding:15px 0;text-align:left;font-size:13px}.founding-facts>div{display:flex;justify-content:space-between;gap:24px;line-height:2.2}.founding-facts dt{color:#8d9ba6}.founding-facts dd{margin:0}
@media(min-height:1000px){.main-menu{padding-bottom:12vh}.menu-actions{margin-top:45px}}@media(max-height:800px){.main-menu{padding-bottom:6vh}.menu-slogan{margin-top:24px}.menu-actions{margin-top:20px}.restore-stage{padding-top:6vh}}@media(max-width:700px){.era-footer>span:first-child,.era-footer>span:last-child{display:none}.era-footer{justify-content:center}.era-entry-head{padding:20px}.restore-stage{padding:50px 24px;max-width:440px}.main-menu{padding-bottom:10vh}.menu-actions{width:min(350px,90vw)}}