@import url('./fonts.css');
body.portal-entry{background:#eee8f1}.entry-scene{position:fixed;inset:0;z-index:1;overflow:hidden;background:#f3eef5;pointer-events:none}.entry-scene[hidden],.entry-header[hidden]{display:none}.entry-scenery{width:100%;height:100%;object-fit:cover;object-position:center top;animation:entry-camera 24s ease-in-out infinite alternate;will-change:transform}.entry-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fffaf1ed,#f7f2f3c2 35%,#f4edf522 70%),linear-gradient(0deg,#efe8f2d9,transparent 60%)}.entry-light{position:absolute;inset:-20%;background:conic-gradient(from -20deg at 40% 0%,transparent 0deg,#fff6da66 7deg,transparent 14deg,#fff4d244 20deg,transparent 26deg);animation:entry-light 18s ease-in-out infinite alternate;opacity:.5}.entry-mist{position:absolute;inset:-15%;background:radial-gradient(ellipse at 50% 70%,#fff9 0,transparent 55%);animation:entry-mist 16s ease-in-out infinite alternate;z-index:2}.entry-spark{position:absolute;left:var(--x);top:var(--y);width:4px;height:7px;background:#e4bd79;border-radius:80% 10% 70% 10%;box-shadow:0 0 10px #fff8dd;z-index:3;animation:entry-spark var(--time) ease-in-out infinite;animation-delay:var(--delay)}
.entry-header{position:fixed;left:0;right:0;top:0;min-height:74px;padding:15px max(26px,calc((100vw - 1240px)/2));z-index:10000;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #ccbaa57d;background:#fffaf3de;backdrop-filter:blur(14px);font-family:'DM Sans',Arial,sans-serif;color:#68435a}.entry-brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#4c354d}.entry-brand>img{width:30px;height:35px}.entry-brand>span{font:500 18px/1.2 'Cinzel',Georgia,serif;letter-spacing:-.045em}.entry-brand small{display:block;font:600 7px/2 'DM Sans',Arial,sans-serif;color:#947137;letter-spacing:.15em}.entry-links{display:flex;align-items:center;gap:23px}.entry-links>a{font-size:11px;color:#826378;text-decoration:none;display:flex;align-items:center}.entry-links>a>svg{width:17px;height:17px}.entry-header .language-switch{display:flex;gap:4px}.entry-header .language-switch button{display:flex;align-items:center;justify-content:center;gap:4px;width:37px;height:29px;min-height:0;border:1px solid transparent;border-radius:2px;background:transparent;padding:4px;box-shadow:none}.entry-header .language-switch button[aria-pressed=true]{border-color:#c9ac76;background:#fff9eb}.entry-header .language-switch svg{width:21px;height:15px}.entry-header .language-switch span{display:none}
html body.portal-entry #title-bg,html body.portal-entry .tg-bg,html body.portal-entry .som-logo{display:none!important}html body.portal-entry #loading{background:transparent!important;z-index:9000;justify-content:flex-start;color:#765867;font-family:'DM Sans',Arial,sans-serif}html body.portal-entry #loading:before,html body.portal-entry #loading:after{display:none!important}html body.portal-entry #loading .ld-box{position:relative;width:min(460px,calc(100vw - 48px));margin:0 0 0 max(26px,calc((100vw - 1160px)/2));padding:0!important;text-align:left;align-self:center}html body.portal-entry #loading .ld-bar{width:85%;max-width:360px;height:5px;border:0;border-radius:4px;background:#d4c5cf;box-shadow:none;margin:31px 0 14px;overflow:hidden}html body.portal-entry #loading .ld-fill{background:linear-gradient(90deg,#ae8248,#efcb88);box-shadow:0 0 12px #c8a860}html body.portal-entry #loading .ld-text{font:11px/1.7 'DM Sans',Arial,sans-serif;background:transparent;box-shadow:none;color:#8b6e82;padding:0;margin:0;text-align:left;text-shadow:none}
.entry-emblem{position:relative;width:105px;height:105px;display:grid;place-items:center;margin-bottom:28px}.entry-emblem>img{width:52px;height:62px;filter:drop-shadow(0 0 15px #fff0b4);animation:entry-emblem 4s ease-in-out infinite alternate}.entry-emblem>i{position:absolute;inset:0;border:1px solid #c5a46780;border-radius:50%;animation:entry-orbit 17s linear infinite}.entry-emblem>i:before{content:'';position:absolute;top:-3px;left:49%;width:5px;height:5px;background:#c6a160;box-shadow:0 0 15px #e4bf69;border-radius:50%}.entry-emblem>i:nth-child(2){inset:12px;border-color:#bc97b749;animation-direction:reverse}.entry-eyebrow{font:600 9px/1.5 'DM Sans',Arial,sans-serif;color:#9b793e;letter-spacing:.2em;margin:0 0 15px}.entry-loading-brand h1,.entry-intro h1{font:500 49px/1.15 'Cinzel',Georgia,serif;letter-spacing:-.055em;color:#5b3d51;margin:0;max-width:460px;text-shadow:0 1px #fff}.entry-description{font:13px/1.85 'DM Sans',Arial,sans-serif;color:#8a7083;margin:21px 0 0;max-width:390px}.entry-community{display:inline-block;margin-top:18px;color:#967743;font:10px/1.5 'DM Sans',Arial,sans-serif;text-decoration:none;border-bottom:1px solid #cbb687;padding-bottom:4px}.entry-status{position:fixed;bottom:24px;left:24px;max-width:440px;z-index:10001;font:12px/1.7 'DM Sans',Arial,sans-serif;color:#805467;background:#fff9ed;border:1px solid #cab087;border-radius:3px;padding:15px 20px}.entry-status:empty{display:none}.entry-status button{font:600 11px 'DM Sans',Arial,sans-serif;color:#815e36;background:#f1dba7;border:1px solid #b79552;border-radius:2px;padding:8px 16px;cursor:pointer}
html body.portal-entry #ui.mode-title{--font:'DM Sans',Arial,sans-serif;--dim:#94798d;--gold:#ae8648;--edge:#c8b493;--pane:#fffaf3;--paper:#fffaf3;color:#65455d}html body.portal-entry #ui.mode-title .title{background:none!important;font-family:'DM Sans',Arial,sans-serif}html body.portal-entry #ui.mode-title .title.st-gate .t-gate{padding:115px max(26px,calc((100vw - 1160px)/2)) 55px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:100dvh;box-sizing:border-box;overflow-y:auto;background:none}html body.portal-entry #ui.mode-title .t-gate .tg-main{width:min(445px,100%);margin:0;padding:0;flex:0 0 auto;max-height:none;animation:none;gap:0;align-items:flex-start}.entry-intro{margin-bottom:29px;animation:entry-arrive .65s ease-out both}html body.portal-entry #ui.mode-title .tg-menu{width:330px;max-width:100%;gap:10px;margin:0;align-items:stretch}html body.portal-entry #ui.mode-title .tg-menu button{font:600 13px/1.5 'DM Sans',Arial,sans-serif;min-height:47px;background:linear-gradient(135deg,#f6e5bb,#dbb461);border:1px solid #b78e48;border-radius:3px;box-shadow:inset 0 0 0 3px #fff4d13b,0 5px 14px #9b754f17;color:#725027;padding:11px 24px;text-shadow:none;letter-spacing:0;text-transform:none;animation:entry-arrive .6s ease-out both;transform:none}html body.portal-entry #ui.mode-title .tg-menu button:nth-child(2){background:#fff9eecc;border-color:#c9b49a;color:#866c7d;animation-delay:.07s}html body.portal-entry #ui.mode-title .tg-menu button:nth-child(3){background:transparent;border:0;box-shadow:none;color:#a17f8b;font-size:10px;min-height:33px;animation-delay:.14s}html body.portal-entry #ui.mode-title .tg-menu button:hover{filter:brightness(1.035);transform:translateY(-1px)}html body.portal-entry #ui.mode-title .tg-menu button:before,html body.portal-entry #ui.mode-title .tg-menu button:after{display:none}html body.portal-entry #ui.mode-title .tg-menu button small{font-size:9px;text-transform:none;color:#9d7f5f}html body.portal-entry #ui.mode-title .tg-acct{background:#fff8ee9c;border:1px solid #d2bca2;border-radius:3px;box-shadow:none;color:#8c7483;position:static;width:min(330px,100%);margin:22px 0 0;padding:14px 17px;animation:none}html body.portal-entry #ui.mode-title .tg-acct:before,html body.portal-entry #ui.mode-title .tg-acct:after{display:none}html body.portal-entry #ui.mode-title .tg-acct-n{font-family:'DM Sans',Arial,sans-serif;color:#76546f;text-shadow:none}html body.portal-entry #ui.mode-title .tg-pane,html body.portal-entry #ui.mode-title .tg-srv,html body.portal-entry #ui.mode-title .tg-fg{background:#fffaf3ee;background-image:none;border:1px solid #cbb28c;border-radius:4px;box-shadow:0 12px 35px #7c5d7e14;text-shadow:none;color:#7c5c73;font-family:'DM Sans',Arial,sans-serif}html body.portal-entry #ui.mode-title .tg-acc{display:none!important}html body.portal-entry #ui.mode-title .som-language-top{display:none}html body.portal-entry #ui.mode-title .tg-srv-row{background:#f5eef5;border:1px solid #d5c1d1;color:#795c72;box-shadow:none}html body.portal-entry #ui.mode-title .tg-srv-row:hover{background:#fff6de;border-color:#b39359}
html body.portal-entry #ui.mode-title .t-scroll.cs{background:transparent;background-image:none;box-shadow:none;border:0;padding-top:96px}html body.portal-entry #ui.mode-title .cs:before,html body.portal-entry #ui.mode-title .cs:after{display:none}html body.portal-entry #ui.mode-title .cs-top{background:none;border-color:#d4bd9b;box-shadow:none;display:flex;align-items:center;justify-content:space-between}.entry-character-heading h1{font:500 28px/1.2 'Cinzel',Georgia,serif;letter-spacing:-.04em;color:#68465c;margin:0}.entry-character-heading .entry-eyebrow{font-size:7px;margin-bottom:9px}html body.portal-entry #ui.mode-title .cs-realm{background:#fff8edc9;border:1px solid #cdb693;border-radius:3px;color:#8a6b7d;box-shadow:none}html body.portal-entry #ui.mode-title .cs-plaque,html body.portal-entry #ui.mode-title .cs-create,html body.portal-entry #ui.mode-title .cs-rerr{background:#fff9f0e6;background-image:none;border:1px solid #c4a677;border-radius:3px;color:#7c5971;box-shadow:0 8px 25px #70516d0f}html body.portal-entry #ui.mode-title .cs-pname,html body.portal-entry #ui.mode-title .t-d-name{font-family:'Cinzel',Georgia,serif;color:#69465c;text-shadow:none}html body.portal-entry #ui.mode-title .tg-plq,html body.portal-entry #ui.mode-title .t-enter,html body.portal-entry #ui.mode-title .cs-acts button{background:linear-gradient(140deg,#fff5de,#e6cc91);border:1px solid #be9c61;border-radius:3px;font-family:'DM Sans',Arial,sans-serif;color:#795333;box-shadow:0 4px 10px #88673613;text-shadow:none}html body.portal-entry #ui.mode-title .cs-acts button:first-child{background:linear-gradient(140deg,#eed7a0,#caa453)}html body.portal-entry #ui.mode-title .t-card{overflow:hidden;border:1px solid #cbb59f;background:#f4ecf4;box-shadow:none;position:relative}html body.portal-entry #ui.mode-title .t-card[data-entry-art]:before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#fff5eaf5,transparent 70%),var(--entry-portrait) center 18%/cover;opacity:.8;pointer-events:none}html body.portal-entry #ui.mode-title .t-card-stage{opacity:0}html body.portal-entry #ui.mode-title .t-card-n,html body.portal-entry #ui.mode-title .t-card-r{position:relative;color:#67485f;font-family:'DM Sans',Arial,sans-serif;text-shadow:none}html body.portal-entry #ui.mode-title .t-card[aria-checked=true]{border-color:#b08a4d;box-shadow:0 0 0 1px #c7ab70}html body.portal-entry #ui.mode-title .t-d-name{font-size:25px}html body.portal-entry #ui.mode-title .t-foot{color:#826b7e;font:10px 'DM Sans',Arial,sans-serif}html body.portal-entry #ui.mode-title input{font-family:'DM Sans',Arial,sans-serif}html body.portal-entry #ui.mode-title .entry-intro a:focus-visible,.entry-header a:focus-visible,.entry-header button:focus-visible{outline:2px solid #b78a42;outline-offset:4px}
@keyframes entry-camera{from{transform:scale(1)}to{transform:scale(1.045) translate(-.5%,.4%)}}@keyframes entry-light{to{transform:rotate(8deg);opacity:.75}}@keyframes entry-mist{to{transform:translate(6%,-3%);opacity:.5}}@keyframes entry-spark{0%,100%{transform:translate(0,0) rotate(0);opacity:0}25%,75%{opacity:.55}50%{transform:translate(25px,-95px) rotate(90deg)}}@keyframes entry-emblem{to{transform:translateY(-6px);filter:drop-shadow(0 0 22px #fff6b3)}}@keyframes entry-orbit{to{transform:rotate(360deg)}}@keyframes entry-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.entry-header{min-height:66px;padding:12px 17px;gap:8px}.entry-brand>span{font-size:14px}.entry-brand small{font-size:5px}.entry-brand>img{width:26px;height:30px}.entry-links{gap:12px}.entry-links>a:first-child{display:none}.entry-scenery{object-position:70% top}.entry-scene:after{background:linear-gradient(0deg,#f5edf2fa,#f5edf2db 55%,#fff8f345)}html body.portal-entry #loading .ld-box{width:calc(100vw - 40px);margin:70px 20px 0}html body.portal-entry #loading .ld-bar{width:100%}.entry-loading-brand h1,.entry-intro h1{font-size:36px;max-width:340px}.entry-description{font-size:12px;max-width:320px}.entry-emblem{width:85px;height:85px;margin-bottom:22px}.entry-emblem>img{width:45px;height:52px}html body.portal-entry #ui.mode-title .title.st-gate .t-gate{padding:102px 22px 40px;align-items:center;display:block}html body.portal-entry #ui.mode-title .t-gate .tg-main{width:100%;padding-top:25px}html body.portal-entry #ui.mode-title .tg-menu{width:100%}html body.portal-entry #ui.mode-title .tg-acct{width:100%;margin-top:18px}.entry-intro{margin-bottom:26px}html body.portal-entry #ui.mode-title .t-scroll.cs{padding-top:78px}.entry-character-heading h1{font-size:21px}.entry-character-heading .entry-eyebrow{font-size:6px}html body.portal-entry #ui.mode-title .cs-realm{font-size:10px}.entry-status{left:17px;right:17px;bottom:17px;font-size:11px}.entry-community{font-size:9px}}
@media(max-height:560px) and (min-width:701px){html body.portal-entry #ui.mode-title .title.st-gate .t-gate{padding-top:90px}.entry-intro h1{font-size:31px}.entry-intro .entry-description{margin-top:10px;font-size:11px}.entry-intro{margin-bottom:18px}.entry-intro .entry-community{display:none}.entry-emblem{display:none}.entry-loading-brand h1{font-size:36px}.entry-header{min-height:62px;padding-block:10px}}
@media(prefers-reduced-motion:reduce){.entry-scene *,.entry-emblem *,.entry-intro,html body.portal-entry #ui.mode-title .tg-menu button{animation:none!important;transition:none!important}.entry-scenery{will-change:auto}}

.entry-header{box-sizing:border-box}.entry-scene{top:74px}html body.portal-entry #ui.mode-title .tg-main .entry-intro p{margin-bottom:15px}html body.portal-entry #ui.mode-title .tg-main .entry-description{margin-top:21px;margin-bottom:0}html body.portal-entry #ui.mode-title .tg-menu .tg-pl{font:600 14px/1.4 'DM Sans',Arial,sans-serif}html body.portal-entry #ui.mode-title .tg-plq>span:before,html body.portal-entry #ui.mode-title .tg-plq>span:after,html body.portal-entry #ui.mode-title .tg-prim .tg-pl:before,html body.portal-entry #ui.mode-title .tg-prim .tg-pl:after{display:none}html body.portal-entry #ui.mode-title .pnl:before,html body.portal-entry #ui.mode-title .pnl:after{display:none}html body.portal-entry #ui.mode-title .tg-srv{margin-top:0;padding:19px 18px;width:100%}html body.portal-entry #ui.mode-title .tg-pane-h{font:500 22px/1.4 'Cinzel',Georgia,serif;text-shadow:none;color:#876239;margin-bottom:12px}html body.portal-entry #ui.mode-title .tg-srv-hd{display:none}html body.portal-entry #ui.mode-title .tg-srv-row{grid-template-columns:37px minmax(0,1fr) 63px;grid-template-areas:'flag name ping' 'flag status pop';gap:7px 11px;min-height:89px;padding:12px;border-radius:3px;animation:none}html body.portal-entry #ui.mode-title .tg-srv-flag{grid-area:flag;width:31px;height:24px;font:600 9px 'DM Sans',Arial,sans-serif;border-radius:2px;clip-path:none;box-shadow:none;border:1px solid #b69966}html body.portal-entry #ui.mode-title .tg-srv-name{grid-area:name}html body.portal-entry #ui.mode-title .tg-srv-name b{font:600 12px/1.4 'DM Sans',Arial,sans-serif;color:#6f4c66}html body.portal-entry #ui.mode-title .tg-srv-name small{font:400 8px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:0;text-transform:none;color:#94788b}html body.portal-entry #ui.mode-title .tg-srv-st{grid-area:status;font:500 9px 'DM Sans',Arial,sans-serif;color:#608166;gap:5px}html body.portal-entry #ui.mode-title .tg-srv-st.pre{color:#a48352}html body.portal-entry #ui.mode-title .tg-srv-pop{grid-area:pop;justify-items:end}html body.portal-entry #ui.mode-title .tg-srv-pop small{font:400 8px 'DM Sans',Arial,sans-serif;color:#92798a;text-transform:none;letter-spacing:0}html body.portal-entry #ui.mode-title .tg-srv-bar{display:none}html body.portal-entry #ui.mode-title .tg-srv-ping{grid-area:ping;font:400 9px 'DM Sans',Arial,sans-serif;color:#957b8e}html body.portal-entry #ui.mode-title .tg-srv-note{font:400 10px/1.7 'DM Sans',Arial,sans-serif;color:#987c8b;margin:10px 0}html body.portal-entry #ui.mode-title .tg-srv .tg-plq{font:600 11px 'DM Sans',Arial,sans-serif;min-height:38px}html body.portal-entry #ui.mode-title .tg-acct-n{font:600 12px/1.5 'DM Sans',Arial,sans-serif}.entry-brand,.entry-links a{touch-action:manipulation}html body.portal-entry #ui.mode-title .online-dialog{background:#fff9f0;border:1px solid #c7aa76;color:#79586e;box-shadow:0 15px 70px #7353702a}html body.portal-entry #ui.mode-title .online-dialog h2{font-family:'Cinzel',Georgia,serif;color:#785b49}
@media(max-width:700px){.entry-scene{top:66px}html body.portal-entry #ui.mode-title .tg-srv{padding:16px 13px}html body.portal-entry #ui.mode-title .tg-srv-row{gap:7px 9px;grid-template-columns:32px minmax(0,1fr) 53px;padding:11px 9px}html body.portal-entry #ui.mode-title .tg-srv-name b{font-size:11px}}