html,body{background:#10292b;width:100%;height:100%;margin:0;font-family:Tahoma,Segoe UI,sans-serif;overflow:hidden}#game-shell{width:100%;height:100%;position:relative;overflow:hidden}#game-shell[hidden],.auth-screen[hidden],.auth-screen [hidden]{display:none!important}.auth-screen,.auth-screen *{box-sizing:border-box}.auth-screen{--gold:#e4c891;--ivory:#f7f0dc;--muted:#aabfba;z-index:10000;overscroll-behavior:contain;color:var(--ivory);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;isolation:isolate;background:#10292b;font-family:Tahoma,Segoe UI,sans-serif;position:fixed;inset:0;overflow:auto}.auth-screen:before{content:"";z-index:-2;background:url(/assets/ui/realm-of-fantasia.png) 50%/cover no-repeat;position:fixed;inset:0}.auth-screen:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(90deg,#071b2b80 0%,#071b2b24 48%,#071b2b33 100%),linear-gradient(#071b2b38 0%,#0000 35%,#092426a6 100%);position:fixed;inset:0}.auth-header{justify-content:space-between;align-items:center;gap:20px;max-width:1360px;margin:auto;padding:30px 5%;display:flex}.auth-brand{color:var(--ivory);letter-spacing:3px;align-items:center;gap:11px;font:600 25px Georgia,serif;text-decoration:none;display:flex}.auth-brand svg{fill:none;width:39px;height:39px;stroke:var(--gold);stroke-width:1.1px}.auth-brand small{color:#c0c8b8;letter-spacing:2.6px;margin:5px 0 0;font:8px Tahoma,sans-serif;display:block}.auth-build{color:#c0cec4;white-space:nowrap;background:#10292b66;border:1px solid #c3dbca26;border-radius:30px;align-items:center;gap:8px;padding:9px 13px;font-size:11px;display:flex}.auth-build i{background:#92bea5;border-radius:50%;width:6px;height:6px}.auth-layout{grid-template-columns:1fr 410px;align-items:center;gap:70px;max-width:1180px;min-height:calc(100dvh - 176px);margin:auto;padding:20px 35px 30px;display:grid}.auth-story{text-shadow:0 3px 25px #051b29;flex-direction:column;justify-content:center;align-self:stretch;min-height:540px;padding-bottom:160px;display:flex;position:relative}.auth-kicker{letter-spacing:3.6px;color:var(--gold);font:10px Tahoma,sans-serif}.auth-story h1{letter-spacing:-1px;margin:20px 0 17px;font-size:clamp(30px,3.2vw,46px);font-weight:500;line-height:1.55}.auth-story h1 em{color:var(--gold);white-space:normal;font-style:normal}.auth-story p{color:#d4ded5;margin:0;font-size:14px;line-height:1.9}.auth-world-caption{color:#f4e3bd;background:linear-gradient(90deg,#112c2d88,#0000);border-left:1px solid #e4c8917a;align-items:center;gap:13px;padding:13px 16px;font-size:13px;display:flex;position:absolute;bottom:4%;left:0}.auth-world-caption>span{color:var(--gold);font-size:29px}.auth-world-caption small{color:#b6c9bf;margin:6px 0 0;font-size:10px;display:block}.auth-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(145deg,#183537f5,#0d2629fa);border:1px solid #d0c59e40;border-radius:22px;width:100%;padding:28px 32px 25px;box-shadow:0 28px 80px #00151966,inset 0 1px #f3e8c014}.auth-tabs{background:#09202288;border:1px solid #a9c4ba22;border-radius:10px;gap:4px;padding:4px;display:flex}.auth-tabs a{text-align:center;color:#afc4bd;border-radius:7px;flex:1;padding:11px 5px;font-size:12px;text-decoration:none;transition:background .15s,color .15s}.auth-tabs a[aria-current]{color:#f5e2ba;background:#2b4645;box-shadow:0 2px 6px #0002}.auth-tabs a:hover{color:#fff4dc;background:#2b464566}.auth-card-heading{margin:27px 0 18px}.auth-card-heading .auth-kicker{letter-spacing:2.5px;color:#b5b58e;font-size:9px}.auth-card-heading h2{letter-spacing:-.4px;margin:9px 0 6px;font-size:26px;font-weight:500;line-height:1.45}.auth-card-heading p{color:var(--muted);margin:0;font-size:11px;line-height:1.8}.auth-demo-note{background:#d8bd8210;border:1px solid #dac18d22;border-radius:8px;align-items:center;gap:10px;margin:0 0 20px;padding:10px 12px;display:flex}.auth-demo-note>span{color:var(--gold);font-size:24px}.auth-demo-note p{color:#c8c8af;margin:0;font-size:10px;line-height:1.7}.auth-demo-note strong{color:#ecd6ac;margin-bottom:1px;font-size:11px;font-weight:500;display:block}.auth-field{margin:0 0 15px}.auth-field label{color:#e2e8db;margin-bottom:8px;font-size:12px;display:block}.auth-field input{color:#f8f0dc;background:#0c2427;border:1px solid #a0c0b638;border-radius:8px;width:100%;height:45px;padding:0 13px;font:14px Tahoma,sans-serif;transition:border-color .15s,box-shadow .15s;display:block}.auth-field input::placeholder{color:#78958e;font-size:12px}.auth-field input:focus{border-color:#d9bf84;outline:none;box-shadow:0 0 0 3px #d9bf8415}.auth-field input[aria-invalid=true]{border-color:#ed9c83}.auth-field small{color:#95aea6;margin:6px 0 0;font-size:10px;line-height:1.7;display:block}.auth-field-error{color:#ffb5a2;margin-top:5px;font-size:11px;line-height:1.7;display:block}.auth-field-error:empty{display:none}.auth-password{position:relative}.auth-password input{padding-right:46px}.auth-password button{color:#9bb8ae;cursor:pointer;background:0 0;border:none;border-radius:7px;place-items:center;width:43px;display:grid;position:absolute;inset:1px 1px 1px auto}.auth-password button:hover,.auth-password button[aria-pressed=true]{color:#e9c98c;background:#d9bf8410}.auth-password svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:19px;height:19px}.auth-screen button{cursor:pointer;font-family:inherit}.auth-primary,.auth-guest{border-radius:9px;justify-content:center;align-items:center;gap:12px;width:100%;min-height:46px;font-size:13px;font-weight:600;transition:background .15s,transform .15s;display:flex}.auth-primary{color:#25332b;background:linear-gradient(120deg,#edce92,#ceb17a);border:1px solid #f2d7a1;margin-top:20px;box-shadow:0 4px 15px #c69c3510}.auth-primary:hover{background:linear-gradient(120deg,#f5ddad,#e2c691);transform:translateY(-1px)}.auth-primary span,.auth-guest span{font-size:20px;font-weight:400;line-height:1}.auth-guest{color:#e4efdb;background:#203f3e;border:1px solid #a4c3ae59;font-weight:400}.auth-guest:hover{background:#2c5049;border-color:#b9d3bb}.auth-guest-note{color:#9cb4a9;text-align:center;margin:11px 0 0;font-size:10px;line-height:1.8}.auth-divider{color:#99b1a8;align-items:center;gap:12px;margin:21px 0 15px;font-size:10px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#adc6b524;flex:1;height:1px}.auth-feedback:empty{display:none}.auth-feedback{color:#d0e7d7;background:#497d6930;border:1px solid #8bb9a14d;border-radius:8px;margin-top:16px;padding:12px;font-size:11px;line-height:1.8}.auth-feedback[data-kind=error],.auth-noscript{color:#ffbaa2;background:#b15b421a;border-color:#ed9c834d}.auth-noscript{border-radius:8px;margin:12px 0 0;padding:12px;font-size:12px;line-height:1.8}.auth-footer{color:#91ada3;letter-spacing:1.3px;justify-content:space-between;gap:20px;max-width:1360px;margin:auto;padding:18px 5% 23px;font-size:9px;display:flex}.auth-footer span:last-child{letter-spacing:0}.auth-screen a:focus-visible,.auth-screen button:focus-visible{outline-offset:4px;outline:2px solid #f3d69c}.auth-screen button:disabled{cursor:wait;opacity:.6;transform:none}.auth-screen[aria-busy=true] .auth-guest{background:#294943}.return-login{color:#e1d7b4;cursor:pointer;background:#183637;border:1px solid #d1bf8b55;border-radius:8px;padding:9px 12px;font:11px Tahoma,sans-serif}.customizer .return-login{width:100%;margin:9px 0 0}.return-login:hover{background:#2b4c44}@media (width>=1100px) and (height>=880px){.auth-layout{gap:110px}.auth-story{padding-bottom:200px}.auth-card{padding:32px 36px}}@media (width>=761px) and (height<=800px){.auth-header{padding-block:18px}.auth-layout{min-height:calc(100dvh - 116px);padding-block:4px 12px}.auth-story{min-height:500px}.auth-card{padding-top:20px;padding-bottom:18px}.auth-card-heading{margin:16px 0 13px}.auth-card-heading h2{margin-top:6px;font-size:24px}.auth-card-heading .auth-kicker{display:none}.auth-demo-note{margin-bottom:16px;padding:8px 10px}.auth-demo-note strong{margin-right:6px;display:inline}.auth-demo-note>span{font-size:20px}.auth-field{margin-bottom:12px}.auth-field label{margin-bottom:6px}.auth-field input{height:42px}.auth-primary{margin-top:16px}.auth-divider{margin:16px 0 10px}.auth-footer{padding-block:10px 16px}}@media (width<=1000px){.auth-layout{grid-template-columns:1fr 385px;gap:35px;padding-inline:30px}.auth-story h1{font-size:33px}.auth-story{padding-bottom:100px}.auth-card{padding:24px 26px}}@media (width<=760px){.auth-header{padding:21px 22px}.auth-brand{letter-spacing:2.5px;font-size:21px}.auth-brand svg{width:32px;height:32px}.auth-brand small{letter-spacing:1.6px;font-size:7px}.auth-build{padding:7px 10px;font-size:10px}.auth-screen:before{background-position:top}.auth-layout{flex-direction:column;gap:24px;max-width:480px;min-height:0;padding:12px 20px 10px;display:flex}.auth-story{text-align:center;align-self:stretch;min-height:0;padding:0 5px}.auth-story .auth-kicker{letter-spacing:3px;font-size:8px}.auth-story h1{margin:10px 0 0;font-size:27px;line-height:1.5}.auth-story p,.auth-world-caption{display:none}.auth-card{border-radius:18px;padding:23px}.auth-card-heading{margin-top:23px}.auth-card-heading h2{font-size:23px}.auth-field input{height:46px;font-size:16px}.auth-password button{width:44px}.auth-footer{justify-content:center;padding:18px 22px 24px;font-size:8px}.auth-footer span:last-child,.auth-screen[data-view=register] .auth-story{display:none}.auth-screen[data-view=register] .auth-layout{padding-top:6px}}@media (width<=360px){.auth-header{padding-inline:15px}.auth-brand{font-size:19px}.auth-brand small{font-size:6px}.auth-build{font-size:9px}.auth-layout{padding-inline:12px}.auth-card{padding:20px}.auth-story h1{font-size:24px}}@media (width<=760px) and (height<=800px){.auth-story{display:none}.auth-header{padding-block:16px}.auth-layout{padding-top:4px}.auth-card{padding:20px}.auth-card-heading{margin:16px 0 12px}.auth-card-heading .auth-kicker{display:none}.auth-demo-note{margin-bottom:15px;padding:8px 10px}.auth-field{margin-bottom:12px}.auth-divider{margin:15px 0 10px}.auth-primary{margin-top:15px}}@media (prefers-reduced-motion:reduce){.auth-screen *{transition:none!important}}#customizer.character-editor{box-sizing:border-box;z-index:12000;overscroll-behavior:contain;color:#f5eddb;width:100%;height:100%;max-height:none;box-shadow:none;isolation:isolate;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:linear-gradient(115deg,#081c2cd9,#10272d91 55%,#10232ac7),url(/assets/ui/realm-of-fantasia.png) 50%/cover no-repeat;border:0;border-radius:0;place-items:center;margin:0;padding:24px;font-family:Tahoma,Segoe UI,sans-serif;display:grid;position:fixed;inset:0;overflow:auto}#customizer.character-editor[hidden]{display:none!important}#customizer.character-editor *{box-sizing:border-box}.character-editor-card{background:linear-gradient(145deg,#193638f7,#10282dfc);border:1px solid #d9c59666;border-radius:22px;width:min(870px,100%);padding:28px 32px;box-shadow:0 28px 90px #00101799,inset 0 1px #fff0cc18}.character-editor-heading{border-bottom:1px solid #d8c38d29;justify-content:space-between;align-items:flex-start;gap:18px;padding-bottom:21px;display:flex}#customizer .character-editor-heading .eyebrow{color:#e5cb93;letter-spacing:3px;font-size:9px}#customizer .character-editor-heading h2{letter-spacing:-.4px;margin:8px 0 4px;font-size:27px;font-weight:500;line-height:1.5}#customizer .character-editor-heading p{color:#acc4bc;margin:0;font-size:12px;line-height:1.7}.character-editor-slot{color:#e4d5b0;white-space:nowrap;border:1px solid #d5be8155;border-radius:20px;flex-shrink:0;padding:7px 11px;font-size:10px}.character-editor-slot[hidden]{display:none}.character-editor-body{grid-template-columns:minmax(0,1fr) minmax(290px,1fr);align-items:center;gap:34px;padding-top:23px;display:grid}.character-editor-preview{background:radial-gradient(at 50% 80%,#d7bd7840,#0000 58%),linear-gradient(#0e272a99,#16303255);border:1px solid #d1bc7d25;border-radius:15px;flex-direction:column;justify-content:center;align-self:stretch;align-items:center;min-width:0;margin:0;padding:17px 13px 14px;display:flex;position:relative;overflow:hidden}.character-editor-preview:after{content:"";background:linear-gradient(90deg,#0000,#d6bd7680,#0000);height:1px;position:absolute;bottom:48px;left:12%;right:12%}.character-editor-preview-label{color:#d3c5a5;letter-spacing:1.8px;font-size:10px}#customizer.character-editor #portrait{aspect-ratio:4/5;object-fit:contain;filter:drop-shadow(0 12px 12px #0006);background:0 0;width:min(100%,244px);height:auto;max-height:310px;margin:12px auto 5px;display:block}#customizer.character-editor #appearance-status{z-index:1;text-align:center;color:#c9d2bc;font-variant-numeric:tabular-nums;margin:10px 0 0;font-size:10px;line-height:1.7;position:relative}.character-editor-fields{flex-direction:column;gap:17px;min-width:0;display:flex}.character-editor-field{min-width:0}#customizer.character-editor label{color:#e2e7d8;margin:0 0 7px;font-size:12px;line-height:1.5;display:block}#customizer.character-editor input[type=text],#customizer.character-editor select{box-sizing:border-box;color:#fbf1dc;outline-offset:3px;background:#0c2529;border:1px solid #a6c1b442;border-radius:8px;width:100%;height:43px;padding:0 12px;font:14px Tahoma,Segoe UI,sans-serif;display:block}#customizer.character-editor input[type=text]::placeholder{color:#8aa59b;font-size:12px}#customizer.character-editor input[aria-invalid=true]{border-color:#e79c86}#customizer.character-editor #name-help{color:#93afa4;margin:7px 0 0;font-size:10px;line-height:1.7;display:block}#customizer.character-editor #name-help br{display:none}#customizer.character-editor #name-error{color:#ffb9a5;margin-top:5px;font-size:11px;line-height:1.6}#customizer.character-editor #name-error:empty{display:none}.character-editor-options{grid-template-columns:1fr 1fr;gap:13px;display:grid}.character-editor-field-hair-color{grid-template-columns:1fr auto;align-items:center;gap:0 12px;display:grid}#customizer.character-editor .character-editor-field-hair-color label{margin:0}#customizer.character-editor input[type=color]{cursor:pointer;background:#0c2529;border:1px solid #dac48a66;border-radius:7px;width:52px;height:34px;padding:3px}#customizer.character-editor .swatches{flex-wrap:wrap;grid-column:1/-1;gap:11px;margin:12px 0 0;display:flex}#customizer.character-editor .swatches button{background:var(--swatch);cursor:pointer;border:2px solid #dbe9d577;border-radius:50%;flex:none;width:30px;height:30px;min-height:0;transition:transform .15s,border-color .15s;box-shadow:0 2px 6px #0004}#customizer.character-editor .swatches button[aria-pressed=true]{border-color:#ffe7aa;box-shadow:0 0 0 3px #ffe7aa25}#customizer.character-editor .swatches button:hover{transform:translateY(-2px)}#character-editor-feedback{color:#ffd2bd!important;margin:0!important;font-size:11px!important;line-height:1.7!important}#character-editor-feedback:empty{display:none}#customizer.character-editor #customizer-save-note{color:#96afa3;margin:0;font-size:10px;line-height:1.7}.character-editor-actions{flex-direction:column;gap:9px;margin-top:4px;display:flex}#customizer.character-editor #confirm-character{color:#22342d;cursor:pointer;background:linear-gradient(115deg,#f0d39c,#cfb079);border:1px solid #f1d7a0;border-radius:9px;width:100%;min-height:45px;margin:0;padding:11px 15px;font:600 13px Tahoma,Segoe UI,sans-serif;display:block}#customizer.character-editor #confirm-character:hover:not(:disabled){background:linear-gradient(115deg,#f8e1b4,#e1c188)}#back-character-selection{color:#d5dfcc;cursor:pointer;background:#193b3b;border:1px solid #a9c3b43d;border-radius:8px;width:100%;min-height:37px;padding:8px 10px;font:11px Tahoma,Segoe UI,sans-serif}#back-character-selection[hidden]{display:none}#back-character-selection:hover:not(:disabled){background:#2a4c46}#customizer.character-editor button:disabled,#customizer.character-editor input:disabled,#customizer.character-editor select:disabled{cursor:wait;opacity:.6}#customizer.character-editor button:focus-visible,#customizer.character-editor input:focus-visible,#customizer.character-editor select:focus-visible{outline-offset:3px;outline:2px solid #f6dba1}@media (width<=650px){#customizer.character-editor{place-items:start center;padding:14px}.character-editor-card{border-radius:17px;max-width:460px;margin:auto;padding:20px}.character-editor-heading{gap:10px;padding-bottom:14px}#customizer .character-editor-heading h2{font-size:22px}.character-editor-slot{padding:6px 8px;font-size:9px}.character-editor-body{grid-template-columns:1fr;gap:17px;padding-top:16px}.character-editor-preview{padding:10px 12px}#customizer.character-editor #portrait{width:120px;max-height:150px;margin:5px auto}.character-editor-preview-label{font-size:9px}#customizer.character-editor #appearance-status{margin-top:4px}.character-editor-preview:after{bottom:31px}.character-editor-fields{gap:14px}#customizer.character-editor input[type=text],#customizer.character-editor select{height:43px;font-size:16px}}@media (width<=380px){#customizer.character-editor{padding:10px}.character-editor-card{padding:16px}#customizer .character-editor-heading h2{font-size:20px}.character-editor-heading p{font-size:11px!important}.character-editor-slot{display:none}.character-editor-options,#customizer.character-editor .swatches{gap:10px}#customizer.character-editor .swatches button{width:28px;height:28px}}@media (width>=651px) and (height<=650px){#customizer.character-editor{place-items:start center;padding:12px}.character-editor-card{margin:auto;padding:19px 24px}.character-editor-heading{padding-bottom:13px}#customizer .character-editor-heading h2{font-size:23px}.character-editor-body{gap:25px;padding-top:16px}.character-editor-fields{gap:11px}#customizer.character-editor #portrait{width:194px;max-height:242px}.character-editor-preview{padding-block:12px}}@media (prefers-reduced-motion:reduce){#customizer.character-editor *{transition:none!important}}.character-selection,.character-selection *{box-sizing:border-box}.character-selection[hidden],.character-selection [hidden]{display:none!important}.character-selection{--roster-gold:#e4c891;--roster-muted:#a9bbb2;overscroll-behavior:contain;color:#f7f0dc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;isolation:isolate;background:#10292b;border:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:32px 24px;font:14px/1.6 Tahoma,Segoe UI,sans-serif;position:fixed;inset:0;overflow:auto}.character-selection:before{content:"";z-index:-2;background:url(/assets/ui/realm-of-fantasia.png) 50%/cover no-repeat;position:fixed;inset:0}.character-selection:after{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#071b2b50 0%,#071b2b16 30%,#0924269c 100%);position:fixed;inset:0}.character-selection::backdrop{background:#10292b}.character-selection-shell{flex-direction:column;justify-content:center;align-items:center;width:min(100%,980px);min-height:calc(100dvh - 64px);margin:auto;display:flex}.character-selection-brand{color:#fff3d8;text-shadow:0 2px 18px #071b2b;align-items:center;gap:11px;margin:0 0 22px;display:flex}.character-selection-emblem{width:46px;height:46px;color:var(--roster-gold);background:#10292b70;border:1px solid #e4c8918c;border-radius:12px;place-items:center;font-size:31px;display:grid}.character-selection-brand strong{letter-spacing:4px;font:600 29px/1.1 Georgia,serif;display:block}.character-selection-brand small{color:#e0d4b6;letter-spacing:2.8px;margin-top:6px;font-size:8px;display:block}.character-selection-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:linear-gradient(145deg,#142d30f5,#0c1e24fa);border:1px solid #d8c18b70;border-radius:22px;width:100%;padding:28px 30px 24px;box-shadow:0 28px 90px #00131db3,inset 0 1px #f3e8c01c}.character-selection-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:25px;display:flex}.character-selection-eyebrow{letter-spacing:3px;color:var(--roster-gold);font-size:9px}.character-selection-heading h1{color:#f7e9c7;margin:4px 0 5px;font-size:28px;font-weight:500;line-height:1.5}.character-selection-heading p{color:var(--roster-muted);margin:0;font-size:12px;line-height:1.8}.character-selection-count{color:#c9bd9b;white-space:nowrap;background:#d7bf810a;border:1px solid #d7bf8140;border-radius:20px;flex-shrink:0;margin-top:9px;padding:5px 11px;font-size:11px}.character-selection-cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.character-selection-card{color:#f7f0dc;min-width:0;min-height:378px;font:inherit;cursor:pointer;background:linear-gradient(#223c3a70,#0c2328cc);border:1px solid #b7bda22c;border-radius:13px;flex-direction:column;align-items:center;padding:16px 17px 18px;transition:border-color .18s,background .18s,box-shadow .18s,transform .18s;display:flex;position:relative;overflow:hidden}.character-selection-card:hover:not(:disabled){background:linear-gradient(#2c464066,#122d30);border-color:#dbc18c8c;transform:translateY(-2px)}.character-selection-card.is-selected{background:linear-gradient(#61502c40,#142b2b);border-color:#e8c67b;box-shadow:0 0 0 1px #e8c67b66,inset 0 0 28px #cda85212}.character-selection-slot{color:#9eaa98;letter-spacing:1.1px;align-self:flex-start;font-size:9px}.is-selected .character-selection-slot{color:#e7c885}.character-selection-mark{color:#293729;background:#e7c885;border-radius:50%;place-items:center;width:22px;height:22px;font-size:13px;font-weight:700;display:grid;position:absolute;top:12px;right:13px}.character-selection-mark:empty{display:none}.character-selection-stage{background:radial-gradient(at 50% 78%,#d9bc5b1f 0%,#0000 65%);place-items:end center;width:100%;height:220px;margin:7px 0 4px;display:grid;position:relative}.character-selection-stage:before{content:"";background:radial-gradient(#cfb26517,#0000 72%);border:1px solid #e0bf6f50;border-radius:50%;height:25px;position:absolute;bottom:2px;left:14%;right:14%;box-shadow:0 0 20px #d8b45e0d}.character-selection-portrait{z-index:1;object-fit:contain;opacity:0;filter:drop-shadow(0 6px 12px #0005);width:176px;max-width:100%;height:220px;transition:opacity .2s;position:relative}.character-selection-portrait.is-ready{opacity:1}.character-selection-stage.portrait-unavailable:after{content:"✦";color:#d2bd8b55;place-items:center;font-size:55px;display:grid;position:absolute;inset:0}.character-selection-name{text-overflow:ellipsis;white-space:nowrap;color:#f8e8bd;max-width:100%;font-size:17px;font-weight:600;line-height:1.6;display:block;overflow:hidden}.character-selection-job{color:#b7c8bc;margin-top:2px;font-size:11px}.character-selection-levels{justify-content:center;gap:8px;width:100%;margin-top:10px;display:flex}.character-selection-levels span{color:#e7dcc2;white-space:nowrap;background:#06191d66;border:1px solid #c3bea724;border-radius:5px;padding:3px 9px;font-size:10px}.character-selection-map{color:#aabbb0;white-space:nowrap;text-overflow:ellipsis;max-width:100%;margin-top:10px;font-size:10px;overflow:hidden}.character-selection-card.is-empty{background:linear-gradient(#0c20264d,#0b2025a6);border-style:dashed;justify-content:center}.is-empty .character-selection-slot{position:absolute;top:16px;left:17px}.character-selection-plus{color:#d6c08c;background:#cfb56c08;border:1px solid #cab57e40;border-radius:50%;place-items:center;width:68px;height:68px;margin-bottom:20px;font:300 40px/1 Georgia,serif;display:grid;box-shadow:0 0 0 8px #cfb56c04}.character-selection-empty-title{color:#d8c9a7;font-size:15px;font-weight:500}.character-selection-empty-copy{color:#8ba299;margin-top:7px;font-size:10px}.character-selection-footer{border-top:1px solid #d9c28d29;margin-top:24px;padding-top:20px}.character-selection-actions{justify-content:space-between;align-items:center;gap:20px;display:flex}.character-selection-summary{min-width:0}.character-selection-summary small{color:#8fa99b;font-size:10px;display:block}.character-selection-summary strong{white-space:nowrap;text-overflow:ellipsis;color:#e5d5ad;max-width:420px;margin-top:3px;font-size:13px;font-weight:500;display:block;overflow:hidden}.character-selection-enter{color:#25332b;cursor:pointer;background:linear-gradient(120deg,#edce92,#ceb17a);border:1px solid #f2d7a1;border-radius:8px;min-width:210px;min-height:46px;padding:11px 25px;font:600 13px Tahoma,sans-serif;transition:background .15s,transform .15s;box-shadow:0 4px 18px #c69c3514}.character-selection-enter:hover:not(:disabled){background:linear-gradient(120deg,#f5ddad,#e2c691);transform:translateY(-1px)}.character-selection-enter:disabled{opacity:.4;cursor:default;box-shadow:none}.character-selection-logout{color:#eee1bc;cursor:pointer;background:#102c2ed9;border:1px solid #d1bf8b55;border-radius:8px;min-height:40px;margin-top:20px;padding:8px 15px;font:11px Tahoma,sans-serif}.character-selection-logout:hover:not(:disabled){background:#2b4c44}.character-selection-note{color:#c1ccb7;text-shadow:0 1px 8px #001923;margin:9px 0 0;font-size:9px}.character-selection-error{color:#ffbaa2;overflow-wrap:anywhere;background:#b15b421a;border:1px solid #ed9c834d;border-radius:7px;margin:18px 0 0;padding:10px 13px;font-size:12px;line-height:1.7}.character-selection-card:focus-visible,.character-selection-enter:focus-visible,.character-selection-logout:focus-visible{outline-offset:4px;outline:2px solid #ffe5aa}.character-selection[aria-busy=true] button{cursor:wait;opacity:.55;transform:none}@media (width<=720px){.character-selection{padding:24px 16px}.character-selection-shell{min-height:calc(100dvh - 48px)}.character-selection-panel{padding:22px 20px}.character-selection-heading{gap:12px;margin-bottom:20px}.character-selection-heading h1{font-size:24px}.character-selection-heading p{font-size:11px}.character-selection-cards{gap:10px}.character-selection-card{min-height:340px;padding:14px 10px}.character-selection-stage{height:185px}.character-selection-portrait{width:148px;height:185px}.character-selection-name{font-size:14px}.character-selection-levels{gap:4px}.character-selection-levels span{padding:3px 5px;font-size:9px}.character-selection-slot{letter-spacing:0;font-size:8px}.character-selection-mark{width:18px;height:18px;font-size:11px;top:10px;right:8px}.character-selection-empty-title{font-size:12px}.character-selection-empty-copy{text-align:center;font-size:9px}.character-selection-count{padding:4px 8px;font-size:10px}.character-selection-enter{min-width:180px}}@media (width<=520px){.character-selection:before{background-position:top}.character-selection{padding:19px 14px}.character-selection-shell{min-height:calc(100dvh - 38px)}.character-selection-brand{margin-bottom:17px}.character-selection-brand strong{font-size:24px}.character-selection-brand small{font-size:7px}.character-selection-emblem{width:39px;height:39px;font-size:27px}.character-selection-panel{border-radius:17px;padding:21px 17px 18px}.character-selection-heading{align-items:flex-start}.character-selection-heading h1{font-size:23px}.character-selection-eyebrow{letter-spacing:2px;font-size:8px}.character-selection-heading p{max-width:230px;font-size:10px}.character-selection-count{margin-top:4px;padding:4px 7px;font-size:9px}.character-selection-cards{grid-template-columns:1fr;gap:10px}.character-selection-card{grid-template-rows:19px 25px 20px 28px 23px;grid-template-columns:94px minmax(0,1fr);place-items:center start;column-gap:15px;min-height:149px;padding:14px 14px 13px;display:grid}.character-selection-slot{grid-area:1/2;align-self:center;font-size:8px}.character-selection-stage{grid-area:1/1/6;width:94px;height:119px;margin:0}.character-selection-portrait{width:94px;height:118px}.character-selection-stage:before{height:15px;bottom:1px;left:4%;right:4%}.character-selection-name{grid-area:2/2;max-width:100%;font-size:16px}.character-selection-job{grid-area:3/2;margin:0;font-size:10px}.character-selection-levels{grid-area:4/2;justify-content:flex-start;gap:6px;margin:0}.character-selection-levels span{padding:2px 7px;font-size:9px}.character-selection-map{grid-area:5/2;margin:0;font-size:9px}.character-selection-mark{top:10px;right:10px}.character-selection-card.is-empty{grid-template-rows:22px 26px 21px;align-content:center;min-height:118px}.is-empty .character-selection-slot{grid-area:1/2;position:static}.character-selection-plus{grid-area:1/1/4;justify-self:center;width:52px;height:52px;margin:0;font-size:34px}.character-selection-empty-title{grid-area:2/2;font-size:14px}.character-selection-empty-copy{text-align:left;grid-area:3/2;margin:0;font-size:9px}.character-selection-footer{margin-top:17px;padding-top:16px}.character-selection-actions{display:block}.character-selection-summary strong{max-width:100%;font-size:12px}.character-selection-enter{width:100%;min-height:46px;margin-top:13px}.character-selection-logout{margin-top:14px}.character-selection-note{text-align:center;font-size:9px}.character-selection-error{font-size:11px}}@media (width>=721px) and (height<=760px){.character-selection{padding-block:19px}.character-selection-shell{min-height:calc(100dvh - 38px)}.character-selection-brand{margin-bottom:15px}.character-selection-panel{padding-top:20px;padding-bottom:19px}.character-selection-heading{margin-bottom:17px}.character-selection-card{min-height:334px;padding-top:12px;padding-bottom:13px}.character-selection-stage{height:183px;margin-top:3px}.character-selection-portrait{width:146px;height:183px}.character-selection-footer{margin-top:17px;padding-top:15px}.character-selection-logout{margin-top:14px}}@media (prefers-reduced-motion:reduce){.character-selection *{transition:none!important}}@media (width<=360px){.character-selection{padding-inline:10px}.character-selection-panel{padding-inline:14px}.character-selection-card{grid-template-columns:80px minmax(0,1fr);column-gap:10px}.character-selection-stage{width:80px}.character-selection-portrait{object-fit:contain;width:80px}.character-selection-card.is-empty{grid-template-rows:22px auto 21px}.character-selection-empty-title{font-size:13px}.character-selection-heading{gap:8px}.character-selection-count{padding-inline:5px}}