*{margin:0;padding:0;box-sizing:border-box}:root{--gold: #c9a227;--gold-bright: #ffd166;--panel-bg: rgba(10, 12, 22, .82);--panel-border: #8a6d2f;--text: #f0ead6;--text-dim: #a89f8a;--good: #6ede87;--warn: #ff9f6b;--unlock: #a78bfa;--hp: #e05555;--exp: #4d9de0}html,body{height:100%;overflow:hidden;background:#000;color:var(--text);font-family:Malgun Gothic,Segoe UI,system-ui,sans-serif;-webkit-user-select:none;user-select:none}#game-root{position:fixed;top:0;right:0;bottom:0;left:0}#game-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;image-rendering:pixelated}#ui-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.ui-block{background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:0 0 0 1px #0009,inset 0 0 12px #c9a22714;pointer-events:auto}.ui-block,#panel-window,.toast,.map-card,.menu-btn,.skill-slot,.small-btn,#quest-move,#auto-hunt-toggle,#reward-banner{border-radius:0;clip-path:polygon(0 6px,6px 6px,6px 0,calc(100% - 6px) 0,calc(100% - 6px) 6px,100% 6px,100% calc(100% - 6px),calc(100% - 6px) calc(100% - 6px),calc(100% - 6px) 100%,6px 100%,6px calc(100% - 6px),0 calc(100% - 6px))}#hud-char{position:absolute;top:12px;left:12px;display:flex;gap:10px;padding:8px;width:250px}#portrait{width:54px;height:54px;flex-shrink:0;background:linear-gradient(160deg,#ffd166,#b8860b);border:2px solid var(--gold);border-radius:4px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#241a02;text-shadow:0 1px 0 rgba(255,255,255,.35)}#char-bars{flex:1;display:flex;flex-direction:column;gap:4px}#char-name-row{display:flex;justify-content:space-between;align-items:baseline;font-size:13px;font-weight:700}#char-level{color:var(--gold-bright);font-family:monospace}.bar{position:relative;height:13px;background:#090a12;border:1px solid #3a3320;border-radius:2px;overflow:hidden}.bar>div{height:100%;width:0;transition:width .2s linear}.bar.hp>div#hp-fill{background:linear-gradient(180deg,#ff7d7d,var(--hp))}.bar.exp>div#exp-fill{background:linear-gradient(180deg,#7cc4ff,var(--exp))}.bar span{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:monospace;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.9);z-index:2}.bar:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(90deg,transparent 0 7px,rgba(0,0,0,.32) 7px 9px);pointer-events:none}#hud-top-right{position:absolute;top:12px;right:12px;display:flex;flex-direction:column;align-items:flex-end;gap:6px}#power-box{padding:8px 14px;font-size:14px;font-weight:700;color:var(--gold-bright);border-color:var(--gold);text-shadow:0 0 8px rgba(255,209,102,.45)}#power-box b{font-size:20px;font-family:monospace;margin-left:4px}#power-box.pulse{animation:power-pulse .6s ease-out}@keyframes power-pulse{0%{transform:scale(1);filter:drop-shadow(0 0 0 rgba(255,209,102,0))}40%{transform:scale(1.08);filter:drop-shadow(0 0 10px rgba(255,209,102,.85))}to{transform:scale(1);filter:drop-shadow(0 0 2px rgba(255,209,102,0))}}#gold-box{padding:5px 12px;font-size:12px;color:var(--text-dim)}#gold-box b{color:#f9c74f;font-family:monospace;font-size:14px;margin-left:4px}#save-indicator{font-size:10px;color:#f0ead680;font-family:monospace;padding-right:2px}#minimap{image-rendering:pixelated;cursor:pointer}#minimap:hover{border-color:var(--gold-bright)}#sound-toggle{padding:4px 10px;font-size:14px;cursor:pointer;color:var(--text)}#sound-toggle:hover{border-color:var(--gold-bright)}#sync-indicator{font-size:10px;font-family:monospace;color:#f0ead68c;padding-right:2px}#sync-indicator.sync-online{color:#9be0ae}#sync-indicator.sync-offline{color:#d8b08a}.npc-row{display:flex;gap:12px;align-items:flex-start;margin-bottom:10px}.npc-portrait{image-rendering:pixelated;width:56px;height:auto;flex-shrink:0;background:#00000040;border:1px solid var(--panel-border);padding:4px}.npc-line{font-size:13px;line-height:1.65;color:var(--text);margin:2px 0 0}.npc-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.nick-input{width:110px;background:#101120;border:1px solid var(--panel-border);color:var(--text);font-size:12px;padding:7px 8px}.rank-me{color:var(--gold-bright)}.rank-me span,.rank-me b{color:var(--gold-bright)!important}.restore-area{width:100%;height:56px;background:#101120;border:1px solid var(--panel-border);color:var(--text);font-size:11px;font-family:monospace;padding:6px;resize:vertical}.small-btn.danger{border-color:#e05555;color:#ffb3b3}.dex-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:8px}.dex-card{background:#262a4099;border:1px solid var(--panel-border);padding:6px 4px;text-align:center}.dex-card canvas{image-rendering:pixelated}.dex-card .dex-name{font-size:11px;font-weight:700;margin-top:2px}.dex-card .dex-sub{font-size:10px;color:var(--text-dim);margin-top:2px;line-height:1.35}.dex-unknown{opacity:.55}.ach-done span,.ach-done b{color:var(--gold-bright)!important}#quest-tracker{position:absolute;top:96px;left:12px;width:250px;padding:10px 12px}#quest-tracker h3{font-size:11px;letter-spacing:2px;color:var(--gold-bright);border-bottom:1px solid rgba(201,162,39,.35);padding-bottom:5px;margin-bottom:7px}#quest-tracker h3:before,#panel-title:before{content:"◆ ";color:var(--gold-bright)}.shop-slot-title:before,.help-title:before{content:"◇ "}#quest-name{font-size:13px;font-weight:700;margin-bottom:3px}#quest-desc{font-size:12px;color:var(--text-dim)}#quest-story{font-size:11px;color:#c9bfa8;font-style:italic;margin-top:5px;line-height:1.45}#quest-progress{font-size:13px;font-family:monospace;color:var(--good);margin-top:5px}#quest-move{margin-top:8px;width:100%;padding:7px 0;background:linear-gradient(180deg,#3d5a2e,#2a4020);color:#d8f3c4;border:1px solid #5f8a44;border-radius:3px;font-size:12px;font-weight:700;cursor:pointer;animation:move-glow 1.4s ease-in-out infinite}@keyframes move-glow{0%,to{filter:drop-shadow(0 0 3px rgba(110,222,135,.3))}50%{filter:drop-shadow(0 0 9px rgba(110,222,135,.7))}}#quest-move:hover{filter:brightness(1.2)}#menu-rail{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;pointer-events:auto}.menu-btn{width:58px;padding:7px 0 5px;display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;color:var(--text);font-size:10px;cursor:pointer}.menu-btn .mi{font-size:19px;line-height:1}.menu-btn:hover{border-color:var(--gold-bright);filter:drop-shadow(0 0 6px rgba(255,209,102,.4))}.menu-btn.locked{opacity:.42;filter:grayscale(.7)}#panel-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;pointer-events:auto;z-index:20}#panel-backdrop[hidden],#reward-banner[hidden]{display:none}#panel-window{width:min(440px,92vw);max-height:80vh;display:flex;flex-direction:column;background:var(--panel-bg);border:1px solid var(--gold);border-radius:6px;box-shadow:0 0 40px #000c,inset 0 0 16px #c9a22714}#panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid rgba(201,162,39,.35);font-weight:700;color:var(--gold-bright)}#panel-close{background:none;border:none;color:var(--text-dim);font-size:15px;cursor:pointer}#panel-close:hover{color:#fff}#panel-body{padding:12px 14px;overflow-y:auto}.map-card{width:100%;display:flex;flex-direction:column;gap:7px;background:#262a40a6;border:1px solid var(--panel-border);border-radius:4px;color:var(--text);padding:10px 12px;margin-bottom:8px;cursor:pointer;text-align:left}.map-card-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.map-thumb{width:100%;height:auto;image-rendering:pixelated;border:1px solid rgba(138,109,47,.35)}.world-graph{width:100%;height:auto;image-rendering:pixelated;border:1px solid var(--panel-border);margin-bottom:10px;cursor:pointer}.map-card:hover{border-color:var(--gold-bright)}.map-card.active{border-color:var(--good);background:#223028bf}.map-card.locked{opacity:.45;cursor:not-allowed}.map-card .map-title{font-size:14px;font-weight:700}.map-card .map-sub{display:block;font-size:11px;color:var(--text-dim);margin-top:3px}.map-card .map-state{font-size:12px;font-family:monospace;color:var(--text-dim);flex-shrink:0}.map-card.active .map-state{color:var(--good)}.stat-line{display:flex;justify-content:space-between;padding:6px 2px;font-size:13px;border-bottom:1px solid rgba(138,109,47,.2)}.stat-line span{color:var(--text-dim)}.stat-line b{font-family:monospace}#reward-banner{position:absolute;top:26%;left:50%;transform:translate(-50%);text-align:center;padding:14px 30px;background:var(--panel-bg);border:1px solid var(--gold);border-radius:6px;box-shadow:0 0 30px #ffd16640;z-index:15;animation:banner-in .35s ease-out;pointer-events:none}#reward-banner .rb-title{font-size:16px;font-weight:700;color:var(--gold-bright);text-shadow:0 0 10px rgba(255,209,102,.6)}#reward-banner .rb-sub{font-size:13px;margin-top:5px;color:var(--text);font-family:monospace}@keyframes banner-in{0%{opacity:0;transform:translate(-50%) translateY(-14px) scale(.92)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}#toast-area{position:absolute;top:12px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:6px;width:max-content;max-width:88vw;z-index:10}.toast{background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;padding:7px 14px;font-size:12px;animation:toast-in .25s ease-out}.toast-good{border-color:var(--good)}.toast-warn{border-color:var(--warn)}.toast-unlock{border-color:var(--unlock);color:#d6c9ff}.toast.fade-out{opacity:0;transition:opacity .4s}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}#auto-hunt-toggle{position:absolute;left:12px;bottom:14px;padding:10px 16px;border-radius:4px;font-size:13px;font-weight:700;cursor:pointer;pointer-events:auto;border:1px solid var(--panel-border);background:var(--panel-bg);color:var(--text)}#auto-hunt-toggle.on{border-color:var(--good);color:#d8f3c4;box-shadow:0 0 10px #6ede8759}#auto-hunt-toggle.off{border-color:var(--warn);color:#ffd9c4;filter:saturate(.7)}#skill-bar{position:absolute;bottom:14px;left:50%;transform:translate(-50%);display:flex;gap:8px;pointer-events:auto}.skill-slot{position:relative;width:52px;height:52px;background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:4px;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center}.skill-slot:hover{border-color:var(--gold-bright)}.skill-slot .skill-icon{font-size:20px;font-weight:700;text-shadow:0 0 8px currentColor;z-index:1}.skill-slot .skill-cooldown{position:absolute;left:0;right:0;bottom:0;height:0;background:#000000a6;z-index:2;pointer-events:none}.skill-slot .skill-label{position:absolute;bottom:2px;right:4px;font-size:9px;font-family:monospace;color:var(--text-dim);z-index:3}.skill-slot .skill-key{position:absolute;top:2px;left:4px;font-size:9px;font-family:monospace;color:var(--gold-bright);z-index:3}.skill-slot.locked{opacity:.45;filter:grayscale(.8)}.skill-slot.disabled-auto{border-style:dashed}.panel-note{font-size:12px;color:var(--text-dim);padding:4px 2px 10px}.badge-best{font-size:11px;color:var(--gold-bright)}.item-row{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:8px 6px;border-bottom:1px solid rgba(138,109,47,.2)}.item-row .item-name{display:block;font-size:13px;font-weight:700}.item-row .item-sub{display:block;font-size:11px;color:var(--text-dim);margin-top:2px}.shop-slot-title{font-size:12px;color:var(--gold-bright);letter-spacing:1px;margin:12px 0 4px}.small-btn{flex-shrink:0;background:linear-gradient(180deg,#3a3f5c,#2a2e45);border:1px solid var(--panel-border);border-radius:3px;color:var(--text);font-size:12px;padding:7px 12px;cursor:pointer}.small-btn:hover:not(:disabled){border-color:var(--gold-bright)}.small-btn:disabled{opacity:.45;cursor:not-allowed}.small-btn.tiny{padding:6px 8px;font-size:11px}.small-btn.toggle-on{border-color:var(--good);color:#d8f3c4}.small-btn.toggle-off{border-color:var(--warn);opacity:.75}.skill-controls{display:flex;gap:5px;flex-shrink:0}.help-title{font-size:13px;color:var(--gold-bright);margin:12px 0 6px}.help-list{list-style:none;display:flex;flex-direction:column;gap:5px}.help-list li{font-size:12.5px;line-height:1.5;color:var(--text);padding-left:14px;position:relative}.help-list li:before{content:"·";position:absolute;left:2px;color:var(--gold-bright)}.intro-line{font-size:13.5px;line-height:1.7;margin:0 0 12px;color:var(--text)}.intro-line:last-of-type{color:var(--gold-bright);text-align:center}.intro-start{display:block;width:100%;margin-top:12px;padding:12px 0;font-size:14px;font-weight:700;border-color:var(--gold);color:var(--gold-bright)}@media(max-width:760px){#hud-char,#quest-tracker{width:200px}#quest-tracker{top:90px}#menu-rail{top:130px;right:12px;transform:none;flex-direction:column}.menu-btn{width:48px}#skill-bar{left:auto;right:12px;transform:none}}