.map-load-footer{position:absolute;z-index:2;inset:auto 0 0;padding:70px 8vw max(22px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#051336ed 40%,#071b48);color:#fff3d1;font-family:var(--font-body);box-sizing:border-box}.map-load-heading{display:flex;justify-content:center;align-items:center;gap:18px;margin-bottom:16px;font-family:var(--font-display);font-weight:600;font-size:clamp(15px,1.4vw,23px);text-shadow:0 2px 4px #020d26}.map-load-heading span{color:#f2cb75;font-size:19px}.map-load-track{position:relative;height:clamp(16px,1.6vw,25px);padding:4px;border:1px solid #f6d991;border-radius:5px;background:linear-gradient(#f9df91,#8a571c 48%,#e3b35b);box-shadow:0 0 0 2px #26355b,inset 0 1px #fff6ce,0 5px 14px #0008}.map-load-track:before,.map-load-track:after{content:"✦";position:absolute;z-index:2;top:50%;transform:translateY(-50%);font-size:38px;color:#ffdf8b;text-shadow:0 2px 2px #61400b,0 0 10px #66d9ff}.map-load-track:before{left:-18px}.map-load-track:after{right:-18px}.map-load-track i{position:relative;display:block;box-sizing:border-box;width:0;height:100%;max-width:100%;border-radius:2px;background:linear-gradient(#c0ffff,#40dbff 35%,#177ee8 75%,#184aaa);box-shadow:inset 0 1px 2px #fff,0 0 15px #3acfff88;min-width:0}.map-load-track i:after{content:"";position:absolute;right:-5px;top:50%;width:12px;height:12px;transform:translateY(-50%) rotate(45deg);background:linear-gradient(135deg,#fff,#8af5ff 45%,#179bf5);border:1px solid #fff3bb;box-shadow:0 0 12px #5fe7ff}.map-load-status{display:flex;justify-content:space-between;gap:20px;margin-top:15px;font-size:clamp(13px,1.1vw,18px);font-weight:600;text-shadow:0 2px 3px #000}.map-load-status b{color:#99f1ff;font-size:1.15em;font-variant-numeric:tabular-nums}.map-load-tip{text-align:center;margin:12px 0 0;color:#d7dbe9;font-size:clamp(11px,.85vw,14px)}.map-load-track{height:clamp(34px,4.1vw,68px);padding:0;border:0;border-radius:0;background:none;box-shadow:none}.map-load-track:before{content:"";inset:0;transform:none;background:url(/assets/ui/loading/bar-frame.png) center/100% 100% no-repeat;pointer-events:none;z-index:2}.map-load-track:after{display:none}.map-load-well{position:absolute;inset:24.14% 4.01% 27.59%;background:#031538;border-radius:999px;--load-progress:0%}.map-load-well:before{content:"";position:absolute;inset:0;background:url(/assets/ui/loading/bar-fill.png) center/100% 100% no-repeat;border-radius:inherit;clip-path:inset(0 calc(100% - var(--load-progress)) 0 0 round 999px);pointer-events:none}.map-load-track i{background:none;box-shadow:none;border-radius:999px}.map-load-track i:after{right:clamp(-19px,-1.65vw,-12px);width:clamp(24px,3.3vw,42px);height:clamp(30px,4vw,51px);transform:translateY(-50%);background:url(/assets/ui/loading/bar-gem.png) center/100% 100% no-repeat;border:0;box-shadow:none;z-index:3}@media(max-height:550px){.map-load-footer{padding-top:35px;padding-bottom:12px}.map-load-heading{margin-bottom:10px}.map-load-status{margin-top:10px}.map-load-tip{margin-top:6px}}.account-loading-screen{position:fixed;inset:0;z-index:1000;background:url(/assets/ui/manaria-login-background.webp) center/cover no-repeat}.account-loading-screen .map-load-footer{font-family:Prompt,sans-serif}.account-loading-screen .map-load-heading{font-family:Mitr,sans-serif}.account-loading-screen .map-load-well{--load-progress:100%}.account-loading-screen .map-load-well:before{clip-path:none;opacity:.8}.account-loading-screen .map-load-track i{width:100%;animation:account-load-pulse 1.5s ease-in-out infinite}@keyframes account-load-pulse{50%{opacity:.4}}@media(prefers-reduced-motion:reduce){.account-loading-screen .map-load-track i{animation:none}}.character-preview,.creation-preview{display:flex;align-items:flex-end;justify-content:center}.character-animation-preview.base-hero-preview{aspect-ratio:3/4;transform:none}.base-hero-preview canvas{display:block;width:100%;height:100%;filter:drop-shadow(0 6px 10px #17376166)}.character-animation-preview{position:relative;flex:0 1 auto;height:52dvh;max-width:100%;aspect-ratio:576 / 512;transform:translate(5.555556%,4.6875%)}@media(max-width:700px){.character-animation-preview{height:100%}}.animated-character{width:100%;height:100%;background-image:url(/assets/chars/crimson-reaper/idle-aligned-sheet.png);background-size:800% 100%;background-position:0% 0;background-repeat:no-repeat;clip-path:polygon(20% 0,100% 0,100% 64%,88% 74%,88% 100%,0 100%,0 64%,20% 54%);animation:crimsonReaperIdle 1.6s steps(1,end) infinite;filter:drop-shadow(0 6px 10px #17376166);transform:scaleY(1.14);transform-origin:44.444444% 95.3125%}@keyframes crimsonReaperIdle{0%{background-position:0% 0}12.5%{background-position:14.285714% 0}25%{background-position:28.571429% 0}37.5%{background-position:42.857143% 0}50%{background-position:57.142857% 0}62.5%{background-position:71.428571% 0}75%{background-position:85.714286% 0}87.5%,to{background-position:100% 0}}:root{font-family:Arial,sans-serif;color:#fff;background:#0f1f4d}*{box-sizing:border-box}body{margin:0;min-width:320px}.react-migration-shell{min-height:100vh;position:relative;display:grid;place-items:center;overflow:hidden;background:#0b1943}.react-art{position:absolute;inset:0;background:linear-gradient(90deg,#07164214,#0716426b),url(/assets/ui/ui_title.jpg) center/cover}.react-panel{position:relative;z-index:1;width:clamp(280px,24vw,400px);margin-left:auto;margin-right:3%;padding:6px;border:2px solid #2b315c;border-radius:8px;background:linear-gradient(#fdfcf8,#f1eee4);color:#392c2a;box-shadow:inset 0 0 0 1px #c9a85a,0 8px #181940b3,0 18px 50px #0000004d;text-align:center}.react-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:16px}.react-tabs button{border-radius:18px;padding:10px 6px;background:#fffdf3;color:#3a3151;font-size:15px}.react-tabs button.active{background:#2d5da8;color:#fff}.react-form{display:grid;gap:11px;padding:22px 18px 20px;text-align:left;background:linear-gradient(#fdfcf8,#f1eee4);border-radius:4px}.react-form>label{display:grid;gap:5px;font-weight:700;font-size:14px}.react-field{position:relative;display:block!important}.react-field>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:17px;height:17px;fill:#3a466c;pointer-events:none;z-index:1}.react-form input:not([type=checkbox]){width:100%;padding:10px 36px;border:1px solid #c7cbd6;border-radius:6px;background:#fff;color:#1d2850;font:inherit}.react-form input:not([type=checkbox]):focus{border-color:#2c5fd6;outline:none;box-shadow:0 0 0 3px #2c5fd633}.react-eye{position:absolute;right:7px;top:50%;transform:translateY(-50%);padding:3px 5px;background:transparent;color:#3a466c;font-size:13px}.react-form-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.react-link{padding:2px;background:transparent;color:#1d3d9e;font-size:12px}.react-form>button{border:0;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);padding:11px 0;background:linear-gradient(#fff0a8,#f2c445 55%,#d79c22);color:#3a2606;font-weight:800;font-size:21px;cursor:pointer}.react-check{display:flex!important;grid-template-columns:auto 1fr;align-items:center;font-size:13px!important}.react-check input{accent-color:#336bc1}.react-divider{margin:14px 0 8px;color:#c99b39}.react-guest{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 0;background:linear-gradient(#fff,#e4ecff);border:0;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);box-shadow:inset 0 0 0 2px #4b78e6;color:#1d3d9e;font-size:17px}.react-guest svg{width:20px;height:20px;fill:currentColor}.react-actions{display:grid;gap:12px}.react-panel h1{margin:10px 0 20px;font-size:28px}.react-screen-content h1{margin:4px 0 18px;font-size:28px}.react-server-list{display:grid;gap:8px}.react-server-row{display:grid;grid-template-columns:28px 1fr auto auto;align-items:center;gap:10px;padding:10px 12px;border:2px solid #b9b18d;border-radius:10px;background:#fffdf1;color:#342f3e;text-align:left;font-size:13px}.react-server-row:disabled{opacity:.55;cursor:not-allowed}.react-server-gem{width:24px;height:24px;display:block;border-radius:7px;transform:rotate(45deg);background:linear-gradient(135deg,#6ddaff,#3266c7)}.react-server-copy{display:grid;gap:2px;min-width:0}.react-server-copy b{font-size:16px;white-space:nowrap}.react-server-copy em{color:#2d70bd;font-size:11px;font-style:normal}.react-server-copy small{color:#776f75;font-size:11px}.react-server-load{color:#3b9657;font-weight:700;white-space:nowrap}.react-server-count{color:#8e8790;font-size:11px;white-space:nowrap}.react-note{display:block;margin-top:16px;color:#756b6d}.react-logout-button{margin-top:14px;padding:8px 12px;border:1px solid #9b8f83;border-radius:8px;background:transparent;color:#655b63;font-size:13px;cursor:pointer}.react-character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.react-character-card{min-height:180px;display:grid;place-items:center;align-content:center;gap:4px;padding:8px;border:3px solid #3b3556;border-radius:14px;background:#fff8df;color:#352b2c}.react-character-card img{width:80px;height:92px;object-fit:contain}.react-character-card b{font-size:18px}.react-character-card small{text-align:center;font-size:11px}.react-character-card.empty strong{font-size:54px;color:#2c7a56;font-weight:400}.react-create-portrait{height:105px;text-align:center}.react-create-portrait img{width:105px;height:105px;object-fit:contain}.react-name-label{display:grid;gap:6px;margin:18px 0;text-align:left;font-weight:700}.react-name-label input{padding:12px;border:2px solid #5675b2;border-radius:8px;font:inherit}.react-create-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:8px}.react-error{margin:12px 0 0;color:#bd3939;font-weight:700}.react-game-toolbar{position:absolute;z-index:4;top:8px;left:12px;right:12px;display:flex;justify-content:space-between;align-items:center;pointer-events:none;color:#f7e7bc;font-size:12px;text-shadow:0 1px 2px #000;opacity:0;transition:opacity .15s ease}.react-game-toolbar:hover,.react-game-toolbar:focus-within{opacity:1}.react-game-toolbar button{pointer-events:auto;border:1px solid #bb8b45;border-radius:6px;background:#131b35e0;color:#ffe8a1;padding:6px 10px;cursor:pointer;font-size:12px}.react-game-native{position:fixed;inset:0;z-index:10;overflow:hidden;background:#0b1943}.react-game-native-host{position:absolute;inset:0}.react-game-native-host>#wrap{width:100%;height:100%}.react-game-load-error{position:absolute;inset:25% 10%;z-index:20;padding:24px;border:1px solid #f06a6a;border-radius:12px;background:#2a0c18f0;color:#fff;text-align:center}button{border:0;border-radius:12px;padding:14px 18px;background:#ffd34e;color:#241c0b;font-weight:700;font-size:18px;cursor:pointer}button.secondary{background:transparent;border:2px solid #ffe27a;color:#fff}button.react-guest{width:100%;display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 0;background:linear-gradient(#fff,#e4ecff);border:0;border-radius:0;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);box-shadow:inset 0 0 0 2px #4b78e6;color:#1d3d9e;font-size:17px}button.react-guest svg{width:20px;height:20px;fill:currentColor}.react-screen-servers{background:#101a2c}.react-screen-servers .react-art{top:50%;bottom:auto;height:min(66.4vh,56.29vw);transform:translateY(-50%);background-size:auto 100%}.react-screen-servers .react-panel{width:min(41vw,430px);margin-left:auto;margin-right:3%;padding:7px;border-color:#9b7724;border-radius:4px}.react-screen-servers .react-panel h1{margin:0 0 10px;padding:8px 14px;background:linear-gradient(#315fae,#173c82);color:#fff4c6;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%);font-size:22px}.react-screen-servers .react-panel .react-screen-content{padding:10px 8px 8px;background:linear-gradient(#fdfcf8,#f1eee4);border-radius:3px}.react-screen-servers .react-server-row{border-color:#c9c3ad;border-radius:7px;background:linear-gradient(110deg,#fffef8,#f1eee4);box-shadow:inset 0 0 0 1px #ffffffb3}.react-screen-servers .react-server-gem{box-shadow:0 0 0 2px #ffffffa6,0 1px 4px #27375c4d}.react-screen-servers .gem-leaf1{background:linear-gradient(135deg,#6ddaff,#3266c7)}.react-screen-servers .gem-leaf2{background:linear-gradient(135deg,#a5e7a4,#35914f)}.react-screen-servers .gem-castle{background:linear-gradient(135deg,#ffe08e,#d18426)}.react-screen-servers .gem-temple{background:linear-gradient(135deg,#e2e2e2,#989898)}.react-server-signal{display:inline-flex;align-items:end;gap:2px;height:14px;margin-right:5px;vertical-align:middle}.react-server-signal span{display:block;width:3px;height:5px;border-radius:1px;background:#d3d0c8}.react-server-signal span:nth-child(2){height:9px}.react-server-signal span:nth-child(3){height:13px}.load-medium{color:#c98a00}.load-medium .react-server-signal span.on{background:#c98a00}.load-busy{color:#d4453a}.load-busy .react-server-signal span.on{background:#d4453a}.load-free{color:#2f9a4f}.load-free .react-server-signal span.on{background:#2f9a4f}.load-down{color:#999}.react-screen-servers .react-logout-button{background:#efe9d9}.react-server-user{position:fixed;z-index:3;top:18px;right:4%;display:flex;align-items:center;gap:7px;padding:5px 8px;border-radius:14px;background:#1f2b50db;color:#ffe9a6;font-size:12px;box-shadow:0 1px 5px #00000059}.react-server-user button{padding:2px 8px;border-radius:10px;background:#ffe7a3;color:#4b351d;font-size:11px}.react-user-dot{width:8px;height:8px;border-radius:50%;background:#70df85;box-shadow:0 0 0 2px #70df8540}@media(max-width:600px){.react-screen-servers .react-art{height:100%;transform:none;top:0}.react-screen-servers .react-panel{width:min(360px,86vw);margin:0}}@media(max-width:600px){.react-panel{width:min(360px,86vw);margin:0}}.logout-dialog{position:fixed;inset:0;margin:auto;width:min(360px,calc(100vw - 40px));box-sizing:border-box;padding:28px;border:2px solid #bf914c;border-radius:18px;background:linear-gradient(#fff9e8,#eee0c0);color:#493220;box-shadow:0 18px 70px #0008;font-family:inherit;text-align:center}.logout-dialog::backdrop{background:#091329aa}.logout-dialog h2{margin:0 0 12px;font-size:23px}.logout-dialog p{margin:0 0 24px}.logout-dialog-actions{display:flex;gap:12px}.logout-dialog-actions button{flex:1;padding:10px;border:1px solid #bb8b45;border-radius:9px;font:inherit;cursor:pointer;background:#fffaf0;color:#493220}.logout-dialog-actions button:last-child{background:#654329;color:#fff3d0}.logout-dialog-actions button:disabled{opacity:.6;cursor:wait}.logout-dialog-actions button:focus-visible{outline:3px solid #2676c0;outline-offset:3px}.guest-dialog{width:min(420px,calc(100vw - 32px));padding:30px 30px 26px;border:1px solid #e4c483;border-radius:22px;overflow:visible;background:radial-gradient(ellipse at 50% 0%,#fffef5,#fff6df 55%,#eee0bc);box-shadow:0 0 0 4px #664928,0 0 0 6px #d9b367,0 24px 80px #020b29aa,inset 0 0 0 6px #fff9e580}.guest-dialog::backdrop{background:linear-gradient(135deg,#071329b8,#142846a8);backdrop-filter:blur(5px)}.guest-dialog-crest{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 14px;border-radius:18px;color:#ffe9a6;border:1px solid #e7bd6b;background:linear-gradient(145deg,#234e73,#10263f);box-shadow:0 4px 14px #18304b28,inset 0 0 0 4px #ffffff0b;transform:rotate(45deg)}.guest-dialog-crest svg{width:36px;height:36px;transform:rotate(-45deg)}.guest-dialog-eyebrow{display:block;margin:0 0 9px;font-size:10px;letter-spacing:2px;font-weight:600;color:#9c7841}.guest-dialog{font-family:Prompt,sans-serif}.guest-dialog h2{margin-bottom:12px;font-family:Mitr,sans-serif;font-weight:500;font-size:clamp(20px,5vw,25px);color:#40301e;line-height:1.5}.guest-dialog p{margin:0 auto;max-width:330px;font-size:15px;line-height:1.85;color:#796045}.guest-dialog-rule{display:flex;align-items:center;gap:12px;margin:18px 0;color:#bb914e;font-size:13px}.guest-dialog-rule:before,.guest-dialog-rule:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#cfb27b)}.guest-dialog-rule:after{transform:rotate(180deg)}.guest-dialog .logout-dialog-actions{gap:12px}.guest-dialog .logout-dialog-actions button{min-height:46px;padding:10px 12px;border-radius:10px;border-color:#c7ac79;font-size:14px;font-weight:600;background:#fffcf3;transition:background .15s,box-shadow .15s}.guest-dialog .logout-dialog-actions button:hover{background:#f4e7cb}.guest-dialog .logout-dialog-actions button:last-child{color:#fff2cf;border-color:#ac874b;background:linear-gradient(#285579,#173853);box-shadow:inset 0 1px #ffffff30,0 3px #10283b}.guest-dialog .logout-dialog-actions button:last-child:hover{background:linear-gradient(#32658b,#214765)}.guest-entry-dialog{isolation:isolate;padding:36px 34px 30px;border:2px solid #ffe5a0;border-radius:20px;background:radial-gradient(ellipse at 50% 0%,#24608077,transparent 60%),linear-gradient(145deg,#123750,#081c32 65%,#0c2941);box-shadow:0 0 0 2px #956322,0 0 0 4px #e9bb59,0 0 0 7px #07182b,0 28px 90px #010b22c9,inset 0 0 30px #03172b88;color:#fff0cc}.guest-entry-dialog:before{content:"";position:absolute;inset:8px;border:1px solid #d5b67488;border-radius:12px;box-shadow:inset 0 0 0 1px #24557788;pointer-events:none;z-index:-1}.guest-entry-dialog:after{content:"";position:absolute;top:-10px;left:50%;width:15px;height:15px;transform:translate(-50%) rotate(45deg);border:2px solid #ffe6a0;background:linear-gradient(135deg,#d5ffff,#44cff3 48%,#087ebc);box-shadow:0 0 0 2px #9c6b24,0 0 15px #3cc9ff66;pointer-events:none}.guest-entry-corners{position:absolute;inset:0;pointer-events:none}.guest-entry-corners i{position:absolute;width:23px;height:23px;border-top:3px solid #ffdf88;border-left:3px solid #ffdf88;border-radius:12px 0 0;top:5px;left:5px;filter:drop-shadow(0 1px 1px #6d4317)}.guest-entry-corners i:nth-child(2){left:auto;right:5px;transform:rotate(90deg)}.guest-entry-corners i:nth-child(3){inset:auto 5px 5px auto;transform:rotate(180deg)}.guest-entry-corners i:nth-child(4){top:auto;bottom:5px;transform:rotate(-90deg)}.guest-entry-dialog .guest-dialog-crest{width:60px;height:60px;margin-bottom:22px;border:2px solid #ffdf88;border-radius:15px;background:radial-gradient(circle at 25% 20%,#2c7596,#123b5c 60%,#091e35);box-shadow:0 0 0 2px #866128,0 8px 24px #0007,inset 0 0 0 3px #0b2a44,inset 0 0 16px #58c6f122;color:#fff0ae}.guest-entry-dialog .guest-dialog-eyebrow{color:#95c4db;font-size:9px;letter-spacing:2.5px}.guest-entry-dialog h2{color:#fff1c8;text-shadow:0 2px 3px #0005}.guest-entry-dialog p{color:#b7cbd9}.guest-entry-dialog .guest-dialog-rule{margin:23px 0;color:#f5cf76}.guest-entry-dialog .guest-dialog-rule:before,.guest-entry-dialog .guest-dialog-rule:after{background:linear-gradient(90deg,transparent,#c7a563)}.guest-entry-dialog .logout-dialog-actions button{min-height:48px;border:1px solid #9b8a66;border-radius:9px;color:#d6e1e9;background:linear-gradient(#15364e,#0c253d);box-shadow:inset 0 1px #ffffff0d}.guest-entry-dialog .logout-dialog-actions button:hover{background:linear-gradient(#214c67,#12334f);border-color:#e7c780}.guest-entry-dialog .logout-dialog-actions button:last-child{color:#fff3cb;border:1px solid #ffe3a2;background:linear-gradient(#227ca5,#14567d);box-shadow:0 0 0 1px #927033,inset 0 1px #a3ecff44,0 3px #06233b}.guest-entry-dialog .logout-dialog-actions button:last-child:hover{background:linear-gradient(#2b96bf,#19688e);box-shadow:0 0 0 1px #c89943,inset 0 1px #d4ffff55,0 3px #06233b,0 0 16px #49c8f126}.guest-entry-dialog .logout-dialog-actions button:focus-visible{outline:2px solid #80dfff;outline-offset:4px}@media(max-width:380px){.guest-dialog{padding:25px 20px 22px}.guest-dialog p{font-size:14px}}.manaria-loading{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:radial-gradient(ellipse at center,#203b68,#101f49 65%,#0b1635);color:#f4e2b3;font-family:Prompt,sans-serif}.manaria-loading-emblem{position:relative;display:grid;place-items:center;width:76px;height:76px}.manaria-loading-ring{position:absolute;inset:0;border:2px solid #d1ad5540;border-top:3px solid #ffe3a0;border-right-color:#cfab62;border-radius:50%;animation:manaria-loading-spin 1.1s linear infinite;box-shadow:0 0 22px #e3be5715}.manaria-loading-star{color:#ffdf94;font-size:34px;text-shadow:0 0 18px #ffd27a70}.manaria-loading-brand{margin-top:8px;font-size:20px;font-weight:600;letter-spacing:5px}.manaria-loading p{margin:0;font-size:14px;color:#cbd7ed}@keyframes manaria-loading-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.manaria-loading-ring{animation:none}}.logout-dialog.logout-themed-dialog{box-sizing:border-box;width:min(440px,calc(100vw - 32px));padding:46px 34px 30px;border:0;border-radius:0;overflow:visible;background:url(/assets/ui/logout-dialog-frame-v1.png) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 16px 30px #0008);color:#fff0c7;text-align:center}.logout-themed-dialog .guest-dialog-crest{width:48px;height:48px;margin:0 auto 10px;border:2px solid #e9c574;border-radius:50%;transform:none;background:radial-gradient(circle at 35% 20%,#154666,#071c31 75%);box-shadow:0 0 0 1px #856026,inset 0 0 0 2px #061728,0 3px 6px #0008;color:#ffe8a0}.logout-themed-dialog .guest-dialog-crest svg{width:29px;height:29px;transform:none}.logout-themed-dialog .guest-dialog-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 12px;color:#edce80;font:600 10px/1.4 Prompt,sans-serif;letter-spacing:2px}.logout-themed-dialog .guest-dialog-eyebrow:before,.logout-themed-dialog .guest-dialog-eyebrow:after{content:"";width:28px;height:1px;background:linear-gradient(90deg,transparent,#e6bd63)}.logout-themed-dialog .guest-dialog-eyebrow:after{transform:rotate(180deg)}.logout-themed-dialog h2{margin:0 0 10px;font-size:26px;line-height:1.4;color:#ffedbb;text-shadow:0 2px 3px #0008}.logout-themed-dialog p{margin:0 auto;color:#a8c6db;font-size:14px;line-height:1.7}.logout-themed-dialog p[role=alert]{margin-top:8px;color:#ffc2cb;font-size:12px}.logout-themed-dialog .guest-dialog-rule{margin:17px 0;color:#f4d182;font-size:13px}.logout-themed-dialog .guest-dialog-rule:before,.logout-themed-dialog .guest-dialog-rule:after{background:linear-gradient(90deg,transparent,#efc777)}.logout-themed-dialog .logout-dialog-actions{gap:14px}.logout-themed-dialog .logout-dialog-actions button{min-width:0;min-height:44px;padding:9px 8px;border:1px solid #ffe39b;border-radius:10px;font-size:14px;font-weight:600;color:#fff0c7;background:linear-gradient(#164568,#071e35);box-shadow:0 0 0 1px #946529,inset 0 0 0 2px #235778,0 3px 5px #0007}.logout-themed-dialog .logout-dialog-actions button:hover{background:linear-gradient(#22648a,#113a57)}.logout-themed-dialog .logout-dialog-actions button:last-child{color:#fff0c7;border-color:#ffe39b;background:linear-gradient(#8c204d,#480b2b);box-shadow:0 0 0 1px #946529,inset 0 0 0 2px #a3335d,0 3px 5px #0007}.logout-themed-dialog .logout-dialog-actions button:last-child:hover{background:linear-gradient(#ab2c5e,#621139)}.logout-themed-dialog .logout-dialog-actions button:focus-visible{outline:2px solid #77e4ff;outline-offset:4px}@media(max-width:480px){.logout-dialog.logout-themed-dialog{padding:42px 25px 27px}.logout-themed-dialog h2{font-size:24px}.logout-themed-dialog .logout-dialog-actions{gap:10px}.logout-themed-dialog .logout-dialog-actions button{font-size:13px}}.logout-dialog.guest-entry-dialog{box-sizing:border-box;width:min(460px,calc(100vw - 28px));max-height:calc(100dvh - 28px);padding:44px 36px 34px;border:0;border-radius:0;background:url(/assets/ui/guest-dialog-frame-v1.png) center/100% 100% no-repeat;box-shadow:none;filter:drop-shadow(0 18px 30px #0008);color:#fff0c8;text-align:center;overflow-y:auto}.logout-dialog.guest-entry-dialog:before,.logout-dialog.guest-entry-dialog:after{content:none}.guest-entry-dialog .guest-dialog-crest{width:50px;height:50px;margin:0 auto 12px;border:2px solid #f0ce7e;border-radius:50%;transform:none;background:radial-gradient(circle at 35% 20%,#1c5971,#071d33 75%);box-shadow:0 0 0 1px #936725,inset 0 0 0 2px #082035,0 3px 8px #0007;color:#fff0c2}.guest-entry-dialog .guest-dialog-crest svg{width:29px;height:29px;transform:none}.guest-entry-dialog .guest-dialog-eyebrow{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 15px;font:600 10px/1.4 Prompt,sans-serif;letter-spacing:2px;color:#eac777}.guest-entry-dialog .guest-dialog-eyebrow:before,.guest-entry-dialog .guest-dialog-eyebrow:after{content:"";height:1px;width:30px;background:linear-gradient(90deg,transparent,#dbb65d)}.guest-entry-dialog .guest-dialog-eyebrow:after{transform:rotate(180deg)}.logout-dialog.guest-entry-dialog h2{margin:0 0 13px;font:500 25px/1.4 Mitr,sans-serif;color:#fff0c2;text-shadow:0 2px 3px #0007}.logout-dialog.guest-entry-dialog p{max-width:none;margin:0;color:#accde0;font:400 14px/1.9 Prompt,sans-serif}.guest-entry-dialog .guest-dialog-rule{margin:21px 0;color:#f2d079}.guest-entry-dialog .guest-dialog-rule:before,.guest-entry-dialog .guest-dialog-rule:after{background:linear-gradient(90deg,transparent,#e8c778)}.guest-entry-dialog .logout-dialog-actions{gap:14px}.guest-entry-dialog .logout-dialog-actions button{min-width:0;min-height:46px;padding:10px 8px;border:1px solid #e8c476;border-radius:11px;background:linear-gradient(#173c55,#071e34);color:#fff0c4;font:600 14px/1.4 Prompt,sans-serif;box-shadow:inset 0 0 0 1px #34607b,0 2px 4px #0007}.guest-entry-dialog .logout-dialog-actions button:hover{background:linear-gradient(#265973,#12364e)}.guest-entry-dialog .logout-dialog-actions button:last-child{border-color:#ffe49c;background:linear-gradient(#1684a0,#075472);box-shadow:0 0 0 1px #987033,inset 0 0 0 2px #3cbdd3,0 3px 5px #0007}.guest-entry-dialog .logout-dialog-actions button:last-child:hover{background:linear-gradient(#20a3ba,#0c6c89)}.guest-entry-dialog .logout-dialog-actions button:focus-visible{outline:2px solid #91efff;outline-offset:4px}@media(max-width:480px){.logout-dialog.guest-entry-dialog{padding:40px 27px 30px}.logout-dialog.guest-entry-dialog h2{font-size:22px}.logout-dialog.guest-entry-dialog p{font-size:12px}.guest-entry-dialog .logout-dialog-actions{gap:10px}.guest-entry-dialog .logout-dialog-actions button{font-size:13px}}.react-screen-login{--u: clamp(.72, min(100vw / 1280, 100vh / 720), 1.15);--font-body: "Prompt", sans-serif;--font-display: "Mitr", sans-serif;background:#0f1f4d}.react-screen-login:after{content:"";position:absolute;z-index:0;inset:auto 0 0;height:9.5%;background:#0a1e51;box-shadow:0 -1px #d8b46959;pointer-events:none}.react-screen-login .react-art{inset:50% auto auto 50%;width:min(100vw,177.57vh);height:min(56.29vw,100vh);aspect-ratio:1672/941;transform:translate(-50%,-50%);background-size:100% 100%}.react-screen-login .react-panel{font-family:var(--font-body);color:#20305e}.react-screen-login .react-panel button{font-family:var(--font-body)}.react-screen-login .react-panel svg{display:block;flex:none}.react-screen-login .react-field>svg{position:absolute;left:24px;top:50%;transform:translateY(-50%);width:25px;height:25px;fill:#fff}.react-screen-login .react-guest svg{width:20px;height:20px;fill:currentColor}.react-art{background-image:url(/assets/ui/ui_title.jpg)}.react-panel{border-color:#d8b469;border-radius:6px;background:linear-gradient(#1b3a8c,#0e2366);box-shadow:0 0 0 2px #d8b469,0 10px 30px #050c2899}.react-panel:before,.react-panel:after{content:"";position:absolute;left:50%;width:30px;height:30px;transform:translate(-50%) rotate(45deg);background:radial-gradient(circle,#dff8ff 0 18%,#4fc6ff 30%,#1b3a8c 62%);box-shadow:0 0 0 2px #d8b469,0 0 14px #7fe3ff;z-index:-1}.react-panel:before{top:-16px}.react-panel:after{bottom:-16px}.react-tabs{gap:4px;margin-bottom:4px}.react-tabs button{font-weight:600;font-size:16px;padding:7px 0;border-radius:0;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);color:#3a466c;background:#e9e6dc}.react-tabs button.active{color:#fff;background:linear-gradient(#2c5fd6,#173b9c);box-shadow:inset 0 0 0 2px #d8b469}.react-form{background:linear-gradient(#fdfcf8,#f1eee4);box-shadow:inset 0 0 0 1px #c9a85a;border-radius:3px}.react-form-row{font-size:13px}.react-screen-servers .react-panel{background:linear-gradient(#1b3a8c,#0e2366);box-shadow:0 0 0 2px #d8b469,0 10px 30px #050c2899}.react-screen-servers .react-panel:before{display:none}.react-screen-servers .react-panel:after{bottom:-16px}.react-screen-servers .react-panel h1{top:-34px;position:absolute;left:50%;width:max-content;transform:translate(-50%);margin:0;padding:5px 44px 6px;font-size:22px;background:linear-gradient(#2c5fd6,#122f86);box-shadow:inset 0 0 0 2px #d8b469,0 4px 10px #050c2880;text-shadow:0 2px 0 #0a1e51}.react-server-row{grid-template-columns:auto 1fr auto auto;gap:12px;padding:8px 14px 8px 10px;border-radius:8px;background:linear-gradient(#fff,#f4f1e7);color:#1d2850}.react-server-row:hover:not(:disabled),.react-server-row:focus-visible{transform:translate(-4px);border-color:#d8b469;box-shadow:0 0 0 2px #f2c445,0 6px 14px #173b9c40;outline:none}.react-server-gem{width:30px;height:30px;border-radius:5px;margin:0 4px;box-shadow:0 0 0 2px #d8b469,0 0 10px currentColor}.react-server-copy b{font-size:19px}.react-server-copy small{font-size:12px}.react-server-load{display:flex;align-items:center;gap:7px;min-width:92px;font-size:13px;font-weight:600}.react-server-count{font-size:12px;font-weight:600;color:#8a90a6;background:#efede6;border-radius:999px;padding:3px 10px}.react-server-user{right:2.2%;top:3%}@media(max-width:600px){.react-panel:before,.react-panel:after{display:none}.react-screen-servers .react-panel h1{position:static;transform:none;width:auto;padding:8px 14px}}.react-screen-characters,.react-screen-create{background:#101a38}.react-screen-login,.react-screen-servers,.react-screen-characters,.react-screen-create{display:block;width:100vw;height:100vh;min-height:0;position:relative;overflow:hidden}.react-screen-login:after,.react-screen-servers:after,.react-screen-characters:after,.react-screen-create:after{content:"";position:absolute;z-index:0;inset:auto 0 0;height:9.5%;background:#0a1e51;box-shadow:0 -1px #d8b46959;pointer-events:none}.react-screen-login .react-art,.react-screen-servers .react-art,.react-screen-characters .react-art,.react-screen-create .react-art{inset:50% auto auto 50%;width:min(100vw,177.57vh);height:min(56.29vw,100vh);aspect-ratio:1672 / 941;transform:translate(-50%,-50%);background-size:100% 100%}.react-screen-characters .react-art:after,.react-screen-create .react-art:after{content:"";position:absolute;inset:0 0 9.4%;background:linear-gradient(90deg,#06103294,#061032b8 55%,#061032c7);backdrop-filter:blur(9px) saturate(.8)}.react-screen-characters .react-art,.react-screen-create .react-art{filter:blur(9px) saturate(.82);transform:translate(-50%,-50%) scale(1.06)}.react-screen-characters .react-panel,.react-screen-create .react-panel{width:43.5%;margin:0;padding:7px;position:absolute;left:53%;top:13%}.react-screen-characters .react-panel h1,.react-screen-create .react-panel h1{position:absolute;z-index:2;top:-35px;left:50%;width:max-content;transform:translate(-50%);margin:0;padding:6px 46px 7px;color:#fff8d9;background:linear-gradient(#2c5fd6,#122f86);box-shadow:inset 0 0 0 2px #d8b469,0 4px 10px #050c2880;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);font-size:24px;text-shadow:0 2px 0 #0a1e51}.react-screen-characters .react-screen-content,.react-screen-create .react-screen-content{padding:28px 16px 16px;border-radius:3px;background:linear-gradient(#fdfcf8,#f1eee4);color:#28345b;box-shadow:inset 0 0 0 1px #c9a85a}.react-screen-characters .react-note,.react-screen-create .react-note{margin:2px 0 14px;color:#56617a;font-size:14px}.react-screen-characters .react-character-grid{grid-template-columns:1fr;gap:7px}.react-screen-characters .react-character-card{min-height:54px;grid-template-columns:46px 1fr auto;display:grid;place-items:center start;align-content:center;gap:10px;padding:7px 16px;border:1px dashed #c9c3ad;border-radius:6px;background:linear-gradient(#fff,#f4f1e7);color:#4b526c;text-align:left}.react-screen-characters .react-character-card img{width:42px;height:42px}.react-screen-characters .react-character-card b{font-size:16px}.react-screen-characters .react-character-card small{font-size:12px}.react-screen-characters .react-character-card.empty{grid-template-columns:1fr;place-items:center;min-height:54px}.react-screen-characters .react-character-card.empty strong{font-size:18px;color:#5b647c;font-weight:700}.react-screen-characters .react-character-card:hover{border-color:#d8b469;box-shadow:0 0 0 2px #f2c445}.react-screen-characters:before,.react-screen-create:before{display:none}.react-screen-characters:after,.react-screen-create:after{content:"ตัวละครเก็บแยกตามเซิร์ฟเวอร์";position:fixed;z-index:2;left:7%;bottom:10px;color:#fff4c6;font-size:13px;text-shadow:0 1px 2px #071336}.react-screen-create .react-create-portrait{position:fixed;z-index:2;left:4vw;top:7vh;bottom:25vh;width:44vw;height:auto;display:flex;align-items:flex-end;justify-content:center;pointer-events:none}.react-screen-create .react-create-portrait img{width:auto;max-width:100%;height:min(390px,57vh);object-fit:contain;filter:drop-shadow(0 12px 12px rgba(0,0,0,.45))}.react-screen-create .react-create-portrait:after{content:"มือใหม่\aนักผจญภัยฝึกหัด\aเลือกอาชีพเมื่อถึง Lv.6";position:absolute;left:0;right:0;bottom:-18vh;white-space:pre;text-align:center;color:#fff6d8;font-size:17px;line-height:1.55;text-shadow:0 2px 4px #050c28}.react-screen-create .react-name-label{margin:8px 0 14px;color:#39415d}.react-screen-create .react-name-label input{padding:12px 40px;border-color:#6a84ca;border-radius:7px}.react-screen-create .react-create-actions{grid-template-columns:1fr 1.6fr}.react-screen-create .react-create-actions button{border-radius:0;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%);background:linear-gradient(#fff0a8,#f2c445 55%,#d79c22);color:#3a2606}@media(max-width:600px){.react-screen-characters .react-panel,.react-screen-create .react-panel{width:min(92vw,560px);left:4%;top:21%}.react-screen-create .react-create-portrait{display:none}.react-screen-characters:before,.react-screen-create:before{display:none}}.react-title-user{position:fixed;z-index:6;top:3%;right:2.2%;display:flex;align-items:center;gap:10px;padding:5px 8px 5px 14px;border-radius:999px;background:#0a1e51d6;box-shadow:inset 0 0 0 1px #d8b469;color:#fff6d8;font-size:14px}.react-title-user button{padding:3px 12px;border-radius:999px;background:linear-gradient(#fff0a8,#f2c445);color:#0a1e51;font-size:12px}.react-title-back{position:fixed;z-index:6;top:3%;left:2.2%;padding:6px 16px;border:0;border-radius:999px;background:#0a1e51d6;box-shadow:inset 0 0 0 1px #d8b469;color:#fff6d8;font-size:14px}.react-character-actions{display:grid;grid-template-columns:1fr 2fr;gap:8px;margin-top:8px}.react-character-actions button{border-radius:8px;padding:10px 0;background:#fff;border:1px solid #e3b3b6;color:#a8323a;font-size:14px}.react-character-actions button:last-child{border:0;border-radius:0;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);background:linear-gradient(#eee9d8,#d8cfaf);color:#766f64;font-size:22px}.react-character-empty-info{position:fixed;z-index:2;left:13%;bottom:27%;display:grid;gap:6px;color:#fff6d8;text-shadow:0 2px 4px #050c28}.react-character-empty-info b{font-size:34px}.react-character-empty-info span{color:#d9e4ff;font-size:16px}.react-create-role{display:grid;gap:5px;padding:10px 14px;border-radius:8px;background:linear-gradient(#eef2ff,#e4eaff);box-shadow:inset 0 0 0 1px #c9d3f2;color:#26315a}.react-create-role b{color:#173b9c;font-size:16px}.react-create-role small{color:#5a6488}.react-create-role div{display:grid;grid-template-columns:1fr 1fr;gap:5px 18px;font-size:12px}@media(max-width:600px){.react-title-user,.react-title-back{position:absolute}.react-character-empty-info{display:none}}.react-screen-login .react-art,.react-screen-servers .react-art,.react-screen-characters .react-art,.react-screen-create .react-art{inset:0;width:100%;height:100%;transform:none;aspect-ratio:auto;background-size:cover;background-position:center}.react-screen-characters .react-art,.react-screen-create .react-art{transform:scale(1.06)}.react-screen-login .react-panel{position:absolute;z-index:3;left:auto;right:3%;top:50%;width:clamp(300px,25vw,420px);margin:0;transform:translateY(-50%)}.react-screen-servers .react-panel{position:absolute;z-index:3;left:56.5%;top:37.5%;width:41%;margin:0;transform:none}.react-screen-login:after{height:9.5%}@media(max-width:850px){.react-screen-login .react-panel{right:4%;width:300px}.react-screen-login .react-art{background-position:40% center}}@media(max-width:600px){.react-screen-login .react-panel{right:50%;width:min(330px,86vw);top:55%;transform:translate(50%,-50%)}.react-screen-login .react-art{background-position:36% center}}.react-screen-login .react-panel{width:min(470px,38vw);padding:9px;border:3px solid #e7bd57;border-radius:12px;background:linear-gradient(180deg,#0b2d78,#071e58);box-shadow:0 0 0 3px #0f2b69d9,0 16px 36px #040b2aad}.react-screen-login .react-panel:before{width:42px;height:42px;top:-24px;background:radial-gradient(circle,#e9ffff 0 12%,#4abfff 28%,#103987 64%);box-shadow:0 0 0 3px #e7bd57,0 0 18px #63d8ff}.react-screen-login .react-panel:after{width:34px;height:34px;bottom:-20px}.react-screen-login .react-tabs{gap:0;margin:0;padding:0}.react-screen-login .react-tabs button{min-height:62px;font-size:clamp(18px,1.65vw,26px);font-weight:800;color:#233c78;background:linear-gradient(#fffefa,#e9e7e0);border:2px solid #d9b35d;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)}.react-screen-login .react-tabs button.active{color:#fff;background:linear-gradient(#1762e7,#063aa6);box-shadow:inset 0 0 0 2px #61cbff,inset 0 -8px 18px #0000002e}.react-screen-login .react-form{gap:16px;padding:28px 22px 22px;background:linear-gradient(135deg,#fffefa,#f0f2f3);border:2px solid #ead39a;border-radius:7px;box-shadow:inset 0 0 0 2px #fffc}.react-screen-login .react-field{min-height:64px;overflow:hidden;border:2px solid #d9b35d;border-radius:14px;background:linear-gradient(110deg,#dce9ff,#fff 30%,#eaf3ff);box-shadow:inset 0 0 0 2px #fff,0 3px 8px #102e6b33}.react-screen-login .react-field:before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:72px;background:linear-gradient(135deg,#2f65c8,#123987);clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%)}.react-screen-login .react-field>svg{z-index:2;left:24px;width:25px;height:25px;fill:#fff}.react-screen-login .react-form input:not([type=checkbox]){position:relative;z-index:1;min-height:60px;padding:10px 48px 10px 82px;border:0;border-radius:12px;background:transparent;color:#243c76;font-size:20px}.react-screen-login .react-form input:not([type=checkbox])::placeholder{color:#6c7d9f;opacity:1}.react-screen-login .react-eye{z-index:3;right:12px;color:#2b58aa;font-size:20px}.react-screen-login .react-form-row{padding:0 2px;font-size:16px;color:#17264e}.react-screen-login .react-check input{width:22px;height:22px}.react-screen-login .react-link{color:#1553c7;font-size:16px;font-weight:700;text-decoration:underline}.react-screen-login .react-form>button{min-height:70px;margin-top:4px;border:2px solid #f9dc79;box-shadow:inset 0 0 0 2px #b27a18,0 4px #8e6417;font-size:clamp(24px,2.1vw,32px);background:linear-gradient(#fff2a5,#ffd84d 55%,#e8a824)}.react-screen-login .react-divider{margin:18px 0 12px;color:#f7d36a;font-size:24px}.react-screen-login .react-guest{min-height:64px;border:2px solid #d9b35d;box-shadow:inset 0 0 0 2px #fff,0 3px #9d7628;font-size:clamp(19px,1.6vw,25px);font-weight:800;background:linear-gradient(#fff,#e8efff);color:#17449e}@media(max-width:600px){.react-screen-login .react-panel{width:min(470px,94vw);top:55%;padding:8px;border-width:3px;border-radius:14px}.react-screen-login .react-tabs button{min-height:64px;font-size:20px}.react-screen-login .react-form{gap:15px;padding:28px 22px 22px}.react-screen-login .react-field{min-height:64px;border-radius:14px}.react-screen-login .react-field:before{width:72px}.react-screen-login .react-form input:not([type=checkbox]){min-height:60px;font-size:20px;padding-left:82px}.react-screen-login .react-form>button{min-height:70px;font-size:28px}.react-screen-login .react-divider{margin:18px 0 12px}.react-screen-login .react-guest{min-height:64px;font-size:23px}}.react-screen-login .react-panel{isolation:isolate;padding:14px;border:4px ridge #ffe19a;border-radius:22px;background:radial-gradient(ellipse at 50% 90%,#19498e,transparent 65%),linear-gradient(110deg,#061335,#12377b 45%,#061335);box-shadow:inset 0 0 0 3px #061a4b,inset 0 0 0 5px #c29538,inset 0 0 28px #030d31,0 0 0 2px #edc260,0 16px 36px #030c3299}.react-screen-login .react-panel:before{z-index:5;background:conic-gradient(from 45deg,#082265,#35baff,#fff,#0087ec,#082265);border:3px ridge #ffdfa0;box-shadow:0 0 0 3px #9c6b27,inset 0 0 0 7px #13367c,0 0 18px #42cfff}.react-screen-login .react-panel:after{z-index:5;background:conic-gradient(from 45deg,#07316e,#44dfff,#fff,#078ad9,#07316e);border:3px ridge #ffdfa0}.react-screen-login .react-tabs{margin-bottom:9px}.react-screen-login .react-tabs button{border:3px ridge #f7d78c;border-radius:0;background:linear-gradient(135deg,#fffdf5,#e6e2d8);text-shadow:0 1px #fff}.react-screen-login .react-tabs button.active{text-shadow:0 0 12px #63dcff;background:linear-gradient(160deg,#228cff,#094ac9 55%,#062b8b);box-shadow:inset 0 0 0 2px #8df5ff,inset 0 0 17px #00bfff,0 0 12px #00bfff}.react-screen-login .react-form{position:relative;background:radial-gradient(circle at 50% 45%,transparent 0 28%,#c3d2ec44 28.5% 29%,transparent 29.5% 33%,#c3d2ec33 33.5% 34%,transparent 34.5%),linear-gradient(125deg,#fffef9,#f0eee6);border:3px ridge #e8cf92;border-radius:12px;padding:30px 22px 22px}.react-screen-login .react-field{border:3px ridge #e7c783;border-radius:0;clip-path:polygon(4% 0,96% 0,100% 16%,100% 84%,96% 100%,4% 100%,0 84%,0 16%);background:linear-gradient(#fff,#e9f2ff);box-shadow:inset 0 0 0 2px #b7d1f6,inset 0 0 12px #8ba8d866}.react-screen-login .react-field:before{background:linear-gradient(135deg,#3767ad,#0d2e79);border-right:2px solid #a9cdfa}.react-screen-login .react-field:after{content:"✧";position:absolute;right:5px;top:50%;transform:translateY(-50%);color:#c3973b;font-size:25px;pointer-events:none}.react-screen-login .react-eye{right:24px}.react-screen-login .react-form>button{border:5px ridge #ffdfa0;border-radius:8px;background:radial-gradient(circle at 85% 50%,#fff8ae66,transparent 20%),linear-gradient(115deg,#fff294,#ffdb4c 45%,#e6a92e);box-shadow:inset 0 0 0 2px #a8741b,inset 0 0 0 5px #ffe892,inset 0 0 20px #fff6b9;text-shadow:0 1px #fff7a9}.react-screen-login .react-divider{display:flex;align-items:center;gap:14px;margin:17px 12px;text-shadow:0 0 10px #fff3b6}.react-screen-login .react-divider:before,.react-screen-login .react-divider:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,#f6d584,transparent)}.react-screen-login button.react-guest{border:4px ridge #f3d28c;border-radius:6px;background:linear-gradient(155deg,#fff,#e6eeff 65%,#b8d0f6);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #96c3ff}@media(max-height:650px){.react-screen-login{overflow-y:auto}.react-screen-login .react-panel{position:relative;top:auto;right:auto;transform:none;margin:38px 3% 38px auto}}.react-screen-login>.react-panel{display:contents}.react-screen-login>.react-panel:before,.react-screen-login>.react-panel:after{display:none}.react-screen-login .ttl-blur{display:none}.react-screen-login .ttl-art{display:contents}.react-screen-login .ttl-panel{position:fixed!important;z-index:3;left:auto;right:3%;top:50%!important;width:min(430px,38vw);box-sizing:border-box;padding:9px;max-height:none;overflow:visible;border:3px solid #e7bd57;border-radius:12px;background:linear-gradient(180deg,#0b2d78,#071e58);box-shadow:0 0 0 3px #0f2b69d9,0 16px 36px #040b2aad;font-family:var(--font-body);color:#20305e;animation:none!important;transform:translateY(-50%)!important}.react-screen-login .ttl-panel:before,.react-screen-login .ttl-panel:after{content:"";position:absolute;left:50%;width:34px;height:34px;transform:translate(-50%) rotate(45deg);border:2px solid #e7bd57;background:radial-gradient(circle,#e9ffff 0 12%,#4abfff 28%,#103987 64%);box-shadow:0 0 14px #63d8ff}.react-screen-login .ttl-panel:before{top:-19px}.react-screen-login .ttl-panel:after{bottom:-19px}.react-screen-login .ttl-in{display:flex;flex-direction:column;gap:11px;padding:18px;border-radius:5px;background:linear-gradient(#fdfcf8,#f1eee4);box-shadow:inset 0 0 0 1px #c9a85a}.react-screen-login .ttl-tabs{display:flex;gap:4px;margin:0 0 4px}.react-screen-login .ttl-tab{flex:1;min-height:42px;padding:7px 3px;border:2px solid #d9b35d;color:#233c78;background:linear-gradient(#fffefa,#e9e7e0);font:inherit;font-size:15px;font-weight:700;cursor:pointer;clip-path:polygon(6% 0,94% 0,100% 50%,94% 100%,6% 100%,0 50%)}.react-screen-login .ttl-tab.on{color:#fff;background:linear-gradient(#1762e7,#063aa6);box-shadow:inset 0 0 0 2px #61cbff}.react-screen-login .ttl-field{position:relative;display:block;min-height:48px;overflow:hidden;border:2px solid #d9b35d;border-radius:10px;background:linear-gradient(110deg,#dce9ff,#fff 30%,#eaf3ff);box-shadow:inset 0 0 0 2px #fff,0 3px 8px #102e6b33}.react-screen-login .ttl-field:before{content:"";position:absolute;z-index:0;inset:0 auto 0 0;width:58px;background:linear-gradient(135deg,#2f65c8,#123987);clip-path:polygon(0 0,78% 0,100% 50%,78% 100%,0 100%)}.react-screen-login .ttl-field>svg{position:absolute;z-index:2;left:18px;top:50%;width:21px;height:21px;transform:translateY(-50%);fill:#fff;pointer-events:none}.react-screen-login .ttl-field input{position:relative;z-index:1;width:100%;min-height:44px;box-sizing:border-box;padding:8px 42px 8px 68px;border:0;background:transparent;color:#243c76;font:inherit;font-size:17px}.react-screen-login .ttl-field input::placeholder{color:#6c7d9f;opacity:1}.react-screen-login .ttl-eye{position:absolute;z-index:3;right:8px;top:50%;display:grid;width:30px;height:30px;place-items:center;padding:0;transform:translateY(-50%);border:0;background:transparent;color:#2b58aa;cursor:pointer}.react-screen-login .ttl-eye svg{position:static;width:20px;height:20px;transform:none;fill:currentColor}.react-screen-login .ttl-link{padding:0;border:0;color:#1f4fc9;background:transparent;font:inherit;cursor:pointer}.react-screen-login .ttl-err{min-height:16px;margin:0;color:#c2362f;font-size:13px}.react-screen-login .ttl-main,.react-screen-login .ttl-guest{min-height:52px;border:0;font-family:var(--font-display);font-weight:700;cursor:pointer;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%)}.react-screen-login .ttl-main{color:#3a2606;background:linear-gradient(#fff2a5,#ffd84d 55%,#e8a824);box-shadow:inset 0 0 0 2px #b27a18;font-size:23px}.react-screen-login .ttl-div{display:flex;align-items:center;gap:10px;margin:3px 0;color:#f7d36a;font-size:20px}.react-screen-login .ttl-div:before,.react-screen-login .ttl-div:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#f6d584,transparent)}.react-screen-login .ttl-guest{display:flex;align-items:center;justify-content:center;gap:8px;color:#17449e;background:linear-gradient(#fff,#e8efff);box-shadow:inset 0 0 0 2px #96c3ff;font-size:19px}.react-screen-login .ttl-guest svg{width:20px;height:20px;fill:currentColor}.react-screen-login .ttl-foot,.react-screen-login .login-fullscreen{display:none}@media(max-width:700px){.react-screen-login .ttl-panel{left:50%;right:auto;top:50%!important;width:min(430px,calc(100vw - 32px));transform:translate(-50%,-50%)!important}}@media(max-height:720px){.react-screen-login .ttl-in{gap:7px;padding:12px 15px}.react-screen-login .ttl-tabs{margin-bottom:1px}.react-screen-login .ttl-tab{min-height:36px;padding:4px 3px}.react-screen-login .ttl-field{min-height:40px}.react-screen-login .ttl-field input{min-height:36px;padding-top:5px;padding-bottom:5px}.react-screen-login .ttl-main,.react-screen-login .ttl-guest{min-height:44px}.react-screen-login .ttl-div{margin:0;line-height:1}}.react-screen-login .ttl-panel{padding:12px;border:5px ridge #f5d27c;border-radius:22px;background:radial-gradient(ellipse at 50% 0%,rgba(69,143,255,.28),transparent 44%),radial-gradient(ellipse at 50% 100%,rgba(29,98,200,.3),transparent 48%),linear-gradient(135deg,#071a48,#123a86 48%,#071a48);box-shadow:inset 0 0 0 3px #07163a,inset 0 0 0 5px #c79638,inset 0 0 26px #000000a6,0 0 0 3px #0d255ee6,0 12px 32px #030a269e}.react-screen-login .ttl-panel:before,.react-screen-login .ttl-panel:after{width:38px;height:38px;border:3px ridge #ffe39b;background:conic-gradient(from 45deg,#103878,#47caff,#eaffff,#197de2,#103878);box-shadow:0 0 0 3px #a8792c,inset 0 0 0 5px #103878,0 0 18px #42cfffcc}.react-screen-login .ttl-panel:before{top:-23px}.react-screen-login .ttl-panel:after{bottom:-23px}.react-screen-login .ttl-in{padding:20px;gap:12px;border:3px ridge #ead39a;border-radius:12px;background:radial-gradient(circle at 50% 50%,transparent 0 24%,rgba(79,111,177,.07) 24.4% 25%,transparent 25.5% 31%,rgba(79,111,177,.05) 31.4% 32%,transparent 32.5%),linear-gradient(145deg,#fffefa,#f0eee5);box-shadow:inset 0 0 0 2px #fff,inset 0 0 22px #8091b42e}.react-screen-login .ttl-tabs{gap:6px}.react-screen-login .ttl-tab{min-height:48px;font-size:16px}.react-screen-login .ttl-field{min-height:54px;border-radius:13px}.react-screen-login .ttl-field input{min-height:50px;font-size:18px}.react-screen-login .ttl-main{min-height:60px;font-size:25px;border:3px ridge #ffe39b;box-shadow:inset 0 0 0 2px #a8741b,inset 0 0 0 5px #fff4b180,0 4px #835913}.react-screen-login .ttl-guest{min-height:56px;border:3px ridge #dceaff;box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #91bdfb;font-size:20px}.react-screen-login .ttl-field{min-height:58px;border:2px solid transparent;border-radius:15px;background:linear-gradient(110deg,#e8f1ff,#fff 34%,#f5f8ff 72%,#dfeaff) padding-box,linear-gradient(145deg,#fff0b3,#b87924 17%,#fff1b8 35%,#d5a544 68%,#fff4c4) border-box;box-shadow:0 4px 10px #0f296033,inset 0 1px #fff,inset 0 -2px 5px #355b9d1f;transition:box-shadow .18s ease,filter .18s ease}.react-screen-login .ttl-field:focus-within{box-shadow:0 0 0 3px #49adff42,0 5px 16px #1449a04d,inset 0 1px #fff;filter:brightness(1.025)}.react-screen-login .ttl-field:before{width:62px;background:linear-gradient(135deg,#427bd7,#1b4fae 42%,#0b2d78);box-shadow:inset 0 1px #ffffff80,inset -2px 0 #ffe7a5b8,inset -4px 0 8px #04143f4d}.react-screen-login .ttl-field>svg{left:19px;width:22px;height:22px;filter:drop-shadow(0 1px 1px rgba(0,0,0,.2))}.react-screen-login .ttl-field input{padding-left:74px}.react-screen-login .ttl-field input::placeholder{color:#7183a8;font-weight:500;letter-spacing:.02em}.react-screen-login .ttl-eye{right:7px;border-radius:50%}.react-screen-login .ttl-eye:hover{background:#3a69b91a}.react-screen-login .ttl-eye:focus-visible{outline:2px solid #55aaff;outline-offset:1px}.react-screen-login .ttl-field{min-height:58px;padding:2px;border:0;border-radius:0;clip-path:polygon(4% 0,96% 0,100% 18%,100% 82%,96% 100%,4% 100%,0 82%,0 18%);background:linear-gradient(145deg,#fff2b9,#c38a2f,#fff5c8 30%,#9f6e24 52%,#f5d47b 78%,#a36d22);box-shadow:0 5px 12px #05143b3d}.react-screen-login .ttl-field:before{inset:2px auto 2px 2px;width:66px;clip-path:polygon(0 0,76% 0,100% 50%,76% 100%,0 100%);background:linear-gradient(115deg,#285cad,#123a88 58%,#08275f);box-shadow:inset 0 1px #ffffff73,inset 0 -2px #04113680}.react-screen-login .ttl-field:after{content:"";position:absolute;inset:3px;z-index:0;pointer-events:none;clip-path:polygon(4% 0,96% 0,100% 18%,100% 82%,96% 100%,4% 100%,0 82%,0 18%);background:linear-gradient(180deg,rgba(255,255,255,.72),transparent 28%,transparent 82%,rgba(139,166,213,.18))}.react-screen-login .ttl-field>svg{left:20px;z-index:2}.react-screen-login .ttl-field input{z-index:1;min-height:54px;padding-left:82px;padding-right:48px;background:linear-gradient(90deg,transparent 0 54px,#eaf2ff 55px,#fff 42%,#eaf2ff 100%);clip-path:polygon(0 0,96% 0,100% 18%,100% 82%,96% 100%,0 100%);font-weight:600}.react-screen-login .ttl-field input:focus{outline:0}.react-screen-login .ttl-eye{right:12px;width:32px;height:32px;border:1px solid rgba(49,91,157,.28);background:linear-gradient(#fff,#dfebff);box-shadow:0 1px 4px #173a7633,inset 0 1px #fff}.react-screen-login .ttl-eye:hover{background:linear-gradient(#f4fbff,#c8e2ff)}.react-screen-login .ttl-eye svg{fill:#2458a9}.react-screen-login .ttl-tab{min-height:46px;border:2px solid transparent;background:linear-gradient(145deg,#fffefb,#e7e5de) padding-box,linear-gradient(145deg,#fff2b9,#ad7728,#ffedb0) border-box;box-shadow:inset 0 1px #fff,0 2px 4px #0e275b1f}.react-screen-login .ttl-tab.on{background:linear-gradient(160deg,#2779eb,#0e4ab7 58%,#092d78) padding-box,linear-gradient(145deg,#fff0a3,#c89434,#fff0a3) border-box;box-shadow:inset 0 1px #ffffff6b,inset 0 -3px 8px #03133f52,0 2px 6px #1341943d}@media(max-height:720px){.react-screen-login .ttl-in{gap:8px;padding:12px 15px}.react-screen-login .ttl-tab{min-height:38px}.react-screen-login .ttl-field{min-height:42px}.react-screen-login .ttl-field input{min-height:38px}.react-screen-login .ttl-main{min-height:46px}.react-screen-login .ttl-guest{min-height:44px}}.react-screen-login>.react-art{overflow:hidden;transform-origin:52% 48%;animation:loginArtworkDrift 32s ease-in-out infinite alternate;will-change:transform}.react-screen-login>.react-art:before,.react-screen-login>.react-art:after{content:"";position:absolute;inset:-18%;pointer-events:none}.react-screen-login>.react-art:before{background:radial-gradient(ellipse at 24% 38%,rgba(101,207,255,.28),transparent 24%),radial-gradient(ellipse at 72% 68%,rgba(255,220,128,.2),transparent 27%),linear-gradient(112deg,transparent 30%,rgba(202,238,255,.08) 48%,transparent 64%);mix-blend-mode:screen;animation:loginLightDrift 19s ease-in-out infinite alternate}.react-screen-login>.react-art:after{inset:0;opacity:.5;background-image:radial-gradient(circle,rgba(255,255,220,.85) 0 1px,transparent 2px),radial-gradient(circle,rgba(123,222,255,.8) 0 1px,transparent 2px),radial-gradient(circle,rgba(255,215,126,.75) 0 1px,transparent 2px);background-size:173px 151px,229px 197px,281px 233px;background-position:14px 21px,83px 62px,37px 109px;animation:loginStarlight 24s linear infinite}@keyframes loginArtworkDrift{0%{transform:scale(1.015)}to{transform:scale(1.075)}}@keyframes loginLightDrift{0%{transform:translate3d(-2%,1%,0);opacity:.6}to{transform:translate3d(2%,-1%,0);opacity:1}}@keyframes loginStarlight{0%{background-position:14px 21px,83px 62px,37px 109px}to{background-position:187px 172px,-146px 259px,318px -124px}}@media(prefers-reduced-motion:reduce){.react-screen-login>.react-art,.react-screen-login>.react-art:before,.react-screen-login>.react-art:after{animation:none}}.react-screen-login .ttl-panel{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}.react-screen-login .ttl-panel:before,.react-screen-login .ttl-panel:after{display:none}.react-screen-login .ttl-frame-art{position:absolute;z-index:2;inset:-35px -30px;display:block;width:calc(100% + 60px);height:calc(100% + 70px);object-fit:fill;pointer-events:none;user-select:none}.react-screen-login .ttl-in{position:relative;z-index:1;padding-top:40px;padding-bottom:70px}.react-screen-login>.react-art{filter:blur(2px) saturate(1.08)}@media(max-width:700px){.react-screen-login .ttl-frame-art{inset:-31px -22px;width:calc(100% + 44px);height:calc(100% + 62px)}}@media(max-height:720px){.react-screen-login .ttl-frame-art{inset:-30px -25px;width:calc(100% + 50px);height:calc(100% + 60px)}.react-screen-login .ttl-in{padding-top:28px;padding-bottom:48px}}.react-screen-login .ttl-panel{padding:14px;border:7px double #e6b94f;border-radius:28px 14px;background:linear-gradient(90deg,rgba(236,194,92,.42),transparent 4%,transparent 96%,rgba(236,194,92,.42)),radial-gradient(ellipse at 50% 0%,rgba(62,145,255,.3),transparent 46%),linear-gradient(145deg,#06163e,#10377f 48%,#06163e);box-shadow:inset 0 0 0 3px #071638,inset 0 0 0 6px #c79638,inset 0 0 0 9px #10275a,inset 0 0 30px #0000008c,0 0 0 2px #fff0ad,0 16px 36px #030a26ad}.react-screen-login .ttl-panel:before,.react-screen-login .ttl-panel:after{width:50px;height:50px;border:4px double #ffe7a0;background:conic-gradient(from 45deg,#092968,#39c7ff,#f2ffff,#1682f1,#092968);box-shadow:0 0 0 4px #a8792c,inset 0 0 0 7px #103878,0 0 24px #42cfffe6}.react-screen-login .ttl-panel:before{top:-29px}.react-screen-login .ttl-panel:after{bottom:-29px}.react-screen-login .ttl-in{position:relative;isolation:isolate;padding:22px;gap:14px;border:4px double #d9b45f;border-radius:17px 8px;background:radial-gradient(ellipse at 50% 55%,rgba(255,255,255,.95),transparent 55%),linear-gradient(145deg,#fffefa,#f0ede2);box-shadow:inset 0 0 0 3px #fff,inset 0 0 26px #7e8fb033,0 2px 8px #0f245224}.react-screen-login .ttl-in:before,.react-screen-login .ttl-in:after{content:"✦";position:absolute;z-index:0;color:#be8f3247;font-size:27px;line-height:1;pointer-events:none;text-shadow:0 0 9px rgba(216,177,85,.35)}.react-screen-login .ttl-in:before{top:9px;left:11px}.react-screen-login .ttl-in:after{right:11px;bottom:9px}.react-screen-login .ttl-tabs,.react-screen-login .ttl-field,.react-screen-login .ttl-row,.react-screen-login .ttl-err,.react-screen-login .ttl-main,.react-screen-login .ttl-div,.react-screen-login .ttl-guest{position:relative;z-index:1}.react-screen-login .ttl-tab{min-height:52px;font-size:17px}.react-screen-login .ttl-tab.on{text-shadow:0 1px 2px rgba(2,24,72,.55)}.react-screen-login .ttl-field{min-height:64px;padding:3px;clip-path:polygon(5% 0,95% 0,100% 12%,100% 88%,95% 100%,5% 100%,0 88%,0 12%);background:linear-gradient(145deg,#fff3bd,#b87924 13%,#ffe7a0 27%,#a96f1e 54%,#ffe8a2 78%,#ad7426);box-shadow:0 5px 12px #05143b38,0 1px #fffc}.react-screen-login .ttl-field:before{z-index:1;inset:3px auto 3px 3px;width:72px;clip-path:polygon(9% 0,91% 0,100% 10%,100% 90%,91% 100%,9% 100%,0 90%,0 10%);background:linear-gradient(150deg,#3b78d4,#15499e 50%,#092966);box-shadow:inset 0 1px #ffffff94,inset 0 -3px #03123a75,inset 0 0 14px #68b1ff38}.react-screen-login .ttl-field:after{z-index:2;inset:5px 5px 5px 76px;clip-path:none;background:linear-gradient(180deg,rgba(255,255,255,.54),transparent 28%,transparent 83%,rgba(139,166,213,.13))}.react-screen-login .ttl-field>svg{z-index:4;left:24px;width:24px;height:24px}.react-screen-login .ttl-field input{z-index:3;min-height:58px;padding-left:88px;padding-right:58px;clip-path:polygon(0 0,96% 0,100% 12%,100% 88%,96% 100%,0 100%);background:linear-gradient(90deg,transparent 0 72px,rgba(229,239,255,.98) 73px,rgba(255,255,255,.99) 43%,rgba(231,241,255,.98));color:#233d72;font-size:20px;font-weight:600;letter-spacing:.015em}.react-screen-login .ttl-field input::placeholder{color:#697fa7;font-weight:600}.react-screen-login .ttl-eye{z-index:5;right:13px;width:38px;height:38px;border:2px solid #d9b867;background:linear-gradient(#fff,#e8f0ff);box-shadow:0 2px 6px #12337040,inset 0 0 0 2px #fff}.react-screen-login .ttl-eye svg{width:21px;height:21px}.react-screen-login .ttl-row{padding:0 5px;font-size:15px;font-weight:600}.react-screen-login .ttl-row input{width:20px;height:20px}.react-screen-login .ttl-link{color:#164eb8;font-size:16px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.react-screen-login .ttl-main{min-height:68px;border:5px double #f9e6a5;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,225,.55),transparent 52%),linear-gradient(#ffe878,#ffc82e 52%,#e69c16);box-shadow:inset 0 0 0 2px #9b671a,inset 0 0 0 5px #fff8beb3,0 5px #895d19,0 8px 12px #4d2f0338;text-shadow:0 1px 0 rgba(255,255,255,.55);font-size:27px}.react-screen-login .ttl-div{margin:5px 4px;font-size:23px}.react-screen-login .ttl-guest{min-height:62px;border:4px double #b6d4ff;background:linear-gradient(#fff,#eaf2ff 58%,#d9e7ff);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 5px #9ac4ff,0 4px #597eb4;font-size:22px;margin-bottom:34px}@media(max-height:720px){.react-screen-login .ttl-in{gap:8px;padding:12px 15px}.react-screen-login .ttl-tab{min-height:39px}.react-screen-login .ttl-field{min-height:46px}.react-screen-login .ttl-field input{min-height:40px;font-size:17px}.react-screen-login .ttl-main{min-height:48px;font-size:22px}.react-screen-login .ttl-guest{min-height:46px;font-size:18px}.react-screen-login .ttl-guest{margin-bottom:24px}}.react-screen-login .ttl-in{padding-top:58px;padding-bottom:70px}.react-screen-login .ttl-guest{margin-bottom:48px}.react-screen-login .ttl-panel{top:calc(50% - 25px)!important}@media(max-height:720px){.react-screen-login .ttl-in{padding-top:40px;padding-bottom:56px}.react-screen-login .ttl-guest{margin-bottom:34px}.react-screen-login .ttl-panel{top:calc(50% - 16px)!important}}.react-screen-login .ttl-tabs{gap:8px;align-items:stretch}.react-screen-login .ttl-tab{position:relative;isolation:isolate;min-height:54px;padding:6px 24px;overflow:hidden;border:3px solid transparent;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);background:linear-gradient(145deg,#fffefa,#f5f0df 58%,#e7e3d8) padding-box,linear-gradient(145deg,#fff3bc,#bd842d 24%,#fff0ac 48%,#996522 75%,#f8dfa0) border-box;box-shadow:inset 0 1px #fff,inset 0 -3px 6px #5d461b21,0 3px 7px #0c204e33;color:#183b83;font-size:17px;font-weight:800;text-shadow:0 1px 0 #fff;transition:filter .16s ease,transform .16s ease,box-shadow .16s ease}.react-screen-login .ttl-tab:before,.react-screen-login .ttl-tab:after{position:absolute;z-index:-1;top:50%;transform:translateY(-50%);color:#c18b31;content:"✦";font-size:12px;text-shadow:0 0 5px rgba(255,213,97,.55)}.react-screen-login .ttl-tab:before{left:13px}.react-screen-login .ttl-tab:after{right:13px}.react-screen-login .ttl-tab.on{color:#fff;background:linear-gradient(160deg,#2584ff,#0e55cf 52%,#082b79) padding-box,linear-gradient(145deg,#fff8c9,#e3ad39 22%,#fff2ad 48%,#9b6925 76%,#ffeaa1) border-box;box-shadow:inset 0 1px #ffffffb3,inset 0 -4px 10px #02133d5c,0 3px 8px #0c32855c;text-shadow:0 1px 2px rgba(2,20,65,.65),0 0 10px rgba(95,210,255,.38)}.react-screen-login .ttl-tab.on:before,.react-screen-login .ttl-tab.on:after{color:#ffe58c}.react-screen-login .ttl-tab:hover{filter:brightness(1.06)}.react-screen-login .ttl-tab:active{transform:translateY(1px)}.react-screen-login .ttl-tab:focus-visible{outline:3px solid #5ccaff;outline-offset:3px}@media(max-height:720px){.react-screen-login .ttl-tab{min-height:42px;padding:4px 18px;font-size:15px}.react-screen-login .ttl-tab:before{left:8px}.react-screen-login .ttl-tab:after{right:8px}}.react-screen-login .ttl-in{padding-left:12px;padding-right:12px;background:linear-gradient(#fffdf7f0,#f6f2e4f5)}.react-screen-login .ttl-panel{width:min(460px,46vw)}.react-screen-login .ttl-tabs{gap:0;margin:0 0 1px}.react-screen-login .ttl-tab{min-width:0;min-height:clamp(54px,7.2vw,74px);padding:0;border:0;border-radius:0;clip-path:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:none;color:transparent;font-size:0;text-shadow:none}.react-screen-login .ttl-tab:first-child{flex:229 1 0;background-image:url(/assets/ui/login-tab-art.png)}.react-screen-login .ttl-tab:last-child{flex:207 1 0;background-image:url(/assets/ui/register-tab-art.png)}.react-screen-login .ttl-tab:before,.react-screen-login .ttl-tab:after{display:none}.react-screen-login .ttl-tab:hover{filter:brightness(1.05)}.react-screen-login .ttl-tab:focus-visible{outline:3px solid #59caff;outline-offset:-4px}.react-screen-login .ttl-field{height:clamp(58px,7.5vw,80px);min-height:0;padding:0;overflow:hidden;border:0;border-radius:0;clip-path:none;background-color:transparent;background-repeat:no-repeat;background-position:center;background-size:100% 100%;box-shadow:none}.react-screen-login .ttl-field:nth-of-type(1){background-image:url(/assets/ui/login-user-field-art.png)}.react-screen-login .ttl-field:nth-of-type(2){background-image:url(/assets/ui/login-password-field-art.png)}.react-screen-login .ttl-field:before,.react-screen-login .ttl-field:after{display:none}.react-screen-login .ttl-field>svg{display:none}.react-screen-login .ttl-field input{position:absolute;inset:0;z-index:2;width:100%;height:100%;min-height:0;padding:0 16% 0 26%;border:0;background:transparent!important;color:#315184;font-size:clamp(16px,2.1vw,22px);font-weight:600;outline:0}.react-screen-login .ttl-field input::placeholder{color:transparent;opacity:0}.react-screen-login .ttl-field input:not(:placeholder-shown),.react-screen-login .ttl-field input:focus{background:transparent!important}.react-screen-login .ttl-field:nth-of-type(1):has(input:focus):after,.react-screen-login .ttl-field:nth-of-type(1):has(input:not(:placeholder-shown)):after,.react-screen-login .ttl-field:nth-of-type(2):has(input:focus):after,.react-screen-login .ttl-field:nth-of-type(2):has(input:not(:placeholder-shown)):after{content:"";position:absolute;z-index:1;inset:12% 14% 12% 23%;display:block;border-radius:4px;background:linear-gradient(90deg,#edf4ff,#fff 35%,#eef5ff);pointer-events:none}.react-screen-login .ttl-field input:-webkit-autofill,.react-screen-login .ttl-field input:-webkit-autofill:hover,.react-screen-login .ttl-field input:-webkit-autofill:focus{-webkit-text-fill-color:#315184;-webkit-box-shadow:0 0 0 1000px transparent inset!important;box-shadow:none!important;transition:background-color 99999s ease-out 0s}.react-screen-login .ttl-field:focus-within{filter:drop-shadow(0 0 4px rgba(41,126,235,.5))}.react-screen-login .ttl-eye{right:3%;width:12%;height:78%;transform:translateY(-50%);border:0;border-radius:50%;background:transparent;box-shadow:none;opacity:0}.react-screen-login .ttl-eye svg{display:none}.react-screen-login .ttl-eye:focus-visible{opacity:1;outline:2px solid #1976df}.react-screen-login .ttl-main{min-height:clamp(68px,8.4vw,105px);padding:0;border:0;clip-path:none;background:url(/assets/ui/login-submit-art.png) center / 100% 100% no-repeat;box-shadow:none;color:transparent;font-size:0;text-shadow:none}.react-screen-login .ttl-main:hover{filter:brightness(1.06)}.react-screen-login .ttl-main:focus-visible{outline:3px solid #fff0a0;outline-offset:-8px}.react-screen-login .ttl-guest{min-height:clamp(58px,7.6vw,81px);margin-bottom:48px;padding:0;border:0;clip-path:none;background:url(/assets/ui/login-guest-art.png) center / 100% 100% no-repeat;box-shadow:none;color:transparent;font-size:0;text-shadow:none}.react-screen-login .ttl-guest svg{display:none}.react-screen-login .ttl-guest:hover{filter:brightness(1.05)}.react-screen-login .ttl-guest:focus-visible{outline:3px solid #5bcaff;outline-offset:-7px}.react-screen-login .ttl-panel.is-registering .ttl-tab{min-height:52px;padding:6px 14px;border:2px solid #c89434;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);background:linear-gradient(#fffefa,#eee8d9);color:#183b83;font-size:16px;text-shadow:0 1px #fff}.react-screen-login .ttl-panel.is-registering .ttl-tab.on{background:linear-gradient(#2584ff,#0e55cf 52%,#082b79);color:#fff}.react-screen-login .ttl-panel.is-registering .ttl-tab:before,.react-screen-login .ttl-panel.is-registering .ttl-tab:after{display:block}.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3){background-image:none;background:linear-gradient(110deg,#e8f1ff,#fff 42%,#e3edff);border:2px solid #c89434;border-radius:12px;box-shadow:inset 0 0 0 2px #fff,0 3px 8px #102e6b33}.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3)>svg{display:block;left:18px;width:22px;height:22px;fill:#28549b}.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3) input{padding-left:72px;background:transparent!important}.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3) input::placeholder{color:#7183a8;opacity:1}.react-screen-login .ttl-panel.is-registering .ttl-main{min-height:62px;border:3px ridge #ffe39b;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);background:linear-gradient(#fff2a5,#ffd84d 55%,#e8a824);box-shadow:inset 0 0 0 2px #b27a18,0 4px #835913;color:#3a2606;font-size:23px;text-shadow:0 1px #fff}@media(max-height:720px){.react-screen-login .ttl-guest{margin-bottom:34px}.react-screen-login .ttl-panel.is-registering .ttl-tab{min-height:40px;padding:4px 10px}}@media(max-width:700px){.react-screen-login .ttl-panel{width:min(430px,calc(100vw - 32px))}}@media(max-height:720px){.react-screen-login .ttl-in{padding-top:56px!important}}.react-screen-login .ttl-tabs{position:relative;z-index:3!important}.react-screen-login .ttl-panel.is-registering{top:calc(50% - 20px)!important}.react-screen-login .ttl-panel.is-registering .ttl-in{gap:10px}.react-screen-login .ttl-panel.is-registering .ttl-field{min-height:58px}.react-screen-login .ttl-panel.is-registering .ttl-field input{min-height:52px}.react-screen-login .ttl-panel.is-registering .ttl-main{min-height:62px}@media(max-height:720px){.react-screen-login .ttl-panel.is-registering{top:calc(50% - 12px)!important}.react-screen-login .ttl-panel.is-registering .ttl-in{gap:7px}.react-screen-login .ttl-panel.is-registering .ttl-field{min-height:44px}.react-screen-login .ttl-panel.is-registering .ttl-field input{min-height:38px}.react-screen-login .ttl-panel.is-registering .ttl-main{min-height:46px}}@media(max-width:700px){.react-screen-login .ttl-panel.is-registering{top:50%!important;max-height:calc(100dvh - 80px);overflow:visible}.react-screen-login .ttl-panel.is-registering .ttl-in{box-sizing:border-box;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}.react-screen-login .ttl-panel.is-registering .ttl-in::-webkit-scrollbar{display:none}}.react-screen-login .ttl-panel,.react-screen-login .ttl-panel.is-registering{position:fixed!important;inset:50% auto auto 50%!important;width:min(420px,calc(100vw - 32px));max-height:calc(100dvh - 28px);padding:0;transform:translate(-50%,-50%)!important;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}.react-screen-login .ttl-panel:before,.react-screen-login .ttl-panel:after{display:none!important}.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{display:flex;flex-direction:column;gap:14px;box-sizing:border-box;max-height:calc(100dvh - 28px);padding:26px 24px;overflow-y:auto;border:0;border-radius:18px;background:#fffcf2f7;box-shadow:0 20px 56px #030e2c7a;scrollbar-width:none}.react-screen-login .ttl-in::-webkit-scrollbar{display:none}.react-screen-login .ttl-in:before,.react-screen-login .ttl-in:after{display:none}.react-screen-login .ttl-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 0 2px;border-bottom:1px solid #d9dfeb}.react-screen-login .ttl-tabs .ttl-tab,.react-screen-login .ttl-panel.is-registering .ttl-tabs .ttl-tab{position:relative;min-height:48px;padding:8px 5px;overflow:visible;border:0!important;border-radius:0;clip-path:none;background:transparent!important;background-image:none!important;box-shadow:none!important;color:#586680!important;font-size:17px;font-weight:700;text-shadow:none}.react-screen-login .ttl-tabs .ttl-tab.on,.react-screen-login .ttl-panel.is-registering .ttl-tabs .ttl-tab.on{color:#16499f!important}.react-screen-login .ttl-tabs .ttl-tab.on:after{position:absolute;inset:auto 18% -2px;display:block;height:3px;transform:none;border-radius:3px;background:#e7b942;content:""}.react-screen-login .ttl-tabs .ttl-tab:before{display:none!important}.react-screen-login .ttl-panel.is-registering .ttl-tabs .ttl-tab:not(.on):after{display:none!important}.react-screen-login .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3){position:relative;display:block;height:54px;min-height:54px;padding:0;overflow:hidden;border:1px solid #bdc9dd;border-radius:10px;clip-path:none;background:#fff;background-image:none!important;box-shadow:inset 0 1px 2px #142a4f0a}.react-screen-login .ttl-field>svg,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3)>svg{position:absolute;z-index:3;top:50%;left:16px;display:block!important;width:19px;height:19px;transform:translateY(-50%);fill:#48628e;pointer-events:none}.react-screen-login .ttl-field input,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3) input{position:absolute;z-index:2;inset:0;width:100%;height:100%;min-height:0;padding:0 48px;border:0;border-radius:inherit;background:transparent!important;color:#203b6c;font-size:17px;font-weight:500;outline:0}.react-screen-login .ttl-field input:focus-visible{box-shadow:inset 0 0 0 2px #6b9de0}.react-screen-login .ttl-field:focus-within{border-color:#6b9de0;filter:none}.react-screen-login .ttl-eye{z-index:4;right:8px;width:36px;height:36px;opacity:1;border:0;border-radius:8px;background:transparent;box-shadow:none;color:#48628e}.react-screen-login .ttl-eye svg{display:block;width:18px;height:18px}.react-screen-login .ttl-main,.react-screen-login .ttl-panel.is-registering .ttl-main{min-height:54px;padding:10px 16px;border:0;border-radius:10px;clip-path:none;background:linear-gradient(180deg,#ffe27b,#f3bd36);box-shadow:0 3px #c58c22;color:#392704;font-size:20px;font-weight:800;text-shadow:none}.react-screen-login .ttl-panel.is-registering .ttl-main{min-height:54px}.react-screen-login .ttl-main:hover{filter:brightness(1.04)}.react-screen-login .ttl-guest{min-height:48px;margin:0;padding:8px 14px;border:1px solid #c5d2e7;border-radius:10px;clip-path:none;background:#fff;box-shadow:none;color:#194791;font-size:17px;font-weight:700;text-shadow:none}.react-screen-login .ttl-guest svg{display:block}.react-screen-login .ttl-div{margin:0;color:#bd8b28;font-size:18px;line-height:1}.react-screen-login .ttl-err{min-height:0}.react-screen-login .ttl-foot{display:none}@media(max-width:700px){.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{gap:12px;padding:22px 18px}}@media(max-height:600px){.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{gap:8px;padding:14px 18px}.react-screen-login .ttl-tabs .ttl-tab{min-height:42px}.react-screen-login .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field{height:48px;min-height:48px}.react-screen-login .ttl-main,.react-screen-login .ttl-panel.is-registering .ttl-main{min-height:46px}}.react-screen-login .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3){border:0!important;border-bottom:1px solid #c8d1e0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important}.react-screen-login .ttl-field:focus-within,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3):focus-within{border-bottom:2px solid #2b63b2!important;filter:none}.react-screen-login .ttl-field input:focus-visible,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3) input:focus-visible{box-shadow:none}.react-screen-login .ttl-panel,.react-screen-login .ttl-panel.is-registering{width:min(420px,calc(100vw - 80px));max-height:calc(100dvh - 28px);overflow:visible}.react-screen-login .ttl-frame-art{position:absolute;z-index:2;inset:-72px -30px;display:block!important;width:calc(100% + 60px);height:calc(100% + 144px);object-fit:fill;pointer-events:none;user-select:none}.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{position:relative;z-index:1;max-height:calc(100dvh - 180px);overflow-y:auto}.react-screen-login .ttl-tabs{position:relative;z-index:3}@media(max-width:700px){.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{padding:22px 18px}}.react-screen-login{background:#0b1943}.react-screen-login>.react-art{inset:0;background-image:url(/assets/ui/ui_title.jpg);background-position:center;background-size:cover;filter:none}.react-screen-login>.react-panel{width:100%;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:left}.react-screen-login .ttl-star{position:absolute;z-index:2;top:89.05%;left:47.37%;display:block;width:5.14%;height:10.84%;background:url(/assets/ui/ui_star2.png) center / 100% 100% no-repeat;pointer-events:none}.react-screen-login .ttl-frame-art{display:none!important}.react-screen-login .ttl-panel,.react-screen-login .ttl-panel.is-registering{position:fixed!important;z-index:3;top:50%!important;right:3%;left:auto!important;width:clamp(280px,24vw,400px);max-height:calc(100dvh - 100px);padding:7px;transform:translateY(-50%)!important;overflow:visible;border:0;border-radius:6px;background:linear-gradient(#1b3a8c,#0e2366);box-shadow:0 0 0 2px #d8b469,0 10px 30px #050c2899;color:#20305e;animation:none!important}.react-screen-login .ttl-panel:before,.react-screen-login .ttl-panel:after{position:absolute;left:50%;display:block!important;width:30px;height:30px;transform:translate(-50%) rotate(45deg);border:0;background:radial-gradient(circle,#dff8ff 0 18%,#4fc6ff 30%,#1b3a8c 62%);box-shadow:0 0 0 2px #d8b469,0 0 14px #7fe3ff;content:""}.react-screen-login .ttl-panel:before{top:-16px}.react-screen-login .ttl-panel:after{bottom:-16px}.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{position:relative;z-index:1;display:flex;max-height:calc(100dvh - 160px);flex-direction:column;gap:11px;overflow-y:auto;padding:22px 18px 20px;border:0;border-radius:3px;background:linear-gradient(#fdfcf8,#f1eee4);box-shadow:inset 0 0 0 1px #c9a85a;scrollbar-width:thin}.react-screen-login .ttl-tabs{display:flex;gap:4px;margin:0 0 4px;border:0}.react-screen-login .ttl-tabs .ttl-tab,.react-screen-login .ttl-panel.is-registering .ttl-tabs .ttl-tab{position:relative;flex:1;min-height:42px;padding:7px 3px;border:0!important;border-radius:0;clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);background:#e9e6dc!important;background-image:none!important;box-shadow:none!important;color:#3a466c!important;font-size:16px;font-weight:600;text-shadow:none}.react-screen-login .ttl-tabs .ttl-tab.on,.react-screen-login .ttl-panel.is-registering .ttl-tabs .ttl-tab.on{background:linear-gradient(#2c5fd6,#173b9c)!important;color:#fff!important;box-shadow:inset 0 0 0 2px #d8b469!important}.react-screen-login .ttl-tabs .ttl-tab:before,.react-screen-login .ttl-tabs .ttl-tab:after{display:none!important}.react-screen-login .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3){position:relative;display:block;height:auto;min-height:48px;padding:0;overflow:visible;border:0;border-radius:0;clip-path:none;background:transparent!important;background-image:none!important;box-shadow:none!important}.react-screen-login .ttl-field:before,.react-screen-login .ttl-field:after{display:none!important}.react-screen-login .ttl-field>svg,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3)>svg{position:absolute;z-index:2;top:50%;left:11px;display:block!important;width:17px;height:17px;transform:translateY(-50%);fill:#3a466c;pointer-events:none}.react-screen-login .ttl-field input,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3) input{position:relative;inset:auto;z-index:1;display:block;width:100%;height:auto;min-height:44px;box-sizing:border-box;padding:9px 38px 9px 36px;border:1px solid #c7cbd6;border-radius:6px;background:#fff!important;color:#1d2850;font:inherit;font-size:15px;outline:none}.react-screen-login .ttl-field input::placeholder{color:#71809b!important;opacity:1!important}.react-screen-login .ttl-field input:focus,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3) input:focus{border-color:#2c5fd6;box-shadow:0 0 0 3px #2c5fd633}.react-screen-login .ttl-eye{position:absolute;z-index:3;top:50%;right:6px;display:grid;width:30px;height:30px;place-items:center;padding:0;transform:translateY(-50%);border:0;border-radius:0;background:transparent;box-shadow:none;color:#3a466c;opacity:1}.react-screen-login .ttl-eye svg{display:block;width:18px;height:18px;fill:currentColor}.react-screen-login .ttl-row{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}.react-screen-login .ttl-row label{display:flex;align-items:center;gap:6px;color:#26315a;cursor:pointer}.react-screen-login .ttl-row input{width:16px;height:16px;margin:0;accent-color:#2c5fd6}.react-screen-login .ttl-link{padding:0;border:0;background:transparent;color:#1f4fc9;font:inherit;cursor:pointer;text-decoration:none}.react-screen-login .ttl-err{min-height:17px;margin:0;color:#c2362f;font-size:13px}.react-screen-login .ttl-main,.react-screen-login .ttl-panel.is-registering .ttl-main,.react-screen-login .ttl-guest{min-height:52px;padding:9px 0;border:0;border-radius:0;clip-path:polygon(5% 0,95% 0,100% 50%,95% 100%,5% 100%,0 50%);font-family:var(--font-display);font-weight:700;cursor:pointer}.react-screen-login .ttl-main,.react-screen-login .ttl-panel.is-registering .ttl-main{background:linear-gradient(#fff0a8,#f2c445 55%,#d79c22);box-shadow:inset 0 0 0 2px #a8741c;color:#3a2606;font-size:22px;letter-spacing:.04em}.react-screen-login .ttl-guest{display:flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(#fff,#e4ecff);box-shadow:inset 0 0 0 2px #4b78e6;color:#1d3d9e;font-size:17px}.react-screen-login .ttl-guest svg{display:block;width:20px;height:20px;fill:currentColor}.react-screen-login .ttl-div{display:flex;align-items:center;gap:8px;margin:0;color:#b0945a;font-size:11px}.react-screen-login .ttl-div:before,.react-screen-login .ttl-div:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,#c9a85a,transparent)}.react-screen-login .ttl-foot{position:fixed;z-index:3;bottom:1.5%;left:5%;display:block;margin:0;color:#dcc995;font:500 11px var(--font-body);text-shadow:none;transform:none}.react-screen-login .login-fullscreen{position:fixed;z-index:4;top:16px;right:18px;display:block;width:35px;height:35px;padding:7px;border:1px solid #d8b469;border-radius:6px;background:#102b61;box-shadow:0 3px 8px #07152b40;color:#f4dfa0}.react-screen-login .login-fullscreen svg{display:block;width:100%;height:100%}@media(max-width:850px){.react-screen-login .ttl-panel{right:4%;width:min(300px,40vw)}.react-screen-login>.react-art{background-position:40% center}.react-screen-login .ttl-foot{left:3%;font-size:9px}}@media(max-width:600px){.react-screen-login .ttl-panel{top:50%!important;right:3%;left:auto!important;width:min(330px,86vw);transform:translateY(-50%)!important}.react-screen-login>.react-art{background-position:42% center}.react-screen-login .ttl-foot{left:0;bottom:1.5%;width:100%;text-align:center;font-size:9px}.react-screen-login .ttl-star{display:none}}@media(max-height:550px){.react-screen-login .ttl-panel{top:47%!important;width:280px;max-height:calc(100dvh - 48px)}.react-screen-login .ttl-in{max-height:calc(100dvh - 88px);gap:7px;padding:12px 14px}.react-screen-login .ttl-err{min-height:10px}.react-screen-login .ttl-foot{font-size:9px}.react-screen-login .login-fullscreen{top:8px;right:9px;width:29px;height:29px}}.react-screen-login form.ttl-panel,.react-screen-login form.ttl-panel.is-registering{position:absolute!important;top:50%!important;right:3vw!important;left:auto!important;box-sizing:border-box;width:min(430px,34vw);aspect-ratio:1138 / 1358;margin:0!important;padding:0;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none;transform:translateY(-50%)!important}@media(max-width:600px){.react-screen-login form.ttl-panel,.react-screen-login form.ttl-panel.is-registering{right:3vw!important;width:min(380px,88vw)}}.react-screen-login form.ttl-panel:before,.react-screen-login form.ttl-panel:after{display:none!important}.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{position:absolute;z-index:1;inset:13% 12% 11%;display:flex;box-sizing:border-box;max-height:none;gap:clamp(5px,1.1vh,10px);overflow-y:auto;padding:0;border:0;border-radius:8px;background:linear-gradient(180deg,#fffdf5f2,#f3efe1f2);box-shadow:none;scrollbar-width:thin}.react-screen-login .ttl-err:empty{display:none}.react-screen-login .ttl-frame-art{position:absolute;z-index:3;inset:0;display:block!important;width:100%;height:100%;background:url(/assets/ui/login-frame-overlay.png) center / 100% 100% no-repeat;pointer-events:none}@media(max-width:600px){.react-screen-login .ttl-in,.react-screen-login .ttl-panel.is-registering .ttl-in{inset:13% 12% 11%;gap:6px}.react-screen-login .ttl-frame-art{inset:0}.react-screen-login .ttl-tabs .ttl-tab{min-height:38px}.react-screen-login .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3){min-height:42px}.react-screen-login .ttl-field input,.react-screen-login .ttl-panel.is-registering .ttl-field:nth-of-type(3) input{min-height:40px}.react-screen-login .ttl-main,.react-screen-login .ttl-panel.is-registering .ttl-main,.react-screen-login .ttl-guest{min-height:44px}}@media(max-height:550px){.react-screen-login form.ttl-panel,.react-screen-login form.ttl-panel.is-registering{width:min(330px,82vw)}}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/mitr-thai-500-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/mitr-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/mitr-thai-600-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/mitr-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/mitr-thai-700-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Mitr;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/fonts/mitr-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/prompt-thai-400-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fonts/prompt-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/prompt-thai-500-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/fonts/prompt-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/prompt-thai-600-normal.woff2) format("woff2");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Prompt;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/fonts/prompt-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.react-screen-login:after{content:none;display:none}.react-screen-login .auth-card{position:absolute;z-index:3;top:55%;right:4vw;width:min(500px,92vw,calc((100dvh - 32px)*.6894));aspect-ratio:1041/1510;margin:0;padding:0;transform:translateY(-50%);border:0;background:transparent;color:#18376b;line-height:1.45;isolation:isolate;container-type:inline-size;font-family:Prompt,sans-serif}.auth-card:before{content:"";position:absolute;inset:12% 9%;z-index:-1;border-radius:7%;background:radial-gradient(ellipse at 50% 45%,#fffdf7,#f6f1e5)}.auth-card .auth-frame{position:absolute;inset:0;z-index:2;pointer-events:none;background:url(/assets/ui/manaria-controls-complete/panel-frame.webp) center/100% 100% no-repeat}.auth-card .auth-body{position:absolute;inset:20% 14% 17%;display:flex;flex-direction:column;justify-content:center;gap:2cqw;overflow:visible}.auth-card .auth-body>*{flex-shrink:0;box-sizing:border-box}.react-screen-login .auth-card button{margin:0;padding:0;border:0;border-radius:0;cursor:pointer;font-family:Mitr,sans-serif;font-weight:600;line-height:1.45;color:#142e61}.auth-card .auth-tabs{display:flex;gap:0}.auth-card .auth-tab{flex:1;min-width:0;height:11cqw;background:url(/assets/ui/manaria-controls-complete/tab-inactive.png) center/100% 100% no-repeat;font-size:3.8cqw;white-space:nowrap}.auth-card .auth-tab.on{background-image:url(/assets/ui/manaria-controls-complete/tab-active.png);color:#fff;text-shadow:0 1px 2px #16498b}.auth-card .auth-field{position:relative;display:block;height:12cqw;min-width:0;background:url(/assets/ui/manaria-controls-complete/field-username.png) center/100% 100% no-repeat}.auth-card .auth-field--password{background-image:url(/assets/ui/manaria-controls-complete/field-password.png)}.auth-card .auth-field:before{content:"";position:absolute;left:6%;top:50%;transform:translateY(-50%);width:5.3cqw;height:6cqw;background:url(/assets/ui/manaria-controls-complete/icon-user.png) center/contain no-repeat;pointer-events:none;opacity:.75}.auth-card .auth-field--password:before{background-image:url(/assets/ui/manaria-controls-complete/icon-lock.png)}.auth-card .auth-field input{display:block;box-sizing:border-box;width:100%;height:100%;padding:0 15% 0 17%;border:0;border-radius:2.6cqw;background:transparent;box-shadow:none;outline:none;color:#244577;font:500 4.1cqw/1.5 Prompt,sans-serif}.auth-card .auth-field input::placeholder{color:#6d87af;opacity:1}.auth-card .auth-field input:focus-visible{outline:none}.auth-card .auth-field>svg,.auth-card .auth-eye svg,.auth-card .auth-guest svg{display:none}.auth-card .auth-eye{position:absolute;right:4%;top:0;width:12%;height:100%;background:url(/assets/ui/manaria-controls-complete/icon-eye.png) center/5.5cqw auto no-repeat;opacity:.75}.auth-card .auth-eye[aria-pressed=true]{opacity:1;filter:brightness(.8)}.auth-card .auth-row{display:flex;align-items:center;justify-content:space-between;gap:1cqw;min-height:7cqw;font-size:3.2cqw;font-weight:500}.auth-card .auth-row label{display:flex;align-items:center;gap:1.6cqw;white-space:nowrap;cursor:pointer}.auth-card .auth-row input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:5.8cqw;height:5.8cqw;margin:0;border:0;background:url(/assets/ui/manaria-controls-complete/checkbox-unchecked.png) center/contain no-repeat;cursor:pointer}.auth-card .auth-row input:checked{background-image:url(/assets/ui/manaria-controls-complete/checkbox-checked.png)}.auth-card .auth-link{background:none;color:#1550ae;font:500 3.2cqw/1.5 Prompt,sans-serif;text-decoration:underline;text-underline-offset:3px;white-space:nowrap}.auth-card .auth-error{margin:0;color:#ac2939;font:500 2.8cqw/1.4 Prompt,sans-serif}.auth-card .auth-error:empty{display:none}.auth-card .auth-submit{width:100%;height:15cqw;background:url(/assets/ui/manaria-controls-complete/button-submit.png) center/100% 100% no-repeat;font-size:5.4cqw;color:#122952;text-shadow:0 1px #fff4bb}.auth-card .auth-divider{height:5cqw;background:url(/assets/ui/manaria-controls-complete/divider.png) center/85% 100% no-repeat;font-size:0}.auth-card .auth-guest{display:flex;align-items:center;justify-content:center;gap:2cqw;width:100%;height:12cqw;background:url(/assets/ui/manaria-controls-complete/button-guest.png) center/100% 100% no-repeat;font-size:4.1cqw;color:#17499f}.auth-card .auth-guest:before{content:"";display:block;width:7cqw;height:6cqw;background:url(/assets/ui/manaria-controls-complete/icon-gamepad.png) center/contain no-repeat}.auth-card button:focus-visible,.auth-card input[type=checkbox]:focus-visible{outline:2px solid #278fda;outline-offset:3px}.auth-card button:hover{filter:brightness(1.04)}.auth-card.is-registering{aspect-ratio:1041/1660;width:min(500px,92vw,calc((100dvh - 32px)*.6271))}.auth-card.is-registering .auth-body{inset-block:19% 16%;gap:1.7cqw}@media(max-width:700px){.react-screen-login .auth-card{right:4vw}}@media(max-height:800px){.react-screen-login .auth-card{top:50%}}.react-screen-login>.react-art{position:fixed;background-image:url(/assets/ui/manaria-login-background.webp);inset:0;width:auto;height:auto;max-width:none;max-height:none;aspect-ratio:auto;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;transform-origin:40% 50%;animation:none;will-change:auto}.react-screen-login .ttl-star{display:none}.auth-background-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.react-screen-login>.react-art:has(.auth-background-video){animation:none;transform:none;will-change:auto}.react-screen-login>.react-art:before,.react-screen-login>.react-art:after{content:"";position:absolute;inset:-10%;display:block;pointer-events:none}.react-screen-login>.react-art:before{background:radial-gradient(ellipse at 20% 30%,#92e4ff55,transparent 35%),radial-gradient(ellipse at 70% 65%,#ffe6a13d,transparent 30%),linear-gradient(115deg,transparent 32%,#e3f7ff26 46%,transparent 59%);mix-blend-mode:screen;animation:authSunlight 12s ease-in-out infinite alternate}.react-screen-login>.react-art:after{background-image:radial-gradient(circle,#fff5cd 0 1.5px,transparent 3px),radial-gradient(circle,#a4ecff 0 1px,transparent 2.5px),radial-gradient(circle,#fff 0 1px,transparent 2px);background-size:197px 173px,263px 229px,311px 283px;background-position:20px 30px,100px 75px,45px 130px;animation:authMotes 16s linear infinite}@keyframes authScenery{0%{transform:translate3d(-1%,.5%,0) scale(1)}to{transform:translate3d(1%,-.5%,0) scale(1.055)}}@keyframes authSunlight{0%{transform:translate3d(-4%,1%,0);opacity:.35}to{transform:translate3d(4%,-1%,0);opacity:.85}}@keyframes authMotes{0%{transform:translate3d(-12px,45px,0);opacity:0}20%,80%{opacity:.65}to{transform:translate3d(24px,-65px,0);opacity:0}}@media(prefers-reduced-motion:reduce){.react-screen-login>.react-art,.react-screen-login>.react-art:before,.react-screen-login>.react-art:after{animation:none;transform:none;will-change:auto}.react-screen-login>.react-art:after{opacity:.35}}.react-screen-servers:after{display:none}.react-screen-servers>.react-art{position:fixed;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;background:url(/assets/ui/cartoon/server-village-toon.png) center/cover no-repeat;filter:none}.react-screen-servers>.react-panel{display:contents}.react-screen-servers>.react-panel:before,.react-screen-servers>.react-panel:after{display:none}.server-selection{position:absolute;z-index:2;top:43%;right:9vw;left:auto;width:min(918px,80vw,calc((100dvh - 70px)*.88));aspect-ratio:1448/1086;transform:translateY(-50%);background:url(/assets/ui/server-controls/manaria-panel.png) center/100% 100% no-repeat;container-type:inline-size;color:#18356b;font-family:Prompt,sans-serif}.react-screen-servers .server-selection .server-heading{position:absolute;top:18%;left:16%;width:68%;margin:0;padding:0;border:0;transform:none;background:none;box-shadow:none;clip-path:none;color:#112b60;font-family:Mitr,sans-serif;font-size:4cqw;font-weight:600;line-height:1.4;text-align:center;text-shadow:none}.server-options{position:absolute;inset:28% 12% 23%;display:grid;grid-template-rows:repeat(4,1fr);gap:1.2cqw}.server-selection .server-option{display:grid;grid-template-columns:8% minmax(0,1fr) 24% 24%;align-items:center;gap:1.1cqw;min-width:0;min-height:0;width:100%;padding:1cqw 2.7cqw;border:0;border-radius:0;background:url(/assets/ui/server-controls/manaria-row-ivory.png) center/100% 100% no-repeat;color:#18356b;font-family:inherit;text-align:left;cursor:pointer;transition:filter .15s ease}.server-selection .server-option--recommended{background-image:url(/assets/ui/server-controls/manaria-row-blue.png)}.server-option:hover:not(:disabled){filter:brightness(1.05) drop-shadow(0 0 3px #60c8ff)}.server-selection button:focus-visible{outline:2px solid #2475bf;outline-offset:3px;border-radius:12px}.server-selection .server-option:disabled{background-image:url(/assets/ui/server-controls/manaria-row-disabled.png);filter:grayscale(1);color:#828b9e;cursor:not-allowed}.server-gem{display:block;width:100%;height:auto}.server-copy{display:grid;gap:.3cqw;min-width:0}.server-name{display:flex;align-items:center;flex-wrap:wrap;gap:.65cqw;font-family:Mitr,sans-serif;font-size:2.65cqw;font-weight:500;line-height:1.3}.server-copy small{font-size:clamp(10px,1.65cqw,15px);line-height:1.4;color:#52698f}.server-tag{display:inline-flex;justify-content:center;align-items:center;padding:.15cqw 1cqw;border:1px solid #e8bb57;border-radius:999px;background:linear-gradient(#1179ff,#1044ba);color:#fff;font-family:Prompt,sans-serif;font-size:1.15cqw;font-weight:500;font-style:normal;white-space:nowrap}.server-status{display:flex;align-items:center;justify-content:center;gap:1cqw;color:#18356b;min-width:0;font-size:1.6cqw;font-weight:500}.server-online-icon{position:relative;display:block;flex-shrink:0;width:3.5cqw;height:3.8cqw;background:#0c9c37;mask:url(/assets/ui/manaria-controls-complete/icon-user.png) center/contain no-repeat;-webkit-mask:url(/assets/ui/manaria-controls-complete/icon-user.png) center/contain no-repeat}.server-online-copy{display:grid;gap:.1cqw;line-height:1.2;white-space:nowrap}.server-online-copy small{font-size:1.4cqw;font-weight:500}.server-online-copy strong{font-family:Mitr,sans-serif;font-size:2.65cqw;font-weight:500;font-variant-numeric:tabular-nums}.server-status>.server-lock{width:2.4cqw;height:3cqw;object-fit:contain}.server-character-count{display:grid;place-items:center;min-height:4cqw;padding:.2cqw .6cqw;border:1px solid #d7ad57;border-radius:999px;background:linear-gradient(#fffef9,#f8f1e1);font-size:1.6cqw;font-weight:500;color:#566f92;white-space:nowrap}.server-footer{position:absolute;bottom:16.5%;left:16%;right:16%;margin:0;display:grid;gap:.35cqw;text-align:center;color:#294575}.server-footer p{margin:0;font-size:1.55cqw;font-weight:500}.server-footer small{display:block;font-size:clamp(9px,1.45cqw,13px);line-height:1.4;color:#526381}@media(max-width:600px){.server-selection{top:50%;right:4vw;width:92vw;aspect-ratio:1/1.18}.react-screen-servers .server-selection .server-heading{top:17%;font-size:5.3cqw}.server-options{inset:27% 12% 23%;gap:1.7cqw}.server-selection .server-option{grid-template-columns:10% minmax(0,1fr) 28%;gap:1cqw;padding:1.5cqw 3cqw}.server-gem{grid-row:1/3}.server-copy{grid-column:2}.server-name{font-size:3cqw;gap:.5cqw}.server-copy small{font-size:2.2cqw}.server-tag{font-size:1.9cqw;padding:.2cqw 1cqw}.server-status{grid-column:3;grid-row:1/3;font-size:2.5cqw;gap:.8cqw;flex-wrap:wrap}.server-online-icon{width:4cqw;height:4.5cqw}.server-online-copy small{font-size:2.2cqw}.server-online-copy strong{font-size:3.4cqw}.server-status>.server-lock{width:3cqw;height:4cqw}.server-character-count{grid-column:2;justify-self:start;min-height:4cqw;padding:.3cqw 1.4cqw;font-size:2cqw}.server-footer{bottom:16.5%;left:14%;right:14%}.server-footer p{font-size:2.5cqw}.server-footer small{font-size:2.1cqw}}.player-account-bar{position:fixed;z-index:3;top:10px;right:2vw;width:min(420px,86vw);aspect-ratio:4/1;background:url(/assets/ui/manaria-account-bar.png) center/100% 100% no-repeat;font-family:Prompt,sans-serif}.player-account-name{position:absolute;left:24%;top:60%;width:33%;transform:translateY(-50%);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#153263;font-size:clamp(11px,.9vw,15px);font-weight:500}.player-account-bar .player-account-logout{position:absolute;top:43%;left:64%;width:28%;height:34%;margin:0;padding:0 1% 0 7%;border:0;border-radius:999px;background:transparent;color:#143365;font-family:Mitr,sans-serif;font-size:clamp(10px,.82vw,13px);font-weight:500;white-space:nowrap;cursor:pointer}.player-account-logout:hover{filter:brightness(1.2);text-decoration:underline}.player-account-logout:focus-visible{outline:2px solid #2987c8;outline-offset:3px}@media(max-width:700px){.player-account-bar{top:0;right:2vw;width:min(390px,96vw)}}.react-screen-characters:before,.react-screen-characters:after{content:none;display:none}.react-screen-characters>.react-art{position:fixed;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;filter:none;background:url(/assets/ui/cartoon/character-stage-toon.png) center/cover no-repeat}.react-screen-characters>.react-art:after{display:none}.react-screen-characters>.react-panel{display:contents}.react-screen-characters>.react-panel:before,.react-screen-characters>.react-panel:after{display:none}.character-select-panel{position:absolute;z-index:2;top:53%;right:5vw;width:min(40vw,69.66dvh);aspect-ratio:.86;transform:translateY(-50%);background:url(/assets/ui/manaria-character-panel.png) center/100% 100% no-repeat;container-type:inline-size;color:#18386b;font-family:Prompt,sans-serif}.react-screen-characters .character-select-panel h1{position:absolute;top:16%;left:12%;width:76%;margin:0;padding:0;transform:none;background:none;box-shadow:none;clip-path:none;color:#122c60;font:600 5.2cqw/1.4 Mitr,sans-serif;text-align:center;text-shadow:none}.character-server-chip{position:absolute;top:25%;left:11%;width:78%;height:6%;display:flex;align-items:center;justify-content:space-between;margin:0;color:#274574;font-size:2.9cqw;font-weight:500}.character-server-chip span:first-child{padding:.7cqw 2cqw;border:1px solid #d2ad65;border-radius:999px;background:linear-gradient(#f9fcff,#e3effc)}.character-server-chip span:first-child:before{content:"";display:inline-block;width:1.2cqw;height:1.2cqw;margin-right:1cqw;border-radius:50%;background:#1fc054}.character-slots{position:absolute;inset:34% 11% 24%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:2cqw}.character-select-panel .character-slot{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1.2cqw;min-width:0;min-height:0;margin:0;padding:2cqw;border:1px solid #d2ad65;border-radius:2.6cqw;box-shadow:inset 0 0 0 3px #fff,inset 0 0 0 4px #c4d6e9;background:linear-gradient(#fffefa,#f3f3f1);color:#536a8e;font-family:Prompt,sans-serif;font-size:2.5cqw;cursor:pointer}.character-select-panel .character-slot.is-active:not(:has(.character-slot-plus)){display:grid;grid-template-columns:40% 1fr;background:linear-gradient(#e8faff,#cbe7fb);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 4px #51c6f0,0 0 7px #64d8ff88;color:#173e78}.character-slot:hover{filter:brightness(1.025)}.character-slot-plus{display:grid;place-items:center;width:8cqw;height:8cqw;border:1px solid #9cabc0;border-radius:50%;color:#91a6c5;font:400 8cqw/1 Prompt,sans-serif}.character-slot b{display:block;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.character-slot-text{text-align:left;min-width:0;display:grid;gap:1cqw}.character-slot-text b{font:500 3.5cqw/1.4 Mitr,sans-serif}.character-slot small{font-size:2.3cqw;line-height:1.4}.character-slot-portrait-crop{display:block;width:100%;height:90%;overflow:hidden;border-radius:1cqw}.character-slot-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:48% 18%;transform:scale(2.2);transform-origin:48% 25%}.character-select-actions{position:absolute;bottom:13%;left:11%;right:11%;height:9%;display:grid;grid-template-columns:.85fr 1.15fr;gap:2cqw}.character-select-panel .character-select-actions button{margin:0;padding:0;border:0;border-radius:0;background-color:transparent;background-size:100% 100%;background-position:center;background-repeat:no-repeat;font:500 3cqw/1.4 Mitr,sans-serif;cursor:pointer;color:#203e6e}.character-select-actions .character-delete{border:1px solid #aab7c8!important;border-radius:2cqw!important;background:linear-gradient(#fafaf8,#e0e5ee)}.character-select-actions .character-enter{background-image:url(/assets/ui/manaria-controls-complete/button-submit.png);font-size:4.4cqw!important;color:#102957}.character-select-panel .character-select-actions button:disabled{cursor:not-allowed;filter:grayscale(.8);opacity:.65}.character-select-panel button:focus-visible,.character-back:focus-visible{outline:2px solid #2987c8;outline-offset:3px}.character-preview{--art-pixel:max(calc(100vw / 1672),calc(100dvh / 941));position:absolute;z-index:1;left:calc(50vw - var(--art-pixel)*382);top:calc(50dvh + var(--art-pixel)*184.5);width:40%;height:56%;transform:translate(-50%,-100%);text-align:center;pointer-events:none}.character-preview-caption{position:absolute;top:calc(100% + 20px);left:0;right:0;padding:10px;color:#fff4db;background:linear-gradient(90deg,transparent,#142e57c9 20% 80%,transparent);text-shadow:0 2px 4px #102448}.character-preview-caption h2{margin:0 0 4px;font:500 clamp(20px,2vw,32px)/1.4 "Mitr",sans-serif}.character-preview-caption p{margin:0;font-size:clamp(12px,1vw,16px)}.react-screen-characters .character-back,.react-screen-create .creation-back{position:fixed;z-index:3;top:18px;left:2vw;padding:9px 22px;border:1px solid #d6ac56;border-radius:12px;box-shadow:inset 0 0 0 2px #fff6cc66;background:linear-gradient(#174c96,#102c61);color:#fff5da;font:500 14px/1.5 Mitr,sans-serif;cursor:pointer}@media(max-width:700px){.react-screen-characters{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.character-preview{position:relative;top:auto;left:auto;width:90vw;height:32vh;margin:155px auto 90px;transform:none}.character-preview-caption{top:calc(100% + 5px)}.character-select-panel{position:relative;top:auto;right:auto;width:min(92vw,480px);margin:0 auto 24px;transform:none}.react-screen-characters .character-back,.react-screen-create .creation-back{top:100px;padding:6px 14px;font-size:12px}}.character-select-panel .character-slot:has(.character-slot-portrait-crop){display:grid;grid-template-columns:40% minmax(0,1fr);align-items:center;gap:1.2cqw}.character-slot-portrait-crop{width:100%;height:auto;aspect-ratio:1;overflow:hidden;border-radius:1.5cqw;background:linear-gradient(#f4fcff,#cee5f3);border:1px solid #b3ccdf;box-sizing:border-box}.character-slot-portrait{width:100%;height:100%;object-fit:contain;object-position:center;transform:none}.react-screen-create:before,.react-screen-create:after{display:none;content:none}.react-screen-create>.react-art{position:fixed;inset:0;width:100%;height:100%;aspect-ratio:auto;transform:none;filter:none;background:url(/assets/ui/cartoon/character-stage-toon.png) center/cover no-repeat}.react-screen-create>.react-art:after{display:none}.react-screen-create>.react-panel{display:contents}.react-screen-create>.react-panel:before,.react-screen-create>.react-panel:after{display:none}.creation-preview{--art-pixel:max(calc(100vw / 1672),calc(100dvh / 941));position:absolute;z-index:1;left:calc(50vw - var(--art-pixel)*382);top:calc(50dvh + var(--art-pixel)*184.5);width:40%;height:47%;transform:translate(-50%,-100%);pointer-events:none}.creation-panel{position:absolute;z-index:2;top:54%;right:5vw;width:min(38vw,75.48dvh);aspect-ratio:1.02;margin:0;padding:0;transform:translateY(-50%);border:0;background:url(/assets/ui/manaria-character-panel.png) center/100% 100% no-repeat;color:#19376b;container-type:inline-size;font-family:Prompt,sans-serif}.react-screen-create .creation-panel h1{position:absolute;top:16%;left:10%;width:80%;margin:0;padding:0;transform:none;background:none;box-shadow:none;clip-path:none;color:#122c60;font:600 5.2cqw/1.4 Mitr,sans-serif;text-align:center;text-shadow:none}.creation-server{position:absolute;top:24%;left:31%;width:38%;margin:0;padding:.6cqw 0;border:1px solid #d1ac63;border-radius:999px;background:linear-gradient(#fff,#e1effe);font-size:2.8cqw;font-weight:500;text-align:center}.creation-server:before{content:"";display:inline-block;width:1.3cqw;height:1.3cqw;margin-right:1cqw;border-radius:50%;background:#20bf50}.react-screen-create .creation-appearance{position:fixed;z-index:5;left:max(18px,4vw,env(safe-area-inset-left));top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:16px;width:76px;height:auto;margin:0}.react-screen-create .creation-appearance button{flex:none;display:flex;flex-direction:column;align-items:center;gap:5px;width:76px;max-width:none;margin:0;padding:0;border:0;background:none;box-shadow:none;color:#fff0cb;font:500 12px/1.4 Prompt,sans-serif;cursor:pointer}.creation-face{position:relative;display:block;box-sizing:border-box;flex:none;width:64px;height:64px;overflow:hidden;border:2px solid #ac945d;border-radius:50%;background:linear-gradient(#244b70,#0b1f37);box-shadow:0 3px 8px #07162c77;transition:border-color .15s,box-shadow .15s}.creation-face img{position:absolute;left:50%;top:50%;display:block;width:200%;max-width:none;height:auto;object-fit:contain;transform:translate(-53%,-34%);pointer-events:none}.creation-face img[src*=mainhero-female]{width:175%;transform:translate(-59%,-36%)}.react-screen-create .creation-appearance button[aria-pressed=true]{background:none;color:#a4f2ff;box-shadow:none}.creation-appearance button[aria-pressed=true] .creation-face{border-color:#8feaff;box-shadow:0 0 0 2px #d8ba72,0 0 16px #51d1ff88}.creation-face-label{text-shadow:0 1px 3px #061629}.creation-appearance button:focus-visible{outline:2px solid #8feaff;outline-offset:5px;border-radius:8px}.creation-name-section{position:absolute;top:33%;left:11%;right:11%}.creation-name-label{display:block;text-align:left;margin-bottom:1.3cqw;font:500 3.3cqw/1.4 Mitr,sans-serif}.creation-name-row{display:grid;grid-template-columns:minmax(0,1fr) 25%;gap:1.8cqw;height:10cqw}.creation-panel .creation-name-input{box-sizing:border-box;min-width:0;width:100%;height:100%;padding:0 3cqw;border:1px solid #c9a353;border-radius:1.8cqw;box-shadow:inset 0 0 0 2px #fff;background:linear-gradient(#ebf5ff,#d8e9ff);color:#214673;font:500 3cqw/1.5 Prompt,sans-serif;outline:none}.creation-name-input::placeholder{color:#6b85a9;opacity:1}.creation-name-input:focus-visible{outline:2px solid #78b6e8;outline-offset:2px}.creation-panel button{margin:0;padding:0;border:0;border-radius:0;font-family:Mitr,sans-serif;font-weight:500;cursor:pointer}.creation-panel .creation-random{display:flex;align-items:center;justify-content:center;gap:.6cqw;border:1px solid #cda955;border-radius:1.8cqw;background:linear-gradient(#205aa2,#132e64);box-shadow:inset 0 0 0 2px #fff7dd88;color:#fff4d8;font-size:2.7cqw}.creation-random span{font-size:5cqw;line-height:1}.creation-class-copy{position:absolute;top:54%;left:11%;width:78%;height:16%;display:flex;align-items:center;gap:3cqw;box-sizing:border-box;padding:2cqw 3cqw;border:1px solid #d5ac67;border-radius:2cqw;background:linear-gradient(#fffdf8,#f8f1e4)}.creation-class-emblem{display:grid;place-items:center;flex-shrink:0;width:11cqw;height:11cqw;border:2px solid #e0bb64;border-radius:50%;background:linear-gradient(#2766ad,#102c66);box-shadow:0 0 0 2px #fff;color:#fce4a0;font:400 11cqw/1 Prompt,sans-serif}.creation-class-copy h2{margin:0 0 .5cqw;font:500 4.2cqw/1.3 Mitr,sans-serif}.creation-class-copy p{margin:0 0 .6cqw;font-size:2.9cqw;color:#47658f}.creation-error{position:absolute;top:73%;left:11%;width:78%;margin:0;color:#a52c2c;font-size:2.4cqw;text-align:center;line-height:1.4}.creation-error:empty{display:none}.creation-panel .creation-submit{position:absolute;top:81%;left:10%;width:80%;height:10%;background:url(/assets/ui/manaria-controls-complete/button-submit.png) center/100% 100% no-repeat;color:#102957;font-size:4.2cqw}.creation-panel button:focus-visible,.creation-back:focus-visible{outline:2px solid #2987c8;outline-offset:3px}.creation-panel button:hover{filter:brightness(1.05)}@media(max-width:700px){.react-screen-create{height:auto;min-height:100dvh;overflow-x:hidden;overflow-y:auto}.react-screen-create .creation-appearance{position:absolute;left:50%;top:108px;transform:translate(-50%);flex-direction:row;gap:20px;width:auto}.creation-preview{position:relative;top:auto;left:auto;width:90vw;height:29dvh;margin:205px auto 16px;transform:none}.creation-panel{position:relative;top:auto;right:auto;width:min(92vw,480px);margin:0 auto 28px;transform:none}}.ui-click-ring{position:fixed;z-index:2147483646;width:38px;height:38px;border:1px solid #ffe6a9;border-radius:50%;background:radial-gradient(circle,#d9faff5c,#81d9ff26 45%,transparent 70%);box-shadow:0 0 10px #8ae2ff80,inset 0 0 8px #ffe9a64d;pointer-events:none;user-select:none;will-change:transform,opacity}.react-migration-shell:not(.react-screen-game) button{touch-action:manipulation}@media(prefers-reduced-motion:reduce){.ui-click-ring{display:none}}@keyframes journey-arrive{0%{opacity:.35;translate:0 10px}to{opacity:1;translate:0 0}}@keyframes journey-row{0%{opacity:.45;translate:0 5px}to{opacity:1;translate:0 0}}@keyframes journey-dialog{0%{opacity:.3;scale:.975}to{opacity:1;scale:1}}@keyframes journey-message{0%{opacity:.4;translate:0 3px}to{opacity:1;translate:0 0}}@media(prefers-reduced-motion:no-preference){.react-screen-login .auth-card,.react-screen-servers .server-selection,.react-screen-characters .character-select-panel,.react-screen-create .creation-panel{animation:journey-arrive .26s cubic-bezier(.16,1,.3,1) both}.server-option,.character-slot{animation:journey-row .22s cubic-bezier(.16,1,.3,1) backwards}.server-option:nth-child(2),.character-slot:nth-child(2){animation-delay:35ms}.server-option:nth-child(3),.character-slot:nth-child(3){animation-delay:70ms}.server-option:nth-child(4),.character-slot:nth-child(4){animation-delay:105ms}.character-preview,.creation-preview{animation:journey-arrive .32s cubic-bezier(.16,1,.3,1) both}.creation-appearance,.character-preview-caption{animation:journey-row .24s ease-out both}.auth-body[data-auth-mode=register] input[name=confirm]{animation:journey-row .18s ease-out}.logout-dialog[open]{animation:journey-dialog .19s cubic-bezier(.16,1,.3,1) both}.logout-dialog[open]::backdrop{animation:journey-message .16s ease-out both}.auth-error:not(:empty),.creation-error:not(:empty),.react-error,.server-selection>[role=alert]{animation:journey-message .16s ease-out both}.account-loading-screen .map-load-footer{animation:journey-arrive .22s ease-out both}.react-migration-shell:not(.react-screen-game) button,.react-migration-shell:not(.react-screen-game) a{transition:filter .12s ease-out,box-shadow .12s ease-out}.character-slot.is-active,.creation-appearance button[aria-pressed=true]{transition:filter .15s ease-out,box-shadow .15s ease-out}}.react-screen-login .auth-field:focus-within{filter:drop-shadow(0 0 3px #7ecaf1aa)}.react-migration-shell:not(.react-screen-game) button:focus-visible,.react-migration-shell:not(.react-screen-game) a:focus-visible{outline:2px solid #83dcff;outline-offset:3px}.react-migration-shell:not(.react-screen-game) button:disabled{cursor:default}@media(prefers-reduced-motion:reduce){.react-migration-shell:not(.react-screen-game) *,.react-migration-shell:not(.react-screen-game) *:before,.react-migration-shell:not(.react-screen-game) *:after,.account-loading-screen *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}