body #login.pregame-art[data-panel],#boot-loading.pregame-boot{--pregame-petrol: url(../assets/ui/pregame-v1/panel-petrol.a1bfb9c58c97b91a.webp);--pregame-olive: url(../assets/ui/pregame-v1/panel-olive.4d69b7e1b4d55007.webp);--pregame-bronze: url(../assets/ui/pregame-v1/button-bronze.1f7ffd01a7523604.webp);--pregame-slate: url(../assets/ui/pregame-v1/button-slate.b264968b2c386063.webp);--tchapi-text: #f5eddb;--tchapi-muted: #c5cabd;--tchapi-dim: #9da99c;--tchapi-gold-bright: #e4c38a;--tchapi-gold: #b59560;--tchapi-cyan: #8aafac;--tchapi-cyan-soft: #c5dbcb;--tchapi-line: rgba(173, 157, 112, .65);color:var(--tchapi-text)}body #login.pregame-art[data-panel=account]{background:linear-gradient(90deg,#1222233b,#0d1d1e0f 48%,#12222338),url(../assets/ui/pregame-v1/arrival-desktop.a4a859948435e821.webp) center / cover no-repeat #193b3b}body #login.pregame-art[data-panel=conduct]{background:linear-gradient(#15201b29,#15201b52),url(../assets/ui/pregame-v1/archive-desktop.7da5d367385c661f.webp) center / cover no-repeat #334039}body #login.pregame-art[data-panel=characters]{background:linear-gradient(90deg,#111f1e0a,#111f1e05 55%,#111f1e52),url(../assets/ui/pregame-v1/heroes-desktop.24a3ec9f12818f49.webp) center / cover no-repeat #35483c}body #login.pregame-art[data-panel=servers]{background:linear-gradient(#1522211f,#1522213d),url(../assets/ui/pregame-v1/journey-desktop.410159ca6b3e390c.webp) center / cover no-repeat #344944}body #login.pregame-art[data-panel]:before,body #login.pregame-art[data-panel]:after{content:none;display:none}body #login.pregame-art[data-panel] h1.login-brand{background:linear-gradient(180deg,#0e2322f2,#102624e6);border-color:#b99c61;box-shadow:0 4px 22px #1219154d;-webkit-backdrop-filter:none;backdrop-filter:none}body #login.pregame-art[data-panel] .login-brand-title{color:#f2d6a0;text-shadow:0 2px 2px #17251c}body #login.pregame-art[data-panel] .login-brand-subtitle{color:#c5d2bd}body #login.pregame-art[data-panel] .login-brand-mark{filter:drop-shadow(0 3px 4px rgba(0,0,0,.32))}body #login.pregame-art[data-panel] .login-site-link{border-color:#ae915b;background:#223c3b;color:#f5e4c0;box-shadow:0 3px 12px #172a2755}body #login.pregame-art[data-panel=account] .card,body #login.pregame-art[data-panel=servers] .card,body #login.pregame-art[data-panel=characters] .character-control-panel,body #login.pregame-art .delete-character-dialog-card{border:1px solid transparent;border-image:var(--pregame-petrol) 96 fill / 23px / 0 stretch;border-radius:0;background:none;box-shadow:0 17px 42px #0812106e;-webkit-backdrop-filter:none;backdrop-filter:none}body #login.pregame-art[data-panel=conduct] .card{border:1px solid transparent;border-image:var(--pregame-olive) 96 fill / 24px / 0 stretch;border-radius:0;background:none;box-shadow:0 17px 42px #101b155e}body #login.pregame-art[data-panel] .card:before,body #login.pregame-art[data-panel] .card:after,body #login.pregame-art[data-panel=characters] .character-control-panel:before,body #login.pregame-art[data-panel=characters] .character-control-panel:after{content:none;display:none}body #login.pregame-art[data-busy=true] .card{cursor:progress}body #login.pregame-art[data-panel] :is(.login-panel-heading>span,.game-conduct-eyebrow,.character-screen-heading span,.server-screen-eyebrow){color:#dfc693}body #login.pregame-art[data-panel] :is(h2,h3,.login-panel-heading>strong,.server-screen-title){color:#f4ecd9;text-shadow:0 2px 3px #0a201c99}body #login.pregame-art[data-panel] :is(.login-panel-heading>small,.server-screen-heading>p,.character-screen-heading p,.game-conduct-heading p,.server-section-copy small){color:#c6cebd}body #login.pregame-art[data-panel] .login-field>span{color:#d8ddcb}body #login.pregame-art[data-panel] input:not([type=checkbox]):not([type=radio]){color:#fbf5e7;border-color:#8e916e;background:#051615b8;box-shadow:inset 0 2px 8px #03100f66;caret-color:#f4db9e}body #login.pregame-art[data-panel] input::placeholder{color:#a6b5a9;opacity:1}body #login.pregame-art[data-panel] input:focus{border-color:#efd298;outline-color:#efd298;box-shadow:0 0 0 2px #d7b87b44}body #login.pregame-art[data-panel] :is(button,a,input):focus-visible{outline:2px solid #f1d499;outline-offset:3px}body #login.pregame-art[data-panel] :is(#account-login,#play,#play-existing,#server-enter,#game-conduct-accept){color:#fff5dc;border:1px solid transparent;border-image:var(--pregame-bronze) 96 fill / 12px / 0 stretch;border-radius:0;background:none;text-shadow:0 1px 2px #4b3519;box-shadow:0 5px 12px #0b1d1855}body #login.pregame-art[data-panel] :is(#account-cancel-restore,#cancel-create,#logout-account,#delete-character,#server-back,#game-conduct-logout,#delete-character-cancel){color:#e3e5d4;border:1px solid transparent;border-image:var(--pregame-slate) 96 fill / 10px / 0 stretch;border-radius:0;background:none;box-shadow:0 4px 10px #0b1d1844}body #login.pregame-art[data-panel] :is(#account-login,#play,#play-existing,#server-enter,#game-conduct-accept):disabled{filter:grayscale(.7) brightness(.64)}body #login.pregame-art[data-panel] button:not(:disabled):hover{filter:brightness(1.09)}body #login.pregame-art .delete-character-dialog{background:#081211c7;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}body #login.pregame-art .delete-character-dialog-eyebrow{color:#e9a79d}body #login.pregame-art[data-panel=characters] .character-control-panel :is(.slot,.class-choice),body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice){border:1px solid transparent;border-image:var(--pregame-slate) 96 fill / 10px / 0 stretch;border-radius:0;background:none;box-shadow:none}body #login.pregame-art[data-panel=characters] .character-control-panel :is(.slot.selected,.class-choice.selected),body #login.pregame-art[data-panel=servers] :is(.region-choice.selected,.channel-choice.selected){border-image-source:var(--pregame-bronze);box-shadow:inset 0 0 0 1px #e7c581,0 0 14px #dbb47322}body #login.pregame-art[data-panel=characters] .character-control-panel :is(.slot,.class-choice) :is(strong,small),body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice) .slot-meta :is(strong,small){color:#ebe6d5}body #login.pregame-art[data-panel=characters] .character-control-panel :is(.slot,.class-choice) small,body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice) .slot-meta small{color:#c4cbbd}body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice).unavailable{filter:saturate(.35);opacity:.76}body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice).unavailable:hover{filter:saturate(.35);transform:none}body #login.pregame-art[data-panel=characters] :is(#create-panel,.character-announcement),body #login.pregame-art[data-panel=servers] :is(.server-character-card,.server-region-panel,.server-channel-panel,.server-selection-summary),body #login.pregame-art[data-panel=conduct] :is(.game-conduct-principle,.game-conduct-footer){border-color:#9f93625e;background:#081b1a80;box-shadow:inset 0 1px #e7d6a814}body #login.pregame-art[data-panel=servers] .region-choice-code,body #login.pregame-art[data-panel=servers] .channel-choice-marker{color:#ecd6a5;border-color:#b9a377;background:#18343299;box-shadow:none}body #login.pregame-art[data-panel=servers] .server-section-index{color:#e0c18a}body #login.pregame-art[data-panel=servers] .server-character-identity strong{color:#f0d398}body #login.pregame-art[data-panel=characters] .character-showcase:before,body #login.pregame-art[data-panel=characters] .character-showcase:after,body #login.pregame-art[data-panel=characters] .character-showcase-stage-glow{display:none}body #login.pregame-art[data-panel=characters]{--character-panel-width: clamp(360px, 31vw, 480px);--character-layout-gap: clamp(24px, 3vw, 56px)}body #login.pregame-art[data-panel=characters] .card{width:min(1760px,100%)}body #login.pregame-art[data-panel=characters] .character-selection-shell{grid-template-rows:minmax(0,1fr)}body #login.pregame-art[data-panel=characters] .character-showcase{grid-template-rows:auto auto auto;align-content:center;gap:10px;padding-block:16px 64px}body #login.pregame-art[data-panel=characters] .character-showcase-stage{width:min(92%,64dvh,700px);aspect-ratio:7 / 6;place-items:center}body #login.pregame-art[data-panel=characters] .character-showcase-art{width:100%;height:100%;max-width:none;animation:none;filter:drop-shadow(3px 7px 4px #16231b66)}body #login.pregame-art[data-panel=characters] .character-showcase-art:after{background:#18211a55;height:4%;filter:blur(5px)}body #login.pregame-art[data-panel=characters] .character-showcase-eyebrow{color:#f3ead5;border-color:#c3aa75;border-radius:2px;background:#1a3533cc;-webkit-backdrop-filter:none;backdrop-filter:none}body #login.pregame-art[data-panel=characters] .character-showcase-copy{min-width:0;width:min(100%,560px);padding:14px 20px;gap:6px;border-color:#d3be91;background:linear-gradient(90deg,transparent,#17332ee8 18%,#17332eed 82%,transparent)}body #login.pregame-art[data-panel=characters] .character-showcase-copy strong{color:#f7e6bd;font-size:clamp(24px,2.2vw,34px);line-height:1.15}body #login.pregame-art[data-panel=characters] .character-showcase-copy span{color:#d2ddce;font-size:14px;line-height:1.4}body #login.pregame-art[data-panel=characters] .character-control-panel,body #login.pregame-art[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])){height:auto;max-height:calc(100dvh - 112px);align-self:center}body #login.pregame-art[data-panel=characters] .character-announcement{flex:0 0 auto;min-height:100px}body #login.pregame-art[data-panel=characters] .character-control-heading{grid-template-columns:minmax(0,1fr)}body #login.pregame-art[data-panel=servers] .server-screen-heading{grid-template-columns:minmax(0,1fr) auto}@media(max-width:1000px){body #login.pregame-art[data-panel=characters] .character-showcase{min-height:0;padding-block:16px;flex:0 0 auto}body #login.pregame-art[data-panel=characters] .character-showcase-stage{width:min(440px,70vw)}body #login.pregame-art[data-panel=characters] .character-control-panel,body #login.pregame-art[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])){max-height:none;align-self:stretch}}@media(max-width:620px){body #login.pregame-art[data-panel=characters] .character-showcase{padding:12px 0;gap:8px}body #login.pregame-art[data-panel=characters] .character-showcase-stage{width:min(300px,78vw)}body #login.pregame-art[data-panel=characters] .character-showcase-copy{padding:10px 12px}body #login.pregame-art[data-panel=characters] .character-showcase-copy strong{font-size:22px}body #login.pregame-art[data-panel=characters] .character-showcase-copy span{font-size:12px}}#boot-loading.pregame-boot{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:grid;place-items:center;box-sizing:border-box;padding:20px;overflow:auto;background:linear-gradient(#0f231f29,#0f231f66),url(../assets/ui/pregame-v1/arrival-desktop.a4a859948435e821.webp) center/cover no-repeat #193b3b}#boot-loading.pregame-boot .pregame-boot-card{width:min(460px,100%);max-height:calc(100dvh - 40px);overflow:auto;padding:34px;box-sizing:border-box;text-align:center;border:1px solid transparent;border-image:var(--pregame-petrol) 96 fill / 24px / 0 stretch;box-shadow:0 15px 40px #13201988;color:#f1eadb}#boot-loading.pregame-boot .pregame-boot-title{display:block;margin:12px 0 6px;font:700 clamp(24px,5vw,30px) "Cinzel",Georgia,serif;color:#e8cd92;overflow-wrap:anywhere}#boot-loading.pregame-boot .pregame-boot-copy{margin:0;font:14px/1.5 Inter,sans-serif;color:#c5d1bd}#boot-loading.pregame-boot .pregame-boot-track{margin-top:24px;height:7px;background:#071d19;border:1px solid #b89a64;overflow:hidden}#boot-loading.pregame-boot .pregame-boot-track span{display:block;width:4%;height:100%;background:#d6ba7d;transition:width .18s ease}#boot-loading.pregame-boot .pregame-boot-status{min-height:1.4em;margin-top:9px;font:11px/1.4 Inter,sans-serif;color:#c2ccba}@media(max-width:700px){body #login.pregame-art[data-panel=account]{background-image:linear-gradient(#193b3b22,#122e2b55),url(../assets/ui/pregame-v1/arrival-mobile.b44359f048c01760.webp)}body #login.pregame-art[data-panel=conduct]{background-image:linear-gradient(#293b2d33,#172b2377),url(../assets/ui/pregame-v1/archive-mobile.4f93e9f006964d78.webp)}body #login.pregame-art[data-panel=characters]{background-image:linear-gradient(#22392d11,#142d2455),url(../assets/ui/pregame-v1/heroes-mobile.a56d35a3b1b71331.webp)}body #login.pregame-art[data-panel=servers]{background-image:linear-gradient(#193b3b22,#122e2b55),url(../assets/ui/pregame-v1/journey-mobile.d92f061b8441b48d.webp)}#boot-loading.pregame-boot{background-image:linear-gradient(#193b3b22,#122e2b55),url(../assets/ui/pregame-v1/arrival-mobile.b44359f048c01760.webp)}}@media(forced-colors:active){body #login.pregame-art[data-panel] :is(.card,.character-control-panel,.slot,.class-choice,.region-choice,.channel-choice),body #login.pregame-art .delete-character-dialog-card{border-image:none;border:2px solid CanvasText;background:Canvas;color:CanvasText}}body #login.pregame-art[data-panel=characters] .character-showcase-stage{isolation:isolate;overflow:visible;margin-bottom:clamp(40px,8dvh,94px)}body #login.pregame-art[data-panel=characters] .character-showcase-pedestal{position:absolute;z-index:1;left:50%;bottom:3.5%;width:62%;height:auto;max-width:none;transform:translate(-50%,64%);pointer-events:none;-webkit-user-select:none;user-select:none;image-rendering:auto;filter:drop-shadow(0 5px 4px #362c2145)}body #login.pregame-art[data-panel=characters] .character-showcase-art{z-index:2}@media(max-width:1000px){body #login.pregame-art[data-panel=characters] .character-showcase-stage{margin-bottom:64px}}@media(max-width:650px){body #login.pregame-art[data-panel=characters] .character-showcase-stage{margin-bottom:44px}}body #login.pregame-art[data-panel=characters]{--character-panel-width: clamp(400px,32vw,580px);--character-layout-gap: clamp(24px,3vw,56px)}body #login.pregame-art[data-panel=characters] .card{width:min(1620px,100%)}body #login.pregame-art[data-panel=characters] .character-showcase{grid-template-rows:auto auto;gap:0;padding:16px 16px 40px}body #login.pregame-art[data-panel=characters] .character-showcase-stage{width:min(94%,54dvh,640px);aspect-ratio:7/6}body #login.pregame-art[data-panel=characters] .character-showcase-art{filter:none}body #login.pregame-art[data-panel=characters] .character-showcase-portrait:not(.character-portrait-gm){image-rendering:auto;filter:saturate(.92) contrast(.96) sepia(.035)}body #login.pregame-art[data-panel=characters] .character-showcase-art:after{left:35%;right:35%;bottom:2%;height:2.8%;background:radial-gradient(ellipse,#30292080,transparent 72%);filter:blur(1.4px);transform:none}body #login.pregame-art[data-panel=characters] .character-showcase-copy{width:min(100%,480px);padding:14px 24px 16px;gap:7px;background:linear-gradient(90deg,transparent,#17332ee0 22%,#17332ee0 78%,transparent)}body #login.pregame-art[data-panel=characters] .character-showcase-copy .character-showcase-eyebrow{padding:0;border:0;background:none;box-shadow:none;color:#c9cbbb;font:600 11px/1.4 Inter,sans-serif;letter-spacing:.14em}body #login.pregame-art[data-panel=characters] .character-showcase-copy strong{font-size:clamp(24px,2vw,31px);line-height:1.25}body #login.pregame-art[data-panel=characters] .character-control-panel{padding:28px;gap:14px;max-height:calc(100dvh - 112px)}body #login.pregame-art[data-panel=characters] #character-screen-title{font-size:clamp(25px,2vw,31px);line-height:1.2}body #login.pregame-art[data-panel=characters] .character-control-panel .panel-title>small{font-size:max(11px,calc(14px * var(--tchapi-font-scale,1)));line-height:1.5}body #login.pregame-art[data-panel=characters] #slots{gap:10px;flex:0 0 auto}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot{min-height:94px;padding:10px 18px;display:grid;grid-template-columns:76px minmax(0,1fr);gap:16px;text-align:left;align-items:center}body #login.pregame-art[data-panel=characters] #slots .slot .character-portrait{width:72px;height:74px;flex:none;border-radius:4px;border:1px solid #bd9e6655;background-color:#162c2acc;image-rendering:auto;position:static;inset:auto;margin:0;transform:none;justify-self:start;filter:none}body #login.pregame-art[data-panel=characters] #slots .character-portrait:not(.character-portrait-gm),body #login.pregame-art[data-panel=servers] .server-character-portrait:not(.character-portrait-gm){background-size:auto 190%!important;background-position:center 7%!important}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot-meta{gap:6px;align-items:start;justify-items:start;justify-content:start;justify-self:stretch;margin:0;width:100%;text-align:left}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot-meta>*{text-align:left;justify-self:start}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot-meta strong{font-size:max(11px,calc(17px * var(--tchapi-font-scale,1)));line-height:1.3}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot-meta small{font-size:max(11px,calc(14px * var(--tchapi-font-scale,1)));line-height:1.4}body #login.pregame-art[data-panel=characters] .character-announcement[hidden]{display:none!important}body #login.pregame-art[data-panel=characters] .character-announcement{min-height:0;padding:14px}body #login.pregame-art[data-panel=characters] #character-actions{display:grid;grid-template-columns:1fr;gap:4px}body #login.pregame-art[data-panel=characters] #play-existing{min-height:54px;font-size:max(11px,calc(18px * var(--tchapi-font-scale,1)));letter-spacing:.06em}body #login.pregame-art[data-panel=characters] #delete-character{justify-self:end;width:auto;min-height:40px;padding:8px 12px;border-image:none;border:0;background:none;box-shadow:none;color:#bbc5bc;font-size:max(11px,calc(12px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=characters] #delete-character:hover:not(:disabled){color:#e4a79b}body #login.pregame-art[data-panel=characters] #logout-account{min-height:44px;font-size:max(11px,calc(12px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .card{width:min(1160px,calc(100vw - 40px));height:auto;min-height:0;max-height:calc(100dvh - 104px);padding:24px;overflow:auto;clip-path:none;flex:0 0 auto}body #login.pregame-art[data-panel=servers] .server-panel{height:auto;grid-template-columns:minmax(250px,.44fr) minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:14px}body #login.pregame-art[data-panel=servers] .server-screen-title{font-size:max(11px,calc(32px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .server-screen-heading .panel-title>small{font-size:max(11px,calc(14px * var(--tchapi-font-scale,1)));line-height:1.5}body #login.pregame-art[data-panel=servers] #server-character.server-character-card{grid-template-columns:80px minmax(0,1fr) auto;min-height:100px;padding:12px 18px;gap:18px}body #login.pregame-art[data-panel=servers] .server-character-portrait{width:76px;height:80px;image-rendering:auto;filter:none}body #login.pregame-art[data-panel=servers] .server-character-identity{display:grid;grid-template-columns:1fr;justify-self:stretch;justify-items:start;margin:0;width:100%;text-align:left;gap:4px}body #login.pregame-art[data-panel=servers] .server-character-identity small{font-size:max(11px,calc(10px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .server-character-identity strong{font-size:max(11px,calc(21px * var(--tchapi-font-scale,1)));line-height:1.3}body #login.pregame-art[data-panel=servers] .server-character-identity>span{font-size:max(11px,calc(14px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .server-character-ready{font-size:max(11px,calc(11px * var(--tchapi-font-scale,1)));white-space:normal}body #login.pregame-art[data-panel=servers] :is(.server-region-panel,.server-channel-panel){align-self:start;height:auto;min-height:0;padding:16px;gap:14px}body #login.pregame-art[data-panel=servers] .server-section-title{font-size:max(11px,calc(18px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .server-section-copy small{font-size:max(11px,calc(12px * var(--tchapi-font-scale,1)));line-height:1.4}body #login.pregame-art[data-panel=servers] .region-choice{min-height:82px;padding:12px}body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice) .slot-meta strong{font-size:max(11px,calc(15px * var(--tchapi-font-scale,1)));line-height:1.35}body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice) .slot-meta small{font-size:max(11px,calc(12px * var(--tchapi-font-scale,1)));line-height:1.45}body #login.pregame-art[data-panel=servers] .region-choice.selected,body #login.pregame-art[data-panel=characters] #slots .slot.selected,body #login.pregame-art[data-panel=servers] .channel-choice.selected{border-image-source:var(--pregame-slate);box-shadow:inset 3px 0 #dfbd7c,inset 0 0 0 1px #dfbd7c80;background-color:#b79c5c14;outline:2px solid #d8b775;outline-offset:-3px}body #login.pregame-art[data-panel=characters] #slots .slot.selected .slot-meta strong{color:#f3d39a}body #login.pregame-art[data-panel=servers] .channel-options{display:flex;flex-direction:column;gap:20px;flex:0 1 auto;max-height:min(44dvh,470px);overflow:auto;padding:2px 5px 4px 2px}body #login.pregame-art[data-panel=servers] .server-channel-group{min-width:0;flex:0 0 auto}body #login.pregame-art[data-panel=servers] .server-channel-group h4{margin:0 0 10px;color:#decb9f;font:600 13px/1.4 Inter,sans-serif;letter-spacing:.04em}body #login.pregame-art[data-panel=servers] .server-channel-group[data-group=activities]{border-top:1px solid #b89f6544;padding-top:16px}body #login.pregame-art[data-panel=servers] .server-channel-grid{display:grid;grid-template-columns:1fr;gap:9px}body #login.pregame-art[data-panel=servers] .channel-choice{min-height:86px;grid-template-columns:44px minmax(0,1fr) minmax(100px,32%);gap:12px;padding:12px}body #login.pregame-art[data-panel=servers] .channel-choice-state{max-width:none}body #login.pregame-art[data-panel=servers] .channel-choice-state small{font-size:max(11px,calc(12px * var(--tchapi-font-scale,1)));line-height:1.4}body #login.pregame-art[data-panel=servers] .server-footer{grid-template-columns:minmax(0,1fr) auto;padding-top:16px;gap:16px}body #login.pregame-art[data-panel=servers] .server-actions{gap:10px}body #login.pregame-art[data-panel=servers] #server-enter{min-width:230px;min-height:56px;font-size:max(11px,calc(16px * var(--tchapi-font-scale,1)));letter-spacing:.04em}body #login.pregame-art[data-panel=servers] #server-back{min-height:48px;min-width:100px;font-size:max(11px,calc(12px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .server-selection-copy strong{font-size:max(11px,calc(14px * var(--tchapi-font-scale,1)));line-height:1.4}@media(max-height:780px)and (min-width:1001px){body #login.pregame-art[data-panel=characters] .character-control-panel{padding:20px;gap:10px}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot{min-height:76px;padding-block:6px}body #login.pregame-art[data-panel=characters] #slots .slot .character-portrait{height:60px}body #login.pregame-art[data-panel=servers] .card{padding:20px}body #login.pregame-art[data-panel=servers] .server-panel{gap:12px}body #login.pregame-art[data-panel=servers] #server-character.server-character-card{min-height:80px;padding-block:8px}body #login.pregame-art[data-panel=servers] .server-character-portrait{width:60px;height:64px}body #login.pregame-art[data-panel=servers] :is(.server-region-panel,.server-channel-panel){padding:12px;gap:10px}body #login.pregame-art[data-panel=servers] :is(.region-choice,.channel-choice){min-height:64px;padding-block:8px}body #login.pregame-art[data-panel=servers] .channel-options{max-height:230px;gap:12px}body #login.pregame-art[data-panel=servers] .server-footer{min-height:56px;padding-top:10px}}@media(max-width:1000px){body #login.pregame-art[data-panel=characters] .card{height:auto}body #login.pregame-art[data-panel=characters] .character-selection-shell{height:auto;display:flex;flex-direction:column;align-items:center}body #login.pregame-art[data-panel=characters] .character-showcase{width:100%;padding:8px 0 16px}body #login.pregame-art[data-panel=characters] .character-showcase-stage{width:min(420px,70vw)}body #login.pregame-art[data-panel=characters] .character-control-panel{width:min(100%,620px);max-height:none;align-self:center}body #login.pregame-art[data-panel=servers] .server-panel{grid-template-columns:minmax(210px,.46fr) minmax(0,1fr);gap:12px}body #login.pregame-art[data-panel=servers] .card{padding:20px}body #login.pregame-art[data-panel=servers] .channel-choice{grid-template-columns:34px minmax(0,1fr);gap:8px}body #login.pregame-art[data-panel=servers] .channel-choice-state{grid-column:2;justify-content:flex-start}body #login.pregame-art[data-panel=servers] .channel-choice-state small{text-align:left}}@media(max-width:650px){body #login.pregame-art[data-panel=characters] .character-showcase-stage{width:min(300px,78vw)}body #login.pregame-art[data-panel=characters] .character-control-panel{padding:20px;gap:12px}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot{grid-template-columns:58px minmax(0,1fr);gap:12px;padding:10px;min-height:80px}body #login.pregame-art[data-panel=characters] #slots .slot .character-portrait{width:54px;height:62px}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot-meta strong{font-size:max(11px,calc(15px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=characters] .character-control-panel #slots .slot-meta small{font-size:max(11px,calc(12px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .card{width:calc(100vw - 20px);max-height:none;padding:20px 16px;overflow:visible}body #login.pregame-art[data-panel=servers] .server-panel{grid-template-columns:1fr;grid-template-areas:"title" "summary" "regions" "channels" "footer"}body #login.pregame-art[data-panel=servers] .server-screen-title{font-size:max(11px,calc(26px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .server-screen-step{display:none}body #login.pregame-art[data-panel=servers] #server-character.server-character-card{grid-template-columns:62px minmax(0,1fr);gap:12px}body #login.pregame-art[data-panel=servers] .server-character-portrait{width:60px;height:72px}body #login.pregame-art[data-panel=servers] .server-character-identity strong{font-size:max(11px,calc(18px * var(--tchapi-font-scale,1)))}body #login.pregame-art[data-panel=servers] .server-character-ready{grid-column:1/-1;justify-self:start}body #login.pregame-art[data-panel=servers] .channel-options{max-height:420px}body #login.pregame-art[data-panel=servers] .server-options{grid-template-columns:1fr}body #login.pregame-art[data-panel=servers] .region-choice{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 12px;text-align:left}body #login.pregame-art[data-panel=servers] .region-choice-code{grid-row:1/3}body #login.pregame-art[data-panel=servers] .region-choice .slot-meta{align-items:start;text-align:left}body #login.pregame-art[data-panel=servers] .region-choice-status{grid-column:2;justify-self:start}body #login.pregame-art[data-panel=servers] .server-footer{grid-template-columns:1fr}body #login.pregame-art[data-panel=servers] .server-actions{display:grid;grid-template-columns:1fr;width:100%}body #login.pregame-art[data-panel=servers] #server-enter{min-width:0;width:100%;grid-row:1}}@font-face{font-family:Tchapi UI;src:url(../assets/fonts/Pixeloid.Sans.72551f60b597bdfa.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--tchapi-cursor-default: url(data:image/png;base64,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) 4 3, default;--tchapi-cursor-active: url(data:image/png;base64,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) 5 3, pointer}html,body,#game,#game canvas{cursor:var(--tchapi-cursor-default)!important}#game canvas[style*="cursor: pointer"],button:not(:disabled),a[href],[role=button],select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit],input[type=reset],[style*="cursor:pointer"],[style*="cursor: pointer"]{cursor:var(--tchapi-cursor-active)!important}input:not([type=button]):not([type=submit]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=color]):not([type=file]):not([type=hidden]),textarea,[contenteditable=true]{cursor:text!important}body button:disabled,body input:disabled,body select:disabled,body textarea:disabled,body [aria-disabled=true],body [aria-disabled=true] *,body [style*="cursor: not-allowed"],body [style*="cursor:not-allowed"],body #game canvas[style*="cursor: not-allowed"]{cursor:not-allowed!important}@font-face{font-family:Inter;src:url(../assets/fonts/site/inter-latin-400-normal.8909904ab6c872eb.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../assets/fonts/site/inter-latin-500-normal.f3779f1efccc4bdc.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../assets/fonts/site/inter-latin-600-normal.f9a06e79cd3a2a20.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(../assets/fonts/site/inter-latin-700-normal.6f56409fd3d64bb8.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(../assets/fonts/site/cinzel-latin-500-normal.2864b2c9db377e10.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(../assets/fonts/site/cinzel-latin-600-normal.61efc27ceb7d08bb.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Cinzel;src:url(../assets/fonts/site/cinzel-latin-700-normal.8efa224fe70fef18.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Tchapi UI;src:url(../assets/fonts/Pixeloid.Sans-Bold.6132f9ba3465b22b.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}:root{--tchapi-abyss: #000812;--tchapi-navy: #020d17;--tchapi-panel: rgba(3, 26, 41, .98);--tchapi-panel-raised: rgba(5, 34, 52, .96);--tchapi-panel-inset: rgba(6, 21, 35, .94);--tchapi-panel-deep: rgba(1, 15, 26, .99);--tchapi-line: rgba(41, 107, 139, .48);--tchapi-line-soft: rgba(66, 127, 155, .2);--tchapi-line-strong: rgba(34, 212, 232, .82);--tchapi-gold: #b67a3b;--tchapi-gold-bright: #e6b66e;--tchapi-gold-muted: #9d7447;--tchapi-gold-dark: #5e391c;--tchapi-cyan: #22d4e8;--tchapi-cyan-soft: #79dfff;--tchapi-blue: #1592dc;--tchapi-green: #30d277;--tchapi-red: #ef727c;--tchapi-warning: #ffcd75;--tchapi-disabled: #718090;--tchapi-text: #edf2fa;--tchapi-muted: #a8b8c9;--tchapi-dim: #688096;--tchapi-shadow: rgba(0, 0, 0, .58);--tchapi-radius-sm: 4px;--tchapi-radius-control: 6px;--tchapi-radius-panel: 10px;--tchapi-radius-modal: 12px;--tchapi-space-xs: 4px;--tchapi-space-sm: 8px;--tchapi-space-md: 12px;--tchapi-space-lg: 16px;--tchapi-space-xl: 24px;--tchapi-panel-shadow: 0 18px 54px var(--tchapi-shadow), inset 0 0 28px rgba(34, 130, 166, .07);--tchapi-display: "Cinzel", Georgia, serif;--tchapi-serif: "Inter", "Segoe UI", sans-serif;--tchapi-sans: "Inter", "Segoe UI", sans-serif;--tchapi-numbers: "Inter", "Segoe UI", sans-serif}.tchapi-ui-panel{position:relative;color:var(--tchapi-text);border:1px solid var(--tchapi-line-strong);border-radius:var(--tchapi-radius-panel);background:linear-gradient(180deg,rgba(7,40,59,.94),transparent 34%),linear-gradient(145deg,var(--tchapi-panel),var(--tchapi-panel-deep));box-shadow:var(--tchapi-panel-shadow);font-family:var(--tchapi-sans)}.tchapi-ui-panel:after{position:absolute;top:6px;right:6px;bottom:6px;left:6px;content:"";pointer-events:none;border:1px solid var(--tchapi-line-soft);border-radius:calc(var(--tchapi-radius-panel) - 3px)}.tchapi-ui-panel__header{min-height:48px;padding:var(--tchapi-space-md) var(--tchapi-space-lg);display:flex;align-items:center;gap:var(--tchapi-space-md);border-bottom:1px solid var(--tchapi-line);color:var(--tchapi-gold-bright);background:linear-gradient(90deg,#08344ab8,#031a2933);font-family:var(--tchapi-display);font-weight:600}.tchapi-ui-divider{height:1px;border:0;background:linear-gradient(90deg,transparent,var(--tchapi-line-strong),var(--tchapi-gold-muted),var(--tchapi-line-strong),transparent)}.tchapi-ui-button{min-height:32px;padding:0 var(--tchapi-space-lg);border:1px solid var(--tchapi-line);border-radius:var(--tchapi-radius-control);color:var(--tchapi-text);background:var(--tchapi-panel-raised);font-family:var(--tchapi-sans);font-weight:600;transition:border-color .14s ease,background-color .14s ease,color .14s ease,box-shadow .14s ease}.tchapi-ui-button:hover:not(:disabled),.tchapi-ui-button.is-active{border-color:var(--tchapi-cyan);color:var(--tchapi-cyan-soft);background:#0a4964f5;box-shadow:inset 0 -2px #22d4e88a,0 0 16px #22d4e81f}.tchapi-ui-button[data-tone=success]{border-color:#30d277b8;background:#0b3f2bf5}.tchapi-ui-button[data-tone=warning]{border-color:#e6b66ec7;color:var(--tchapi-gold-bright);background:#4a3019f5}.tchapi-ui-button[data-tone=danger]{border-color:#ef727cc2;color:#ffdfe3;background:#451823f5}.tchapi-ui-button:disabled,.tchapi-ui-button[aria-disabled=true]{cursor:not-allowed;border-color:#71809085;color:var(--tchapi-disabled);background:#15212cb8}.tchapi-ui-button:focus-visible,.tchapi-ui-control:focus-visible{outline:2px solid var(--tchapi-cyan-soft);outline-offset:2px}.tchapi-ui-control{min-height:34px;border:1px solid var(--tchapi-line);border-radius:var(--tchapi-radius-control);color:var(--tchapi-text);background:var(--tchapi-panel-inset);font-family:var(--tchapi-sans)}.tchapi-ui-number{font-family:var(--tchapi-numbers);font-variant-numeric:tabular-nums}body #chat-input{min-height:38px;padding:9px 12px;border:1px solid var(--tchapi-line-strong);border-radius:var(--tchapi-radius-control);color:var(--tchapi-text);background:#010f1af7;box-shadow:0 12px 30px #00000080,inset 0 0 18px #2282a60f;font-family:var(--tchapi-sans);font-variant-numeric:tabular-nums}body #chat-input::placeholder{color:var(--tchapi-muted)}body #chat-input:focus{border-color:var(--tchapi-cyan-soft);box-shadow:0 0 0 2px #79dfff24,0 12px 30px #00000085}body #login{isolation:isolate;position:fixed;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:flex-start;gap:clamp(16px,2.5vh,28px);padding:clamp(18px,3vh,34px) clamp(16px,3vw,46px);overflow:auto;color:var(--tchapi-text);font-family:Tchapi UI,Arial,sans-serif}body #login:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;pointer-events:none;background:linear-gradient(135deg,transparent 0 48%,rgba(52,183,228,.035) 48% 49%,transparent 49%),repeating-linear-gradient(0deg,rgba(102,183,214,.025) 0 1px,transparent 1px 54px)}body #login:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;pointer-events:none;border:1px solid rgba(220,166,76,.28);box-shadow:inset 0 0 90px #000000c7}body #login h1.login-brand{position:relative;width:min(1420px,100%);height:auto;min-height:74px;aspect-ratio:auto;margin:0;padding:0 0 16px;display:flex;align-items:center;justify-content:flex-start;gap:16px;flex:0 0 auto;overflow:visible;background:none;border-bottom:1px solid rgba(215,163,76,.52);color:var(--tchapi-text);font-size:inherit;text-align:left;text-shadow:none}body #login h1.login-brand:after{content:"";position:absolute;left:0;bottom:-2px;width:min(390px,45vw);height:3px;background:linear-gradient(90deg,var(--tchapi-cyan),rgba(56,198,241,0));box-shadow:0 0 14px #38c6f1a6}.login-brand-mark{position:relative;width:58px;height:58px;flex:0 0 auto;display:grid;place-items:center;border:1px solid #c9903c;border-radius:16px 16px 23px 23px;background:linear-gradient(135deg,rgba(255,255,255,.15),transparent 36%),linear-gradient(145deg,#0b415d,#041522 60%,#020b12);box-shadow:inset 0 0 0 4px #06131b,inset 0 0 20px #35bfef59,0 0 24px #0000008c;transform:rotate(45deg) scale(.78)}.login-brand-mark:before{content:"";width:24px;height:31px;border:2px solid #86e1ff;border-radius:5px 5px 11px 11px;background:linear-gradient(160deg,#32d3ff,#076ca0 52%,#041934);box-shadow:0 0 13px #28bff2,inset 0 0 8px #fff6}.login-brand-copy{display:grid;gap:3px}.login-brand-title{color:var(--tchapi-gold-bright);font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,3vw,39px);font-weight:600;letter-spacing:.015em;line-height:1;text-transform:uppercase;text-shadow:0 2px 0 #000,0 0 24px rgba(217,163,75,.18)}.login-brand-subtitle{color:#8db3c5;font-size:clamp(8px,.8vw,10px);font-weight:700;letter-spacing:.16em;text-transform:uppercase}body #login .card{position:relative;width:min(1180px,100%);min-height:0;padding:clamp(22px,3vw,38px);display:flex;flex-direction:column;gap:16px;overflow:visible;border:1px solid rgba(73,151,184,.45);background:radial-gradient(circle at 88% 8%,rgba(34,135,175,.16),transparent 24%),linear-gradient(145deg,var(--tchapi-panel),var(--tchapi-panel-deep));box-shadow:0 28px 80px var(--tchapi-shadow),inset 0 0 38px #155c7a14;clip-path:polygon(16px 0,calc(100% - 16px) 0,100% 16px,100% calc(100% - 16px),calc(100% - 16px) 100%,16px 100%,0 calc(100% - 16px),0 16px)}body #login .card:before,body #login .card:after{content:"";position:absolute;width:70px;height:1px;background:var(--tchapi-gold);box-shadow:0 0 10px #d9a34b80;pointer-events:none}body #login .card:before{top:7px;left:27px}body #login .card:after{right:27px;bottom:7px}body #login .account-panel,body #login .character-panel,body #login .server-panel{position:relative;width:100%}.login-panel-heading{display:grid;gap:6px;margin-bottom:8px}.login-panel-heading>span{color:var(--tchapi-cyan);font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}.login-panel-heading>strong{color:var(--tchapi-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(22px,2.5vw,31px);font-weight:600}.login-panel-heading>small{max-width:680px;color:var(--tchapi-muted);font-size:10px;line-height:1.7}body #login input{width:100%;height:50px;padding:0 15px;border:1px solid rgba(68,145,177,.52);border-radius:3px;outline:none;background:#010e17db;color:var(--tchapi-text);font-family:Tchapi UI,Arial,sans-serif;font-size:11px;line-height:normal;text-shadow:none;box-shadow:inset 0 0 18px #0a405724}body #login input::placeholder{color:#647e8e}body #login input:focus{border-color:var(--tchapi-cyan);outline:none;box-shadow:0 0 0 3px #38c6f11a,inset 0 0 18px #0a40572e}.login-field{display:grid;gap:7px;color:#839aa9;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}body #login button{min-height:45px;padding:0 17px;border:1px solid rgba(72,151,184,.55);border-radius:3px;background:linear-gradient(180deg,#0b5576,#073650);color:#eefaff;font-family:Tchapi UI,Arial,sans-serif;font-size:10px;font-weight:700;letter-spacing:.04em;text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffffff14,0 5px 14px #0000003d;transition:transform .16s ease,filter .16s ease,border-color .16s ease,box-shadow .16s ease}body #login button:hover:not(:disabled){filter:brightness(1.13);transform:translateY(-1px);border-color:#62c7ed}body #login button:active:not(:disabled){transform:translateY(1px)}body #login button:focus-visible{outline:2px solid #8adeff;outline-offset:2px}body #login button:disabled{opacity:.48;filter:grayscale(.22);cursor:not-allowed;transform:none}body #login button.secondary{border-color:#a9824794;background:linear-gradient(180deg,#44311e,#281c12);color:#e9d2aa}body #login .error{width:100%;min-height:20px;padding:0;color:#ff9a82;font-size:10px;line-height:1.6;text-align:center;text-shadow:none}body #login .error:not(:empty){padding:10px 12px;border:1px solid rgba(224,87,91,.4);background:#701f2438}body #login[data-panel=account]{justify-content:flex-start}body #login[data-panel=account] .card{width:min(560px,100%);margin:auto 0;padding:clamp(28px,4vw,46px);background:linear-gradient(150deg,#072435f7,#02101afb)}body #login[data-panel=account] .account-panel{display:grid;grid-template-columns:1fr;grid-template-areas:none;gap:15px;align-items:stretch}body #login[data-panel=account] .account-panel:before,body #login[data-panel=account] .account-panel:after{display:none;content:none}body #login[data-panel=account] .login-panel-heading,body #login[data-panel=account] .login-field,body #login[data-panel=account] #account-id,body #login[data-panel=account] #account-password,body #login[data-panel=account] #account-mfa-code,body #login[data-panel=account] .account-actions{grid-area:auto}body #login[data-panel=account] #account-id,body #login[data-panel=account] #account-password,body #login[data-panel=account] #account-mfa-code{position:static;height:50px;padding:0 15px;border:1px solid rgba(68,145,177,.52);background:#010e17db;color:var(--tchapi-text);font-size:11px}body #login[data-panel=account] .account-actions{width:100%;min-height:0;margin-top:4px;display:grid;grid-template-columns:1fr;gap:10px}body #login[data-panel=account] button,body #login[data-panel=account] button.secondary{width:100%;height:48px;min-height:48px;max-height:none;padding:0 16px;border:1px solid #b88137;background:linear-gradient(180deg,#9a642c,#65401e);color:#fff5e5;font-size:10px;text-shadow:0 1px 0 #000}body #login[data-panel=account] #account-login{background-image:none}body #login[data-busy=true] .card:after{width:32%;animation:tchapi-busy-line 1.15s ease-in-out infinite alternate}@keyframes tchapi-busy-line{0%{opacity:.4;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}body #login[data-panel=characters]{justify-content:flex-start}body #login[data-panel=characters] .card{width:min(1260px,100%);min-height:0;padding:clamp(24px,3vw,40px);background:linear-gradient(150deg,#072232f7,#02101afb)}body #login[data-panel=characters] .character-panel{gap:18px}body #login[data-panel=characters] .panel-title{height:auto;overflow:visible;color:inherit;font-size:inherit}body #login[data-panel=characters] .slots{grid-template-columns:repeat(3,minmax(210px,1fr));justify-content:stretch;gap:clamp(12px,2vw,22px)}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{position:relative;width:100%;min-height:clamp(270px,35vh,390px);aspect-ratio:auto;padding:24px 18px 20px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:12px;overflow:hidden;border:1px solid rgba(61,139,174,.38);border-radius:3px;background:radial-gradient(circle at 50% 25%,rgba(19,126,170,.22),transparent 36%),linear-gradient(180deg,#041e2df5,#020f18fc);box-shadow:inset 0 0 30px #0a4d6914,0 14px 28px #00000038;filter:none}body #login[data-panel=characters] .slot:before{content:"SLOT " attr(data-slot-label);position:absolute;top:14px;left:15px;color:#5caecf;font-size:10px;font-weight:700;letter-spacing:.13em}body #login[data-panel=characters] .slot:after{content:"";position:absolute;left:16px;right:16px;bottom:10px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,163,75,.7),transparent)}body #login[data-panel=characters] .slot:hover{transform:translateY(-3px);border-color:#57b8e0b8;filter:none}body #login[data-panel=characters] .slot.selected{border-color:var(--tchapi-gold);filter:none;box-shadow:0 0 0 1px #d9a34b42,0 0 28px #d9a34b33,inset 0 0 32px #105e7b24}body #login[data-panel=characters] .slot.filled .sprite-frame,body #login[data-panel=characters] .slot.filled .character-portrait{position:absolute;top:12%;left:50%;width:clamp(105px,11vw,150px);height:clamp(158px,17vw,225px);border:0;background-color:transparent;transform:translate(-50%);image-rendering:pixelated;filter:drop-shadow(0 12px 12px rgba(0,0,0,.72))}body #login[data-panel=characters] .slot.filled .slot-meta,body #login[data-panel=characters] .slot.empty .slot-meta{position:relative;inset:auto;width:100%;min-height:68px;padding:11px 10px;display:flex;align-items:center;justify-content:center;gap:5px;border:1px solid rgba(60,139,173,.3);background:#010d15d1;text-align:center}body #login[data-panel=characters] .slot-meta strong{color:#f0f4f5;font-size:12px;text-shadow:none}body #login[data-panel=characters] .slot-meta small{color:#7fa5b7;font-size:10px;text-shadow:none}body #login[data-panel=characters] .slot.empty .slot-plus{position:relative;width:82px;height:82px;display:grid;place-items:center;overflow:visible;clip:auto;clip-path:none;border:1px solid rgba(76,168,207,.5);border-radius:50%;background:#073d5259;color:#75d9fa;font-size:36px;box-shadow:0 0 24px #32bce91f,inset 0 0 18px #32bce917}body #login[data-panel=characters] .screen-actions{grid-template-columns:minmax(190px,260px) minmax(150px,210px);justify-content:center;gap:10px}body #login[data-panel=characters] #play-existing,body #login[data-panel=characters] #delete-character,body #login[data-panel=characters] #logout-account{width:100%;min-height:46px;aspect-ratio:auto;padding:0 16px;border:1px solid rgba(68,145,177,.55);background-image:none;background-color:#073b55;color:#eaf8fd;font-size:10px;text-shadow:0 1px 0 #000;box-shadow:inset 0 1px #ffffff0f,0 5px 13px #00000040}body #login[data-panel=characters] #play-existing{border-color:#bf873a;background:linear-gradient(#98642e,#62401e)}body #login[data-panel=characters] #delete-character,body #login[data-panel=characters] #logout-account{background:linear-gradient(#0a405b,#052b40);color:#bcd8e4}body #login[data-panel=characters] #logout-account{width:min(260px,100%);min-height:42px;margin:0 auto;aspect-ratio:auto}body #login[data-panel=characters] #delete-character.danger{min-height:46px;padding:0 14px;border:1px solid #d75e66;background:linear-gradient(#9d3540,#67232c);color:#fff;font-size:10px;box-shadow:0 5px 13px #00000040}body #login[data-panel=characters] .create-panel{width:min(820px,100%);margin:0 auto;padding:20px;gap:14px;border:1px solid rgba(73,151,184,.42);border-radius:3px;background:linear-gradient(145deg,#051f2ffa,#02111bfc);box-shadow:0 16px 38px #00000047}body #login[data-panel=characters] .create-title{padding:0;color:var(--tchapi-gold-bright);font-family:Georgia,Times New Roman,serif;font-size:19px;text-align:center;text-shadow:none}body #login[data-panel=characters] input{height:48px;padding:0 15px;border:1px solid rgba(68,145,177,.52);background:#010e17db;color:var(--tchapi-text);font-size:11px;line-height:normal;text-shadow:none;box-shadow:inset 0 0 18px #0a405724}body #login[data-panel=characters] .class-options{grid-template-columns:repeat(3,1fr);gap:10px}body #login[data-panel=characters] .class-choice{min-height:94px;padding:12px 14px;border:1px solid rgba(67,141,174,.4);background:linear-gradient(180deg,#072a3df5,#031622fa);box-shadow:none}body #login[data-panel=characters] .class-choice.selected{border-color:var(--tchapi-gold);background:linear-gradient(180deg,#5b3f1957,#041b28fa);box-shadow:0 0 18px #d9a34b21}body #login[data-panel=characters] .class-choice .character-portrait{width:54px;height:78px;image-rendering:pixelated}body #login[data-panel=characters] .class-meta strong{color:#edf2f4;font-size:10px;text-shadow:none}body #login[data-panel=characters] .class-meta small{color:#6cbddd;font-size:10px;text-shadow:none}body #login[data-panel=characters] .create-actions{grid-template-columns:1fr minmax(120px,.35fr);gap:10px}body #login[data-panel=characters] #play,body #login[data-panel=characters] #cancel-create{min-height:46px;padding:0 16px;border-width:1px;color:#edf8fc;font-size:10px;text-shadow:none;box-shadow:0 5px 13px #00000040}body #login[data-panel=characters] #play{border-color:#b88137;background:linear-gradient(#98642e,#62401e)}body #login[data-panel=characters] #cancel-create{border-color:#4491b180;background:linear-gradient(#0a405b,#052b40)}body #login[data-panel=servers]{justify-content:flex-start}body #login[data-panel=servers] .card{width:min(1260px,100%);min-height:0;padding:clamp(24px,3vw,40px);background:linear-gradient(150deg,#072232f7,#02101afb)}body #login[data-panel=servers] .server-panel{width:100%;margin:0;display:grid;grid-template-columns:minmax(220px,.36fr) minmax(390px,1fr);grid-template-areas:"title title" "summary summary" "regions channels" "actions actions";gap:16px 18px}body #login[data-panel=servers] .panel-title.login-panel-heading{min-height:0;margin:0 0 2px;display:grid;place-items:initial;gap:5px;overflow:visible;color:inherit;font-size:inherit;line-height:inherit;text-align:left}body #login[data-panel=servers] .panel-title.login-panel-heading>span,body #login[data-panel=servers] .panel-title.login-panel-heading>strong,body #login[data-panel=servers] .panel-title.login-panel-heading>small{display:block;width:auto;max-width:720px}body #login[data-panel=servers] .panel-title{grid-area:title;min-height:0;display:block;color:inherit;font-size:inherit;text-align:left;text-shadow:none}body #login[data-panel=servers] #server-character{grid-area:summary;min-height:50px;padding:13px 16px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(64,142,176,.32);background:#02131ebf;color:#9cb5c3;font-size:10px;text-shadow:none}body #login[data-panel=servers] #server-character strong{color:var(--tchapi-gold-bright)}body #login[data-panel=servers] .server-options{grid-area:regions}body #login[data-panel=servers] .channel-options{grid-area:channels}body #login[data-panel=servers] .server-options,body #login[data-panel=servers] .channel-options{display:grid;grid-template-columns:1fr;align-content:start;gap:8px}body #login[data-panel=servers] .server-options:before,body #login[data-panel=servers] .channel-options:before{margin-bottom:3px;color:#6fc4e4;font-size:10px;font-weight:700;letter-spacing:.16em;text-shadow:none}body #login[data-panel=servers] .region-choice,body #login[data-panel=servers] .channel-choice{min-height:69px;padding:12px 14px;border:1px solid rgba(62,139,173,.34);border-radius:3px;background-image:none;background-color:#031c2ae6;box-shadow:none;text-shadow:none}body #login[data-panel=servers] .region-choice{min-height:78px;padding:13px 15px}body #login[data-panel=servers] .region-choice.selected,body #login[data-panel=servers] .channel-choice.selected{border-color:var(--tchapi-gold);background-image:none;background-color:#533b194d;filter:none;box-shadow:0 0 18px #d9a34b24,inset 3px 0 0 var(--tchapi-gold)}body #login[data-panel=servers] .region-choice.unavailable{opacity:.42;filter:grayscale(.3);cursor:not-allowed}body #login[data-panel=servers] .region-choice:hover,body #login[data-panel=servers] .channel-choice:hover{transform:translateY(-1px);filter:brightness(1.1)}body #login[data-panel=servers] .region-choice .slot-meta,body #login[data-panel=servers] .channel-choice .slot-meta{width:100%;gap:5px}body #login[data-panel=servers] .region-choice .slot-meta{align-items:flex-start}body #login[data-panel=servers] .region-choice .slot-meta strong{color:#edf3f5;font-size:18px;line-height:1}body #login[data-panel=servers] .region-choice .slot-meta small,body #login[data-panel=servers] .channel-choice .slot-meta small{color:#7895a5;font-size:10px;text-shadow:none}body #login[data-panel=servers] .channel-choice{position:relative;min-height:62px;padding:12px 17px;overflow:hidden}body #login[data-panel=servers] .channel-choice:before{content:"";position:absolute;left:0;bottom:0;width:var(--channel-load, 0%);height:3px;background:var(--channel-tone, var(--tchapi-green));box-shadow:0 0 10px var(--channel-tone, var(--tchapi-green))}body #login[data-panel=servers] .channel-choice[data-load=busy]{--channel-tone: #dfae55}body #login[data-panel=servers] .channel-choice[data-load=full]{--channel-tone: #e46c75}body #login[data-panel=servers] .channel-choice .slot-meta{flex-direction:row;align-items:center;justify-content:space-between}body #login[data-panel=servers] .channel-choice .slot-meta strong{color:#eaf1f4;font-size:10px;text-shadow:none}body #login[data-panel=servers] .empty-state{min-height:68px;padding:14px;border:1px solid rgba(218,161,70,.28);background:#5b3e1724;color:#d6b777;font-size:10px;text-shadow:none}body #login[data-panel=servers] .server-actions{grid-area:actions;display:grid;grid-template-columns:minmax(190px,270px) minmax(150px,210px);justify-content:center;gap:10px}body #login[data-panel=servers] #server-enter,body #login[data-panel=servers] #server-back{width:100%;min-height:47px;aspect-ratio:auto;padding:0 16px;border:1px solid #b88137;background:linear-gradient(#98642e,#62401e);color:#fff4e1;font-size:10px;text-shadow:0 1px 0 #000;box-shadow:0 5px 13px #00000040}body #login[data-panel=servers] #server-back{border-color:#4491b180;background:linear-gradient(#0a405b,#052b40);color:#c6e2ec}@media(max-width:820px){body #login{padding:14px;gap:14px}body #login h1.login-brand{min-height:62px;padding-bottom:12px}.login-brand-mark{width:48px;height:48px}.login-brand-title{font-size:25px}.login-brand-subtitle{font-size:10px}body #login .card{padding:22px 18px;clip-path:none}body #login[data-panel=characters] .slots{grid-template-columns:1fr}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{min-height:275px}body #login[data-panel=characters] .class-options{grid-template-columns:1fr}body #login[data-panel=characters] .class-choice{min-height:76px}body #login[data-panel=servers] .server-panel{grid-template-columns:1fr;grid-template-areas:"title" "summary" "regions" "channels" "actions"}}@media(max-width:540px){body #login h1.login-brand{gap:9px}.login-brand-mark{width:42px;height:42px}.login-brand-title{font-size:21px}.login-brand-subtitle{letter-spacing:.09em}body #login[data-panel=account] .account-actions,body #login[data-panel=characters] .screen-actions,body #login[data-panel=characters] .create-actions,body #login[data-panel=servers] .server-actions{grid-template-columns:1fr}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{min-height:250px}}@media(max-height:760px)and (min-width:821px){body #login{gap:12px;padding-top:14px;padding-bottom:14px}body #login h1.login-brand{min-height:58px;padding-bottom:10px}.login-brand-mark{width:45px;height:45px}.login-brand-title{font-size:25px}body #login .card{padding:20px 26px}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{min-height:255px}body #login[data-panel=characters] .slot.filled .character-portrait{width:94px;height:141px}body #login[data-panel=characters] .create-panel{padding:14px;gap:10px}body #login[data-panel=characters] .class-choice{min-height:72px}body #login[data-panel=characters] .class-choice .character-portrait{width:40px;height:58px}}body #login[data-panel]{--login-gutter: clamp(20px, 3vw, 46px);align-items:stretch;gap:clamp(16px,2.2vh,24px);padding:0 var(--login-gutter) clamp(20px,3vh,32px);color:var(--tchapi-text);font-family:var(--tchapi-sans);font-size:13px;line-height:1.42}body #login:before{top:84px;right:0;bottom:0;left:0;z-index:-1;opacity:.55;background-image:repeating-linear-gradient(117deg,transparent 0 96px,rgba(63,144,179,.042) 97px,transparent 98px),repeating-linear-gradient(28deg,transparent 0 138px,rgba(184,124,57,.03) 139px,transparent 140px)}body #login:after{z-index:40;border:0;box-shadow:inset 0 0 95px #00050a85,inset 0 1px #e6b66e38}body #login h1.login-brand{align-self:stretch;width:auto;min-height:84px;margin:0 calc(0px - var(--login-gutter));padding:0 var(--login-gutter);gap:10px;border-bottom:1px solid rgba(194,128,58,.86);background:linear-gradient(180deg,#010e18fc,#01111cf5),linear-gradient(90deg,rgba(10,67,90,.18),transparent 45%,rgba(10,67,90,.14));box-shadow:0 2px #edae5b1f,0 10px 30px #00000075}body #login h1.login-brand:before,body #login h1.login-brand:after{position:absolute;bottom:-4px;width:min(25vw,420px);height:6px;content:"";opacity:.68;box-shadow:none}body #login h1.login-brand:before{left:0;background:linear-gradient(90deg,var(--tchapi-gold),rgba(32,196,222,.7) 62%,transparent);clip-path:polygon(0 36%,86% 36%,89% 0,90% 0,87% 100%,0 100%)}body #login h1.login-brand:after{right:0;left:auto;background:linear-gradient(270deg,var(--tchapi-gold),rgba(32,196,222,.65) 62%,transparent);clip-path:polygon(100% 36%,14% 36%,11% 0,10% 0,13% 100%,100% 100%)}.login-brand-mark{width:70px;height:70px;flex:0 0 70px;object-fit:contain;object-position:center;border:0;border-radius:3px;background:transparent;box-shadow:none;filter:drop-shadow(0 4px 8px rgba(0,0,0,.65));transform:none}.login-brand-copy{gap:4px}.login-brand-title{color:#e8b66d;font-family:var(--tchapi-display);font-size:clamp(25px,2.25vw,30px);font-weight:600;line-height:.98;letter-spacing:-.045em;text-shadow:0 1px 0 #4c2c14,0 2px 5px rgba(0,0,0,.72),0 0 11px rgba(209,143,65,.14)}.login-brand-subtitle{margin-top:1px;color:#9eb1c1;font-family:var(--tchapi-sans);font-size:10px;font-weight:600;line-height:1;letter-spacing:.055em}body #login[data-panel] .card{position:relative;isolation:isolate;width:min(1180px,100%);min-width:0;min-height:0;flex:0 0 auto;margin-inline:auto;padding:clamp(24px,3vw,38px);overflow:visible;border:1px solid var(--tchapi-line);border-radius:4px;background:radial-gradient(circle at 86% 20%,rgba(12,93,124,.12),transparent 40%),linear-gradient(135deg,#082638fa,#02131ffa);box-shadow:inset 0 1px #79c3e00d,inset 0 -20px 40px #00060c47,0 20px 55px #00000061;clip-path:none}body #login[data-panel] .card:before{top:5px;right:5px;bottom:5px;left:5px;width:auto;height:auto;border:1px solid rgba(66,127,155,.12);background:none;box-shadow:none;clip-path:polygon(8px 0,calc(100% - 8px) 0,100% 8px,100% calc(100% - 8px),calc(100% - 8px) 100%,8px 100%,0 calc(100% - 8px),0 8px)}body #login[data-panel] .card:after{top:-5px;right:auto;bottom:auto;left:50%;width:9px;height:9px;border:1px solid var(--tchapi-gold-bright);background:#082334;box-shadow:0 0 8px #22d4e861;transform:translate(-50%) rotate(45deg)}body #login[data-busy=true] .card:after{top:-1px;width:112px;height:2px;border:0;background:linear-gradient(90deg,transparent,var(--tchapi-cyan),transparent);box-shadow:0 0 10px #22d4e8a6;transform:translate(-50%);animation:tchapi-busy-refined .85s ease-in-out infinite alternate}@keyframes tchapi-busy-refined{0%{opacity:.45;width:72px}to{opacity:1;width:150px}}.login-panel-heading{gap:5px;margin-bottom:12px}.login-panel-heading>span{color:var(--tchapi-cyan-soft);font-family:var(--tchapi-sans);font-size:10px;font-weight:700;letter-spacing:.15em}.login-panel-heading>strong{color:#f0ece8;font-family:var(--tchapi-display);font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.08;letter-spacing:-.025em}.login-panel-heading>small{max-width:720px;color:var(--tchapi-muted);font-family:var(--tchapi-sans);font-size:13px;line-height:1.55}body #login[data-panel] input{height:48px;padding:0 14px;border:1px solid rgba(67,137,168,.48);border-radius:3px;background:#03141f;color:var(--tchapi-text);font-family:var(--tchapi-sans);font-size:14px;font-weight:400;box-shadow:inset 0 0 18px #0a405721}body #login[data-panel] input::placeholder{color:#718697}body #login[data-panel] input:focus{border-color:var(--tchapi-cyan-soft);box-shadow:0 0 0 2px #2acfec24,inset 0 0 18px #0a40572e}.login-field{gap:7px;color:#94a8b8;font-family:var(--tchapi-sans);font-size:11px;font-weight:700;letter-spacing:.07em}body #login[data-panel] button{min-height:46px;padding:0 18px;border:1px solid rgba(58,139,175,.58);border-radius:4px;background:linear-gradient(180deg,#07364efa,#031f30fc);color:#dff7ff;font-family:var(--tchapi-sans);font-size:13px;font-weight:700;letter-spacing:.02em;text-shadow:none;box-shadow:inset 0 1px #ffffff0f,0 6px 16px #0000003d}body #login[data-panel] button:hover:not(:disabled){border-color:var(--tchapi-cyan-soft);background:linear-gradient(180deg,#094865fc,#04273bfc);filter:none;transform:translateY(-1px)}body #login[data-panel] button:focus-visible{outline:2px solid var(--tchapi-cyan-soft);outline-offset:2px}body #login[data-panel] button.secondary{border-color:#3a8baf7a;background:linear-gradient(180deg,#062b40fa,#031c2bfc);color:#c9dce6}body #login[data-panel] .error{min-height:0;color:#ff9e9e;font-family:var(--tchapi-sans);font-size:12px;line-height:1.5}body #login[data-panel] .error:not(:empty){margin-top:2px;padding:10px 12px;border:1px solid rgba(224,87,91,.42);border-radius:3px;background:#701f243d}body #login[data-panel] .error[data-kind=status]:not(:empty){color:#9edcf2;border-color:#43a4cb6b;background:#10526d3d}body #login[data-panel=account] .card{width:min(590px,100%);margin:auto;padding:clamp(30px,4vw,44px)}body #login[data-panel=account] .account-panel{gap:15px}body #login[data-panel=account] #account-id,body #login[data-panel=account] #account-password,body #login[data-panel=account] #account-mfa-code{height:48px;padding:0 14px;border-color:#4389a87a;background:#03141f;font-size:14px}body #login[data-panel=account] #account-mfa-code{font-variant-numeric:tabular-nums;letter-spacing:.22em}body #login[data-panel=account] .account-actions{margin-top:5px;grid-template-columns:1fr;gap:10px}body #login[data-panel=account] button,body #login[data-panel=account] button.secondary{height:48px;min-height:48px;border:1px solid #c58b3f;background:linear-gradient(180deg,#a86f32,#6f451f);color:#fff7e9;font-size:13px;font-weight:800}body #login[data-panel=characters]{padding-top:0;gap:clamp(12px,1.8vh,20px)}body #login[data-panel=characters]:before{top:76px;right:0;bottom:0;left:0;opacity:.38}body #login[data-panel=characters]:after{box-shadow:inset 0 0 72px #00050a57,inset 0 1px #e6b66e42}body #login[data-panel=characters] h1.login-brand{min-height:76px;margin-top:0;background:linear-gradient(180deg,#010e18f5,#01111ce6),linear-gradient(90deg,rgba(10,67,90,.2),transparent 45%,rgba(10,67,90,.16));box-shadow:0 2px #edae5b24,0 10px 26px #0000004d}body #login[data-panel=characters] .card{width:min(1240px,100%);margin:0 auto;padding:clamp(22px,2.6vw,34px);border-color:#4ca2c59e;background:radial-gradient(circle at 86% 18%,rgba(22,123,159,.14),transparent 38%),linear-gradient(135deg,#072334e8,#01111ded);box-shadow:inset 0 1px #79dfff14,inset 0 -32px 54px #00060c3d,0 22px 56px #00000057,0 0 34px #136f9314}body #login[data-panel=characters] .character-panel{gap:16px}body #login[data-panel=characters] .panel-title{margin-bottom:2px}body #login[data-panel=characters] .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px)}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{min-width:0;min-height:clamp(250px,35vh,370px);padding:24px 18px 18px;gap:10px;overflow:hidden;border:1px solid rgba(41,107,139,.54);border-radius:4px;background:radial-gradient(circle at 50% 22%,rgba(27,139,178,.28),transparent 38%),linear-gradient(180deg,#062435e8,#01111cf0);box-shadow:inset 0 1px #79c3e00a,inset 0 -30px 50px #00060c4d,0 12px 28px #00000038}body #login[data-panel=characters] .slot:before{top:15px;left:16px;color:var(--tchapi-cyan-soft);font-family:var(--tchapi-sans);font-size:10px;font-weight:700;letter-spacing:.13em}body #login[data-panel=characters] .slot:after{right:16px;bottom:9px;left:16px;background:linear-gradient(90deg,transparent,rgba(182,122,59,.8),transparent)}body #login[data-panel=characters] .slot:hover{border-color:var(--tchapi-cyan-soft);background:radial-gradient(circle at 50% 22%,rgba(30,153,194,.3),transparent 38%),linear-gradient(180deg,#072d41fc,#01131ffc);transform:translateY(-2px)}body #login[data-panel=characters] .slot.selected{border-color:var(--tchapi-gold-bright);box-shadow:0 0 0 1px #e6b66e33,0 0 24px #b67a3b33,inset 3px 0 0 var(--tchapi-gold)}body #login[data-panel=characters] .slot.filled .sprite-frame,body #login[data-panel=characters] .slot.filled .character-portrait{top:10%;width:clamp(105px,11vw,150px);height:clamp(158px,17vw,225px);max-width:48%;object-fit:contain;background-repeat:no-repeat;filter:drop-shadow(0 12px 14px rgba(0,0,0,.68))}body #login[data-panel=characters] .slot.filled .slot-meta,body #login[data-panel=characters] .slot.empty .slot-meta{width:100%;min-height:70px;padding:11px 12px;gap:4px;overflow:hidden;border:1px solid rgba(66,127,155,.3);border-radius:3px;background:#011320e0}body #login[data-panel=characters] .slot-meta strong{max-width:100%;overflow-wrap:anywhere;color:#edf2fa;font-family:var(--tchapi-serif);font-size:19px;font-weight:600;line-height:1.1}body #login[data-panel=characters] .slot.filled .slot-meta strong,body #login[data-panel=characters] .slot.empty .slot-meta strong{color:#edf2fa;font-family:var(--tchapi-serif);font-size:18px;font-weight:600;line-height:1.1;text-shadow:none}body #login[data-panel=characters] .slot-meta small{color:var(--tchapi-muted);font-family:var(--tchapi-sans);font-size:11px;line-height:1.35}body #login[data-panel=characters] .slot.filled .slot-meta small,body #login[data-panel=characters] .slot.empty .slot-meta small{color:var(--tchapi-muted);font-family:var(--tchapi-sans);font-size:11px;line-height:1.35;text-shadow:none}body #login[data-panel=characters] .slot.empty .slot-plus{width:74px;height:74px;border-color:#79dfff94;background:#0d5b7738;color:var(--tchapi-cyan-soft);font-family:var(--tchapi-sans);font-size:34px}body #login[data-panel=characters] .screen-actions{grid-template-columns:minmax(210px,270px) minmax(170px,220px);gap:10px}body #login[data-panel=characters] #play-existing,body #login[data-panel=characters] #delete-character,body #login[data-panel=characters] #logout-account,body #login[data-panel=characters] #play,body #login[data-panel=characters] #cancel-create{min-height:46px;border-radius:4px;font-family:var(--tchapi-sans);font-size:13px;font-weight:700}body #login[data-panel=characters] #play-existing,body #login[data-panel=characters] #play{border-color:#c58b3f;background:linear-gradient(180deg,#a86f32,#6f451f);color:#fff7e9}body #login[data-panel=characters] #delete-character,body #login[data-panel=characters] #logout-account,body #login[data-panel=characters] #cancel-create{border-color:#3a8baf80;background:linear-gradient(180deg,#07364efa,#031f30fc);color:#c9dce6}body #login[data-panel=characters] #delete-character.danger{border-color:#d86770;background:linear-gradient(180deg,#9d3540,#67232c);color:#fff;font-size:13px}body #login[data-panel=characters] .create-panel{width:min(840px,100%);padding:20px;border:1px solid var(--tchapi-line);border-radius:4px;background:linear-gradient(135deg,#082638fc,#02131ffc);box-shadow:inset 0 1px #79c3e00a,0 16px 38px #00000047}body #login[data-panel=characters] .create-title{color:var(--tchapi-gold-bright);font-family:var(--tchapi-display);font-size:20px;font-weight:600}body #login[data-panel=characters] input{height:48px;font-family:var(--tchapi-sans);font-size:14px}body #login[data-panel=characters] .class-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body #login[data-panel=characters] .class-choice{min-width:0;min-height:96px;padding:12px 14px;border:1px solid rgba(41,107,139,.5);border-radius:4px;background:linear-gradient(180deg,#072a3dfa,#031622fc)}body #login[data-panel=characters] .class-choice.selected{border-color:var(--tchapi-gold-bright);background:linear-gradient(180deg,#77481f47,#041b28fc);box-shadow:inset 3px 0 0 var(--tchapi-gold),0 0 18px #b67a3b24}body #login[data-panel=characters] .class-meta{min-width:0;gap:4px}body #login[data-panel=characters] .class-meta strong{overflow-wrap:anywhere;color:#edf2fa;font-family:var(--tchapi-serif);font-size:18px;font-weight:600;line-height:1.1}body #login[data-panel=characters] .class-meta small{color:var(--tchapi-muted);font-family:var(--tchapi-sans);font-size:11px;line-height:1.35}@media(min-width:621px){body #login[data-panel=characters]:has(#create-panel:not([hidden])) .slots{grid-template-columns:repeat(3,minmax(0,1fr))}}body #login[data-panel=servers] .card{width:min(1180px,100%);margin:0 auto;padding:clamp(24px,3vw,36px)}body #login[data-panel=servers] .server-panel{grid-template-columns:minmax(230px,.38fr) minmax(360px,1fr);gap:16px 18px}body #login[data-panel=servers] #server-character{min-height:52px;padding:13px 16px;flex-wrap:wrap;gap:4px 7px;border:1px solid rgba(66,127,155,.28);border-radius:3px;background:#011320c7;color:var(--tchapi-muted);font-family:var(--tchapi-sans);font-size:12px;line-height:1.45;text-align:center}body #login[data-panel=servers] #server-character strong{color:var(--tchapi-gold-bright);font-weight:700}body #login[data-panel=servers] .server-options,body #login[data-panel=servers] .channel-options{min-width:0;padding:14px;gap:9px;border:1px solid rgba(41,107,139,.34);border-radius:4px;background:#01111d80}body #login[data-panel=servers] .server-options:before,body #login[data-panel=servers] .channel-options:before{margin:0 0 3px;color:var(--tchapi-gold-bright);font-family:var(--tchapi-display);font-size:11px;font-weight:700;line-height:1.3;letter-spacing:.1em}body #login[data-panel=servers] .region-choice,body #login[data-panel=servers] .channel-choice{width:100%;min-width:0;min-height:66px;padding:12px 14px;overflow:hidden;border:1px solid rgba(41,107,139,.46);border-radius:4px;background:linear-gradient(180deg,#06273af5,#021826fa)}body #login[data-panel=servers] .region-choice{min-height:76px}body #login[data-panel=servers] .region-choice.selected,body #login[data-panel=servers] .channel-choice.selected{border-color:var(--tchapi-gold-bright);background:linear-gradient(180deg,#5036176b,#031e2cfc);box-shadow:inset 3px 0 0 var(--tchapi-gold),0 0 18px #b67a3b24}body #login[data-panel=servers] .region-choice:hover,body #login[data-panel=servers] .channel-choice:hover{border-color:var(--tchapi-cyan-soft);background:linear-gradient(180deg,#08374efa,#031f30fc);filter:none}body #login[data-panel=servers] .region-choice .slot-meta,body #login[data-panel=servers] .channel-choice .slot-meta{min-width:0;gap:4px}body #login[data-panel=servers] .region-choice .slot-meta strong{max-width:100%;overflow-wrap:anywhere;color:#edf2fa;font-family:var(--tchapi-serif);font-size:22px;font-weight:600;line-height:1.05}body #login[data-panel=servers] .region-choice .slot-meta small,body #login[data-panel=servers] .channel-choice .slot-meta small{color:var(--tchapi-muted);font-family:var(--tchapi-sans);font-size:11px;line-height:1.35}body #login[data-panel=servers] .channel-choice .slot-meta{gap:12px}body #login[data-panel=servers] .channel-choice .slot-meta strong{min-width:0;overflow-wrap:anywhere;color:#edf2fa;font-family:var(--tchapi-sans);font-size:13px;font-weight:700;line-height:1.25}body #login[data-panel=servers] .channel-choice .slot-meta small{flex:0 0 auto;text-align:right}body #login[data-panel=servers] .channel-choice:before{height:3px;background:var(--channel-tone, var(--tchapi-green))}body #login[data-panel=servers] .empty-state{min-height:68px;padding:14px;border:1px solid rgba(182,122,59,.32);border-radius:3px;background:#77481f24;color:#d6b777;font-family:var(--tchapi-sans);font-size:12px;line-height:1.45}body #login[data-panel=servers] .server-actions{grid-template-columns:minmax(210px,280px) minmax(170px,220px);gap:10px}body #login[data-panel=servers] #server-enter,body #login[data-panel=servers] #server-back{min-height:48px;border-radius:4px;font-family:var(--tchapi-sans);font-size:13px;font-weight:700}body #login[data-panel=servers] #server-enter{border-color:#c58b3f;background:linear-gradient(180deg,#a86f32,#6f451f);color:#fff7e9}body #login[data-panel=servers] #server-back{border-color:#3a8baf80;background:linear-gradient(180deg,#07364efa,#031f30fc);color:#c9dce6}@media(max-width:820px){body #login[data-panel]{--login-gutter: 14px;gap:14px;padding:0 var(--login-gutter) 18px}body #login:before{top:72px;right:0;bottom:0;left:0}body #login h1.login-brand{min-height:72px;padding:0 var(--login-gutter)}.login-brand-mark{width:56px;height:56px;flex-basis:56px}.login-brand-title{font-size:24px}.login-brand-subtitle{font-size:10px}body #login[data-panel] .card{padding:22px 18px;clip-path:none}body #login[data-panel=characters] .slots,body #login[data-panel=characters] .class-options{grid-template-columns:1fr}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{min-height:280px}body #login[data-panel=characters] .class-choice{min-height:82px}body #login[data-panel=servers] .server-panel{grid-template-columns:1fr;grid-template-areas:"title" "summary" "regions" "channels" "actions"}}@media(max-width:540px){body #login h1.login-brand{gap:7px}.login-brand-mark{width:49px;height:49px;flex-basis:49px}.login-brand-title{font-size:19px}.login-brand-subtitle{max-width:220px;font-size:10px;white-space:normal}.login-panel-heading>strong{font-size:27px}body #login[data-panel=account] .card{padding:24px 17px}body #login[data-panel=account] .account-actions,body #login[data-panel=characters] .screen-actions,body #login[data-panel=characters] .create-actions,body #login[data-panel=servers] .server-actions{grid-template-columns:1fr}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{min-height:255px}body #login[data-panel=servers] .server-options,body #login[data-panel=servers] .channel-options{padding:11px}body #login[data-panel=servers] .channel-choice .slot-meta{align-items:flex-start}body #login[data-panel=servers] .channel-choice .slot-meta small{white-space:normal}}@media(max-height:760px)and (min-width:821px){body #login[data-panel]{gap:12px;padding-bottom:14px}body #login h1.login-brand{min-height:70px}.login-brand-mark{width:56px;height:56px;flex-basis:56px}.login-brand-title{font-size:24px}body #login[data-panel] .card{padding:20px 24px}.login-panel-heading{margin-bottom:7px}.login-panel-heading>strong{font-size:28px}.login-panel-heading>small{font-size:12px}body #login[data-panel=characters] .slot,body #login[data-panel=characters] .slot.filled,body #login[data-panel=characters] .slot.empty{min-height:238px}body #login[data-panel=characters] .slot.filled .character-portrait{width:92px;height:138px}body #login[data-panel=characters] .create-panel{padding:14px;gap:10px}body #login[data-panel=characters] .class-choice{min-height:74px}body #login[data-panel=characters] .class-choice .character-portrait{width:42px;height:61px}body #login[data-panel=servers] .card{padding:16px 20px}body #login[data-panel=servers] .server-panel{gap:10px 16px}body #login[data-panel=servers] .panel-title.login-panel-heading{gap:3px}body #login[data-panel=servers] .panel-title.login-panel-heading>strong{font-size:26px}body #login[data-panel=servers] .panel-title.login-panel-heading>small{font-size:11px}body #login[data-panel=servers] #server-character{min-height:42px;padding:8px 12px}body #login[data-panel=servers] .server-options,body #login[data-panel=servers] .channel-options{padding:10px;gap:6px}body #login[data-panel=servers] .region-choice{min-height:62px;padding-block:9px}body #login[data-panel=servers] .channel-choice{min-height:54px;padding-block:9px}body #login[data-panel=servers] #server-enter,body #login[data-panel=servers] #server-back{min-height:44px}}body #login .game-conduct-panel{position:relative;width:100%}body #login .game-conduct-panel[hidden]{display:none}body #login[data-panel=conduct]{gap:clamp(12px,1.8vh,20px)}body #login[data-panel=conduct] .login-site-link{display:none}body #login[data-panel=conduct] .card{width:min(1500px,100%);max-height:calc(100vh - 126px);padding:clamp(22px,2.4vw,36px) clamp(22px,3vw,48px);overflow:auto;border-color:#c48b3fa3;background:linear-gradient(180deg,#010c14b3,#02121df5),#02121dfa}.game-conduct-panel{display:grid;gap:clamp(20px,3vh,34px)}.game-conduct-heading{display:grid;justify-items:center;gap:8px;padding:0 clamp(0px,4vw,64px) clamp(18px,2.4vh,28px);border-bottom:1px solid rgba(111,146,164,.32);text-align:center}.game-conduct-eyebrow{color:var(--tchapi-gold-bright);font-family:var(--tchapi-display);font-size:13px;font-weight:600;letter-spacing:0;text-transform:uppercase}.game-conduct-heading h2{margin:0;color:#f1dcc0;font-family:var(--tchapi-display);font-size:clamp(30px,3.4vw,48px);font-weight:600;letter-spacing:0;line-height:1.05;text-shadow:0 2px 10px rgba(0,0,0,.72)}.game-conduct-heading h2:focus{outline:none}.game-conduct-heading p{max-width:1050px;margin:0;color:#c3ced6;font-size:clamp(13px,1.1vw,16px);line-height:1.65}.game-conduct-principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,26em),1fr))}.game-conduct-principle{min-width:0;padding:4px clamp(20px,2.4vw,38px) 10px;display:grid;grid-template-columns:50px minmax(0,1fr);align-content:start;gap:16px;border-left:1px solid rgba(87,124,143,.3)}.game-conduct-principle:first-child{border-left:0}.game-conduct-marker{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(202,145,70,.72);border-radius:4px;color:#f3c985;background:linear-gradient(145deg,#513519c7,#131f25e6);font-family:var(--tchapi-display);font-size:18px;box-shadow:inset 0 0 0 3px #010c149e}.game-conduct-principle h3{margin:0 0 7px;color:#e8c797;font-family:var(--tchapi-display);font-size:clamp(16px,1.35vw,21px);font-weight:600;letter-spacing:0;text-transform:uppercase}.game-conduct-principle p{margin:0 0 11px;color:#d8e0e5;font-size:13px;line-height:1.5}.game-conduct-principle ul{margin:0;padding:0;display:grid;gap:8px;list-style:none}.game-conduct-principle li{position:relative;padding-left:14px;color:#aebbc5;font-size:12px;line-height:1.55}.game-conduct-principle li:before{position:absolute;top:.64em;left:0;width:5px;height:5px;content:"";border:1px solid rgba(34,212,232,.82);transform:rotate(45deg)}.game-conduct-footer{display:grid;justify-items:center;gap:15px;padding-top:clamp(18px,2.5vh,28px);border-top:1px solid rgba(111,146,164,.32)}.game-conduct-footer>p{margin:0;color:#9fb0bd;font-size:12px;text-align:center}.game-conduct-version{margin-left:6px;color:#d5b57f}.game-conduct-links{width:min(900px,100%);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}body #login .game-conduct-link{min-height:42px;padding:9px 14px;display:grid;place-items:center;border:1px solid rgba(184,130,59,.56);border-radius:3px;color:#e6d1ad;background:#362517b8;font-size:12px;font-weight:700;text-align:center;text-decoration:none}body #login .game-conduct-link:hover,body #login .game-conduct-link:focus-visible{border-color:#dfad62;color:#fff0d5;background:#523519db}.game-conduct-confirmation{width:min(900px,100%);min-height:50px;padding:12px 15px;display:flex;align-items:center;justify-content:center;gap:12px;border:1px solid rgba(48,155,179,.42);border-radius:3px;color:#d5e2e9;background:#031e2cb8;font-size:12px;line-height:1.45;cursor:var(--tchapi-cursor-active)!important}body #login .game-conduct-confirmation input{width:20px;height:20px;min-width:20px;margin:0;padding:0;accent-color:#22bcd5;cursor:var(--tchapi-cursor-active)!important}.game-conduct-actions{width:min(900px,100%);display:grid;grid-template-columns:minmax(180px,.42fr) minmax(260px,1fr);gap:12px}body #login[data-panel=conduct] .game-conduct-actions button{min-height:54px;font-family:var(--tchapi-sans);font-size:14px}body #login[data-panel=conduct] #game-conduct-accept{border-color:#d3a04f;background:linear-gradient(180deg,#a77330,#68431f);color:#fff4df}body #login[data-panel=conduct] #login-error{width:min(900px,100%);min-height:38px;flex:0 0 auto;align-self:center;display:grid;place-items:center;padding:9px 16px;line-height:1.45;overflow-wrap:anywhere}@media(max-width:980px){body #login[data-panel=conduct] .card{max-height:none}.game-conduct-principles{grid-template-columns:1fr}.game-conduct-principle{padding:18px 4px;border-top:1px solid rgba(87,124,143,.3);border-left:0}.game-conduct-principle:first-child{padding-top:0;border-top:0}}@media(max-width:600px){.game-conduct-principle{grid-template-columns:40px minmax(0,1fr);gap:12px}.game-conduct-marker{width:40px;height:40px;font-size:15px}.game-conduct-links,.game-conduct-actions{grid-template-columns:1fr}.game-conduct-actions #game-conduct-accept{grid-row:1}}body #login[data-panel=characters]{--character-panel-width: clamp(370px, 29vw, 445px);--character-layout-gap: clamp(18px, 2.2vw, 36px);height:100dvh;min-height:610px;overflow:hidden}body #login[data-panel=characters]:before{opacity:.24}body #login[data-panel=characters] h1.login-brand{min-height:68px;height:68px;padding-block:0;background:linear-gradient(180deg,#010e18e8,#01111cc2);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}body #login[data-panel=characters] .login-brand-mark{width:54px;height:54px;flex-basis:54px}body #login[data-panel=characters] .login-brand-title{font-size:clamp(23px,2vw,28px)}body #login[data-panel=characters] .login-site-link{display:none}body #login[data-panel=characters] .card{width:min(1660px,100%);height:calc(100dvh - 88px);flex:1 1 auto;margin:0 auto;padding:0;overflow:visible;border:0;background:transparent;box-shadow:none}body #login[data-panel=characters] .card:before,body #login[data-panel=characters] .card:after{display:none}body #login[data-panel=characters] .character-panel,body #login[data-panel=characters] .character-selection-shell{width:100%;height:100%;min-height:0}body #login[data-panel=characters] .character-selection-shell{display:grid;grid-template-columns:minmax(0,1fr) var(--character-panel-width);gap:var(--character-layout-gap)}body #login[data-panel=characters] .character-showcase{isolation:isolate;position:relative;min-width:0;min-height:0;padding:clamp(10px,1.8vh,20px) clamp(8px,2vw,28px) clamp(26px,3vh,38px);display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;overflow:hidden}body #login[data-panel=characters] .character-showcase:before,body #login[data-panel=characters] .character-showcase:after{position:absolute;z-index:-1;content:"";pointer-events:none}body #login[data-panel=characters] .character-showcase:before{top:8%;bottom:5%;left:50%;width:min(60vw,690px);background:radial-gradient(ellipse,rgba(57,195,229,.12),rgba(5,44,62,.04) 47%,transparent 72%);filter:blur(4px);transform:translate(-50%)}body #login[data-panel=characters] .character-showcase:after{right:6%;bottom:10%;left:6%;height:1px;background:linear-gradient(90deg,transparent,rgba(67,167,198,.48),rgba(225,170,89,.66),rgba(67,167,198,.48),transparent);box-shadow:0 0 15px #22b8dc29}body #login[data-panel=characters] .character-showcase-eyebrow{padding:7px 22px;border:1px solid rgba(67,151,181,.32);border-radius:999px;color:#c9e8f2;background:#01121dad;box-shadow:0 8px 22px #0000003d;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}body #login[data-panel=characters] .character-showcase-stage{position:relative;width:100%;min-height:0;display:grid;place-items:end center}body #login[data-panel=characters] .character-showcase-stage-glow{position:absolute;bottom:clamp(18px,3vh,36px);left:50%;width:min(53vw,600px);height:min(15vw,130px);border:1px solid rgba(96,203,229,.24);border-radius:50%;background:radial-gradient(ellipse,rgba(91,215,240,.27),rgba(24,126,155,.12) 38%,transparent 72%);box-shadow:0 0 38px #2db7d833,inset 0 0 24px #e8b56a14;filter:blur(1px);transform:translate(-50%)}body #login[data-panel=characters] .character-showcase-art{position:relative;z-index:2;width:clamp(330px,36vw,520px);max-width:82%;aspect-ratio:7 / 6;display:grid;place-items:center;filter:drop-shadow(0 22px 18px rgba(0,0,0,.64));animation:character-showcase-float 4.8s ease-in-out infinite}body #login[data-panel=characters] .character-showcase-art:after{position:absolute;z-index:-1;right:14%;bottom:0;left:14%;height:13%;content:"";border-radius:50%;background:#000408a8;filter:blur(10px)}body #login[data-panel=characters] .character-showcase-portrait{position:static;width:100%;height:100%;display:block;image-rendering:pixelated;filter:saturate(1.07) contrast(1.03) drop-shadow(0 2px 0 rgba(0,0,0,.5))}body #login[data-panel=characters] .character-showcase-portrait.character-portrait-gm{width:64%}body #login[data-panel=characters] .character-showcase[data-class-id=warrior] .character-showcase-stage-glow{border-color:#e6b66e52;background:radial-gradient(ellipse,rgba(230,182,110,.22),rgba(83,113,128,.1) 42%,transparent 72%)}body #login[data-panel=characters] .character-showcase[data-class-id=mage] .character-showcase-stage-glow{background:radial-gradient(ellipse,rgba(88,134,255,.28),rgba(61,76,173,.12) 42%,transparent 72%)}body #login[data-panel=characters] .character-showcase[data-class-id=archer] .character-showcase-stage-glow{background:radial-gradient(ellipse,rgba(79,198,125,.23),rgba(29,105,72,.1) 42%,transparent 72%)}body #login[data-panel=characters] .character-showcase-copy{position:relative;z-index:3;min-width:min(540px,88%);padding:14px 36px 12px;display:grid;justify-items:center;gap:3px;border-top:1px solid rgba(225,170,89,.58);color:var(--tchapi-text);background:linear-gradient(90deg,transparent,rgba(1,18,29,.76) 18%,rgba(1,18,29,.88) 50%,rgba(1,18,29,.76) 82%,transparent);text-align:center;text-shadow:0 2px 5px #000}body #login[data-panel=characters] .character-showcase-copy strong{max-width:100%;overflow-wrap:anywhere;color:#f3ddbd;font-family:var(--tchapi-display);font-size:clamp(25px,2.6vw,38px);font-weight:600;line-height:1.05}body #login[data-panel=characters] .character-showcase-copy span{color:#b9d0dc;font-size:12px;font-weight:600;letter-spacing:.05em}body #login[data-panel=characters] .character-control-panel{position:relative;min-width:0;min-height:0;height:100%;padding:clamp(17px,2vh,24px);display:flex;flex-direction:column;gap:clamp(9px,1.2vh,13px);overflow-x:hidden;overflow-y:auto;border:1px solid rgba(85,174,207,.68);border-top-color:#e6b66ebd;border-radius:8px;background:radial-gradient(circle at 7% 3%,rgba(46,181,215,.16),transparent 24%),linear-gradient(135deg,rgba(12,55,75,.28),transparent 38%),linear-gradient(180deg,#031d2df0,#010f19f7);box-shadow:inset 0 0 0 1px #6fd3ef1a,inset 0 0 0 5px #010c1480,inset 0 0 0 6px #387e9b33,0 22px 60px #00000085;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);scrollbar-width:thin;scrollbar-color:var(--tchapi-cyan) rgba(1,18,29,.8)}body #login[data-panel=characters] .character-control-panel:before{position:absolute;top:8px;right:22px;left:22px;height:1px;content:"";pointer-events:none;background:linear-gradient(90deg,transparent,rgba(230,182,110,.72),transparent)}body #login[data-panel=characters] .character-control-heading{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:10px;flex:0 0 auto}body #login[data-panel=characters] .character-control-emblem{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 0 10px rgba(58,197,229,.26)) drop-shadow(0 6px 8px rgba(0,0,0,.42))}body #login[data-panel=characters] .character-control-panel .panel-title{flex:0 0 auto;margin:0;padding:4px 2px 11px;border-bottom:1px solid rgba(67,126,151,.34)}body #login[data-panel=characters] .character-control-panel .panel-title>strong{font-size:clamp(21px,1.65vw,25px)}body #login[data-panel=characters] .character-control-panel .panel-title>small{color:#9bb7c5;font-size:12px;line-height:1.35}body #login[data-panel=characters] .character-control-panel .slots{display:grid;grid-template-columns:1fr;gap:8px;flex:0 0 auto}body #login[data-panel=characters] .character-control-panel .slot,body #login[data-panel=characters] .character-control-panel .slot.filled,body #login[data-panel=characters] .character-control-panel .slot.empty{position:relative;width:100%;min-width:0;min-height:72px;height:72px;padding:8px 42px 8px 10px;display:grid;grid-template-columns:56px minmax(0,1fr);grid-template-rows:1fr;align-items:center;justify-items:stretch;gap:11px;overflow:hidden;border:1px solid rgba(55,116,144,.5);border-radius:5px;background:linear-gradient(90deg,#0a3246f5,#031a29f0),#021826f5;box-shadow:inset 0 1px #82d2ee12,inset 0 0 18px #1266840d;text-align:left}body #login[data-panel=characters] .character-control-panel .slot:before{top:9px;right:10px;left:auto;color:#6f9daf;font-size:9px;font-weight:800;letter-spacing:.08em}body #login[data-panel=characters] .character-control-panel .slot:after{right:11px;bottom:5px;left:11px;background:linear-gradient(90deg,rgba(64,142,174,.45),transparent)}body #login[data-panel=characters] .character-control-panel .slot:hover{border-color:#79dfffc2;background:linear-gradient(90deg,#0a3a51fa,#031f2ff5);box-shadow:inset 3px 0 #5ed3f2b3,0 7px 18px #0003;transform:translate(-2px)}body #login[data-panel=characters] .character-control-panel .slot.selected{border-color:var(--tchapi-gold-bright);background:linear-gradient(90deg,#69441f61,#073041f7 72%,#041d2cf7);box-shadow:inset 4px 0 0 var(--tchapi-gold),inset 0 0 18px #cd934512,0 0 20px #b67a3b2e}body #login[data-panel=characters] .character-control-panel .slot.filled .character-portrait,body #login[data-panel=characters] .character-control-panel .slot.filled .sprite-frame{position:static;width:52px;height:52px;max-width:none;object-fit:contain;filter:drop-shadow(0 5px 6px rgba(0,0,0,.58))}body #login[data-panel=characters] .character-control-panel .slot.filled .character-portrait-gm{width:34px;height:52px}body #login[data-panel=characters] .character-control-panel .slot .slot-meta,body #login[data-panel=characters] .character-control-panel .slot.filled .slot-meta,body #login[data-panel=characters] .character-control-panel .slot.empty .slot-meta{position:static;width:auto;height:auto;min-width:0;min-height:0;padding:0;display:grid;align-content:center;justify-items:start;gap:2px;overflow:visible;clip:auto;clip-path:none;border:0;background:transparent;white-space:normal}body #login[data-panel=characters] .character-control-panel .slot .slot-meta strong,body #login[data-panel=characters] .character-control-panel .slot.filled .slot-meta strong,body #login[data-panel=characters] .character-control-panel .slot.empty .slot-meta strong{max-width:100%;overflow:hidden;color:#f0f4f7;font-family:var(--tchapi-sans);font-size:14px;font-weight:700;line-height:1.2;text-overflow:ellipsis;white-space:nowrap}body #login[data-panel=characters] .character-control-panel .slot .slot-meta small,body #login[data-panel=characters] .character-control-panel .slot.filled .slot-meta small,body #login[data-panel=characters] .character-control-panel .slot.empty .slot-meta small{color:#89a9b9;font-size:11px;line-height:1.3}body #login[data-panel=characters] .character-control-panel .slot.empty .slot-plus{position:static;width:40px;height:40px;overflow:visible;place-self:center;clip:auto;clip-path:none;border:1px solid rgba(121,223,255,.58);border-radius:50%;background:radial-gradient(circle,#1e85a557,#072f42b8);color:#83e5ff;font-size:23px;line-height:1;white-space:normal;box-shadow:inset 0 0 0 4px #01121d9e,0 0 14px #2cb8db21}body #login[data-panel=characters] .character-control-panel .slot.empty .slot-meta strong{color:#dcebf2}body #login[data-panel=characters] .character-control-panel .slot.empty.selected .slot-meta strong{color:#f1c97f}body #login[data-panel=characters] .character-control-panel .slot.empty.selected .slot-plus{border-color:#efbf6b;color:#ffd795;box-shadow:inset 0 0 0 4px #291b10a8,0 0 18px #e0a44e38}body #login[data-panel=characters] .character-control-panel .create-panel{width:100%;padding:13px;gap:9px;flex:0 0 auto;border:1px solid rgba(78,157,186,.54);border-top-color:#e2b16599;border-radius:6px;background:linear-gradient(135deg,rgba(22,91,114,.11),transparent 40%),linear-gradient(145deg,#062536fa,#021420fc);box-shadow:inset 0 0 0 3px #010f198a,inset 0 0 0 4px #4191ae1a,0 10px 24px #00000030}body #login[data-panel=characters] .character-control-panel .create-panel-heading{padding-bottom:8px;display:grid;justify-items:center;gap:2px;border-bottom:1px solid rgba(70,137,163,.35);text-align:center}body #login[data-panel=characters] .character-control-panel .create-title{color:#f1c778;font-size:16px;letter-spacing:.07em}body #login[data-panel=characters] .character-control-panel .create-panel-heading small{color:#8faebb;font-size:11px;line-height:1.35}body #login[data-panel=characters] .character-control-panel .character-name-field{min-width:0;display:grid;gap:5px}body #login[data-panel=characters] .character-control-panel .character-name-field>span,body #login[data-panel=characters] .character-control-panel .class-options-heading>span{color:#c7dbe4;font-size:11px;font-weight:800;letter-spacing:.07em;text-transform:uppercase}body #login[data-panel=characters] .character-control-panel input{width:100%;height:44px;padding:0 13px;border:1px solid rgba(61,135,164,.65);border-radius:4px;color:#eef7fb;background:linear-gradient(180deg,#01111cfa,#031b2afa);box-shadow:inset 0 1px 7px #0006;font-size:13px}body #login[data-panel=characters] .character-control-panel input::placeholder{color:#728f9e;opacity:1}body #login[data-panel=characters] .character-control-panel input:focus-visible{outline:2px solid rgba(102,221,249,.72);outline-offset:1px;border-color:#7bddf2;box-shadow:inset 0 1px 7px #0006,0 0 14px #36c0e22e}body #login[data-panel=characters] .character-control-panel .class-options-heading{display:flex;align-items:baseline;justify-content:space-between;gap:10px}body #login[data-panel=characters] .character-control-panel .class-options-heading small{color:#718f9e;font-size:10px}body #login[data-panel=characters] .character-control-panel .class-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body #login[data-panel=characters] .character-control-panel .class-choice{--class-accent: #6bd5ef;position:relative;min-height:84px;padding:7px 6px 8px;display:grid;grid-template-columns:1fr;grid-template-rows:43px auto;justify-items:center;align-content:center;gap:3px;overflow:hidden;border:1px solid rgba(57,126,153,.62);border-radius:4px;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--class-accent) 18%,transparent),transparent 47%),linear-gradient(180deg,#072a3bf5,#021826fa);box-shadow:inset 0 2px color-mix(in srgb,var(--class-accent) 28%,transparent)}body #login[data-panel=characters] .character-control-panel .class-choice[data-class-id=warrior]{--class-accent: #e0a853}body #login[data-panel=characters] .character-control-panel .class-choice[data-class-id=mage]{--class-accent: #72a8ff}body #login[data-panel=characters] .character-control-panel .class-choice[data-class-id=archer]{--class-accent: #65d394}body #login[data-panel=characters] .character-control-panel .class-choice:hover{border-color:color-mix(in srgb,var(--class-accent) 78%,#d9f8ff);transform:translateY(-2px)}body #login[data-panel=characters] .character-control-panel .class-choice.selected{border-color:#efbd68;background:radial-gradient(circle at 50% 24%,color-mix(in srgb,var(--class-accent) 25%,transparent),transparent 48%),linear-gradient(180deg,#3d301ff0,#072531fa);box-shadow:inset 3px 0 #e1a64d,inset 0 2px #ffdb9659,0 0 14px #dea44d24}body #login[data-panel=characters] .character-control-panel .class-choice .character-portrait{width:44px;height:46px;filter:drop-shadow(0 5px 5px rgba(0,0,0,.58))}body #login[data-panel=characters] .character-control-panel .class-meta strong{color:#f1f5f7;font-size:12px}body #login[data-panel=characters] .character-control-panel .class-meta small{color:#91b0be;font-size:10px}body #login[data-panel=characters] .character-control-panel .create-actions{grid-template-columns:1fr minmax(92px,.4fr);gap:7px}body #login[data-panel=characters] .character-control-panel .create-actions button{min-height:46px}body #login[data-panel=characters] .character-announcement{position:relative;min-height:90px;padding:11px 13px 12px;display:grid;gap:7px;flex:1 1 auto;align-content:start;overflow:hidden;border:1px solid rgba(182,122,59,.48);border-radius:5px;background:radial-gradient(circle at 92% 10%,rgba(34,166,200,.13),transparent 36%),linear-gradient(145deg,#1b1b1bd1,#031824f2)}body #login[data-panel=characters] .character-announcement:after{position:absolute;right:12px;bottom:0;left:12px;height:1px;content:"";background:linear-gradient(90deg,transparent,rgba(230,182,110,.66),transparent)}body #login[data-panel=characters] .character-announcement header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}body #login[data-panel=characters] .character-announcement header span{color:var(--tchapi-gold-bright);font-family:var(--tchapi-display);font-size:14px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}body #login[data-panel=characters] .character-announcement header small{color:#7296a7;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}body #login[data-panel=characters] .character-announcement-content{display:grid;gap:3px}body #login[data-panel=characters] .character-announcement-content strong{max-width:100%;overflow:hidden;color:#edf2fa;font-size:13px;line-height:1.35;text-overflow:ellipsis;white-space:nowrap}body #login[data-panel=characters] .character-announcement-content p{margin:0;display:-webkit-box;overflow:hidden;color:#a9bbc7;font-size:11px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}body #login[data-panel=characters] .character-announcement-content time{color:#6f9daf;font-size:10px;text-transform:none}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .character-announcement{min-height:92px;display:grid;flex:0 0 auto}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])){height:auto;max-height:100%;align-self:start}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slots{grid-template-columns:1fr}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.filled,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.empty{min-height:54px;height:54px;grid-template-columns:40px minmax(0,1fr)}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.filled .character-portrait,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.filled .sprite-frame{width:38px;height:38px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.empty .slot-plus{width:34px;height:34px;font-size:20px}body #login[data-panel=characters] .character-control-panel .class-choice{grid-template-columns:1fr;justify-items:center;min-height:84px}body #login[data-panel=characters] .character-control-panel .class-choice .character-portrait{width:44px;height:46px}body #login[data-panel=characters] .character-control-panel .class-meta{width:100%;justify-items:center;text-align:center}body #login[data-panel=characters] .character-control-panel .class-meta strong,body #login[data-panel=characters] .character-control-panel .class-meta small{max-width:100%;white-space:nowrap}body #login[data-panel=characters] .character-control-panel .screen-actions{width:100%;margin:0;display:grid;grid-template-columns:minmax(0,1fr) 104px;gap:8px;flex:0 0 auto}body #login[data-panel=characters] .character-control-panel .screen-actions[hidden],body #login[data-panel=characters] .character-control-panel .create-panel[hidden]{display:none!important}body #login[data-panel=characters] .character-control-panel .create-actions #play,body #login[data-panel=characters] .character-control-panel #play-existing{border:1px solid #e2ac59;border-radius:4px;background:linear-gradient(180deg,rgba(255,226,169,.12),transparent 40%),linear-gradient(180deg,#b97b34,#77481f);color:#fff5e5;font-family:var(--tchapi-display);font-size:14px;font-weight:700;letter-spacing:.07em;text-shadow:0 2px 2px rgba(0,0,0,.72);box-shadow:inset 0 1px #ffe2ac47,inset 0 -2px #3d1d096b,0 8px 18px #0000003d}body #login[data-panel=characters] .character-control-panel .create-actions #play:hover:not(:disabled),body #login[data-panel=characters] .character-control-panel #play-existing:hover:not(:disabled){border-color:#f4ce8b;background:linear-gradient(180deg,rgba(255,237,199,.16),transparent 42%),linear-gradient(180deg,#cc8c3d,#875326);filter:brightness(1.04);transform:translateY(-1px)}body #login[data-panel=characters] .character-control-panel #cancel-create,body #login[data-panel=characters] .character-control-panel #delete-character,body #login[data-panel=characters] .character-control-panel #logout-account{border:1px solid rgba(64,147,178,.72);border-radius:4px;color:#d5e9f1;background:linear-gradient(180deg,#09384df0,#031f2ffa);box-shadow:inset 0 1px #7ddbf314;font-weight:750;letter-spacing:.04em}body #login[data-panel=characters] .character-control-panel #cancel-create:hover:not(:disabled),body #login[data-panel=characters] .character-control-panel #delete-character:hover:not(:disabled),body #login[data-panel=characters] .character-control-panel #logout-account:hover:not(:disabled){border-color:#70d5ed;color:#f2fbff;background:linear-gradient(180deg,#0d4c65fa,#04273afa)}body #login[data-panel=characters] .character-control-panel button:disabled{border-color:#48647180;color:#718893;background:linear-gradient(180deg,#1c2c33d1,#0c1c24e6);box-shadow:inset 0 1px #9ebbc608;opacity:.72;filter:none}body #login[data-panel=characters] .character-control-panel #play-existing,body #login[data-panel=characters] .character-control-panel #delete-character,body #login[data-panel=characters] .character-control-panel #logout-account{width:100%;min-height:44px;margin:0}body #login[data-panel=characters] .character-control-panel #play-existing{border-color:#d3a04f;background:linear-gradient(180deg,#b77a34,#75481f);color:#fff4df;font-family:var(--tchapi-display);font-size:15px;letter-spacing:.08em;box-shadow:inset 0 1px #ffe0ac38,0 8px 20px #00000047}body #login[data-panel=characters] .character-control-panel #play-existing:hover:not(:disabled){border-color:#f0c57e;background:linear-gradient(180deg,#c88a3d,#865426)}body #login[data-panel=characters] .character-control-panel #logout-account{min-height:42px;flex:0 0 auto;font-size:11px}body #login[data-panel=characters] #login-error{position:absolute;right:calc(var(--character-panel-width) + var(--character-layout-gap) + 20px);bottom:10px;left:20px;z-index:9;width:auto;margin:0;text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@keyframes character-showcase-float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(prefers-reduced-motion:reduce){body #login[data-panel=characters] .character-showcase-art{animation:none}}@media(max-width:1000px){body #login[data-panel=characters]{height:auto;min-height:100dvh;overflow-y:auto}body #login[data-panel=characters] .card{height:auto;min-height:calc(100dvh - 88px)}body #login[data-panel=characters] .character-panel{height:auto}body #login[data-panel=characters] .character-selection-shell{height:auto;display:flex;flex-direction:column}body #login[data-panel=characters] .character-showcase{min-height:470px}body #login[data-panel=characters] .character-showcase-art{width:min(450px,68vw)}body #login[data-panel=characters] .character-control-panel{width:min(620px,100%);height:auto;max-height:none;align-self:stretch;flex:0 0 auto;margin-inline:auto;overflow:visible}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])){max-height:none;align-self:stretch}body #login[data-panel=characters] #login-error{position:static;width:min(620px,100%);margin-inline:auto}}@media(min-width:1001px)and (max-height:780px){body #login[data-panel=characters] h1.login-brand{min-height:60px;height:60px}body #login[data-panel=characters] .login-brand-mark{width:48px;height:48px;flex-basis:48px}body #login[data-panel=characters] .card{height:calc(100dvh - 76px)}body #login[data-panel=characters] .character-showcase-art{width:clamp(300px,30vw,410px)}body #login[data-panel=characters] .character-control-panel{padding:14px;gap:7px}body #login[data-panel=characters] .character-control-panel .panel-title{padding-bottom:6px}body #login[data-panel=characters] .character-control-panel .panel-title>small{display:none}body #login[data-panel=characters] .character-control-panel .slot,body #login[data-panel=characters] .character-control-panel .slot.filled,body #login[data-panel=characters] .character-control-panel .slot.empty{min-height:64px;height:64px}body #login[data-panel=characters] .character-announcement{min-height:76px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slots{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.filled,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.empty{min-height:64px;height:64px;padding:6px 20px 6px 6px;grid-template-columns:32px minmax(0,1fr);gap:5px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot:before{top:5px;right:5px;font-size:7px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot .slot-meta strong{font-size:10px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.empty .slot-meta strong{font-size:0}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.empty .slot-meta strong:after{content:"Criar";font-size:10px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot .slot-meta small{display:none}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.filled .character-portrait,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.filled .sprite-frame,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.empty .slot-plus{width:32px;height:32px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .create-panel{padding:10px;gap:7px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .create-panel-heading small,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .class-options-heading small{display:none}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .create-title{font-size:14px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) input{height:40px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .class-choice{min-height:68px;grid-template-rows:34px auto}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .class-choice .character-portrait{width:34px;height:36px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .class-meta strong{font-size:10px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .class-meta small{font-size:8px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .character-announcement{min-height:68px;padding:8px 10px;gap:4px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .character-announcement-content p{-webkit-line-clamp:1}}@media(max-width:620px){body #login[data-panel=characters]{--login-gutter: 10px;gap:10px;padding-bottom:12px}body #login[data-panel=characters] h1.login-brand{min-height:58px;height:58px}body #login[data-panel=characters] .login-brand-mark{width:44px;height:44px;flex-basis:44px}body #login[data-panel=characters] .login-brand-title{font-size:20px}body #login[data-panel=characters] .character-showcase{min-height:350px;padding-inline:0}body #login[data-panel=characters] .character-showcase-eyebrow{font-size:8px}body #login[data-panel=characters] .character-showcase-art{width:min(330px,88vw);max-width:94%}body #login[data-panel=characters] .character-showcase-copy{min-width:94%;padding-inline:16px}body #login[data-panel=characters] .character-showcase-copy strong{font-size:25px}body #login[data-panel=characters] .character-control-panel{padding:15px}body #login[data-panel=characters] .character-control-heading{grid-template-columns:44px minmax(0,1fr);gap:10px}body #login[data-panel=characters] .character-control-emblem{width:44px;height:44px}body #login[data-panel=characters] .character-control-panel .panel-title>strong{font-size:22px}body #login[data-panel=characters] .character-control-panel .panel-title>small{font-size:11px}body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.filled,body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) .slot.empty{min-height:58px;height:58px}body #login[data-panel=characters] .character-control-panel .class-choice{min-height:86px;grid-template-columns:1fr;grid-template-rows:44px auto;justify-items:center}body #login[data-panel=characters] .character-control-panel .class-choice .character-portrait{width:42px;height:45px;display:block}body #login[data-panel=characters] .character-control-panel .class-meta{justify-items:center}body #login[data-panel=characters] .character-control-panel .screen-actions,body #login[data-panel=characters] .character-control-panel .create-actions{grid-template-columns:minmax(0,1fr) 104px}body #login[data-panel=characters] .character-control-panel .class-options-heading small{display:none}body #login[data-panel=characters] .character-announcement{min-height:104px}}@media(max-width:390px){body #login[data-panel=characters] .character-control-heading{grid-template-columns:38px minmax(0,1fr);gap:8px}body #login[data-panel=characters] .character-control-emblem{width:38px;height:38px}body #login[data-panel=characters] .character-control-panel .panel-title>strong{font-size:20px}body #login[data-panel=characters] .character-control-panel .class-options{gap:5px}body #login[data-panel=characters] .character-control-panel .class-choice{padding-inline:4px}body #login[data-panel=characters] .character-control-panel .class-meta strong{font-size:11px}body #login[data-panel=characters] .character-control-panel .class-meta small{font-size:9px}}body #login[data-panel=servers]{--server-available: #64d7a4;--server-busy: #e3b65c;--server-full: #e46f7b;--server-locked: #718895;min-height:100dvh}body #login[data-panel=servers] .card{width:min(1220px,calc(100vw - (var(--login-gutter, 18px) * 2)));height:min(820px,calc(100dvh - 96px));min-height:min(620px,calc(100dvh - 96px));margin:0 auto;padding:clamp(16px,2vw,24px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:8px;overflow:hidden;border:1px solid rgba(72,155,190,.54);background:radial-gradient(circle at 82% 5%,rgba(29,145,183,.12),transparent 24%),linear-gradient(150deg,#051f2efb,#010e18fe);box-shadow:0 30px 90px #000000a3,inset 0 0 0 4px #02131eb8,inset 0 0 46px #2587ab12;clip-path:polygon(14px 0,calc(100% - 14px) 0,100% 14px,100% calc(100% - 14px),calc(100% - 14px) 100%,14px 100%,0 calc(100% - 14px),0 14px)}body #login[data-panel=servers] .card:before{inset:auto;top:7px;left:27px;width:132px;height:1px;border:0;background:linear-gradient(90deg,var(--tchapi-gold),transparent);box-shadow:0 0 10px #d9a34b6b;clip-path:none}body #login[data-panel=servers] .card:after{inset:auto;right:27px;bottom:7px;width:132px;height:1px;border:0;background:linear-gradient(270deg,var(--tchapi-gold),transparent);box-shadow:0 0 10px #d9a34b6b;clip-path:none;transform:none}body #login[data-panel=servers][data-busy=true] .card:after{top:-1px;right:auto;bottom:auto;left:50%;width:112px;height:2px;background:linear-gradient(90deg,transparent,var(--tchapi-cyan),transparent);box-shadow:0 0 10px #22d4e8a6;transform:translate(-50%);animation:tchapi-busy-refined .85s ease-in-out infinite alternate}body #login[data-panel=servers] .server-panel{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:minmax(250px,.4fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title title" "summary summary" "regions channels" "footer footer";gap:12px 14px}body #login[data-panel=servers] .server-screen-heading{grid-area:title;min-width:0;display:grid;grid-template-columns:56px minmax(0,1fr) auto;align-items:center;gap:13px;padding:1px 4px 11px;border-bottom:1px solid rgba(74,150,180,.32)}body #login[data-panel=servers] .server-screen-emblem{position:relative;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(215,161,70,.74);background:radial-gradient(circle at 50% 38%,rgba(45,201,229,.22),transparent 56%),#021420f0;box-shadow:inset 0 0 18px #1ca4c61c,0 5px 18px #00000057;transform:rotate(45deg)}body #login[data-panel=servers] .server-screen-emblem:after{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border:1px solid rgba(68,157,191,.54)}body #login[data-panel=servers] .server-screen-emblem img{width:34px;height:34px;object-fit:contain;transform:rotate(-45deg);filter:drop-shadow(0 0 8px rgba(38,203,230,.36))}body #login[data-panel=servers] .server-screen-heading .panel-title.login-panel-heading{grid-area:auto;min-width:0;margin:0;gap:2px}body #login[data-panel=servers] .server-screen-heading .panel-title>span{color:var(--tchapi-cyan);font-family:var(--tchapi-sans);font-size:9px;letter-spacing:.19em}body #login[data-panel=servers] .server-screen-title{margin:0;color:#f3efe8;font-family:var(--tchapi-display);font-size:clamp(27px,3vw,38px);font-weight:600;line-height:1.06;letter-spacing:.01em;text-shadow:0 3px 10px rgba(0,0,0,.44)}body #login[data-panel=servers] .server-screen-heading .panel-title>small{max-width:720px;color:#9eb4c0;font-family:var(--tchapi-sans);font-size:11px;line-height:1.45}body #login[data-panel=servers] .server-screen-step{align-self:start;padding:7px 10px;border:1px solid rgba(66,142,174,.4);background:#021723d1;color:#7db7cc;font-family:var(--tchapi-sans);font-size:9px;font-weight:800;letter-spacing:.12em}body #login[data-panel=servers] #server-character.server-character-card{grid-area:summary;min-width:0;min-height:68px;padding:8px 13px;display:grid;grid-template-columns:50px minmax(0,1fr) auto;align-items:center;gap:12px;overflow:hidden;border:1px solid rgba(70,148,180,.45);border-left-color:var(--tchapi-gold);background:linear-gradient(90deg,rgba(182,122,59,.12),transparent 24%),linear-gradient(180deg,#052535e6,#021623f5);box-shadow:inset 3px 0 #d9a34b8a,inset 0 1px #ffffff06;color:var(--tchapi-muted);text-align:left}body #login[data-panel=servers] #server-character.is-empty{grid-template-columns:1fr;place-items:center}body #login[data-panel=servers] .server-character-portrait{width:48px;height:50px;display:block;border:1px solid rgba(70,151,184,.5);background-color:#010f19c7;filter:drop-shadow(0 5px 6px rgba(0,0,0,.48))}body #login[data-panel=servers] .server-character-identity{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:2px 8px}body #login[data-panel=servers] .server-character-identity small{grid-column:1 / -1;color:#68cde5;font-family:var(--tchapi-sans);font-size:8px;font-weight:800;letter-spacing:.15em}body #login[data-panel=servers] .server-character-identity strong{min-width:0;overflow:hidden;color:var(--tchapi-gold-bright);font-family:var(--tchapi-display);font-size:17px;font-weight:700;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}body #login[data-panel=servers] .server-character-identity>span{min-width:0;overflow:hidden;color:#b6c6ce;font-family:var(--tchapi-sans);font-size:11px;text-overflow:ellipsis;white-space:nowrap}body #login[data-panel=servers] .server-character-ready{position:relative;padding:7px 10px 7px 24px;border:1px solid rgba(83,190,142,.28);background:#236e501f;color:#75d9aa;font-family:var(--tchapi-sans);font-size:9px;font-weight:800;letter-spacing:.08em;white-space:nowrap}body #login[data-panel=servers] .server-character-ready:before{content:"";position:absolute;left:10px;top:50%;width:7px;height:7px;border-radius:50%;background:var(--server-available);box-shadow:0 0 9px #64d7a4bf;transform:translateY(-50%)}body #login[data-panel=servers] .server-region-panel,body #login[data-panel=servers] .server-channel-panel{position:relative;min-width:0;min-height:0;padding:12px;display:flex;flex-direction:column;gap:10px;overflow:hidden;border:1px solid rgba(57,128,158,.42);background:linear-gradient(180deg,#062433b3,#01111cd6),repeating-linear-gradient(135deg,transparent 0 12px,rgba(75,148,177,.018) 12px 13px);box-shadow:inset 0 0 24px #00000038}body #login[data-panel=servers] .server-region-panel{grid-area:regions}body #login[data-panel=servers] .server-channel-panel{grid-area:channels}body #login[data-panel=servers] .server-region-panel:after,body #login[data-panel=servers] .server-channel-panel:after{content:"";position:absolute;top:0;left:12px;width:56px;height:2px;background:linear-gradient(90deg,var(--tchapi-gold),transparent);pointer-events:none}body #login[data-panel=servers] .server-section-heading{flex:0 0 auto;min-height:42px;display:grid;grid-template-columns:34px minmax(0,1fr);align-items:center;gap:9px;padding-bottom:9px;border-bottom:1px solid rgba(65,139,169,.26)}body #login[data-panel=servers] .server-section-marker{width:31px;height:31px;display:grid;place-items:center;border:1px solid rgba(217,163,75,.55);background:#603e1929;color:var(--tchapi-gold-bright);font-family:var(--tchapi-display);font-size:12px;font-weight:700;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}body #login[data-panel=servers] .server-section-copy{min-width:0;display:grid;gap:1px}body #login[data-panel=servers] .server-section-title{margin:0;color:#edf1f3;font-family:var(--tchapi-display);font-size:15px;font-weight:650;line-height:1.2}body #login[data-panel=servers] .server-section-copy small{color:#829eac;font-family:var(--tchapi-sans);font-size:10px;line-height:1.35}body #login[data-panel=servers] .server-options,body #login[data-panel=servers] .channel-options{min-width:0;min-height:0;padding:0;gap:8px;border:0;border-radius:0;background:none}body #login[data-panel=servers] .server-options{flex:1 1 auto;grid-template-columns:1fr;align-content:start}body #login[data-panel=servers] .channel-options{flex:1 1 auto;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;overflow-x:hidden;overflow-y:auto;padding-right:4px;scrollbar-color:rgba(54,141,177,.72) rgba(0,11,19,.62);scrollbar-width:thin;overscroll-behavior:contain}body #login[data-panel=servers] .channel-options::-webkit-scrollbar{width:7px}body #login[data-panel=servers] .channel-options::-webkit-scrollbar-track{background:#000b139e}body #login[data-panel=servers] .channel-options::-webkit-scrollbar-thumb{border:1px solid rgba(0,11,19,.74);background:#368db1b8}body #login[data-panel=servers] .server-options:before,body #login[data-panel=servers] .channel-options:before{content:none;display:none}body #login[data-panel=servers] .region-choice,body #login[data-panel=servers] .channel-choice{position:relative;width:100%;min-width:0;overflow:hidden;border:1px solid rgba(55,126,157,.44);border-radius:2px;background:linear-gradient(135deg,rgba(32,119,151,.07),transparent 42%),linear-gradient(180deg,#052535f5,#021623fc);box-shadow:inset 0 1px #ffffff06,0 5px 13px #00000029;filter:none;transform:none;transition:border-color .14s ease,background .14s ease,box-shadow .14s ease,transform .14s ease}body #login[data-panel=servers] .region-choice{min-height:72px;padding:10px;display:grid;grid-template-columns:46px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;gap:2px 10px}body #login[data-panel=servers] .region-choice-code{grid-row:1 / 3;width:44px;height:44px;display:grid;place-items:center;border:1px solid rgba(67,147,181,.56);background:radial-gradient(circle at 50% 36%,rgba(57,174,209,.16),transparent 58%),#01121deb;color:#dfeaf0;font-family:var(--tchapi-display);font-size:18px;font-weight:700}body #login[data-panel=servers] .region-choice .slot-meta{min-width:0;gap:2px;align-items:flex-start}body #login[data-panel=servers] .region-choice .slot-meta strong{max-width:100%;overflow:hidden;color:#edf2f4;font-family:var(--tchapi-sans);font-size:12px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}body #login[data-panel=servers] .region-choice .slot-meta small{color:#91aab6;font-family:var(--tchapi-sans);font-size:10px;line-height:1.3}body #login[data-panel=servers] .region-choice-status{grid-column:2;justify-self:start;color:var(--server-available);font-family:var(--tchapi-sans);font-size:9px;font-weight:800;letter-spacing:.12em}body #login[data-panel=servers] .region-choice.selected,body #login[data-panel=servers] .channel-choice.selected{border-color:var(--tchapi-gold-bright);background:linear-gradient(90deg,rgba(182,122,59,.2),transparent 58%),linear-gradient(180deg,#1d3941fa,#041b27fc);box-shadow:inset 3px 0 0 var(--tchapi-gold),0 0 18px #b67a3b26}body #login[data-panel=servers] .region-choice.selected .region-choice-code{border-color:var(--tchapi-gold);color:var(--tchapi-gold-bright);box-shadow:inset 0 0 12px #b67a3b21}body #login[data-panel=servers] .region-choice.unavailable,body #login[data-panel=servers] .region-choice:disabled{opacity:1;border-color:#415b6861;background:linear-gradient(180deg,#0e202ad1,#05141deb);cursor:not-allowed}body #login[data-panel=servers] .region-choice.unavailable .region-choice-code{border-color:#49637057;color:#6f818a;filter:grayscale(.4)}body #login[data-panel=servers] .region-choice.unavailable .slot-meta strong,body #login[data-panel=servers] .region-choice.unavailable .slot-meta small{color:#70838d}body #login[data-panel=servers] .region-choice.unavailable .region-choice-status{color:#6f818a}body #login[data-panel=servers] .channel-choice{--channel-tone: var(--server-available);min-height:70px;padding:9px 10px 11px;display:grid;grid-template-columns:38px minmax(0,1fr) minmax(76px,auto);align-items:center;gap:9px;text-align:left}body #login[data-panel=servers] .channel-choice[data-load=busy]{--channel-tone: var(--server-busy)}body #login[data-panel=servers] .channel-choice[data-load=full]{--channel-tone: var(--server-full)}body #login[data-panel=servers] .channel-choice.unavailable{--channel-tone: var(--server-locked)}body #login[data-panel=servers] .channel-choice:before{content:"";position:absolute;left:0;bottom:0;width:var(--channel-load, 0%);height:3px;background:linear-gradient(90deg,color-mix(in srgb,var(--channel-tone),transparent 28%),var(--channel-tone));box-shadow:0 0 9px color-mix(in srgb,var(--channel-tone),transparent 48%);transition:width .18s ease}body #login[data-panel=servers] .channel-choice-marker{width:36px;height:36px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--channel-tone),transparent 48%);border-radius:50%;background:color-mix(in srgb,var(--channel-tone),transparent 91%);color:var(--channel-tone);font-family:var(--tchapi-display);font-size:11px;font-weight:750;box-shadow:inset 0 0 12px #0003}body #login[data-panel=servers] .channel-choice .slot-meta{min-width:0;display:grid;gap:3px;align-items:initial;justify-content:initial}body #login[data-panel=servers] .channel-choice .slot-meta strong{min-width:0;overflow:hidden;color:#edf2f4;font-family:var(--tchapi-sans);font-size:12px;font-weight:750;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}body #login[data-panel=servers] .channel-choice .slot-meta small{color:#91aab6;font-family:var(--tchapi-sans);font-size:10px;line-height:1.25;text-align:left;white-space:nowrap}body #login[data-panel=servers] .channel-choice-state{min-width:0;max-width:112px;display:flex;align-items:center;justify-content:flex-end;gap:6px}body #login[data-panel=servers] .channel-state-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:var(--channel-tone);box-shadow:0 0 8px color-mix(in srgb,var(--channel-tone),transparent 34%)}body #login[data-panel=servers] .channel-choice-state small{min-width:0;color:var(--channel-tone);font-family:var(--tchapi-sans);font-size:9px;font-weight:750;line-height:1.25;text-align:right;overflow-wrap:anywhere}body #login[data-panel=servers] .channel-choice.unavailable,body #login[data-panel=servers] .channel-choice:disabled{opacity:1;border-color:#4863705e;background:linear-gradient(180deg,#0f222cdb,#05141df0);cursor:not-allowed}body #login[data-panel=servers] .channel-choice.unavailable .slot-meta strong{color:#9babb2}body #login[data-panel=servers] .channel-choice.unavailable .slot-meta small{color:#879aa4}body #login[data-panel=servers] .channel-choice.unavailable:before{width:0;opacity:0}body #login[data-panel=servers] .region-choice:disabled:hover,body #login[data-panel=servers] .channel-choice:disabled:hover{filter:none;transform:none}body #login[data-panel=servers] .region-choice:hover:not(:disabled),body #login[data-panel=servers] .channel-choice:hover:not(:disabled){border-color:var(--tchapi-cyan-soft);background:linear-gradient(120deg,rgba(34,151,185,.12),transparent 50%),linear-gradient(180deg,#072e40fa,#021b29fc);box-shadow:inset 0 0 18px #2795b714,0 7px 17px #0003;filter:none;transform:translateY(-1px)}body #login[data-panel=servers] .region-choice.selected:hover:not(:disabled),body #login[data-panel=servers] .channel-choice.selected:hover:not(:disabled){border-color:var(--tchapi-gold-bright);box-shadow:inset 3px 0 0 var(--tchapi-gold),0 0 20px #b67a3b33}body #login[data-panel=servers] .region-choice:focus-visible,body #login[data-panel=servers] .channel-choice:focus-visible,body #login[data-panel=servers] #server-enter:focus-visible,body #login[data-panel=servers] #server-back:focus-visible{outline:2px solid #71dbed;outline-offset:2px}body #login[data-panel=servers] .empty-state{min-height:84px;display:grid;place-items:center;padding:18px;border:1px dashed rgba(217,163,75,.38);background:#5b3e171c;color:#d8bd83;font-family:var(--tchapi-sans);font-size:11px;line-height:1.45;text-align:center}body #login[data-panel=servers] .server-footer{grid-area:footer;min-width:0;min-height:62px;padding:10px 0 0;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:14px;border-top:1px solid rgba(63,137,167,.26);background:linear-gradient(180deg,transparent,rgba(1,13,22,.46))}body #login[data-panel=servers] .server-selection-summary{min-width:0;min-height:48px;padding:7px 12px;display:flex;align-items:center;gap:11px;border:1px solid rgba(63,135,165,.35);background:#021723bd;color:#8da7b4;font-family:var(--tchapi-sans);font-size:11px}body #login[data-panel=servers] .server-selection-summary.is-empty{border-style:dashed}body #login[data-panel=servers] .server-selection-marker{width:17px;height:17px;flex:0 0 auto;border:2px solid var(--tchapi-gold);background:#b67a3b1f;box-shadow:0 0 9px #d9a34b47;transform:rotate(45deg)}body #login[data-panel=servers] .server-selection-copy{min-width:0;display:grid;gap:2px}body #login[data-panel=servers] .server-selection-copy small{color:#7bbcd2;font-size:8px;font-weight:800;letter-spacing:.13em}body #login[data-panel=servers] .server-selection-copy strong{min-width:0;overflow:hidden;color:var(--tchapi-gold-bright);font-family:var(--tchapi-display);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}body #login[data-panel=servers] .server-actions{grid-area:auto;display:grid;grid-template-columns:134px minmax(210px,260px);gap:9px}body #login[data-panel=servers] #server-enter,body #login[data-panel=servers] #server-back{width:100%;min-height:48px;aspect-ratio:auto;padding:0 16px;border-radius:2px;color:#eef5f7;font-family:var(--tchapi-sans);font-size:11px;font-weight:850;letter-spacing:.06em;text-shadow:0 2px 3px rgba(0,0,0,.65);transition:border-color .14s ease,filter .14s ease,transform .14s ease,box-shadow .14s ease}body #login[data-panel=servers] #server-enter{border:1px solid #d5a14f;background:linear-gradient(180deg,rgba(255,219,133,.12),transparent 44%),linear-gradient(180deg,#a66d30,#70451e);box-shadow:inset 0 0 0 2px #522e106b,0 6px 16px #00000047}body #login[data-panel=servers] #server-back{border:1px solid rgba(65,148,184,.57);background:linear-gradient(180deg,#08384ffa,#031f2ffc);color:#c9dce5;box-shadow:inset 0 0 0 2px #01131d61,0 6px 16px #0003}body #login[data-panel=servers] #server-enter:hover:not(:disabled),body #login[data-panel=servers] #server-back:hover:not(:disabled){filter:brightness(1.1);transform:translateY(-1px)}body #login[data-panel=servers] #server-enter:active:not(:disabled),body #login[data-panel=servers] #server-back:active:not(:disabled){transform:translateY(1px)}body #login[data-panel=servers] #server-enter:disabled,body #login[data-panel=servers] #server-back:disabled{opacity:.58;cursor:not-allowed;filter:grayscale(.3)}body #login[data-panel=servers] #login-error{grid-row:2;width:min(860px,100%);margin:0 auto}body #login[data-panel=servers] #login-error:empty{display:none}@media(max-width:900px){body #login[data-panel=servers] .card{height:auto;min-height:0;overflow:visible}body #login[data-panel=servers] .server-panel{height:auto;grid-template-columns:1fr;grid-template-rows:auto;grid-template-areas:"title" "summary" "regions" "channels" "footer"}body #login[data-panel=servers] .server-options{grid-template-columns:repeat(3,minmax(0,1fr))}body #login[data-panel=servers] .region-choice{min-height:82px;grid-template-columns:36px minmax(0,1fr);padding:9px;gap:2px 8px}body #login[data-panel=servers] .region-choice-code{width:34px;height:34px;font-size:13px}body #login[data-panel=servers] .channel-options{max-height:390px}}@media(max-width:620px){body #login[data-panel=servers]{--login-gutter: 10px;gap:10px;padding-bottom:12px}body #login[data-panel=servers] h1.login-brand{min-height:58px;height:58px}body #login[data-panel=servers] .login-brand-mark{width:44px;height:44px;flex-basis:44px}body #login[data-panel=servers] .login-brand-title{font-size:20px}body #login[data-panel=servers] .login-site-link{display:none}body #login[data-panel=servers] .card{width:calc(100vw - 20px);padding:14px}body #login[data-panel=servers] .server-screen-heading{grid-template-columns:44px minmax(0,1fr);gap:10px}body #login[data-panel=servers] .server-screen-emblem{width:42px;height:42px}body #login[data-panel=servers] .server-screen-emblem img{width:28px;height:28px}body #login[data-panel=servers] .server-screen-title{font-size:clamp(23px,8vw,29px)}body #login[data-panel=servers] .server-screen-heading .panel-title>small{font-size:10px}body #login[data-panel=servers] .server-screen-step{display:none}body #login[data-panel=servers] #server-character.server-character-card{grid-template-columns:45px minmax(0,1fr);min-height:62px;padding:7px 9px;gap:9px}body #login[data-panel=servers] .server-character-portrait{width:43px;height:45px}body #login[data-panel=servers] .server-character-identity{grid-template-columns:1fr;gap:1px}body #login[data-panel=servers] .server-character-identity small{grid-column:auto}body #login[data-panel=servers] .server-character-identity strong{font-size:15px}body #login[data-panel=servers] .server-character-identity>span{font-size:10px}body #login[data-panel=servers] .server-character-ready{display:none}body #login[data-panel=servers] .server-region-panel,body #login[data-panel=servers] .server-channel-panel{padding:10px}body #login[data-panel=servers] .server-options{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}body #login[data-panel=servers] .region-choice{min-height:91px;padding:7px 5px;grid-template-columns:1fr;grid-template-rows:31px auto auto;justify-items:center;align-content:center;gap:3px;text-align:center}body #login[data-panel=servers] .region-choice-code{grid-row:auto;width:31px;height:31px;font-size:12px}body #login[data-panel=servers] .region-choice .slot-meta{align-items:center}body #login[data-panel=servers] .region-choice .slot-meta strong{font-size:10px;white-space:normal;text-align:center}body #login[data-panel=servers] .region-choice .slot-meta small{display:none}body #login[data-panel=servers] .region-choice-status{grid-column:auto;justify-self:center;font-size:8px}body #login[data-panel=servers] .channel-options{grid-template-columns:1fr;max-height:none;overflow:visible;overscroll-behavior:auto;padding-right:0}body #login[data-panel=servers] .channel-choice{min-height:66px;grid-template-columns:36px minmax(0,1fr) minmax(74px,auto);padding-inline:8px;gap:8px}body #login[data-panel=servers] .channel-choice-marker{width:34px;height:34px}body #login[data-panel=servers] .channel-choice-state{max-width:98px}body #login[data-panel=servers] .server-footer{grid-template-columns:1fr;gap:8px}body #login[data-panel=servers] .server-selection-summary{min-height:44px}body #login[data-panel=servers] .server-actions{grid-template-columns:106px minmax(0,1fr)}}@media(max-width:390px){body #login[data-panel=servers] .card{padding-inline:11px}body #login[data-panel=servers] .server-panel{gap:9px}body #login[data-panel=servers] .server-screen-title{font-size:22px}body #login[data-panel=servers] .server-section-title{font-size:13px}body #login[data-panel=servers] .server-section-copy small{font-size:9px}body #login[data-panel=servers] .channel-choice{grid-template-columns:34px minmax(0,1fr) 78px}body #login[data-panel=servers] .channel-choice .slot-meta strong{font-size:11px}body #login[data-panel=servers] .channel-choice-state small{font-size:9px}body #login[data-panel=servers] .server-actions{grid-template-columns:94px minmax(0,1fr)}body #login[data-panel=servers] #server-enter,body #login[data-panel=servers] #server-back{padding-inline:9px;font-size:10px}}@media(min-width:901px)and (max-height:760px){body #login[data-panel=servers] .card{height:calc(100dvh - 82px);min-height:0;padding:13px 16px}body #login[data-panel=servers] .server-panel{gap:8px 12px}body #login[data-panel=servers] .server-screen-heading{padding-bottom:7px}body #login[data-panel=servers] .server-screen-emblem{width:44px;height:44px}body #login[data-panel=servers] .server-screen-emblem img{width:29px;height:29px}body #login[data-panel=servers] .server-screen-heading{grid-template-columns:48px minmax(0,1fr) auto}body #login[data-panel=servers] .server-screen-title{font-size:27px}body #login[data-panel=servers] .server-screen-heading .panel-title>small{display:none}body #login[data-panel=servers] #server-character.server-character-card{min-height:56px;padding-block:5px}body #login[data-panel=servers] .server-character-portrait{width:42px;height:43px}body #login[data-panel=servers] .server-region-panel,body #login[data-panel=servers] .server-channel-panel{padding:9px;gap:7px}body #login[data-panel=servers] .server-section-heading{min-height:36px;padding-bottom:6px}body #login[data-panel=servers] .region-choice{min-height:62px}body #login[data-panel=servers] .channel-choice{min-height:58px;padding-block:6px 8px}body #login[data-panel=servers] .server-footer{min-height:52px;padding-top:7px}body #login[data-panel=servers] .server-selection-summary,body #login[data-panel=servers] #server-enter,body #login[data-panel=servers] #server-back{min-height:44px}}body #login[data-panel=account] .account-actions:has(#account-cancel-restore:not([hidden])){grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px}body #login[data-panel=account] #account-cancel-restore{min-height:46px;border:1px solid rgba(75,157,188,.7);background:linear-gradient(180deg,#09394df5,#031f2ffa);color:#d8eaf1;font-size:11px;font-weight:800}body #login #account-cancel-restore[hidden]{display:none!important}body #login[data-panel=characters] .character-control-panel .panel-title>h2{margin:0;color:#f1e6d7;font-family:var(--tchapi-display);font-size:clamp(21px,1.65vw,25px);font-weight:600;line-height:1.14}body #login[data-panel=characters] .character-control-panel .panel-title>h2:focus-visible,body #login[data-panel=servers] .server-screen-title:focus-visible{outline:2px solid #71dbed;outline-offset:4px}body #login[data-panel=servers] .channel-choice[data-load=maintenance]{--channel-tone: var(--server-locked)}body #login[data-panel=servers] .server-selection-summary.is-warning{border-style:solid;border-color:#e46f7b94;background:#601f2a38;color:#f0b5bb}body #login .delete-character-dialog[hidden]{display:none!important}body #login .delete-character-dialog{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;padding:18px;display:grid;place-items:center;background:#00070cd1;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}body #login .delete-character-dialog-card{width:min(500px,calc(100vw - 28px));padding:clamp(20px,4vw,30px);display:grid;gap:14px;border:1px solid rgba(228,111,123,.78);border-top-color:#f1b3ba;border-radius:7px;background:radial-gradient(circle at 50% 0,rgba(161,50,65,.16),transparent 38%),linear-gradient(160deg,#13232cfc,#04121bfe);box-shadow:inset 0 0 0 4px #020c13b3,0 28px 80px #000000ad;color:#eaf1f4}body #login .delete-character-dialog-eyebrow{color:#ef8a96;font-size:11px;font-weight:850;letter-spacing:.1em}body #login .delete-character-dialog-card h2{margin:0;color:#fff0f1;font-family:var(--tchapi-display);font-size:clamp(25px,5vw,34px);line-height:1.1}body #login .delete-character-dialog-card p{margin:0;color:#bfd0d8;font-size:13px;line-height:1.6}body #login .delete-character-dialog-card p strong{color:#ffd0d4}body #login .delete-character-dialog-card label{display:grid;gap:7px}body #login .delete-character-dialog-card label>span{color:#d9e5ea;font-size:12px;font-weight:750}body #login .delete-character-dialog-card input{width:100%;min-height:46px;padding:0 13px;border:1px solid rgba(228,111,123,.6);border-radius:4px;background:#021019fa;color:#f5f8fa;font-size:14px}body #login .delete-character-dialog-card input:focus-visible{outline:2px solid #ef8a96;outline-offset:2px}body #login .delete-character-confirm-hint{min-height:20px;color:#ef8a96!important;font-size:11px!important}body #login .delete-character-dialog-actions{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:9px}body #login .delete-character-dialog-actions button{min-height:48px}body #login .delete-character-dialog-actions .danger{border:1px solid #ef7d89;background:linear-gradient(180deg,#a83c49,#67242d);color:#fff3f4}body #login .delete-character-dialog-actions .danger:disabled{border-color:#71555b8c;background:linear-gradient(180deg,#463136e6,#2b1f23f0);color:#9d858a}body #login .delete-character-dialog-actions button:focus-visible{outline:2px solid #f4b0b7;outline-offset:2px}body #login[data-panel=characters] .character-showcase-eyebrow,body #login[data-panel=characters] .character-control-panel .class-meta small,body #login[data-panel=servers] .server-character-identity small,body #login[data-panel=servers] .region-choice-status,body #login[data-panel=servers] .channel-choice-state small,body #login[data-panel=servers] .server-selection-copy small{font-size:max(10px,.625rem)}@media(max-width:620px){body #login[data-panel=account] .account-actions:has(#account-cancel-restore:not([hidden])),body #login .delete-character-dialog-actions{grid-template-columns:1fr}body #login .delete-character-dialog-card{padding:20px 17px}}@media(forced-colors:active){body #login[data-panel=characters] .character-control-panel,body #login[data-panel=servers] .card,body #login .delete-character-dialog-card{border:2px solid CanvasText;background:Canvas;color:CanvasText;forced-color-adjust:auto}body #login :is(button,input,a[href]):focus-visible,body #login :is(.slot,.class-choice,.region-choice,.channel-choice).selected{outline:3px solid Highlight;outline-offset:3px}}body #login :is(.login-brand-copy,.login-panel-heading,.login-field,.game-conduct-heading,.game-conduct-principle>div,.game-conduct-confirmation>span,.delete-character-dialog-card>*){min-width:0;max-width:100%}body #login :is(h2,h3,p,.login-brand-title,.login-panel-heading>strong,.login-field>span){overflow-wrap:anywhere}body #login[data-panel] h1.login-brand{height:auto}body #login .login-brand-copy{flex:0 1 auto}body #login input{min-width:0;max-width:100%}body #login[data-panel=account] .account-panel{grid-template-columns:minmax(0,1fr)}body #login[data-panel=characters] .character-control-panel .class-choice,body #login[data-panel=characters] .character-control-panel :is(.slot,.slot.filled,.slot.empty),body #login[data-panel=characters] .character-control-panel:has(#create-panel:not([hidden])) :is(.slot,.slot.filled,.slot.empty){height:auto;max-height:none}body #login[data-panel=characters] .character-control-panel .class-meta,body #login[data-panel=characters] .character-control-panel .class-meta strong,body #login[data-panel=characters] .character-control-panel .class-meta small{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}body #login[data-panel=servers] .server-options{overflow-y:auto}body #login[data-panel=servers] .server-options,body #login[data-panel=servers] .channel-options{grid-auto-rows:minmax(min-content,auto)}body #login[data-panel=servers] .region-choice,body #login[data-panel=servers] .channel-choice{height:auto;max-height:none}body #login[data-panel=servers] :is(.region-choice,.channel-choice) .slot-meta small,body #login[data-panel=servers] :is(.region-choice,.channel-choice) .slot-meta strong,body #login[data-panel=servers] .server-character-identity>:is(strong,span),body #login[data-panel=servers] .server-selection-copy strong{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}body #login[data-panel=servers] #server-enter,body #login[data-panel=servers] #server-back,body #login .delete-character-dialog-actions button{height:auto;padding-block:10px;white-space:normal;overflow-wrap:anywhere}body #login .delete-character-dialog{overflow-y:auto}body #login .delete-character-dialog-card{min-width:0;width:min(500px,100%);max-height:calc(100dvh - 36px);overflow:auto;overscroll-behavior:contain;overflow-wrap:anywhere}body #login[data-panel=characters] .character-control-panel .create-actions,body #login[data-panel=characters] .character-control-panel .screen-actions{grid-template-columns:minmax(0,1fr) max-content}body #login[data-panel=characters] .character-control-panel .create-actions button,body #login[data-panel=characters] .character-control-panel .screen-actions button{min-width:0;height:auto;padding-block:10px;white-space:normal;overflow-wrap:anywhere}body #login[data-panel=characters] .character-announcement,body #login[data-panel=characters] .character-announcement>*{min-width:0}body #login[data-panel=characters] .character-announcement{flex-shrink:0}body #login[data-panel=characters] .character-announcement header{flex-wrap:wrap;gap:4px 8px}body #login[data-panel=characters] .character-announcement header small{max-width:100%;white-space:normal;overflow-wrap:anywhere}body #login[data-panel=servers] .region-choice{grid-template-columns:max-content minmax(0,1fr)}body #login[data-panel=servers] .region-choice-code{width:max-content;height:auto;min-width:2.5em;min-height:2.5em;padding:.25em;aspect-ratio:1}body #login[data-panel=servers] .region-choice .slot-meta,body #login[data-panel=servers] .region-choice .slot-meta>*{min-width:0;width:100%;max-width:100%;overflow-wrap:anywhere}body #login[data-panel=servers] .region-choice-status{max-width:100%;white-space:normal;overflow-wrap:anywhere}@media(max-width:620px){body #login[data-panel=servers] .region-choice{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto}body #login[data-panel=account] .login-site-link{position:static;align-self:flex-end;flex:0 0 auto}}@media(max-width:390px){body #login[data-panel=servers] .channel-choice{grid-template-columns:34px minmax(0,1fr)}body #login[data-panel=servers] .channel-choice-marker{grid-row:1 / 3}body #login[data-panel=servers] .channel-choice-state{grid-column:2;max-width:100%;justify-content:flex-start}body #login[data-panel=servers] .channel-choice-state small{text-align:left}}body #login[data-panel=servers] .card:has(>#server-panel){height:min(820px,calc(100dvh - 104px));min-height:0;overflow:auto}body #login[data-panel=servers] #server-panel{height:100%;min-height:0;grid-template-columns:minmax(250px,.44fr) minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"title title" "summary summary" "regions channels" "footer footer"}body #login[data-panel=servers] #server-panel .server-screen-heading{grid-template-columns:minmax(0,1fr) auto}body #login[data-panel=servers] #server-panel :is(.server-region-panel,.server-channel-panel){align-self:stretch;height:100%;max-height:100%;min-height:0;box-sizing:border-box}body #login[data-panel=servers] #server-panel :is(.server-options,.channel-options){flex:1 1 0;min-height:0;max-height:none;overflow:auto;overscroll-behavior:contain;scroll-padding-block:4px}@media(max-width:900px){body #login[data-panel=servers] .card:has(>#server-panel){height:auto;max-height:none;flex:0 0 auto}body #login[data-panel=servers] #server-panel{height:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(5,auto);grid-template-areas:"title" "summary" "regions" "channels" "footer"}body #login[data-panel=servers] #server-panel :is(.server-region-panel,.server-channel-panel){height:auto;max-height:none}body #login[data-panel=servers] #server-panel :is(.server-options,.channel-options){flex:0 1 auto;max-height:min(44dvh,420px)}body #login[data-panel=servers] #server-panel .server-footer{grid-template-columns:minmax(0,1fr)}}@media(max-width:620px){body #login[data-panel=servers] #server-panel .server-screen-heading{grid-template-columns:minmax(0,1fr)}}body #login.pregame-art[data-panel=account] .login-panel-heading>strong{font-size:max(10px,calc(clamp(27px,3vw,38px) * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=account] .login-panel-heading>small{font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=account] :is(.login-panel-heading>span,.login-field>span){font-size:max(10px,calc(11px * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=account] :is(#account-id,#account-password,#account-mfa-code){font-size:max(10px,calc(10px * var(--tchapi-font-scale, 1)))!important;height:auto;min-height:48px;padding-block:10px;line-height:1.4}body #login.pregame-art[data-panel=account] :is(#account-login,#account-cancel-restore){font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)));height:auto;max-height:none;min-height:48px;padding-block:10px;white-space:normal;overflow-wrap:anywhere}body #login.pregame-art #login-error{font-size:max(10px,calc(11px * var(--tchapi-font-scale, 1)))!important;line-height:1.5;min-width:0;overflow-wrap:anywhere;scroll-margin-block:12px}body #login.pregame-art[data-panel=characters] #create-panel>#login-error{position:static;inset:auto;grid-area:auto;width:100%;max-width:100%;margin:0;box-sizing:border-box;text-align:left}body #login.pregame-art[data-panel=characters] #create-panel>#login-error:empty{display:none}body #login.pregame-art[data-panel=conduct] .game-conduct-heading h2{font-size:max(10px,calc(clamp(30px,3.4vw,48px) * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=conduct] :is(.game-conduct-heading p,.game-conduct-principle p){font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=conduct] .game-conduct-heading p{font-size:max(10px,calc(clamp(13px,1.1vw,16px) * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=conduct] :is(.game-conduct-eyebrow,.game-conduct-principle li,.game-conduct-footer>p,.game-conduct-link,.game-conduct-confirmation>span){font-size:max(10px,calc(12px * var(--tchapi-font-scale, 1)));line-height:1.5;min-width:0;overflow-wrap:anywhere}body #login.pregame-art[data-panel=conduct] .game-conduct-principles{font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=conduct] .game-conduct-principle h3{font-size:max(10px,calc(clamp(16px,1.35vw,21px) * var(--tchapi-font-scale, 1)));line-height:1.3}body #login.pregame-art[data-panel=conduct] .game-conduct-marker{font-size:max(10px,calc(18px * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=conduct] .game-conduct-links{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(90px,calc(90px * var(--tchapi-font-scale, 1)))),1fr))}body #login.pregame-art[data-panel=conduct] .game-conduct-actions button{font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)));height:auto;min-height:48px;padding-block:10px;white-space:normal;overflow-wrap:anywhere}body #login.pregame-art[data-panel=characters] .character-control-panel #character-screen-title{font-size:max(10px,calc(clamp(25px,2vw,31px) * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=characters] .character-control-panel .create-title{font-size:max(10px,calc(14px * var(--tchapi-font-scale, 1)));overflow-wrap:anywhere}body #login.pregame-art[data-panel=characters] .character-control-panel :is(.character-name-field>span,.class-options-heading>span){font-size:max(10px,calc(11px * var(--tchapi-font-scale, 1)));overflow-wrap:anywhere}body #login.pregame-art[data-panel=characters] .character-control-panel #nick{font-size:max(10px,calc(10px * var(--tchapi-font-scale, 1)))!important;min-height:44px;height:auto;padding-block:10px;line-height:1.4}body #login.pregame-art[data-panel=characters] .character-control-panel .class-options{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(72px,calc(72px * var(--tchapi-font-scale, 1)))),1fr))}body #login.pregame-art[data-panel=characters] .character-control-panel .class-choice{height:auto;max-height:none;grid-template-rows:auto auto}body #login.pregame-art[data-panel=characters] .character-control-panel .class-choice .class-meta :is(strong,small){font-size:max(10px,calc(10px * var(--tchapi-font-scale, 1)))!important;line-height:1.4;max-height:none;overflow:visible;white-space:normal;overflow-wrap:anywhere}body #login.pregame-art[data-panel=characters] .character-control-panel .create-actions :is(#play,#cancel-create){font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)));height:auto;min-height:48px;padding-block:10px}body #login.pregame-art[data-panel=characters] .character-control-panel .create-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(110px,calc(110px * var(--tchapi-font-scale, 1)))),1fr))}body #login.pregame-art[data-panel=characters] .character-control-panel .create-actions #play{font-size:max(10px,calc(14px * var(--tchapi-font-scale, 1)))}body #login.pregame-art .delete-character-dialog-card h2{font-size:max(10px,calc(clamp(25px,5vw,34px) * var(--tchapi-font-scale, 1)))}body #login.pregame-art .delete-character-dialog-card :is(p,label>span,input,button){font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)));line-height:1.5}body #login.pregame-art .delete-character-dialog-card :is(input,button){min-height:48px;height:auto;padding-block:10px}body #login.pregame-art .delete-character-dialog-actions{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(152px,calc(152px * var(--tchapi-font-scale, 1)))),1fr))}body #login.pregame-art .delete-character-dialog-card input{font-size:max(10px,calc(13px * var(--tchapi-font-scale, 1)))!important}body #login .character-nation-field{border:0;padding:0;margin:12px 0;min-width:0}body #login .character-nation-field[hidden]{display:none}body #login .character-nation-field legend{color:#e6d4ad;font:inherit;font-size:max(11px,calc(12px * var(--tchapi-font-scale, 1)));line-height:1.4;margin-bottom:8px}body #login .character-nation-field p{color:#b4c5cd;font-size:max(10px,calc(11px * var(--tchapi-font-scale, 1)));line-height:1.5;margin:8px 0;overflow-wrap:anywhere}body #login .character-nation-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:8px}body #login .character-nation-choice{display:flex;align-items:center;gap:9px;min-width:0;min-height:48px;padding:10px;border:1px solid #536874;border-radius:4px;background:#10212b;color:#f1f1e9;cursor:pointer;font-size:max(11px,calc(12px * var(--tchapi-font-scale, 1)));line-height:1.4}body #login .character-nation-choice[data-nation=blue]{border-color:#6c9dce}body #login .character-nation-choice[data-nation=red]{border-color:#c78179}body #login .character-nation-choice:has(input:checked){background:#243c47;box-shadow:inset 0 0 0 1px #e6d4ad}body #login .character-nation-choice:focus-within{outline:2px solid #f0ce85;outline-offset:2px}body #login .character-nation-choice input[type=radio]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;width:18px;height:18px;min-width:18px;min-height:18px;padding:0;margin:0;accent-color:#e6d4ad}body #login .character-nation-choice:has(input:disabled){cursor:default;opacity:.6}body #login.pregame-art .character-nation-field>#login-error{position:static;inset:auto;transform:none;width:auto;max-width:100%;min-height:0;margin:10px 0 0;padding:10px;white-space:normal;overflow-wrap:anywhere;text-align:left}body #login.pregame-art .character-nation-field>#login-error:empty{display:none}body #login.pregame-art .delete-character-confirm-hint{font-size:max(10px,calc(11px * var(--tchapi-font-scale, 1)))!important}@media(max-height:760px)and (min-width:821px){body #login.pregame-art[data-panel=account] .login-panel-heading>strong{font-size:max(10px,calc(28px * var(--tchapi-font-scale, 1)))}}@media(max-width:620px){body #login.pregame-art[data-panel=conduct] .game-conduct-heading h2{font-size:max(10px,calc(22px * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=characters] .character-control-panel #character-screen-title,body #login.pregame-art .delete-character-dialog-card h2{font-size:max(10px,calc(20px * var(--tchapi-font-scale, 1)))}body #login.pregame-art[data-panel=conduct] .game-conduct-heading{padding-inline:0}body #login.pregame-art[data-panel=conduct] .game-conduct-principle{grid-template-columns:minmax(0,1fr);padding-inline:0;gap:10px}}