*{box-sizing:border-box;margin:0;padding:0}html,body{color:#e8e8ef;background:#1a1c24;height:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}#game{position:fixed;inset:0}#ui-overlay{pointer-events:none;z-index:10;position:fixed;inset:0}#ui-overlay>*{pointer-events:auto}.panel-backdrop{background:radial-gradient(#f2e0bf 0%,#dcbe8e 100%);padding:16px;display:flex;position:absolute;inset:0;overflow:auto}.panel{color:#46392e;background:#f4e5ca;border:2px solid #d9bf93;border-radius:20px;width:min(360px,92vw);margin:auto;padding:28px;box-shadow:0 14px 40px #5a3e1438}.panel h1{text-align:center;color:#e8892f;margin-bottom:18px;font-size:26px}.panel label{color:#8a7a68;margin:12px 0 4px;font-size:13px;display:block}.panel input,.panel select{color:#46392e;background:#faeed8;border:1px solid #d2b787;border-radius:10px;width:100%;padding:10px 12px;font-size:15px}.panel input:focus,.panel select:focus{border-color:#ff9f43;outline:none}.btn{color:#241d10;cursor:pointer;background:#ffb454;border:none;border-radius:8px;width:100%;margin-top:16px;padding:11px;font-size:15px;font-weight:700;display:block}.btn:hover{background:#ffc476}.btn:disabled{opacity:.6;cursor:default}.btn-secondary{color:#5d5040;background:#e2cfa8}.btn-secondary:hover{background:#d6c193}.link-btn{color:#4a7dbd;cursor:pointer;text-align:center;background:0 0;border:none;width:100%;margin-top:12px;font-size:13px;display:block}.form-error{color:#c04848;text-align:center;background:#ffe9e7;border:1px solid #f0b1ab;border-radius:10px;margin-top:12px;padding:9px 12px;font-size:13px}.avatar-preview{width:128px;height:192px;margin:0 auto 12px;position:relative}.avatar-preview img{image-rendering:auto;width:100%;height:100%;position:absolute;inset:0}.layer-row{align-items:center;gap:8px;margin-top:8px;display:flex}.layer-row span{color:#5d5040;flex:1;font-size:14px}.layer-row button{color:#46392e;cursor:pointer;background:#faeed8;border:1px solid #d2b787;border-radius:10px;width:34px;height:34px;font-size:16px}.layer-row button:hover{border-color:#ffb454}.chat-panel{bottom:10px;flex-direction:column;gap:6px;width:min(320px,70vw);display:flex;position:absolute;inset-inline-end:max(10px, env(safe-area-inset-right))}.chat-messages{background:#f4e5cae0;border:1px solid #d9bf93;border-radius:14px;flex-direction:column;gap:3px;max-height:32vh;padding:8px 10px;font-size:13px;line-height:1.35;display:flex;overflow-y:auto}.chat-messages:empty{display:none}.chat-line{overflow-wrap:break-word;color:#46392e}.chat-nick{color:#e8892f;font-weight:700}.chat-input-row{gap:6px;display:flex}.chat-input-row input{color:#46392e;background:#faf0dbf5;border:1px solid #d2b787;border-radius:999px;flex:1;min-width:0;padding:9px 12px;font-size:14px}.chat-input-row input::placeholder{color:#b3a189}.chat-input-row input:focus{border-color:#ff9f43;outline:none}.chat-input-row button{color:#241d10;cursor:pointer;background:#ffb454;border:none;border-radius:999px;padding:9px 16px;font-size:14px;font-weight:700}#ui-overlay>.hud-top{top:max(10px, env(safe-area-inset-top));pointer-events:none;flex-wrap:wrap;align-items:center;gap:8px;display:flex;position:absolute;inset-inline-start:max(10px, env(safe-area-inset-left));inset-inline-end:max(10px, env(safe-area-inset-right))}.hud-top>*{pointer-events:auto}.hud-top button:disabled{opacity:.45;cursor:default}.hud-chip{color:#46392e;background:#f4e5caeb;border:1px solid #d2b787;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600;box-shadow:0 2px 8px #3c280a1f}.hud-spacer{pointer-events:none;flex:1}.hud-top select,.hud-top button{color:#46392e;cursor:pointer;background:#f4e5caeb;border:1px solid #d2b787;border-radius:999px;padding:7px 12px;font-size:13px;box-shadow:0 2px 8px #3c280a1f}.hud-top button:hover{background:#faeed8;border-color:#ff9f43}.inv-window{top:64px;width:min(340px,92vw);max-height:calc(100vh - 76px);color:#46392e;background:#f4e5caf7;border:2px solid #d9bf93;border-radius:18px;flex-direction:column;gap:10px;max-height:calc(100dvh - 76px);padding:14px;display:flex;position:absolute;inset-inline-start:50%;overflow-y:auto;transform:translate(-50%);box-shadow:0 10px 30px #3c280a40}[dir=rtl] .inv-window{transform:translate(50%)}.inv-header{align-items:center;gap:6px;display:flex}.inv-header button{color:#8a7a68;cursor:pointer;background:#faeed8;border:1px solid #d2b787;border-radius:999px;padding:7px 14px;font-size:13px}.inv-header button.inv-tab-active{color:#241d10;background:#ffb454;border-color:#ffb454;font-weight:700}.inv-close{margin-inline-start:auto}.inv-grid{grid-template-columns:repeat(6,1fr);gap:6px;display:grid}.inv-cell{aspect-ratio:1;background:#f0e0c1;border:1px solid #dbc79f;border-radius:10px;position:relative}.inv-cell-filled{cursor:pointer;background:#faeed8;border-color:#c9ad7e;justify-content:center;align-items:center;display:flex}.inv-cell-filled:hover{border-color:#ffb454}.inv-cell-selected{background:#ff9f4324;border-color:#ff9f43}.inv-icon{font-size:22px;line-height:1}.inv-qty{bottom:2px;color:#46392e;text-shadow:0 1px 2px #fff;font-size:11px;font-weight:700;position:absolute;inset-inline-end:4px}.inv-actions{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.inv-item-name{color:#46392e;flex-basis:100%;font-size:14px;font-weight:600}.inv-actions button,.shop-row button{color:#46392e;cursor:pointer;background:#faeed8;border:1px solid #d2b787;border-radius:999px;padding:7px 12px;font-size:13px}.inv-actions button:hover,.shop-row button:hover{border-color:#ffb454}.inv-actions button:disabled,.shop-row button:disabled{opacity:.45;cursor:default}.inv-empty{color:#a8977f;text-align:center;padding:6px 0 2px;font-size:13px}.shop-list{flex-direction:column;gap:6px;display:flex}.shop-row{background:#46392e14;border-radius:12px;align-items:center;gap:8px;padding:6px 8px;display:flex}.shop-name{color:#46392e;flex:1;font-size:14px}.shop-owned{color:#a8977f;font-size:12px}.quest-tracker{top:104px;color:#f2ecdd;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1416208c;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;gap:6px;width:200px;padding:8px 10px;font-size:12px;display:flex;position:absolute;inset-inline-end:10px}.quest-tracker-header{letter-spacing:.3px;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;display:flex}.quest-tracker-toggle{color:#f2ecdd;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:12px}.quest-tracker-quest{cursor:pointer;background:#ffffff0f;border-radius:10px;flex-direction:column;gap:2px;padding:5px 7px;display:flex}.quest-tracker-quest:hover{background:#ffffff1f}.quest-tracker-tracked{outline:1px solid #ffd54f}.quest-tracker-title{font-size:12px;font-weight:700}.quest-tracker-line{opacity:.9;font-size:11.5px}.quest-tracker-ready{color:#ffd54f}@media (max-height:520px){.quest-tracker{width:170px;font-size:11px;top:58px}}.quest-window{width:min(360px,92vw)}.quest-npc-name{color:#46392e;font-size:15px;font-weight:700}.quest-dialog{color:#46392e;background:#46392e12;border-radius:12px;min-height:56px;padding:10px 12px;font-size:14px;line-height:1.45}.quest-title{color:#46392e;font-size:15px;font-weight:700}.quest-section{text-transform:uppercase;letter-spacing:.4px;color:#a8977f;font-size:12px;font-weight:700}.quest-objectives{flex-direction:column;gap:4px;display:flex}.quest-objective{color:#46392e;font-size:14px}.quest-objective-done{color:#2e8f5e;font-weight:600}.quest-rewards{flex-wrap:wrap;gap:6px;display:flex}.quest-chip{color:#46392e;background:#faeed8;border:1px solid #d2b787;border-radius:999px;padding:5px 10px;font-size:13px}.quest-list{flex-direction:column;gap:6px;display:flex}.quest-row{text-align:start;color:#46392e;cursor:pointer;background:#faeed8;border:1px solid #d2b787;border-radius:12px;padding:9px 12px;font-size:14px}.quest-row:hover{border-color:#ffb454}.quest-footer{justify-content:flex-end;gap:8px;display:flex}.quest-btn{color:#46392e;cursor:pointer;background:#faeed8;border:1px solid #d2b787;border-radius:999px;padding:8px 16px;font-size:14px}.quest-btn:hover{border-color:#ffb454}.quest-btn:disabled{opacity:.45;cursor:default}.quest-btn-primary{color:#241d10;background:#ffb454;border-color:#ffb454;font-weight:700}.trade-input{color:#46392e;background:#faeed8;border:1px solid #d2b787;border-radius:999px;max-width:110px;padding:6px 10px;font-size:13px}.trade-label{color:#8a7a68;font-size:12px}.trade-own{opacity:.7;outline:1px dashed #c9ad7e}.trade-return{background:#ffb45429}.market-deal-line{background:#ffb4542e;border:1px solid #e8bd7a;border-radius:12px;justify-content:space-between;align-items:baseline;gap:8px;padding:6px 10px;font-size:13px;font-weight:600;display:flex}.market-deal{outline:2px solid #ffb454}.market-order-done{opacity:.55}.visit-search{color:#46392e;background:#faeed8;border:1px solid #d2b787;border-radius:999px;flex:1;min-width:120px;padding:7px 12px;font-size:13px}.visit-dot{color:#b9a58a;font-size:12px}.visit-online{color:#2eb872}.visit-bar{inset-inline-start:50%;color:#46392e;background:#f4e5caf7;border:2px solid #d9bf93;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:flex;position:absolute;top:64px;transform:translate(-50%);box-shadow:0 6px 18px #3c280a33}[dir=rtl] .visit-bar{transform:translate(50%)}.visit-bar button{color:#46392e;cursor:pointer;background:#faeed8;border:1px solid #d2b787;border-radius:999px;padding:6px 12px;font-size:13px}.visit-bar button:hover{border-color:#ffb454}.visit-host{font-weight:600}.build-thumb{object-fit:contain;flex:none;width:34px;height:34px}.build-row-active{outline:2px solid #ffb454}.plot-window,.build-window{top:96px}.inv-toast{top:64px;color:#46392e;pointer-events:none;background:#f4e5caf7;border:2px solid #2eb872;border-radius:12px;padding:9px 14px;font-size:13px;position:absolute;inset-inline-end:12px;box-shadow:0 4px 14px #3c280a33}.inv-toast-error{border-color:#e25555}@media (max-height:520px){.panel{width:min(420px,92vw);padding:14px 20px}.panel h1{margin-bottom:8px;font-size:20px}.panel label{margin:8px 0 3px}.avatar-preview{width:84px;height:126px;margin-bottom:8px}.layer-row{margin-top:5px}.layer-row button{border-radius:7px;width:30px;height:30px}.btn{margin-top:10px;padding:9px}.hud-chip,.hud-top select,.hud-top button{padding:5px 10px;font-size:12px}.chat-panel{top:52px;bottom:auto;width:min(280px,45vw);inset-inline-start:max(10px, env(safe-area-inset-left));inset-inline-end:auto}.chat-messages{max-height:20vh}.chat-input-row input,.chat-input-row button{padding:7px 12px;font-size:13px}.inv-window{max-height:calc(100vh - 58px);max-height:calc(100dvh - 58px);top:50px}.inv-toast{top:50px}}.item-icon-img{object-fit:contain;vertical-align:-.25em;flex:none;width:1.45em;height:1.45em;display:inline-block}.item-count{align-items:center;gap:3px;display:inline-flex}.item-count-icon{font-size:15px}.build-cost{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.guide-icon{font-size:26px}.guide-block{background:#46392e12;border-radius:12px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.guide-block-title{color:#8a7a68;font-size:13px;font-weight:700}.guide-line{font-size:13px;line-height:1.35}.guide-detail{flex-direction:column;gap:8px;display:flex}.quick-use{cursor:pointer;background:#1e1e288c;border:2px solid #ffffff73;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:absolute;bottom:150px;right:58px}.quick-use:active{transform:scale(.92)}.quick-use-icon{font-size:24px;line-height:1}.quick-use-qty{color:#fff;text-shadow:0 1px 2px #000,0 0 3px #000;font-size:11px;font-weight:700;position:absolute;bottom:1px;right:5px}.hud-level{flex-direction:column;gap:3px;min-width:86px;display:flex}.hud-xp-track,.prog-track{background:#46392e33;border-radius:999px;height:4px;overflow:hidden}.hud-xp-fill,.prog-fill{background:#f5a623;border-radius:999px;height:100%}.prog-track{height:8px}.prog-header{justify-content:space-between;align-items:baseline;display:flex}.prog-level{color:#e8892f;font-size:15px;font-weight:700}.prog-xp{color:#8a7a68;font-size:12px}.prog-section{text-transform:uppercase;letter-spacing:.4px;color:#a8977f;margin-top:6px;font-size:12px;font-weight:700}.prog-row{background:#46392e14;border-radius:10px;align-items:center;gap:8px;padding:5px 8px;display:flex}.prog-name{color:#46392e;flex:1;font-size:14px}.prog-value{color:#d98f1f;letter-spacing:1px;font-size:13px;font-weight:700}.prog-locked{color:#a8977f;font-size:12px}.prog-plus{color:#1e9e5f;cursor:pointer;background:#2eb8721f;border:1px solid #2eb872;border-radius:9px;width:28px;height:28px;font-size:16px;font-weight:700;line-height:1}.prog-plus:hover{background:#2eb87238}.prog-card{background:#46392e14;border-radius:12px;flex-direction:column;gap:3px;padding:8px 10px;display:flex}.prog-card .prog-row{background:0 0;border-radius:0;padding:0}.prog-desc{color:#8a7a68;font-size:12px;line-height:1.35}.prog-nums{color:#5d5040;font-size:12px}.prog-next{color:#1e9e5f;font-weight:600}.prog-note{color:#a8977f;font-size:11.5px;line-height:1.35}.build-upgrade{background:#ffb45429;border:1px solid #e8bd7a;border-radius:12px;flex-direction:column;flex-basis:100%;gap:4px;padding:8px;display:flex}