:root{--bg: #1a1c2c;--panel: #272b3d;--text: #e4e7f0;--accent: #f4b41a;--hp: #e04f4f}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);font-family:Segoe UI,system-ui,sans-serif;image-rendering:pixelated;overscroll-behavior:none;touch-action:none;-webkit-text-size-adjust:100%;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent}input,textarea{-webkit-user-select:text;user-select:text}button{-webkit-tap-highlight-color:transparent}.weapon-button:focus,.joystick:focus{outline:none}#app{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}#game{display:block;image-rendering:pixelated;cursor:crosshair;touch-action:none}#hud{position:absolute;top:0;left:0;right:0;padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 10px max(14px,env(safe-area-inset-left));display:flex;gap:24px;align-items:flex-start;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;text-shadow:1px 1px 0 #000}.hud-card{background:#272b3d8c;border:2px solid #000;border-radius:10px;padding:8px 12px;min-width:160px;pointer-events:auto}.card-body{display:block}.hud-card.collapsible .card-body{display:none}.hud-card.collapsible.open .card-body{display:block}.hud-card.collapsible:hover{background:#30354abf}.hud-card.collapsible h2{cursor:pointer}.hud-card h2{margin:0 0 6px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.hud-top-row{display:flex;justify-content:space-between;gap:16px}.hud-coins{color:var(--accent);font-weight:700}.ios .hud-log,.ios .hud-minor{display:none}.ios #hud{flex-direction:column;gap:8px;max-height:60vh;overflow-y:auto;overflow-x:hidden}.ios .hud-attrs,.ios .hud-wep{display:none}.ios .hud-main{cursor:pointer}.ios #hud.attrs-open{max-height:92vh}.ios #hud.attrs-open .hud-attrs,.ios #hud.attrs-open .hud-attrs .card-body{display:block}.ios #hud.moves-open{max-height:92vh}.bar{height:10px;background:#000;margin:4px 0;border:1px solid #000}.bar-fill{height:100%;background:var(--hp);transition:width .12s linear}.bar-fill.xp{background:#3f8efc}.gem-row{display:flex;gap:6px;margin:4px 0}.gem-icon{width:12px;height:12px;transform:rotate(45deg);border:1px solid #000;border-radius:2px;background:#2a2a33}.gem-icon.collected{background:var(--gem-color);box-shadow:0 0 5px var(--gem-color)}.skill-row{display:flex;justify-content:space-between;gap:16px;margin:2px 0}.skill-level{color:var(--accent);font-weight:700}.key-hint{color:#9aa3b8;font-size:10px}.key-hint.locked{color:#d08770}.skill-row.weapon-locked{opacity:.55}.move{display:flex;align-items:center;gap:8px;margin:1px 0;padding:3px 8px;border-radius:4px;transition:opacity .12s linear,background-color .12s linear;cursor:pointer}.move:hover{background:#ffffff12}.move.learned{color:var(--text)}.move.locked{opacity:.35}.move.passive{cursor:default}.move.passive:hover{background:transparent}.move.selected{color:var(--accent);font-weight:700}.move-star{width:14px;text-align:center;visibility:hidden}.move.selected .move-star{visibility:visible}.move-name{flex:1;text-align:center}.move-lv{color:var(--accent);font-size:11px;min-width:28px;text-align:right}#profiles{position:absolute;top:10px;right:10px;z-index:10;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:13px;text-shadow:1px 1px 0 #000}.mobile-minimap{margin-top:6px;display:flex;justify-content:flex-end}.mobile-minimap canvas{width:96px;height:auto;image-rendering:pixelated;border:2px solid #000;background:#272b3de6}.profiles-card,.mp-card{background:#272b3d99;border:2px solid #000;border-radius:10px;padding:10px 12px;min-width:200px;max-height:70vh;overflow-y:auto;pointer-events:auto}.mp-card{margin-top:8px}.mp-card.collapsible .mp-body{display:none}.mp-card.collapsible.open .mp-body{display:block}.mp-card.collapsible h2{cursor:pointer}.profiles-card h2,.mp-card h2{margin:0 0 6px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--accent)}.profiles-mode{color:#d8a657;font-size:10px;letter-spacing:0;text-transform:none}.profiles-current{margin-bottom:6px;color:#9aa3b8}.profiles-current span{color:var(--text);font-weight:700}.profiles-card.collapsible .profiles-body{display:none}.profiles-card.collapsible.open .profiles-body{display:block}.profiles-card.collapsible:hover{background:#30354abf}.profiles-card.collapsible h2{cursor:pointer}.profiles-row{display:flex;gap:6px;margin-bottom:6px}.profiles-card input,.mp-card input{flex:1;min-width:0;padding:4px 6px;background:#000;border:1px solid #000;color:var(--text);font:inherit;font-size:16px}.profiles-card button,.mp-card button{padding:4px 8px;background:#3a4057;border:1px solid #000;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation}.profiles-card button:disabled,.mp-card button:disabled{opacity:.5;cursor:default}.mp-card button[data-host],.mp-card button[data-leave]{margin-top:6px}.mp-room{color:var(--accent);font-weight:700}.mp-roster{margin:6px 0}.mp-roster-row{margin:2px 0;font-size:12px}.mp-status{margin-top:6px;min-height:15px;font-size:11px;color:#9aa3b8}@media (hover: hover){.profiles-card button:hover,.mp-card button:hover{background:#4a5170}}.profiles-list,.profiles-leaderboard{margin:6px 0}.hero-row,.lb-row{display:flex;align-items:center;gap:8px;margin:2px 0}.hero-load{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero-meta{color:#9aa3b8;font-size:11px;white-space:nowrap}.hero-del{background:#5a2a2a!important}.lb-row{justify-content:space-between;font-size:12px}.lb-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lb-stats{color:#9aa3b8;white-space:nowrap}.lb-won{color:#ffd54a;font-weight:700;letter-spacing:1px}.profiles-msg,.mp-msg{margin-top:6px;min-height:15px;font-size:11px;color:#9fd08a}.profiles-msg.error,.mp-msg.error{color:#ff8a8a}@media (max-width: 600px){.profiles-card,.mp-card{min-width:0;max-width:176px;padding:4px 8px;font-size:11px}.profiles-card h2,.mp-card h2{font-size:11px}.profiles-current{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shop{top:calc(64px + env(safe-area-inset-top));bottom:auto;width:min(280px,calc(100vw - 24px));padding:8px 10px;font-size:12px;max-height:calc(100vh - 84px - env(safe-area-inset-top) - env(safe-area-inset-bottom));overflow-y:auto}.shop-title{font-size:12px}.shop-item{padding:6px 8px}.shop-item-desc{font-size:11px}.dwarf-message{font-size:12px;margin-bottom:6px}}.joystick{position:absolute;bottom:max(28px,env(safe-area-inset-bottom));left:max(28px,env(safe-area-inset-left));width:128px;height:128px;border-radius:50%;background:#272b3d66;border:2px solid rgba(228,231,240,.35);touch-action:none;-webkit-user-select:none;user-select:none;z-index:20}.joystick-knob{position:absolute;top:0;left:0;width:48px;height:48px;border-radius:50%;background:#e4e7f08c;border:2px solid rgba(0,0,0,.6);pointer-events:none}.weapon-buttons{position:absolute;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));display:grid;grid-template-columns:repeat(2,52px);gap:8px;z-index:30}.weapon-button{width:52px;height:52px;padding:6px;background:#272b3dd9;border:2px solid #000;border-radius:10px;cursor:pointer;touch-action:manipulation;display:flex;align-items:center;justify-content:center}.weapon-button[hidden]{display:none}.weapon-button.active{background:#f4b41a;border-color:#000}.enemy-tooltip{position:fixed;z-index:40;background:#141621bf;border:2px solid #000;border-radius:10px;padding:8px 10px;min-width:150px;font-size:12px;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:2px 2px #000}.enemy-tooltip-title{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.enemy-tooltip-lv{color:#9aa3b8;font-weight:400}.enemy-tooltip-hp{color:var(--hp);margin-bottom:4px}.enemy-tooltip-row{display:flex;justify-content:space-between;gap:16px}.enemy-tooltip-row span:last-child{color:var(--accent);font-weight:700}.ally-panel{width:260px;bottom:auto;top:50%;transform:translate(-50%,-50%)}.ally-panel .shop-title span{color:#9aa3b8;font-weight:400;font-size:12px}.ally-hp{color:var(--hp);margin-bottom:2px}.ally-attrs{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.ally-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.ally-actions .ally-mode-button{flex:1 1 auto}.ally-mode-button{padding:8px 14px;background:#3a4057;border:1px solid #000;color:var(--text);font:inherit;font-weight:700;cursor:pointer}.ally-mode-button:hover{background:#4a5170}.ally-mode-button.gift{background:#5a2a3a}.ally-mode-button.gift:hover{background:#6e3546}.win-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;background:var(--bg);z-index:100;-webkit-user-select:none;user-select:none}.win-sprite{image-rendering:pixelated;filter:drop-shadow(0 0 24px rgba(244,180,26,.35))}.win-sub{font-size:18px;color:#9aa3b8;letter-spacing:2px;margin-top:8px}.win-text{font-size:64px;font-weight:700;color:var(--accent);letter-spacing:6px;text-shadow:4px 4px 0 #000}.win-stats{display:flex;flex-direction:column;gap:6px;min-width:240px;background:#272b3da6;border:2px solid #000;border-radius:10px;padding:14px 18px;font-size:15px;text-shadow:1px 1px 0 #000}.win-stat-row{display:flex;justify-content:space-between;gap:40px}.win-stat-row span:last-child{color:var(--accent);font-weight:700}.win-again{margin-top:10px;padding:12px 26px;font-size:18px;font-weight:700;color:#1a1a1a;background:var(--accent);border:2px solid #000;border-radius:8px;cursor:pointer}.win-again:hover{background:#ffd54a}.shop{position:absolute;bottom:28px;left:50%;transform:translate(-50%);width:360px;background:#141621bf;border:2px solid #000;border-radius:12px;box-shadow:2px 2px #000;padding:12px 14px;z-index:40;font-size:14px;text-shadow:1px 1px 0 #000;-webkit-user-select:none;user-select:none}.shop-title{color:var(--accent);font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:4px}.shop-head{display:flex;justify-content:space-between;align-items:center}.shop-head .shop-title{margin-bottom:0}.shop-close{width:26px;height:26px;padding:0;background:#3a4057;border:1px solid #000;color:var(--text);font:inherit;font-size:14px;line-height:1;cursor:pointer;flex:none}.shop-close:hover{background:#4a5170}.shop-close-bottom{display:block;width:100%;margin-top:8px;padding:8px;background:#a32323;border:1px solid #000;color:#fff;font:inherit;font-weight:700;cursor:pointer}.shop-close-bottom:hover{background:#c53030}.shop-coins{color:#ffd54a;margin-bottom:8px}.shop-items{display:flex;flex-direction:column;gap:6px}.shop-item{display:block;width:100%;text-align:left;padding:8px 10px;background:#3a4057;border:1px solid #000;color:var(--text);font:inherit;cursor:pointer}.shop-item[hidden]{display:none}@media (hover: hover){.shop-item:hover:not(:disabled){background:#4a5170}}.shop-item:disabled{cursor:default}.shop-item.owned{opacity:.55}.shop-item.cant-afford{opacity:.6}.shop-item-head{display:flex;justify-content:space-between;gap:12px}.shop-item-name{font-weight:700}.shop-item-cost{color:var(--accent);font-weight:700}.shop-item.owned .shop-item-cost{color:#9fd08a}.shop-item-desc{color:#9aa3b8;font-size:12px;margin-top:2px}.dwarf-message{color:#e4e7f0;margin-bottom:8px;line-height:1.35}.gem-swatch{display:inline-block;width:10px;height:10px;margin-right:6px;border:1px solid #000;border-radius:2px;vertical-align:-1px}.dwarf-gem{cursor:default}.dwarf-enter{margin-top:8px;text-align:center;font-weight:700;color:#1a1a1a;background:var(--accent)}.dwarf-enter:hover:not(:disabled){background:#ffd54a}@media (hover: hover){.hud-card.collapsible:hover .card-body,.mp-card.collapsible:hover .mp-body,.profiles-card.collapsible:hover .profiles-body{display:block}}@media (hover: none){.hud-card.collapsible:hover{background:#272b3d8c}.profiles-card.collapsible:hover{background:#272b3d99}}