@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=DM+Sans:wght@400;500;600;700&family=Marcellus&display=swap";:root{font-family:DM Sans,sans-serif;color:#e6e2d3;background:#0c1110;font-synthesis:none;text-rendering:optimizeLegibility;--panel: rgba(15, 22, 20, .9);--line: rgba(206, 189, 145, .2);--gold: #d3bd83;--muted: #9c9b8b}*{box-sizing:border-box}body{margin:0;min-width:360px;min-height:100vh;background:radial-gradient(ellipse at 50% 0%,#202c26 0,#101615 53%,#0c1110)}button,input{font:inherit}button{color:inherit}.game-shell{width:min(1540px,calc(100vw - 56px));margin:24px auto 16px}.topbar{height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 2px 15px}.brand{display:flex;gap:12px;align-items:center;color:#e6e2d3;text-decoration:none}.brand-mark{width:35px;height:35px;display:grid;place-items:center;border:1px solid rgba(212,190,132,.58);color:var(--gold);font:20px Marcellus,serif;transform:rotate(45deg)}.brand-mark:first-letter{transform:rotate(-45deg)}.brand strong,.brand small{display:block}.brand strong{font:15px Marcellus,serif;letter-spacing:3px}.brand small{margin-top:3px;color:#898f7e;font:8px DM Mono,monospace;letter-spacing:2px}.realm-status{display:flex;align-items:center;gap:9px;color:#a4a694;font:10px DM Mono,monospace;letter-spacing:1px}.realm-status i,.world-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#87aa7d;box-shadow:0 0 9px #87aa7d}.realm-status span{color:#5e685d}.icon-button{width:28px;height:28px;border:1px solid var(--line);background:transparent;color:var(--gold);cursor:pointer}.game-frame{position:relative;width:100%;aspect-ratio:16 / 9;min-height:520px;max-height:calc(100vh - 135px);overflow:hidden;border:1px solid rgba(211,189,131,.36);background:#1c2b25;box-shadow:0 22px 80px #0008,0 0 0 5px #121a17,inset 0 0 0 1px #ffffff08}#game-root,#game-root canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}#game-root canvas{display:block}.vignette{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 100px 24px #07100e99,inset 0 -95px 100px -38px #09110fd9;z-index:1}.hud{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.panel{background:linear-gradient(135deg,#141c19eb,#0b1110d9);border:1px solid var(--line);box-shadow:0 6px 24px #080c0bb3,inset 0 1px #ffffff09;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.player-card{position:absolute;left:22px;top:20px;width:260px;height:81px;display:flex;gap:13px;align-items:center;padding:11px 14px}.portrait{width:48px;height:48px;display:grid;place-items:center;border:1px solid #bba66c66;background:radial-gradient(circle,#68583d,#28372e 68%);color:#e3cb8b;font-size:24px}.player-info{flex:1}.player-name{display:flex;justify-content:space-between;margin-bottom:7px;color:#ede5d0;font:10px DM Mono,monospace;letter-spacing:1px}.player-name span{color:var(--gold)}.meter{height:5px;background:#070e0d;overflow:hidden;border-radius:8px}.meter span{display:block;height:100%;transition:width .2s ease}.health-meter span{width:100%;background:linear-gradient(90deg,#934d43,#d27561)}.mana-meter{height:3px;margin-top:4px}.mana-meter span{width:72%;background:#5d8a91}.xp-row{display:flex;align-items:center;gap:6px;margin-top:6px;color:#a8a58d;font:8px DM Mono,monospace}.xp-meter{flex:1;height:3px}.xp-meter span{width:0;background:#d1bd7b}.xp-row b{font-weight:400;color:#b7ad8a}.location-card{position:absolute;top:20px;left:50%;transform:translate(-50%);height:48px;min-width:180px;display:flex;align-items:center;gap:10px;padding:6px 14px}.location-symbol{color:var(--gold);font-size:22px}.location-card small,.location-card strong{display:block}.location-card small{color:#999c88;font:8px DM Mono,monospace;letter-spacing:1.2px}.location-card strong{margin-top:2px;color:#e8dfc7;font:12px Marcellus,serif;letter-spacing:1.3px}.quest-card{position:absolute;top:20px;right:20px;width:235px;min-height:120px;padding:12px 14px}.quest-heading{display:flex;align-items:center;gap:7px;color:#c9bc95;font:9px DM Mono,monospace;letter-spacing:1.2px}.quest-gem{color:var(--gold);font-size:16px}.quest-tag{margin-left:auto;padding:2px 5px;border:1px solid #c5b27345;color:#c9b879;font-size:7px}.quest-card>strong{display:block;margin-top:11px;color:#eee5cf;font:14px Marcellus,serif}.quest-card p{margin:5px 0 0;color:#aaa996;font-size:10px;line-height:1.45}.quest-progress{margin-top:8px;color:#d2bf83;font:9px DM Mono,monospace}.interaction-prompt{position:absolute;left:50%;bottom:149px;transform:translate(-50%);padding:9px 14px;opacity:0;color:#f0e2bd;background:#0c1210e0;border:1px solid #d5bd7744;font:10px DM Mono,monospace;letter-spacing:.3px;transition:opacity .16s ease}.interaction-prompt.visible{opacity:1}.toast{position:absolute;left:50%;top:130px;transform:translate(-50%,-6px);padding:9px 15px;background:#121b18e8;border:1px solid #d0bd7d55;color:#e8d9ad;font-size:11px;opacity:0;transition:opacity .2s ease,transform .2s ease}.toast.visible{opacity:1;transform:translate(-50%)}.bottom-hud{position:absolute;left:20px;right:20px;bottom:18px;display:flex;align-items:end;justify-content:space-between;gap:12px}.chat-box{width:min(345px,33vw);height:112px;padding:9px 12px 7px;display:flex;flex-direction:column;pointer-events:auto}.chat-lines{flex:1;overflow:auto;scrollbar-width:thin;scrollbar-color:#66684b transparent}.chat-lines p{display:flex;gap:7px;margin:0 0 4px;color:#d1cfbd;font-size:9px;line-height:1.4}.chat-lines b{flex:0 0 auto;font:8px DM Mono,monospace;letter-spacing:.2px}.system-name{color:#d0b979}.world-name{color:#9cae90}.player-chat-name{color:#92b6bc}#chat-form{display:flex;align-items:center;gap:7px;height:25px;border-top:1px solid #ffffff12;color:var(--gold)}#chat-form input{flex:1;min-width:0;border:0;outline:0;color:#dedacb;background:transparent;font-size:9px}#chat-form input::placeholder{color:#777e72}#chat-form button{border:0;padding:4px 0 4px 8px;background:transparent;color:#c7b67c;cursor:pointer;font:8px DM Mono,monospace}.hotbar{min-height:64px;display:flex;align-items:center;gap:6px;padding:7px 9px;pointer-events:auto}.hotbar-slot{position:relative;width:45px;height:46px;display:grid;place-items:center;border:1px solid #c6b78736;background:#0c1312a8}.hotbar-slot.active{border-color:#d1bb7a88;box-shadow:inset 0 0 12px #d4bb7119}.hotbar-slot kbd{position:absolute;left:4px;top:3px;color:#aaa892;font:8px DM Mono,monospace}.potion-icon{color:#d98570;font-size:20px}.skill-icon{color:#c5bb8b;font-size:19px}.skill-icon.dim{color:#667266}.hotbar-slot small{position:absolute;right:4px;bottom:2px;color:#e1d1a7;font:8px DM Mono,monospace}.hotbar-divider{width:1px;height:34px;margin:0 5px;background:#cbb77b40}.menu-slot{width:38px;height:45px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;border:0;background:transparent;color:#d1c18e;cursor:pointer}.menu-slot span{font-size:17px}.menu-slot small{color:#a4a18c;font:7px DM Mono,monospace;letter-spacing:.6px}.inventory,.help-card{position:absolute;z-index:5;top:50%;left:50%;width:310px;padding:15px;transform:translate(-50%,-50%);pointer-events:auto}.hidden{display:none!important}.window-title{display:flex;align-items:center;justify-content:space-between;padding-bottom:10px;border-bottom:1px solid var(--line);color:#e7ddc4;font:12px DM Mono,monospace;letter-spacing:1px}.window-title>div{display:flex;align-items:center;gap:7px}.window-title button{border:0;background:none;color:#bcb69e;font-size:20px;cursor:pointer}.window-subtitle{margin:10px 0 12px;color:var(--muted);font-size:10px}.inventory-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.inventory-item{position:relative;height:52px;display:grid;place-items:center;border:1px solid #cabb8030;background:#0b1210b5;color:#d5c587}.inventory-item>span{font-size:20px}.inventory-item>b{position:absolute;right:4px;top:2px;color:#ded3b6;font:8px DM Mono,monospace}.inventory-item>small{position:absolute;left:3px;bottom:2px;width:calc(100% - 6px);overflow:hidden;color:#a6a18c;font-size:7px;white-space:nowrap;text-overflow:ellipsis}.inventory-item.empty{color:#546056}.inventory-footer{display:flex;justify-content:space-between;margin-top:12px;color:#898f7f;font:8px DM Mono,monospace}.inventory-footer b{color:#cbbd91;font-weight:400}.guide-row{display:flex;align-items:center;gap:12px;margin-top:12px;color:#c5c2b2;font-size:11px}.guide-row kbd{min-width:58px;padding:5px;border:1px solid #c8b87645;color:#d4c38f;text-align:center;font:8px DM Mono,monospace}.guide-note{margin:16px 0 0;padding-top:11px;border-top:1px solid var(--line);color:#929688;font-size:9px;line-height:1.6}.world-label{position:absolute;bottom:142px;left:50%;z-index:2;transform:translate(-50%);color:#e0d2a4;text-shadow:0 2px 5px #000;font:9px DM Mono,monospace;letter-spacing:1.4px;white-space:nowrap;pointer-events:none}.world-label .world-dot{width:5px;height:5px;margin-right:5px;vertical-align:1px}.world-label>span:nth-child(2){padding:0 6px;color:#a19a75}.footer{display:flex;justify-content:space-between;padding:13px 3px 0;color:#696f64;font:8px DM Mono,monospace;letter-spacing:1px}@media(max-width:760px){.game-shell{width:calc(100vw - 20px);margin-top:10px}.topbar{height:48px}.realm-status{font-size:8px}.game-frame{aspect-ratio:4 / 5;min-height:550px;max-height:calc(100vh - 100px)}.player-card{left:10px;top:10px;width:205px;height:70px;padding:8px;gap:8px}.portrait{width:40px;height:44px}.location-card{top:92px;left:10px;transform:none;min-width:0;height:39px}.quest-card{top:10px;right:10px;width:158px;min-height:105px;padding:9px}.quest-card>strong{margin-top:7px;font-size:12px}.quest-card p{font-size:9px}.bottom-hud{left:9px;right:9px;bottom:10px;flex-direction:column-reverse;align-items:stretch}.chat-box{width:100%;height:90px}.hotbar{align-self:center;min-height:54px}.hotbar-slot{width:38px;height:38px}.menu-slot{height:38px}.interaction-prompt{bottom:160px}.world-label{bottom:150px;font-size:8px}.footer{font-size:7px}}@media(max-height:650px)and (min-width:761px){.game-shell{margin-top:8px}.topbar{height:45px}.game-frame{max-height:calc(100vh - 85px);min-height:420px}}:root{--panel: rgba(25, 16, 17, .92);--line: rgba(221, 116, 94, .24);--gold: #e48a70;--muted: #a8988d}body{background:radial-gradient(ellipse at 50% 0%,#38201f 0,#181011 53%,#0c090a)}.realm-status i,.world-dot{background:#d56e5b;box-shadow:0 0 9px #d56e5b}.game-frame{border-color:#da705875;background:#30201f;box-shadow:0 22px 80px #000b,0 0 0 5px #1a1112,inset 0 0 0 1px #ffffff08}.panel{background:linear-gradient(135deg,#221617f0,#110c0de6)}.player-card,.quest-card,.location-card,.hotbar,.chat-box,.inventory,.help-card{border-color:#dd745e42}.world-label{color:#f0c2ae}