:root{color-scheme:dark;--bg:#111512;--panel:#1b201c;--panel2:#20251f;--line:#353a30;--gold:#cbb275;--gold2:#e0c98f;--muted:#96998d;--text:#e7e3d6;--green:#728766;--red:#bd6859}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% -15%,#354034 0,#1b211c 37%,#111512 77%);font-family:'Be Vietnam Pro',system-ui,sans-serif;color:var(--text)}body{min-height:100vh;padding:16px}.game{width:min(1510px,100%);min-height:calc(100vh - 32px);margin:auto;display:flex;flex-direction:column;background:#151a17ed;border:1px solid #464539;box-shadow:0 22px 80px #0008}.topbar{height:68px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#20251f,#171c19 52%,#20231e)}.brand{display:flex;gap:10px;align-items:center;color:inherit;text-decoration:none}.brand-seal{display:grid;place-items:center;width:38px;height:38px;border:1px solid #88784e;color:var(--gold2);font-size:23px;background:#25271e}.brand b{display:block;font-size:16px;letter-spacing:2px}.brand b i{font-style:normal;font-size:9px;color:var(--gold);border:1px solid #665d43;padding:2px 4px;vertical-align:2px}.brand small{display:block;color:#939488;font-size:8px;letter-spacing:1.6px;margin-top:2px}.realm{font-size:10px;letter-spacing:1.8px;color:#c5c1b2}.online{display:inline-block;width:7px;height:7px;border-radius:50%;background:#87a17b;box-shadow:0 0 9px #8fac75;margin-right:8px}.divider{margin:0 8px;color:#635e4c}.top-actions{display:flex;align-items:center;gap:10px}.connection{font-size:9px;letter-spacing:.8px;color:#9eb08d;margin-right:7px}.top-button{width:32px;height:32px;background:#222720;border:1px solid #434539;color:#c8c1aa;font-size:17px;cursor:pointer}.top-button:hover,.inventory:hover{border-color:var(--gold);color:var(--gold2)}.avatar-mini{width:30px;height:30px;border:1px solid #746947;border-radius:50%;display:grid;place-items:center;color:var(--gold2);margin-left:4px}.layout{display:grid;grid-template-columns:244px minmax(400px,1fr) 258px;gap:12px;padding:13px;flex:1;min-height:0}.left-column,.right-column{display:flex;flex-direction:column;gap:12px;min-width:0}.panel{background:linear-gradient(150deg,#20251f,#191e1a);border:1px solid #393d32}.hero-card{padding:16px}.hero-top{display:flex;align-items:center;gap:12px}.hero-avatar{width:57px;height:62px;display:grid;place-items:center;background:radial-gradient(ellipse,#514b37,#25271f 70%);border:1px solid #776b4b;color:#e0ca8a;font-size:34px;position:relative}.hero-avatar:after{content:'✦';position:absolute;right:-5px;bottom:-3px;color:#cbb275;font-size:12px;background:#20251f;border-radius:50%;padding:2px}.hero-top h1{font-size:15px;margin:0 0 3px;font-weight:600}.hero-top p{font-size:10px;color:#a4a293;margin:0 0 6px}.level-pill{font-size:8px;color:var(--gold2);letter-spacing:1px;border:1px solid #6c6044;padding:2px 5px}.resources{margin-top:17px;display:grid;gap:10px}.resource>div:first-child{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.resource span{font-size:9px;color:#a3a395;letter-spacing:1px}.resource b{font-size:9px;font-weight:500;color:#d8d4c8}.bar{height:5px;background:#0d100e;border:1px solid #30352d;overflow:hidden}.bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,#a74740,#d57660);transition:width .2s}.bar.mana i{background:linear-gradient(90deg,#44658a,#729ac1);width:72%}.bar.xp i{background:linear-gradient(90deg,#977e42,#d1b567);width:18%}.stats{border-top:1px solid var(--line);margin-top:14px;padding-top:11px;display:grid;gap:7px}.stats span{font-size:10px;color:#a9a797;display:flex;justify-content:space-between}.stats b{font-weight:500;color:#ded6bf}.inventory{margin-top:13px;width:100%;height:34px;border:1px solid #4b4c3d;background:#25281f;color:#d6ceb5;text-align:left;padding:0 10px;cursor:pointer;font:inherit;font-size:10px}.inventory span{color:var(--gold2);margin-right:7px}.inventory kbd{float:right}.task-card{padding:15px}.section-kicker,.quest-label{font-size:8px;letter-spacing:1.4px;color:var(--gold)}.task-card h2{font-family:'Cormorant Garamond',serif;font-size:21px;line-height:1.05;margin:12px 0 8px;color:#e3d8bb}.task-card p,.journal-quest p{font-size:10px;line-height:1.65;color:#a5a496;margin:0}.task-progress{display:flex;justify-content:space-between;margin-top:17px;font-size:9px;color:#c5c1b1}.task-progress b{color:var(--gold2)}.quest-bar{margin-top:7px}.quest-bar i{width:0;background:linear-gradient(90deg,#847344,#d5bc7c)}.reward{margin-top:14px;padding-top:10px;border-top:1px solid var(--line);font-size:9px;color:#969588}.reward b{float:right;color:var(--gold2);font-weight:500}.save-line{margin:auto 2px 4px;display:flex;align-items:center;gap:7px;font-size:8px;color:#909386}.save-dot{width:6px;height:6px;border-radius:50%;background:#8c9c75}.world{display:flex;flex-direction:column;min-width:0;overflow:hidden}.world-heading{height:55px;flex:none;display:flex;justify-content:space-between;align-items:center;padding:0 15px;background:#20241f;border-bottom:1px solid var(--line)}.place{display:flex;align-items:center;gap:9px}.place>span{font-size:19px;color:var(--gold)}.place b{display:block;font-size:10px;letter-spacing:1px}.place small{display:block;font-size:8px;color:#969589;letter-spacing:1px;margin-top:3px}.place small i{font-style:normal;color:var(--gold);padding:0 4px}.time-chip{font-size:8px;color:#d2bf83;border:1px solid #4b4838;padding:6px 8px;letter-spacing:.6px}.viewport{position:relative;flex:1;min-height:340px;overflow:hidden;background:#22291f}#world{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.scene-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 55px #080d0a8c,inset 0 -30px 55px #11150c55}.location-tag{position:absolute;top:12px;left:13px;padding:6px 8px;background:#161b17c9;border:1px solid #d2bd7855;font-size:8px;letter-spacing:1.1px;color:#e0d5b5;pointer-events:none}.location-tag span{color:var(--gold);padding:0 3px}.world-coords{position:absolute;bottom:10px;left:12px;font-size:8px;color:#e0d8c5;background:#151a17aa;padding:5px 7px;pointer-events:none}.toast{position:absolute;top:53px;left:50%;transform:translate(-50%,-8px);opacity:0;background:#171c18e8;border:1px solid #9a8554;color:#f0e3c3;padding:9px 14px;font-size:10px;transition:.2s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;transform:translate(-50%,0)}.target-tag{position:absolute;display:none;transform:translate(-50%,-100%);font-size:8px;letter-spacing:.8px;color:#f1d5a4;background:#171a17dd;padding:5px 8px;border:1px solid #a96f52;pointer-events:none}.target-tag i{display:block;width:100%;height:3px;background:#38251f;margin-top:4px}.target-tag i b{display:block;width:100%;height:100%;background:#d87660}.guide{position:absolute;bottom:13px;left:50%;transform:translateX(-50%);width:min(365px,calc(100% - 25px));display:flex;gap:10px;align-items:center;padding:10px 12px;background:#161b17e8;border:1px solid #b09a5a88;box-shadow:0 5px 22px #0008;transition:opacity .2s}.guide.hidden{opacity:0;pointer-events:none}.guide>span{color:var(--gold2);font-size:18px}.guide b,.guide small{display:block}.guide b{font-size:10px;font-weight:600}.guide small{font-size:8px;color:#aaa998;margin-top:3px}.guide button{margin-left:auto;color:#aaa;background:none;border:0;font-size:17px;cursor:pointer}.mobile-hint{display:none}.actionbar{height:58px;flex:none;padding:0 13px;display:flex;align-items:center;justify-content:space-between;background:#1a1f1b;border-top:1px solid var(--line)}.skills{display:flex;gap:6px}.skill{width:48px;height:44px;background:#272b23;border:1px solid #4a493a;color:#e2d7b8;position:relative;cursor:pointer}.skill:hover{border-color:var(--gold);background:#343326}.skill.active{border-color:#9e864e;box-shadow:inset 0 0 12px #ac914322}.skill>span{font-size:19px}.skill .qi{color:#d3be81}.skill kbd{position:absolute;bottom:2px;left:0;right:0;color:#aaa58f;font-size:7px}.skill.muted{opacity:.5;cursor:default}.move-help{display:flex;gap:8px;align-items:center;font-size:8px;letter-spacing:.8px;color:#a5a494}.move-help>i{height:13px;border-left:1px solid #555647;margin:0 3px}.wasd{display:grid;gap:1px}.wasd>kbd{text-align:center}.wasd>span{display:flex;gap:1px}.wasd kbd,kbd{font-family:inherit;font-size:8px;color:#beb89f;border:1px solid #4a4c40;background:#22261f;padding:2px 4px}.right-column{gap:12px}.journal{padding:14px}.panel-heading{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--line)}.panel-heading>span{font-size:22px;color:var(--gold)}.panel-heading b,.panel-heading small{display:block}.panel-heading b{font-size:9px;letter-spacing:1px}.panel-heading small{font-size:8px;color:#939487;margin-top:2px;letter-spacing:.6px}.journal-quest{padding:13px 2px 2px}.quest-label{display:inline-block;padding:3px 5px;border:1px solid #685a3e}.journal-quest h2{font-family:'Cormorant Garamond',serif;font-size:25px;line-height:.95;color:#e3d8ba;margin:11px 0 9px}.quest-reward{font-size:8px;letter-spacing:1px;color:#a8a391;border-top:1px solid var(--line);padding-top:11px;margin-top:13px}.quest-reward b{display:block;color:var(--gold2);font-size:10px;letter-spacing:.3px;margin-top:4px}.people,.map-panel{padding:12px}.panel-title{display:flex;justify-content:space-between;align-items:center;color:#c9c6b6;font-size:8px;letter-spacing:1px;padding-bottom:9px;border-bottom:1px solid var(--line)}.panel-title>span{color:var(--gold)}.person-row{width:100%;display:flex;align-items:center;gap:8px;padding:10px 0 2px;background:none;border:0;text-align:left;color:inherit;font-family:inherit}.person-row+ .person-row{padding-top:10px}.person-row:first-of-type{cursor:pointer}.person-row:first-of-type:hover b{color:var(--gold2)}.person-icon{width:27px;height:27px;display:grid;place-items:center;border-radius:50%;font-size:13px}.person-icon.npc{color:#d2c18b;background:#393a2d;border:1px solid #686045}.person-icon.beast{color:#d18868;background:#392b25;border:1px solid #66483b}.person-row b,.person-row small{display:block}.person-row b{font-size:9px;font-weight:500}.person-row small{font-size:8px;color:#9e9d8e;margin-top:2px}.person-row i,.person-row em{font-style:normal;font-size:7px;letter-spacing:.6px;color:#bdbaaa;margin-left:auto}.person-row i{color:#cbb275}.person-row em{color:#c8816d}.mini-map{height:96px;position:relative;overflow:hidden;margin-top:10px;border:1px solid #4a4b3c;background:#272d26}.mini-map img{width:100%;height:100%;object-fit:cover;filter:brightness(.63) saturate(.7)}.mini-map i{position:absolute;left:54%;top:54%;width:7px;height:7px;border:1px solid #f4e4b4;background:#d6bc75;border-radius:50%;box-shadow:0 0 0 4px #d6bc7544,0 0 9px #fff2b5}.map-caption{margin-top:7px;font-size:8px;color:#a9a695}.map-caption:first-letter{color:var(--gold)}.source-note{margin:auto 2px 3px;text-align:center;font-size:7px;letter-spacing:1px;color:#73766c}.source-note span{color:var(--gold);padding:0 4px}.footer{height:26px;flex:none;border-top:1px solid var(--line);padding:0 16px;display:flex;justify-content:space-between;align-items:center;background:#171c19;font-size:7px;letter-spacing:.7px;color:#929487}.footer i{display:inline-block;width:5px;height:5px;background:#86a077;border-radius:50%;margin-right:5px}.footer b{color:#605d4d;margin:0 4px}.modal{position:fixed;inset:0;background:#060907b8;display:none;place-items:center;z-index:5;padding:18px}.modal.open{display:grid}.modal-card{position:relative;width:min(390px,100%);padding:24px;background:linear-gradient(145deg,#282a21,#191e1a);border:1px solid #81724c;box-shadow:0 20px 80px #000b}.modal-card h2{font:700 27px 'Cormorant Garamond',serif;color:#e5d6b2;margin:7px 0 13px}.modal-card p{font-size:11px;line-height:1.8;color:#c1bdad}.modal-card .dialogue-action{margin-top:14px;padding:9px 13px;border:1px solid #766844;background:#343327;color:#e0cb91;font:inherit;font-size:10px;cursor:pointer}.modal-close{position:absolute;right:10px;top:8px;background:none;border:0;color:#aaa;font-size:22px;cursor:pointer}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:16px}.inventory-slot{height:58px;background:#161a16;border:1px solid #414438;display:grid;place-items:center;color:#d1bc82;font-size:20px;position:relative}.inventory-slot small{position:absolute;bottom:3px;right:4px;font-size:7px;color:#a6a392}
@media(max-width:1080px){body{padding:0}.game{min-height:100vh;border:0}.layout{grid-template-columns:205px minmax(350px,1fr);grid-template-rows:minmax(500px,1fr) auto}.right-column{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:stretch}.journal{display:none}.source-note{writing-mode:vertical-rl;align-self:center;margin:0}.save-line{margin-top:auto}.viewport{min-height:370px}}
@media(max-width:680px){.topbar{height:56px;padding:0 12px}.realm{font-size:8px;letter-spacing:1px}.connection{display:none}.top-actions{gap:6px}.top-button{width:29px;height:29px}.layout{display:flex;flex-direction:column;padding:8px;gap:8px}.world{order:0;min-height:64vh}.world-heading{height:48px;padding:0 10px}.place b{font-size:9px}.time-chip{font-size:7px;padding:5px}.viewport{min-height:0;flex:1}.actionbar{height:52px;padding:0 8px}.skill{width:43px;height:40px}.move-help{font-size:7px;gap:5px}.guide{bottom:31px;padding:8px}.mobile-hint{display:block;position:absolute;bottom:6px;right:8px;font-size:6px;letter-spacing:.6px;color:#e6dfca;background:#151a17a8;padding:4px;pointer-events:none}.left-column{order:1;display:grid;grid-template-columns:1fr 1fr;gap:8px}.hero-card,.task-card{padding:11px}.hero-avatar{width:46px;height:50px;font-size:28px}.hero-top h1{font-size:13px}.resources{gap:7px;margin-top:12px}.stats{margin-top:10px;padding-top:8px}.inventory{margin-top:9px}.task-card h2{font-size:18px;margin:9px 0 6px}.task-card p{font-size:9px}.task-progress{margin-top:11px;font-size:8px}.reward{font-size:8px;margin-top:10px;padding-top:8px}.save-line{display:none}.right-column{order:2;display:grid;grid-template-columns:1fr 1fr;gap:8px}.journal{display:block;padding:11px}.journal-quest{padding-top:9px}.journal-quest h2{font-size:21px;margin:7px 0}.journal-quest p{font-size:9px}.quest-reward{margin-top:8px;padding-top:8px}.people,.map-panel{padding:10px}.person-row{gap:6px}.person-row i,.person-row em{display:none}.mini-map{height:75px}.source-note{display:none}.footer{height:24px;padding:0 8px;font-size:6px}.footer>span:last-child{display:none}}
@media(max-width:390px){.world{min-height:59vh}.move-help>span:last-child{display:none}.left-column{grid-template-columns:1fr}.hero-card{display:grid;grid-template-columns:1fr 1fr;column-gap:10px}.hero-top,.stats,.inventory{grid-column:1/-1}.resources{grid-column:1/-1}.resource span{font-size:8px}.task-card{padding:12px}.right-column{grid-template-columns:1fr}.map-panel{display:none}}
.connection.offline{color:#db9a76}.install-button{height:29px;padding:0 8px;border:1px solid #88784e;background:#29291f;color:var(--gold2);font:600 8px system-ui,sans-serif;letter-spacing:.6px;cursor:pointer}.install-button[hidden]{display:none}.hero-avatar canvas{max-width:100%;max-height:100%;image-rendering:pixelated}