:root{--bg:#1b2a22;--panel:#243a2e;--line:#4a6b58;--text:#f4efe0;--muted:#a9b8ad;--accent:#e8c547;--error:#ff9c8a;font-family:Georgia,Times New Roman,serif}.login{z-index:100;background:var(--bg);color:var(--text);touch-action:auto;-webkit-user-select:text;user-select:text;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow:auto}.login form{background:var(--panel);border:1px solid var(--line);box-sizing:border-box;border-radius:14px;width:min(360px,100%);padding:24px 20px}.login h1{text-align:center;letter-spacing:.04em;margin:0 0 4px;font-size:28px}.login .sub{text-align:center;color:var(--muted);margin:0 0 18px;font-style:italic}.login .tabs{gap:8px;margin-bottom:14px;display:flex}.login .tabs button{border:1px solid var(--line);color:var(--muted);font:inherit;background:0 0;border-radius:8px;flex:1;padding:10px;font-size:16px}.login .tabs button[aria-pressed=true]{background:var(--accent);color:#2b2410;box-shadow:inset 0 0 0 2px var(--accent)}.login label{color:var(--muted);margin:10px 0 4px;font-size:14px;display:block}.login input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--text);font:inherit;background:#182a20;border-radius:8px;padding:12px;font-size:16px}.login .submit{background:var(--accent);color:#2b2410;width:100%;font:inherit;border:0;border-radius:8px;margin-top:18px;padding:13px;font-size:17px;font-weight:700}.login .submit:disabled{opacity:.6}.login .error{min-height:1.3em;color:var(--error);text-align:center;margin:12px 0 0;font-size:14px}.login [hidden]{display:none}.chat-log{z-index:20;pointer-events:none;max-width:min(60vw,420px);color:var(--text);flex-direction:column;align-items:flex-end;gap:4px;font-size:14px;display:flex;position:fixed;top:64px;right:12px}.chat-log .line{overflow-wrap:anywhere;background:#1b2a22c7;border-radius:8px;padding:4px 8px;transition:opacity .6s}.chat-log .line b{color:var(--accent)}.chat-log .line.fade{opacity:0}.chat-toggle{z-index:30;width:44px;height:44px;color:var(--text);background:#1b2a22cc;border:2px solid #fff6;border-radius:50%;font-size:20px;line-height:1;position:fixed;top:12px;right:12px}.chat-bar{z-index:40;gap:8px;display:flex;position:fixed;top:12px;left:12px;right:68px}.chat-bar[hidden]{display:none}.chat-bar input{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#182a20f5;border-radius:10px;flex:1;padding:10px 12px;font-size:16px}.chat-bar button{background:var(--accent);color:#2b2410;font:inherit;border:0;border-radius:10px;padding:0 16px;font-size:16px;font-weight:700}.banner{z-index:50;border:1px solid var(--line);color:var(--text);pointer-events:none;text-align:center;background:#141e18eb;border-radius:999px;max-width:calc(100vw - 32px);padding:8px 16px;font-size:14px;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.banner[hidden]{display:none}.banner.bad{border-color:var(--error)}.hud{z-index:20;width:170px;color:var(--text);pointer-events:none;background:#1b2a22d1;border-radius:10px;padding:8px 10px;font-size:13px;position:fixed;top:12px;left:12px}.hud-when{color:var(--muted);margin-bottom:6px}.hud .bar{background:#13201a;border-radius:8px;height:16px;position:relative;overflow:hidden}.hud .bar .fill{background:#6fbf5d;height:100%;transition:width .3s}.hud .bar .fill.low{background:#d9843a}.hud .bar .label{text-align:center;text-shadow:0 0 3px #000;font-size:11px;line-height:16px;position:absolute;inset:0}.hud-gold{color:var(--accent);margin-top:6px}.hud-investigation,.hud-countdown{color:#b8b0c8;margin-top:4px;font-size:.9em}.icon{image-rendering:pixelated;background-repeat:no-repeat;flex:none;display:inline-block}.hotbar{z-index:20;background:#1b2a22d1;border-radius:12px;gap:4px;max-width:calc(100vw - 8px);padding:4px;display:flex;position:fixed;bottom:12px;left:50%;transform:translate(-50%)}.slot{border:2px solid var(--line);width:42px;height:42px;color:var(--text);font:inherit;background:#13201ae6;border-radius:8px;justify-content:center;align-items:center;padding:0;display:flex;position:relative}@media (width<=420px){.slot{width:36px;height:36px}.hotbar .slot .icon{transform:scale(.85)}}.hotbar .current{display:none}.hotbar.phone{z-index:32;background:0 0;padding:0;inset:12px 64px auto auto;transform:none}.hotbar.phone .current{background:#1b2a22d9;width:44px;height:44px;display:flex}.hotbar.phone.open .current{box-shadow:inset 0 0 0 2px var(--accent)}.hotbar .current .caret{color:var(--muted);font-size:10px;line-height:1;position:absolute;bottom:0;left:3px}.hotbar .drop{gap:4px;display:flex}.hotbar.phone .drop{border:1px solid var(--line);background:#1b2a22f2;border-radius:12px;grid-template-columns:repeat(4,42px);gap:4px;padding:6px;display:none;position:absolute;top:52px;right:0;box-shadow:0 6px 18px #00000073}.hotbar.phone.open .drop{display:grid}.hotbar.phone .drop .bag-btn{grid-column:1/-1;min-height:34px}.hotbar.phone .drop .slot{width:42px;height:42px}.slot.selected{border-color:var(--accent);box-shadow:0 0 0 2px #e8c54766}.slot.picked{border-color:#7fd0ff;box-shadow:0 0 0 2px #7fd0ff66}.slot .key{color:var(--muted);font-size:9px;position:absolute;top:1px;left:3px}.slot .qty{text-shadow:0 0 3px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:3px}.bag-btn{border:2px solid var(--line);background:var(--accent);color:#2b2410;min-width:42px;font:inherit;border-radius:8px;padding:0 8px;font-size:13px;font-weight:700}.notices{z-index:25;pointer-events:none;flex-direction:column;align-items:center;gap:4px;width:min(92vw,520px);display:flex;position:fixed;top:96px;left:50%;transform:translate(-50%)}.notice{border:1px solid var(--line);color:var(--text);text-align:center;background:#1b2a22e6;border-radius:999px;padding:5px 12px;font-size:14px;transition:opacity .5s}.notice.good{border-color:#6fbf5d}.notice.bad{border-color:var(--error)}.notice.fade{opacity:0}.sleep{z-index:60;color:var(--text);text-align:center;background:#060a1ed1;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:24px;display:flex;position:fixed;inset:0}.sleep[hidden]{display:none}.sleep .zzz{letter-spacing:.1em;font-size:40px}.sleep .hint{color:var(--muted);font-style:italic}.jail{z-index:60;color:var(--text);text-align:center;background:#140c08db;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:24px;display:flex;position:fixed;inset:0}.jail[hidden]{display:none}.jail-title{letter-spacing:.04em;font-size:26px}.jail-time{font-variant-numeric:tabular-nums;color:#f2c85a;font-size:44px}.jail-buttons{gap:10px;margin-top:6px;display:flex}.jail-btn{border:1px solid var(--line);color:var(--text);cursor:pointer;font:inherit;background:#ffffff14;border-radius:10px;padding:8px 16px}.jail-btn:hover{background:#ffffff29}.jail .hint{color:var(--muted);font-style:italic}.panel{z-index:45;border:1px solid var(--line);width:min(440px,100vw - 16px);max-height:calc(100vh - 230px);color:var(--text);background:#243a2ef7;border-radius:14px;flex-direction:column;display:flex;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}@media (width>=800px),(height<=500px){.panel{max-height:calc(100vh - 24px)}}.panel[hidden]{display:none}.panel-head{border-bottom:1px solid var(--line);align-items:center;gap:8px;padding:8px;display:flex}.panel-title{flex:1;font-size:18px;font-weight:700}.panel .tabs{flex:1;gap:6px;display:flex}.panel .tab{border:1px solid var(--line);color:var(--muted);font:inherit;background:0 0;border-radius:8px;flex:1;padding:10px;font-size:16px}.panel .tab.on{background:var(--accent);border-color:var(--accent);color:#2b2410}.panel .close{border:1px solid var(--line);width:44px;height:44px;color:var(--text);background:0 0;border-radius:8px;font-size:24px;line-height:1}.panel-body{-webkit-overflow-scrolling:touch;padding:10px;overflow-y:auto}.panel .gold{color:var(--accent);margin-bottom:8px}.panel .grid{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.panel .grid .slot{aspect-ratio:1;width:auto;height:auto}.panel .grid .slot.hot{background:#3c5a46f2}.panel .info{min-height:4.5em;margin-top:10px;font-size:14px}.panel .info .facts{color:var(--accent);margin-top:4px}.panel .hint{color:var(--muted);margin-top:8px;font-size:13px;font-style:italic}.panel .list{flex-direction:column;gap:8px;display:flex}.panel .row{background:#13201a99;border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.panel .row .grow{flex:1;min-width:0}.panel .needs{color:var(--muted);flex-wrap:wrap;gap:4px 10px;margin-top:2px;font-size:13px;display:flex}.panel .need.ok{color:#9be08a}.panel .need.miss{color:var(--error)}.panel .act{background:var(--accent);color:#2b2410;min-width:64px;min-height:44px;font:inherit;border:0;border-radius:8px;padding:0 12px;font-size:15px;font-weight:700}.panel .act:disabled{opacity:.4}.dialogue{z-index:46;box-sizing:border-box;border:1px solid var(--line);width:min(440px,100vw - 16px);color:var(--text);background:#243a2ef7;border-radius:14px;padding:10px;position:fixed;top:12px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #00000080}.dialogue[hidden]{display:none}.dialogue .d-head{align-items:center;gap:10px;display:flex}.dialogue .portrait{border:2px solid var(--line);width:64px;height:64px;image-rendering:pixelated;background:#2f4a3a;border-radius:8px;flex:none}.dialogue .name{font-size:18px;font-weight:700}.dialogue .role{color:var(--muted);font-size:13px;font-style:italic}.dialogue .hearts{letter-spacing:1px;margin-top:2px;font-size:15px;line-height:1}.dialogue .heart{color:#3d4f45}.dialogue .heart.on{color:#e0566b}.dialogue .said{background:#13201aa6;border-radius:10px;min-height:3.2em;margin-top:10px;padding:10px 12px;font-size:16px;line-height:1.4}.dialogue .gain{color:#9be08a;min-height:1.3em;margin-top:6px;font-size:13px}.dialogue .gain.bad{color:var(--error)}.dialogue .d-buttons{gap:8px;margin-top:6px;display:flex}.dialogue .d-btn{background:var(--accent);color:#2b2410;min-height:44px;font:inherit;border:0;border-radius:8px;flex:1;padding:0 8px;font-size:15px;font-weight:700}.dialogue .d-btn.quiet{border:1px solid var(--line);color:var(--text);background:0 0;flex:none;font-weight:400}.dialogue .d-btn:disabled{opacity:.4}.dialogue .d-quests{flex-direction:column;gap:6px;margin-top:8px;display:flex}.dialogue .d-quest{border:1px solid var(--line);background:#e8c54714;border-radius:10px;align-items:center;gap:8px;padding:8px 10px;display:flex}.dialogue .d-quest-text{flex:auto;font-size:13px;line-height:1.35}.dialogue .d-quest-meta{color:var(--accent);flex:none;font-size:12px;font-weight:700}.dialogue .d-quest .d-btn{flex:none;min-height:36px;padding:0 10px;font-size:13px}.dialogue{flex-direction:column;max-height:calc(100vh - 230px);display:flex}@media (width>=800px),(height<=500px){.dialogue{max-height:calc(100vh - 24px)}}.dialogue .d-log{-webkit-overflow-scrolling:touch;background:#13201aa6;border-radius:10px;flex:auto;min-height:84px;max-height:34vh;margin-top:10px;padding:6px;overflow-y:auto}.dialogue .msg{overflow-wrap:anywhere;border-radius:12px;max-width:88%;margin:4px 0;padding:8px 11px;font-size:15px;line-height:1.4}.dialogue .msg.npc{background:#3c5a46f2;border-top-left-radius:3px}.dialogue .msg.npc:empty:after{content:"…";color:var(--muted)}.dialogue .msg.you{color:#2b2410;background:#e8c547e6;border-top-right-radius:3px;margin-left:auto}.dialogue .d-note{color:#9be08a;margin:2px 4px;font-size:12px}.dialogue .d-note.bad{color:var(--error)}.dialogue .d-chips{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.dialogue .chip{border:1px solid var(--accent);min-height:40px;color:var(--accent);font:inherit;background:0 0;border-radius:999px;padding:0 12px;font-size:14px}.dialogue .chip:disabled{opacity:.4}.dialogue .d-status{color:var(--muted);margin-top:6px;font-size:12px;font-style:italic}.dialogue .d-input{gap:6px;margin-top:6px;display:flex}.dialogue .d-text{border:1px solid var(--line);min-width:0;color:var(--text);font:inherit;-webkit-user-select:text;user-select:text;background:#182a20f5;border-radius:10px;flex:1;padding:10px 12px;font-size:16px}.dialogue .d-send,.dialogue .d-mic{background:var(--accent);color:#2b2410;min-width:44px;font:inherit;border:0;border-radius:10px;font-size:15px;font-weight:700}.dialogue .d-mic{border:1px solid var(--line);color:var(--text);background:0 0}.dialogue .d-mic.on{background:#e0566b;border-color:#e0566b}.dialogue .d-mic[hidden]{display:none}.dialogue .d-text:disabled,.dialogue .d-send:disabled,.dialogue .d-mic:disabled{opacity:.5}.minimap-toggle{z-index:31;width:44px;height:44px;color:var(--text);background:#1b2a22cc;border:2px solid #fff6;border-radius:50%;font-size:20px;line-height:1;position:fixed;top:12px;right:64px}.minimap-toggle.phone{right:116px}.minimap-toggle.open{box-shadow:inset 0 0 0 2px var(--accent)}.minimap{z-index:45;background:#080e0b99;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.minimap[hidden]{display:none}.minimap-card{background:var(--panel);border:1px solid var(--line);width:min(100%,640px);max-height:100%;color:var(--text);border-radius:14px;flex-direction:column;gap:8px;padding:10px;display:flex;box-shadow:0 10px 30px #00000080}.minimap-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.minimap-head h2{margin:0;font-size:18px}.minimap-head button{border:1px solid var(--line);width:36px;height:36px;color:var(--text);background:0 0;border-radius:8px;font-size:18px}.minimap canvas{object-fit:contain;border:1px solid var(--line);width:100%;min-height:0;image-rendering:pixelated;border-radius:8px;display:block}.minimap-legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:13px;display:flex}.minimap-legend span[hidden]{display:none}.minimap-legend .dot{vertical-align:-1px;border:1.5px solid #1b1305;border-radius:50%;width:10px;height:10px;margin-right:6px;display:inline-block}.minimap-legend .dot.you{background:#e8c547}.minimap-legend .dot.npc{background:#fff4d6}.minimap-legend .dot.ghost{background:#8fd0ff}.minimap-legend .dot.quest{background:#e8c547;width:6px;height:6px;margin:0 8px 0 2px}.minimap-progress{color:var(--muted);border-top:1px solid #ffffff1f;margin-top:10px;padding-top:10px;font-size:13px;line-height:1.5}.panel .swatch{width:32px;height:64px;image-rendering:pixelated;background-repeat:no-repeat;background-size:128px 256px;flex:none}.panel .group{color:var(--accent);margin-top:8px;font-weight:700}.panel .row.wearing{box-shadow:inset 0 0 0 2px var(--accent)}