﻿#loading.entry-shell[data-screen="character"]{--entry-muted:#90765c;display:block;padding:0;color:#654127;background:linear-gradient(0deg,#fff4d827,transparent 55%),url('../assets/character-adventure-world-v1.webp') center/cover fixed #d8e7d8}
#loading[data-screen="character"]>.entry-header,#loading[data-screen="character"]>.entry-steps,#loading[data-screen="character"]>.entry-atmosphere,#loading[data-screen="character"]>.entry-footer{display:none}
#loading .character-adventure{width:100%;padding:0;margin:0;min-height:100%;display:flex;flex-direction:column}
.character-topbar{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 3vw;background:#fffaf0ef;border-bottom:1px solid #dcb98c;box-shadow:0 2px 15px #7c542b15}
.character-brand{display:flex;align-items:center;gap:12px;font:36px Georgia,serif;color:#9a602a;text-decoration:none}.character-brand>span{font-size:20px;letter-spacing:3px}.character-brand small{display:block;font:10px Tahoma,sans-serif;letter-spacing:1px;margin-top:6px}
.character-journey{display:flex;align-items:center;gap:25px;font-size:13px}.character-journey span{display:flex;align-items:center;gap:12px}.character-journey b{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cba776;border-radius:50%;font:25px Georgia,serif}.character-journey [aria-current] b{color:white;background:#ed9984;border:3px solid #fff7ef;box-shadow:0 0 0 1px #edac8a,0 0 18px #eb967a70}.character-journey i{font-size:24px;font-style:normal;color:#b98b5d}
.character-account{display:flex;align-items:center;gap:12px;font-size:11px;max-width:320px}.character-account>span{overflow-wrap:anywhere}
#loading .character-adventure button{cursor:pointer}#loading .character-adventure button:disabled{cursor:default}#loading .character-adventure button:focus-visible,#loading .character-adventure input:focus-visible,#loading .character-adventure summary:focus-visible{outline:3px solid #668e3f;outline-offset:3px}
#loading .character-adventure .entry-logout{background:#fff6e7;color:#875932;border:1px solid #d6b58d;white-space:nowrap}
.character-title{text-align:center;padding:16px 0 14px;text-shadow:0 2px 0 #fff9e9,0 0 15px #fff8ee,0 0 30px #fff8ee}.character-title>span{color:#7b903e;font-size:26px}.character-title h1{font-size:clamp(30px,3.4vw,52px);line-height:1.2;color:#79451f;margin:0 0 10px;font-weight:800}.character-title small{font:11px Georgia,serif;color:#955623}#loading .character-title p{font-size:12px;margin:8px 0 0;color:#715943}
#loading .character-adventure .entry-character-layout{width:min(1300px,92%);margin:auto;display:grid;grid-template-columns:minmax(260px,340px) minmax(200px,1fr) minmax(270px,350px);gap:35px;align-items:center;flex:1}
#loading .character-adventure .entry-card{border:3px double #c49661;border-radius:22px 12px 22px 12px;padding:24px;background:linear-gradient(120deg,#fffdf2f7,#fff2dcf5);box-shadow:0 10px 22px #65421e38,0 0 0 4px #fff1cebb,inset 0 0 0 5px #f0d9b66b;color:#64412a}
#loading .character-adventure .entry-card:before,#loading .character-adventure .entry-card:after{content:'❧';color:#849650;text-shadow:1px 1px #fff3d6;font-size:38px;transform:rotate(-22deg)}
#loading .character-adventure .entry-kicker{color:#ad7948;font-size:9px;letter-spacing:2px}#loading .character-adventure h2{color:#654127;margin:5px 0 14px;font-size:22px}
.character-server{display:flex;gap:12px;align-items:center;border:1px solid #ddbc93;background:#fffaf0;border-radius:9px;padding:12px;margin:8px 0 20px;box-shadow:0 3px 5px #9a6b3020}.character-server>span{font-size:28px;color:#8c9d51}.character-server strong,.character-server small{display:block}.character-server strong{font-size:15px;margin-top:3px}.character-server small{font-size:10px;color:#9d805f}.character-server button{margin-left:auto;border:0;background:transparent;color:#977048;font-size:25px;padding:5px}
.character-list-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px;border-top:1px solid #dec399;padding-top:15px}.character-list-heading small{font-size:11px;color:#967b5c}
#loading .character-adventure .entry-accounts{max-height:250px;gap:8px;margin-top:12px;padding:3px}
#loading .character-adventure .entry-account{display:grid;grid-template-columns:48px 1fr;gap:2px 12px;justify-content:start;padding:9px;background:#fff9ed;border:1px solid #d9b990;color:#67472e;border-radius:10px;min-height:65px;position:relative}
#loading .character-adventure .entry-account:before{content:'';grid-row:1/3;display:block;width:48px;height:48px;border-radius:8px;background:#e7ceb0 url('../assets/optimized/portrait.22dd2c9b8e5c.webp') -18px 1px/290px auto no-repeat;border:1px solid #d9b990}
#loading .character-adventure .entry-account strong{align-self:end;font-size:14px}#loading .character-adventure .entry-account small{align-self:start;font-size:11px;color:#98754f}#loading .character-adventure .entry-account[aria-pressed=true]{border:2px solid #87a853;background:linear-gradient(110deg,#f3f7db,#fff6df);box-shadow:0 0 0 2px #a9bd6770}
#loading .character-adventure .entry-character-actions{margin:9px 3px 15px}#loading .character-adventure #character-new{display:flex;align-items:center;gap:12px;width:100%;text-align:left;border:1px solid #d9b990;background:#fff8eabb;color:#805b39;padding:9px;border-radius:10px;font-size:12px}#character-new>span:first-child{display:grid;place-items:center;width:46px;height:44px;background:#ecdcc5;border-radius:7px;font-size:30px}#character-new small{display:block;font-size:10px;margin-top:4px;color:#9a8166}
#loading .character-adventure .entry-label{color:#8d6948;font-size:11px}#loading .character-adventure input{background:#fffdf4;border:1px solid #d2af81;color:#654127;min-height:43px;padding:10px;font-size:13px}#loading .character-adventure input::placeholder{color:#b5a084}#loading .character-adventure input+small{color:#947653;font-size:10px;margin-top:6px}#loading .character-adventure .entry-error{color:#aa392b!important;font-size:12px!important}#loading .character-adventure #character-existing-name{font-size:17px}#loading .character-adventure .entry-detail-note{color:#967b5c;font-size:11px;border-top:1px solid #e8d2b2;padding-top:12px;margin-top:12px}
#loading .character-adventure .entry-character-stage{align-self:end;position:relative;text-align:center;padding:0 0 8px;min-width:0}#loading .character-adventure .entry-character-stage>.entry-kicker{color:#6c512e;text-shadow:0 0 8px white;margin-bottom:6px}#loading .character-adventure .entry-character-stage canvas{width:min(100%,460px);height:auto;max-height:52vh;object-fit:contain;filter:drop-shadow(0 8px 6px #52321840)}
#loading .character-adventure .entry-pedestal{top:auto;bottom:79px;width:92%;height:52px;border:3px double #ccaa63;background:radial-gradient(ellipse,#fff3c995,#e7cd9c9c);box-shadow:0 5px 0 #9e8157a8,0 9px 20px #5e4b3060;z-index:0}
.character-nameplate{position:relative;z-index:3;width:fit-content;max-width:100%;margin:0 auto;padding:7px 24px;background:#fff8e8e6;border:1px solid #d0ae76;border-radius:14px;box-shadow:0 3px 15px #fff7d966;overflow-wrap:anywhere}.character-nameplate strong{display:block;font-size:20px}.character-nameplate span{font-size:11px;color:#94704c}
#loading .character-adventure .entry-character-details{display:block;grid-column:auto}#loading .character-adventure .entry-subtitle{color:#9d7b59;font-size:11px;margin:-7px 0 12px}#loading .character-adventure .entry-map-thumb{position:relative;height:140px;background:url('../assets/character-adventure-world-v1.webp') 67% 40%/180% auto;border:1px solid #d5b68b;border-radius:10px}.entry-map-thumb>span{position:absolute;bottom:0;left:0;right:0;padding:6px 10px;background:#fff7e4e6;color:#876440;font-size:10px}
.character-stats-heading{display:flex;justify-content:space-between;align-items:center;margin-top:16px;border-top:1px solid #dcc19a;padding-top:12px;font-size:12px}.character-stats-heading>span{font-size:20px;color:#9e5b25}
#loading .character-adventure dl{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:9px 0 12px}#loading .character-adventure dl>div{display:flex;align-items:center;justify-content:space-between;gap:6px;border:1px solid #e8d7b9;background:#fffaf066;border-radius:6px;padding:9px 7px}#loading .character-adventure dt{font-size:10px;color:#906842;margin:0}#loading .character-adventure dd{font:14px Tahoma,sans-serif;color:#6e452a;margin:0}.character-belongings{font-size:11px;margin:12px 0;color:#937044}.character-belongings summary{cursor:pointer;padding:4px 0}
#loading .character-adventure .entry-primary{border:3px double #f4f7ca;border-radius:12px;background:linear-gradient(#a1bd66,#668f3d);box-shadow:0 0 0 1px #6d9140,0 4px 8px #66873638,inset 0 0 0 2px #b6cb79;color:#fffced;text-shadow:0 2px #54772e;font-size:18px;min-height:55px;padding:10px 8px}#loading .character-adventure .entry-primary:hover{background:linear-gradient(#b2cb79,#759c49)}#loading .character-adventure .entry-enter-note{color:#967753;font-size:9px;line-height:1.9;margin-top:10px}
.character-footer{text-align:center;color:#82603b;font-size:12px;text-shadow:0 0 6px #fff7e5;padding:22px 15px 20px;background:linear-gradient(transparent,#fff4d8b3)}
@media(max-width:1100px){.character-topbar{gap:12px;padding:10px 3vw}.character-brand>span{font-size:15px;letter-spacing:2px}.character-journey{gap:10px;font-size:11px}.character-journey b{width:30px;height:30px;font-size:20px}.character-account{max-width:190px;font-size:10px;gap:7px}#loading .character-adventure .entry-character-layout{width:94%;grid-template-columns:minmax(225px,1fr) minmax(160px,.8fr) minmax(240px,1fr);gap:18px}#loading .character-adventure .entry-card{padding:17px}.character-title{padding:12px 0}.character-title h1{font-size:34px}#loading .character-adventure .entry-character-stage canvas{max-height:none}#loading .character-adventure .entry-map-thumb{height:105px}.character-journey span{gap:7px}.character-brand small{font-size:8px}}
@media(max-height:600px) and (min-width:681px){.character-topbar{padding:7px 2vw}.character-title{padding:8px 0}.character-title>span,.character-title p,.character-title small{display:none}.character-title h1{font-size:27px;margin:0}#loading .character-adventure .entry-character-layout{align-items:start}#loading .character-adventure .entry-character-stage{align-self:center}.character-footer{padding:16px}.character-journey{display:none}}
@media(max-width:740px){.character-topbar{flex-wrap:wrap}.character-journey{display:none}.character-account{max-width:none}#loading .character-adventure .entry-character-layout{display:flex;flex-direction:column;width:90%;gap:22px}#loading .character-adventure .entry-card{width:100%}#loading .character-adventure .entry-character-stage{align-self:center;width:240px;order:1}#loading .character-adventure .entry-character-details{order:2}.character-title h1{font-size:32px}}

