:root{--bg-deep: #1c2b3a;--panel: #fff8ef;--panel-border: #e3c98f;--ink: #3a2e22;--ink-soft: #7a6a55;--accent: #ff8fab;--accent-2: #4ecdc4;--accent-3: #ffd23f;--danger: #ff6b6b;--good: #52b788;--radius-lg: 18px;--radius-md: 12px;--radius-sm: 8px;--shadow-soft: 0 6px 18px rgba(0, 0, 0, .18);font-family:Segoe UI,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg-deep);color:var(--ink);overflow:hidden}#app{position:relative;width:100vw;height:100vh}canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.panel{background:var(--panel);border:2px solid var(--panel-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);color:var(--ink)}.btn{font:inherit;font-weight:700;cursor:pointer;border:none;border-radius:var(--radius-md);padding:8px 16px;background:var(--accent-2);color:#06342f;box-shadow:0 3px #00000026;transition:transform .08s ease,filter .12s ease}.btn:hover{filter:brightness(1.06)}.btn:active{transform:translateY(2px);box-shadow:0 1px #00000026}.btn:disabled{cursor:not-allowed;filter:grayscale(.6);opacity:.55;box-shadow:none}.btn.primary{background:var(--accent);color:#3a0e1e}.btn.warn{background:var(--danger);color:#3a0e0e}.btn.gold{background:var(--accent-3);color:#4a3300}input[type=text]{font:inherit;padding:8px 10px;border-radius:var(--radius-sm);border:2px solid var(--panel-border);background:#fffdf7;color:var(--ink)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.screen.hidden{display:none}.screen--overlay{pointer-events:none}.screen--overlay>*{pointer-events:auto}h1,h2,h3{margin:0 0 8px}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background:var(--panel-border);border-radius:8px}.lobby-panel{width:min(720px,92vw);max-height:88vh;overflow-y:auto;padding:28px 32px}.lobby-subtitle{color:var(--ink-soft);margin-top:-4px}.lobby-join-row{display:flex;gap:10px;margin:10px 0}.lobby-join-row input{flex:1}.lobby-room-code{font-size:1.2rem;font-weight:700;color:var(--accent);margin:8px 0}.lobby-status{min-height:1.2em;font-size:.9rem}.lobby-players{display:flex;flex-direction:column;gap:6px;margin:14px 0}.lobby-player-row{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#fffdf7;border-radius:var(--radius-sm);border:1px solid var(--panel-border)}.lobby-player-status{color:var(--danger);font-size:.85rem;margin-left:auto}.lobby-deck-preview{margin:14px 0}.lobby-deck-empty{color:var(--ink-soft);font-size:.9rem}.lobby-deck-list{display:flex;flex-wrap:wrap;gap:6px}.lobby-deck-chip{background:var(--accent-3);color:#4a3300;border-radius:999px;padding:4px 10px;font-size:.85rem;font-weight:700}.lobby-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.lobby-mode-toggle{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}.lobby-mode-label{font-weight:700;font-size:.9rem;color:var(--ink-soft)}.lobby-mode-segmented{display:flex;border:2px solid var(--panel-border);border-radius:999px;overflow:hidden}.lobby-mode-option{font:inherit;font-weight:700;font-size:.85rem;cursor:pointer;border:none;padding:6px 14px;background:#fffdf7;color:var(--ink-soft)}.lobby-mode-option.active{background:var(--accent-2);color:#06342f}.lobby-mode-option:disabled{cursor:not-allowed}.lobby-mode-toggle.read-only .lobby-mode-option:disabled{opacity:1}.hud-root{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;font-size:.92rem}.hud-top-row{display:flex;justify-content:center;padding:10px}.hud-status-bar{display:flex;align-items:center;gap:16px;padding:8px 18px;flex-wrap:wrap}.hud-status-wave{font-weight:800;color:var(--ink)}.hud-status-basehp{display:flex;align-items:center;gap:6px;min-width:160px}.hud-basehp-track,.hud-bosshp-track{width:160px;height:12px;background:#3226;border-radius:6px;overflow:hidden}.hud-basehp-fill{height:100%;background:var(--good);width:100%;transition:width .15s ease}.hud-base-shield{color:#2f7fbf;font-weight:700}.hud-status-coins{font-weight:700;color:#7a5b00}.hud-status-prep{font-weight:700;color:var(--danger);min-width:90px}.hud-status-boss{display:flex;align-items:center;gap:8px;font-weight:700}.hud-bosshp-fill{height:100%;background:var(--danger);width:100%;transition:width .15s ease}.hidden{display:none!important}.hud-player-panel{align-self:flex-start;margin:10px;display:flex;flex-direction:column;gap:4px;pointer-events:none}.hud-player-row{background:#fff8efe6;border:1px solid var(--panel-border);border-radius:var(--radius-sm);padding:4px 10px;min-width:220px}.hud-player-row.self{border-color:var(--accent)}.hud-player-name{font-weight:700;font-size:.85rem}.hud-player-stats{display:flex;gap:8px;font-size:.78rem;color:var(--ink-soft)}.hud-bottom-row{display:flex;flex-direction:column;gap:8px;padding:10px;background:linear-gradient(to top,rgba(28,43,58,.85),transparent)}.hud-skill-bar{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.hud-skill-row{display:flex;gap:8px}.hud-skill-wrap{position:relative}.hud-skill-btn{min-width:96px}.hud-skill-cooldown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);pointer-events:none;opacity:0}.hud-ultimate-btn .hud-skill-btn{background:var(--accent-3);color:#4a3300}.hud-ping-row{display:flex;gap:6px;flex-wrap:wrap}.hud-ping-btn{font-size:.78rem;padding:6px 10px;background:#fffc;color:var(--ink)}.hud-picker{display:flex;justify-content:center;align-items:center;gap:10px;background:#fff8efeb;border-radius:var(--radius-md);padding:8px 14px;margin:0 auto;max-width:100%;overflow-x:auto}.hud-picker-group{display:flex;gap:6px;padding:0 6px;border-right:1px solid var(--panel-border)}.hud-picker-group:last-child{border-right:none}.hud-picker-card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;border:2px solid transparent;border-left:4px solid var(--category-color, var(--accent));border-radius:var(--radius-sm);padding:4px 6px 5px;background:#fff;cursor:pointer;width:74px;flex:0 0 auto;transition:transform .18s ease,opacity .18s ease,border-color .12s ease}.hud-picker-card.selected{border-color:var(--accent);border-left-color:var(--accent)}.hud-picker-card:disabled{opacity:.45;cursor:not-allowed}.hud-picker-icon{width:42px;height:42px;object-fit:contain;pointer-events:none}.hud-picker-name{font-size:.62rem;font-weight:700;line-height:1.05;text-align:center;color:var(--ink);max-width:100%;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;pointer-events:none}.hud-picker-cost{position:absolute;right:-4px;top:-4px;font-size:.62rem;font-weight:700;color:#7a5b00;background:#fff8efee;border:1px solid var(--panel-border);border-radius:999px;padding:1px 5px;white-space:nowrap;pointer-events:none}.hud-picker-card-enter{animation:hud-picker-card-slide-in .32s cubic-bezier(.22,1,.36,1)}@keyframes hud-picker-card-slide-in{0%{transform:translate(36px) scale(.85);opacity:0}to{transform:translate(0) scale(1);opacity:1}}.hud-picker-drag-ghost{position:fixed;width:48px;height:48px;transform:translate(-50%,-50%);pointer-events:none;z-index:50;opacity:.85;filter:drop-shadow(0 4px 8px rgba(0,0,0,.35))}.hud-chat-box{position:absolute;right:12px;bottom:190px;width:260px;background:#1c2b3abf;border-radius:var(--radius-md);padding:8px;display:flex;flex-direction:column;gap:6px}.hud-chat-log{max-height:140px;overflow-y:auto;display:flex;flex-direction:column;gap:2px;font-size:.8rem;color:#fff}.hud-chat-name{font-weight:700;color:var(--accent-3)}.hud-chat-input{width:100%}.hud-mode-indicator{position:absolute;top:70px;left:50%;transform:translate(-50%);background:#000000b3;color:#fff;padding:6px 14px;border-radius:999px;font-size:.85rem;font-weight:700}.hud-toast{position:absolute;top:110px;left:50%;transform:translate(-50%);padding:8px 16px;border-radius:var(--radius-sm);font-weight:700;color:#fff;background:#1e1e1ed9;animation:toast-fade 3.5s ease forwards}.hud-toast-warn{background:#bf2828e6}.hud-toast-help{background:#4ecdc4e6}@keyframes toast-fade{0%{opacity:0;transform:translate(-50%,-6px)}10%{opacity:1;transform:translate(-50%)}85%{opacity:1}to{opacity:0}}.hud-card-offer-modal{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#0000008c}.hud-card-offer-panel{width:min(680px,90vw);padding:24px;text-align:center}.hud-card-offer-choices{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;justify-content:center}.hud-card-offer-choice{flex:1;min-width:180px;display:flex;flex-direction:column;gap:6px;padding:14px;text-align:left;background:#fffdf7;color:var(--ink)}.results-panel{width:min(760px,92vw);max-height:88vh;overflow-y:auto;padding:28px 32px}.results-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.results-stat{display:flex;flex-direction:column;align-items:center;background:#fffdf7;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:10px}.results-stat-value{font-size:1.4rem;font-weight:800;color:var(--accent)}.results-rewards{display:flex;gap:16px;font-weight:700;margin-bottom:16px}.results-table{width:100%;border-collapse:collapse;margin-bottom:16px}.results-table th,.results-table td{border:1px solid var(--panel-border);padding:6px 10px;text-align:center;font-size:.85rem}.results-actions{display:flex;gap:10px}.meta-panel{width:min(920px,94vw);max-height:90vh;overflow-y:auto;padding:24px 30px}.meta-header{display:flex;justify-content:space-between;align-items:center}.meta-currency{display:flex;gap:16px;font-weight:700;margin:10px 0 18px}.meta-category-section{margin-bottom:18px}.meta-card-row{display:flex;flex-wrap:wrap;gap:12px}.meta-card-tile{width:190px;background:#fffdf7;border:1px solid var(--panel-border);border-radius:var(--radius-md);padding:10px;display:flex;flex-direction:column;gap:4px}.meta-card-name{font-weight:800}.meta-card-blurb{font-size:.78rem;color:var(--ink-soft);min-height:2.4em}.meta-card-level{font-size:.8rem;font-weight:700}.meta-card-cost{font-size:.8rem;color:#7a5b00;min-height:1.2em}.meta-card-btn{margin-top:4px}.game-screen-container{position:absolute;top:0;right:0;bottom:0;left:0}.hud-unit-popover{position:absolute;transform:translate(-50%,-115%);pointer-events:none;z-index:20}.hud-unit-popover.hidden{display:none}.hud-unit-popover-panel{pointer-events:auto;padding:8px 10px;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:140px}.hud-unit-popover-name{font-weight:800;font-size:.85rem;white-space:nowrap}.hud-unit-popover-actions{display:flex;gap:6px;align-items:center}.hud-unit-popover-ability-wrap{position:relative}.hud-unit-popover-ability-wrap.hidden{display:none}.hud-unit-popover-ability-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);pointer-events:none}canvas{touch-action:none}.reconnect-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#0a1018b8;pointer-events:auto}.reconnect-overlay.hidden{display:none}.reconnect-panel{width:min(360px,88vw);padding:28px 32px;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center}.reconnect-spinner{width:36px;height:36px;border-radius:50%;border:4px solid var(--panel-border);border-top-color:var(--accent);animation:reconnect-spin .9s linear infinite}@keyframes reconnect-spin{to{transform:rotate(360deg)}}.reconnect-message{margin:0;font-weight:700;color:var(--ink);animation:reconnect-pulse 1.6s ease-in-out infinite}@keyframes reconnect-pulse{0%,to{opacity:1}50%{opacity:.55}}.reconnect-retry-btn.hidden{display:none}@media (max-width: 768px),(pointer: coarse) and (max-width: 900px){.hud-root{font-size:.8rem}.hud-top-row{padding:6px}.hud-status-bar{gap:6px 10px;padding:6px 10px;font-size:.76rem;border-radius:var(--radius-sm)}.hud-basehp-track,.hud-bosshp-track{width:84px;height:9px}.hud-status-basehp,.hud-status-prep{min-width:0}.hud-player-panel,.hud-chat-box,.hud-ping-row{display:none}.hud-bottom-row{padding:6px;gap:6px}.hud-skill-bar{gap:6px;flex-wrap:nowrap;overflow-x:auto;touch-action:pan-x}.hud-skill-row{gap:6px}.hud-skill-btn{min-width:0;padding:8px 10px;font-size:.76rem;white-space:nowrap}.hud-picker{position:fixed;top:52px;left:6px;right:6px;margin:0;flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;gap:8px;padding:8px 10px;background:#fff8eff5;box-shadow:var(--shadow-soft);touch-action:pan-x;-webkit-overflow-scrolling:touch;z-index:6}.hud-picker-group{gap:6px;padding:0 4px}.hud-picker-card{width:62px;flex:0 0 auto;padding:3px 5px 4px}.hud-picker-icon{width:36px;height:36px}.hud-picker-name,.hud-picker-cost{font-size:.56rem}.hud-card-offer-modal .panel,.hud-relic-offer-modal .panel{max-width:94vw}}.hud-status-bossforecast{font-weight:700;color:#b5651d;white-space:nowrap}.hud-unit-popover-actions{flex-wrap:wrap}.hud-unit-popover-sell{padding:6px 12px}