@import"https://fonts.googleapis.com/css2?family=Jua&family=Do+Hyeon&display=swap";*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0}.game-icon[data-v-44175579]{display:inline-block;vertical-align:middle;flex-shrink:0}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}.app-root[data-v-5d0aa427]{--ink: #2b1f34;--ink-dim: #5f4d71;--line: rgba(213, 181, 255, .5);--line-soft: rgba(236, 214, 255, .3);--panel: rgba(250, 244, 248, .9);--panel-soft: rgba(255, 248, 252, .95);--good: #d68cff;--bad: #ff9ab8;--warn: #ffb6e1;position:relative;width:100%;height:100dvh;overflow:hidden;box-sizing:border-box;padding:0;border-radius:0;color:var(--ink);isolation:isolate;font-size:16px;font-family:Jua,sans-serif;background:radial-gradient(circle at 16% 18%,rgba(255,199,234,.48),transparent 24%),radial-gradient(circle at 84% 14%,rgba(221,193,255,.5),transparent 24%),radial-gradient(circle at 50% 0%,rgba(255,242,249,.9),transparent 34%),linear-gradient(180deg,#fbf7fa,#f8f1f8 42%,#f5edf5)}.orientation-lock[data-v-5d0aa427]{display:none}.orientation-lock-card[data-v-5d0aa427]{width:min(18rem,calc(100vw - 2rem));padding:1.25rem 1rem;border-radius:24px;border:1px solid rgba(224,198,255,.28);background:linear-gradient(180deg,#fcf7fbf5,#f8eff7fa);box-shadow:0 18px 44px #b696d638,0 6px 18px #563e7114;text-align:center}.orientation-lock-card strong[data-v-5d0aa427]{display:block;color:#7a4da2;font-size:1.05rem}.orientation-lock-card p[data-v-5d0aa427]{margin:.5rem 0 0;color:#705f7f;font-size:.82rem;line-height:1.4}.app-root[data-v-5d0aa427]:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.85;background:radial-gradient(circle at 12% 18%,rgba(255,207,235,.24),transparent 18%),radial-gradient(circle at 88% 15%,rgba(217,188,255,.22),transparent 18%),radial-gradient(circle at 50% 110%,rgba(250,211,243,.38),transparent 34%),linear-gradient(180deg,transparent 0%,rgba(242,214,255,.12) 70%,rgba(255,223,241,.22) 100%);animation:none}.app-root[data-v-5d0aa427]:after{content:"";position:absolute;left:-8%;right:-8%;bottom:-20%;height:42%;z-index:-1;pointer-events:none;opacity:.8;filter:none;background:radial-gradient(ellipse at 8% 66%,rgba(255,214,238,.72) 0 20%,transparent 21%),radial-gradient(ellipse at 28% 74%,rgba(239,211,255,.76) 0 22%,transparent 23%),radial-gradient(ellipse at 50% 68%,rgba(255,230,245,.74) 0 24%,transparent 25%),radial-gradient(ellipse at 74% 76%,rgba(228,204,255,.72) 0 22%,transparent 23%),radial-gradient(ellipse at 92% 66%,rgba(255,215,234,.72) 0 20%,transparent 21%)}.ambient[data-v-5d0aa427]{display:none}.ambient-a[data-v-5d0aa427]{top:-90px;left:-40px;width:280px;height:280px;background:#f7c8e9}.ambient-b[data-v-5d0aa427]{right:-70px;bottom:-90px;width:260px;height:260px;background:#dcc0ff}.alerts[data-v-5d0aa427]{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:9999;width:min(430px,calc(100vw - 24px));display:flex;flex-direction:column;gap:6px;pointer-events:none}.alerts[data-v-5d0aa427] *{pointer-events:none}.alert-chip[data-v-5d0aa427]{border-radius:999px;padding:8px 10px;text-align:center;font-size:.8rem;box-shadow:0 2px #28364247;animation:popout-5d0aa427 2.2s ease forwards}.alert-chip.success[data-v-5d0aa427]{color:#19363d;background:linear-gradient(180deg,#a9e4daf5,#60b4b8f5)}.alert-chip.danger[data-v-5d0aa427]{background:linear-gradient(180deg,#f4af88f5,#d87b59f5)}@keyframes popout-5d0aa427{0%{opacity:0;transform:translateY(-8px)}10%{opacity:1;transform:translateY(0)}85%{opacity:1}to{opacity:0;transform:translateY(-8px)}}@keyframes canopyFloat-5d0aa427{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(0,-10px,0) scale(1.03)}}@keyframes glowPulse-5d0aa427{0%,to{opacity:.42}50%{opacity:.7}}.conn-banner[data-v-5d0aa427]{position:fixed;top:10px;right:10px;z-index:9999;display:flex;align-items:center;gap:8px;border-radius:999px;padding:5px 10px;font-size:.74rem;color:#3a2a49;background:#f9f3f8f0;border:1px solid rgba(224,198,255,.24);box-shadow:0 14px 30px #be9ee033,0 4px 10px #5f48770f;max-width:min(76vw,300px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn-banner .dot[data-v-5d0aa427]{width:7px;height:7px;border-radius:999px;background:#ffd9a5;box-shadow:0 0 0 4px #ffe1b71f}.conn-banner.connected .dot[data-v-5d0aa427]{background:#d891ff}.conn-banner.disconnected .dot[data-v-5d0aa427]{background:#ffb38d}.orientation-install-tip[data-v-5d0aa427]{margin:10px 0 0;padding:10px 12px;border-radius:14px;border:1px solid rgba(224,198,255,.18);background:#f7eef6d1;color:#574766;font-size:.78rem;line-height:1.5;text-align:left}.overlay[data-v-5d0aa427]{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:16px;background:linear-gradient(180deg,#fff4fcbd,#f8ecffd1);-webkit-backdrop-filter:none;backdrop-filter:none}.panel[data-v-5d0aa427]{width:min(560px,100%);max-height:92dvh;overflow:auto;position:relative;border-radius:24px;border:2px solid rgba(224,198,255,.22);padding:18px;background:#faf4f8e6;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 24px 60px #c2a5e138,0 10px 26px #674d8314}.panel[data-v-5d0aa427]:before,.command-deck[data-v-5d0aa427]:before,.deck-card[data-v-5d0aa427]:before,.canvas-shell[data-v-5d0aa427]:before,.room-box[data-v-5d0aa427]:before,.overlay-chat-card[data-v-5d0aa427]:before{content:none}.title[data-v-5d0aa427]{margin:0;font-family:Do Hyeon,sans-serif;font-size:clamp(1.7rem,1.2rem + 1.1vw,2rem);letter-spacing:.8px;color:#8c4fc8;text-shadow:0 2px 0 rgba(255,255,255,.8),0 10px 24px rgba(212,176,236,.3)}.subtitle[data-v-5d0aa427]{margin:4px 0 0;color:#7b6d88;font-size:.9rem}.panel-head[data-v-5d0aa427]{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.panel-brand[data-v-5d0aa427]{min-width:0}.panel-head-actions[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end}.panel-mini-btn[data-v-5d0aa427]{flex:0 0 auto;height:clamp(1.9rem,1.75rem + .5vw,2rem);padding:0 10px;border-radius:999px;font-size:.75rem;white-space:nowrap;display:inline-flex;align-items:center;gap:5px}.section-title[data-v-5d0aa427]{margin:10px 0;font-size:1.05rem;color:#6e3f9d}.room-title-row[data-v-5d0aa427]{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.room-password-inline[data-v-5d0aa427]{color:#7a4da2;font-size:.84rem;line-height:1}.row[data-v-5d0aa427]{display:flex;gap:8px}.register-row[data-v-5d0aa427]{margin-top:8px}.auth-actions[data-v-5d0aa427]{margin-top:10px}.auth-error[data-v-5d0aa427]{margin:8px 0 0;font-size:.76rem;color:#b35e7e}input[data-v-5d0aa427],select[data-v-5d0aa427]{min-width:0;border-width:2px;border-radius:14px;border-color:#e0c6ff33;color:#372844;font-family:Jua,sans-serif;box-shadow:inset 0 1px #ffffff1a;background:linear-gradient(180deg,#fcf7fbf5,#f6eef5eb)}input[data-v-5d0aa427]{flex:1;height:clamp(2.25rem,2.05rem + .55vw,2.625rem);padding:0 12px;font-size:clamp(.84rem,.78rem + .18vw,.94rem)}input[data-v-5d0aa427]::placeholder{color:#78608d8c}select[data-v-5d0aa427]{flex:0 0 92px;height:clamp(2.25rem,2.05rem + .55vw,2.625rem);padding:0 10px;font-size:clamp(.84rem,.78rem + .18vw,.94rem)}input[data-v-5d0aa427]:focus,select[data-v-5d0aa427]:focus{outline:none;border-color:#d68cff;box-shadow:0 0 0 3px #d68cff29,inset 0 1px #ffffff24}.count[data-v-5d0aa427]{text-align:right;margin:6px 4px 10px;font-size:.78rem;color:#665477}.create-room-row[data-v-5d0aa427]{align-items:stretch;margin-bottom:12px}.room-password-input[data-v-5d0aa427]{flex:0 0 min(150px,30vw)}.visible-password-input[data-v-5d0aa427]{color:#7443a5;caret-color:#7443a5}.visible-password-input[data-v-5d0aa427]::placeholder{color:#7443a573}.lobby-header[data-v-5d0aa427]{display:grid;gap:2px;margin-bottom:10px}.lobby-level-line[data-v-5d0aa427]{margin:0;font-size:.73rem;color:#5f4972}.lobby-meta-line[data-v-5d0aa427]{margin:-2px 2px 10px;text-align:right;font-size:.72rem;color:#68567ad1}.level-progress[data-v-5d0aa427]{position:relative;margin-top:4px;height:8px;border-radius:999px;overflow:hidden;background:#e4d9e8cc;border:1px solid rgba(224,198,255,.18)}.level-progress-fill[data-v-5d0aa427]{height:100%;border-radius:inherit;background:linear-gradient(90deg,#d891ff,#ff9dcb)}.lobby-tool-row[data-v-5d0aa427]{margin-top:0;margin-bottom:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.tutorial-doc[data-v-5d0aa427],.codex-doc[data-v-5d0aa427]{position:relative;border-radius:24px;border:2px solid rgba(224,198,255,.18);padding:10px;margin-bottom:10px;background:#f9f2f8e6;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 16px 36px #c1a3e024,0 6px 14px #5b44750d}.tutorial-doc h3[data-v-5d0aa427],.codex-doc h3[data-v-5d0aa427]{margin:0 0 4px;font-size:.95rem;color:#7a4da2}.tutorial-doc>p[data-v-5d0aa427],.codex-doc>p[data-v-5d0aa427]{margin:0 0 8px;color:#5f4d71;font-size:.78rem}.tutorial-section+.tutorial-section[data-v-5d0aa427]{margin-top:8px}.tutorial-section h4[data-v-5d0aa427]{margin:0 0 4px;font-size:.82rem;color:#7a4da2}.tutorial-section ul[data-v-5d0aa427]{margin:0;padding-left:18px}.tutorial-section li[data-v-5d0aa427]{margin:2px 0;color:#4a3a58;font-size:.76rem;line-height:1.35}.codex-table-wrap[data-v-5d0aa427]{overflow-x:auto;border-radius:8px;border:1px solid rgba(224,198,255,.16);background:#f7eff7db}.codex-table[data-v-5d0aa427]{width:100%;border-collapse:collapse;min-width:760px;font-size:.74rem}.codex-table th[data-v-5d0aa427],.codex-table td[data-v-5d0aa427]{padding:7px 8px;border-bottom:1px solid rgba(224,198,255,.12);color:#463553;text-align:left;vertical-align:top}.codex-table thead th[data-v-5d0aa427]{color:#7443a5;background:#f0c98324;font-size:.75rem}.codex-table tbody tr:last-child td[data-v-5d0aa427]{border-bottom:none}.room-box[data-v-5d0aa427],.room-item[data-v-5d0aa427],.player-card[data-v-5d0aa427],.result-box[data-v-5d0aa427]{position:relative;border:2px solid rgba(224,198,255,.18);background:#faf4f8db;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 40px #c1a3e029,0 6px 16px #5b44750f}.resume-box[data-v-5d0aa427]{border-radius:12px;border:1px solid rgba(240,201,131,.44);background:#ffefe8b8;padding:10px;margin-bottom:10px;display:grid;gap:8px}.resume-box p[data-v-5d0aa427]{margin:0;font-size:.82rem;color:#4d3b5b}.room-box[data-v-5d0aa427]{border-radius:12px;padding:10px}.room-head[data-v-5d0aa427],.empty[data-v-5d0aa427],.waiting[data-v-5d0aa427]{color:#5f4d71}.room-item[data-v-5d0aa427]{border-radius:28px;padding:14px 16px;margin-bottom:8px;background:#f8f0f7eb;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px}.room-main[data-v-5d0aa427]{min-width:0;display:grid;gap:8px;font-size:.88rem}.room-topline[data-v-5d0aa427]{min-width:0}.room-name[data-v-5d0aa427]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#352741;font-size:1.02rem}.room-status-badge[data-v-5d0aa427],.room-meta-chip[data-v-5d0aa427]{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:.7rem;line-height:1.3;white-space:nowrap}.room-status-badge[data-v-5d0aa427]{color:#5b4770;border:1px solid rgba(224,198,255,.22);background:#f3e9f8e0}.room-status-badge.waiting[data-v-5d0aa427]{color:#7a4da2;background:#f5e6ffeb}.room-status-badge.full[data-v-5d0aa427]{color:#8b5a23;background:#ffeccce0}.room-status-badge.started[data-v-5d0aa427]{color:#7d4da9;background:#f0e4ffe0}.room-status-badge.finished[data-v-5d0aa427]{color:#b35e7e;background:#ffe4f0e0}.room-meta-row[data-v-5d0aa427]{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;flex-wrap:nowrap}.room-meta-chip[data-v-5d0aa427]{color:#5c4a6d;background:#f4ecf6eb;border:1px solid rgba(224,198,255,.14);flex:0 0 auto}.room-host[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:4px;color:#7a4da2}.room-host-name[data-v-5d0aa427]{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.room-lock-badge[data-v-5d0aa427]{display:inline-flex;align-items:center;justify-content:center;width:fit-content;padding:2px 7px;border-radius:999px;font-size:.68rem;color:#9a6a30;background:#ffecccdb;border:1px solid rgba(255,214,152,.32)}.room-item>.btn[data-v-5d0aa427]{flex:0 0 auto;min-width:5.8rem;height:3.2rem;padding:0 1rem;border-radius:24px;font-size:.86rem}.players[data-v-5d0aa427]{display:grid;grid-template-columns:1fr;gap:8px;margin-bottom:12px}.player-card[data-v-5d0aa427]{border-radius:24px;padding:9px 10px;min-height:56px;display:flex;align-items:center;justify-content:space-between;gap:10px}.player-card.me[data-v-5d0aa427]{border-color:#e0c6ff6b;background:#f5e8f8f5}.player-main[data-v-5d0aa427]{min-width:0;display:inline-flex;align-items:center;gap:8px;flex:1}.player-actions[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto}.player-card .name[data-v-5d0aa427]{min-width:0;max-width:min(55vw,440px);display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bot-badge[data-v-5d0aa427]{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:.68rem;line-height:1.25;color:#304c3e;background:#caebdbf2}.player-level-chip[data-v-5d0aa427]{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:999px;font-size:.68rem;line-height:1.25;color:#654c79;background:#f1e7f6eb;border:1px solid rgba(224,198,255,.18);flex:0 0 auto}.player-level-chip.compact[data-v-5d0aa427]{font-size:.66rem;padding:2px 7px}.player-level-chip.spec[data-v-5d0aa427]{font-size:.64rem;padding:2px 7px}.player-level-name[data-v-5d0aa427]{color:#31243d}.ready-badge[data-v-5d0aa427]{border-radius:999px;padding:2px 8px;font-size:.72rem;color:#b35e7e;border:1px solid rgba(255,178,203,.4);background:#ffe8f1e6}.ready-badge.on[data-v-5d0aa427]{color:#7a4da2;border-color:#d68cff52;background:#f2e4ffeb}.result-wait-badge[data-v-5d0aa427]{border-radius:999px;padding:2px 8px;font-size:.7rem;color:#9a6a30;border:1px solid rgba(255,204,120,.32);background:#fff1dce0}.host[data-v-5d0aa427]{border-radius:8px;padding:2px 6px;font-size:.72rem;color:#9a6a30;background:#fff0d1d1;border:1px solid rgba(255,224,161,.38)}.room-action-btn[data-v-5d0aa427]{height:clamp(1.85rem,1.72rem + .35vw,2rem)!important;min-height:clamp(1.85rem,1.72rem + .35vw,2rem)!important;padding:0 10px!important;line-height:clamp(1.85rem,1.72rem + .35vw,2rem)!important;font-size:clamp(.66rem,.63rem + .12vw,.74rem)!important}.kick-modal-backdrop[data-v-5d0aa427]{position:fixed;inset:0;z-index:2000;display:grid;place-items:center;background:#111c2480;-webkit-backdrop-filter:none;backdrop-filter:none}.join-room-modal-backdrop[data-v-5d0aa427]{position:fixed;inset:0;z-index:3000;display:grid;place-items:center;padding:14px;background:#0a121894;-webkit-backdrop-filter:none;backdrop-filter:none}.join-room-modal[data-v-5d0aa427]{width:min(420px,calc(100vw - 28px))}.kick-modal[data-v-5d0aa427]{width:min(420px,calc(100vw - 28px));position:relative;border-radius:24px;border:2px solid rgba(224,198,255,.2);background:#f9f2f8f2;padding:14px;-webkit-backdrop-filter:none;backdrop-filter:none}.kick-modal h3[data-v-5d0aa427]{margin:0 0 6px;font-size:1.05rem;color:#6e3f9d}.kick-modal p[data-v-5d0aa427]{margin:0;color:#4d3b5b;font-size:.88rem;line-height:1.45}.kick-modal-actions[data-v-5d0aa427]{margin-top:12px;display:flex;justify-content:flex-end;gap:8px}.settings-modal[data-v-5d0aa427]{width:min(460px,calc(100vw - 28px))}.settings-list[data-v-5d0aa427]{margin-top:10px;display:grid;gap:8px}.settings-item[data-v-5d0aa427]{width:100%;border:1px solid rgba(224,198,255,.16);border-radius:16px;background:#f9f2f8eb;color:#4d3b5b;padding:11px 12px;display:flex;align-items:center;justify-content:space-between;font-family:Jua,sans-serif;font-size:.88rem;cursor:pointer}.settings-item strong[data-v-5d0aa427]{color:#7443a5}.result-box[data-v-5d0aa427]{border-radius:14px;padding:16px;text-align:center}.result-duration[data-v-5d0aa427]{margin:6px 0 0;color:#5f4d71;font-size:.82rem}.result-highlight[data-v-5d0aa427]{margin-top:12px;display:grid;gap:4px;padding:12px;border-radius:18px;border:1px solid rgba(240,201,131,.28);background:#ffefe8d1;color:#4d3b5b}.result-highlight strong[data-v-5d0aa427]{color:#9a567f}.result-mvp[data-v-5d0aa427]{margin-top:10px;color:#a05d89;font-size:.8rem}.result-table-wrap[data-v-5d0aa427]{margin-top:12px;overflow-x:auto;border-radius:12px;border:1px solid rgba(224,198,255,.16);background:#f7eff7db}.result-table[data-v-5d0aa427]{width:100%;min-width:720px;border-collapse:collapse;font-size:.75rem}.result-table th[data-v-5d0aa427],.result-table td[data-v-5d0aa427]{padding:8px;border-bottom:1px solid rgba(224,198,255,.12);text-align:center;color:#463553}.result-table thead th[data-v-5d0aa427]{color:#7443a5;background:#f0c98324}.result-table tbody tr.me[data-v-5d0aa427]{background:#f0c9831f}.result-actions[data-v-5d0aa427]{margin-top:14px;justify-content:center;gap:10px}.bot-invite-row[data-v-5d0aa427]{display:flex;align-items:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.lobby-actions[data-v-5d0aa427]{display:flex;align-items:center;gap:8px}.logout-row[data-v-5d0aa427]{margin-top:12px;justify-content:flex-end}.overlay-chat-card[data-v-5d0aa427]{margin-top:12px;position:relative;border-radius:24px;border:2px solid rgba(224,198,255,.18);background:#faf4f8e0;padding:10px;display:flex;flex-direction:column;gap:8px;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:0 18px 42px #c1a3e02e,0 6px 16px #5b44750f}.btn[data-v-5d0aa427]{height:clamp(2.3rem,2.05rem + .7vw,2.75rem);padding:0 12px;border:2px solid rgba(224,198,255,.18);border-radius:16px;font-family:Jua,sans-serif;font-size:clamp(.76rem,.72rem + .18vw,.82rem);letter-spacing:.01em;cursor:pointer;transition:transform .08s ease,filter .15s ease,border-color .15s ease}.btn[data-v-5d0aa427]:hover:not(:disabled){filter:brightness(1.06)}.btn[data-v-5d0aa427]:active:not(:disabled){transform:translateY(2px)}.btn[data-v-5d0aa427]:disabled{opacity:.5;cursor:not-allowed}.btn.primary[data-v-5d0aa427]{background:linear-gradient(135deg,#d891ff,#ff9dcb);color:#fff}.btn.success[data-v-5d0aa427]{background:linear-gradient(135deg,#c991ff,#f7a8d6);color:#fff}.btn.ghost[data-v-5d0aa427]{background:#f9f3f8f0;color:#6f3fa0;box-shadow:0 10px 24px #c3a7e029}.btn.danger[data-v-5d0aa427]{background:#e79772;color:#fff9f2}.game-layout[data-v-5d0aa427]{--edge-gap: clamp(10px, 1vw, 18px);--hud-min: min(11rem, 100%);--panel-min: min(20rem, 100%);--chat-min: min(18rem, 100%);position:relative;width:100%;height:100dvh;min-height:0;z-index:1;overflow:hidden;background:radial-gradient(circle at 50% 20%,rgba(255,207,235,.28),transparent 38%),radial-gradient(circle at 80% 0%,rgba(221,193,255,.2),transparent 30%),linear-gradient(180deg,#faf6f9fa,#f5eef5f5)}.game-frame[data-v-5d0aa427]{position:absolute;inset:0;margin:auto;width:min(100vw,calc(100dvh * 16 / 9));height:min(100dvh,56.25vw);max-width:100%;max-height:100%;min-width:0;min-height:0;box-shadow:0 0 0 1px #e0c6ff1f,0 28px 60px #b193ce2e,0 8px 24px #5b44750d}.status-ribbon[data-v-5d0aa427]{position:absolute;top:var(--edge-gap);left:var(--edge-gap);right:var(--edge-gap);z-index:4;display:flex;flex-wrap:wrap;align-items:flex-start;gap:6px 10px;pointer-events:none}.status-chip[data-v-5d0aa427]{min-height:auto;flex:0 0 auto;border-radius:999px;border:none;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;display:flex;align-items:center;justify-content:center;padding:3px 0;text-align:center;font-size:clamp(.76rem,.58rem + .42vw + .2vh,.96rem);color:#6a587c;text-shadow:none;pointer-events:none}.status-chip[data-v-5d0aa427] *{pointer-events:none}.game-main-grid[data-v-5d0aa427]{position:absolute;inset:0;min-height:0}.mode-chip.spectating[data-v-5d0aa427]{color:#7a4da2}.net-chip .status-main[data-v-5d0aa427]{gap:4px}.resource-chip[data-v-5d0aa427]{position:relative;padding-right:28px}.resource-subtle-notice[data-v-5d0aa427]{position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%);white-space:nowrap;pointer-events:none;padding:4px 9px;border-radius:999px;background:#532112e6;color:#fff3df;font-size:.68rem;line-height:1.2;box-shadow:0 8px 18px #31120a2e;z-index:3}.status-main[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:5px;line-height:1;font-weight:700}.status-icon[data-v-5d0aa427]{display:inline-flex;align-items:center;justify-content:center;width:clamp(12px,10px + .22vw + .08vh,15px);height:clamp(12px,10px + .22vw + .08vh,15px);color:#f4d1a0;filter:drop-shadow(0 1px 1px rgba(19,33,40,.34))}.status-icon-heart[data-v-5d0aa427]{color:#ff9ba8}.status-icon-gold[data-v-5d0aa427]{color:#ffe084}.status-icon-income[data-v-5d0aa427]{color:#9ee5d3}.delta-stack[data-v-5d0aa427]{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:1px}.delta-text[data-v-5d0aa427]{font-size:clamp(.58rem,.46rem + .18vw + .08vh,.72rem);font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.55)}.delta-text.up[data-v-5d0aa427]{color:#a7ebd8}.delta-text.down[data-v-5d0aa427]{color:#ffd0bf}.delta-float-enter-active[data-v-5d0aa427],.delta-float-leave-active[data-v-5d0aa427]{transition:transform .8s ease,opacity .8s ease}.delta-float-enter-from[data-v-5d0aa427],.delta-float-leave-to[data-v-5d0aa427]{opacity:0;transform:translateY(6px)}.battle-zone[data-v-5d0aa427]{position:absolute;inset:0;min-height:0}.canvas-shell[data-v-5d0aa427]{position:absolute;inset:0;border-radius:0;background:radial-gradient(circle at 18% 18%,rgba(255,214,240,.14),transparent 12%),radial-gradient(circle at 82% 16%,rgba(223,205,255,.14),transparent 14%),linear-gradient(180deg,#fffffffa 0 37%,#f8e7f7f2 37% 100%);padding:0;overflow:hidden}.canvas-shell[data-v-5d0aa427]:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12),transparent 20%),radial-gradient(circle at 50% 120%,rgba(28,57,70,.24),transparent 35%)}.canvas-shell[data-v-5d0aa427]:after{content:none}#game-main-canvas[data-v-5d0aa427]{position:relative;z-index:1;width:100%;height:100%;display:block}.command-deck[data-v-5d0aa427]{position:absolute;top:calc(var(--edge-gap) + 2.65rem);right:var(--edge-gap);z-index:5;width:min(28rem,calc(100% - (var(--edge-gap) * 2)));pointer-events:none}.game-command-dock[data-v-5d0aa427]{position:absolute;top:var(--edge-gap);right:var(--edge-gap);z-index:5;pointer-events:none}.game-chat-dock[data-v-5d0aa427]{position:absolute;left:50%;bottom:var(--edge-gap);transform:translate(-50%);z-index:5;width:min(24rem,calc(100% - (var(--edge-gap) * 2)));display:flex;justify-content:center;align-items:flex-end;pointer-events:none}.command-stack[data-v-5d0aa427]{width:100%;display:flex;flex-direction:column;gap:calc(var(--edge-gap) * .55);min-width:0;pointer-events:none}.command-panel-switch[data-v-5d0aa427]{width:auto;display:grid;grid-auto-flow:column;grid-auto-columns:max-content;gap:calc(var(--edge-gap) * .45);min-width:0;pointer-events:auto}.switch-btn.btn.ghost[data-v-5d0aa427]{width:2rem;min-width:2rem;height:2rem;min-height:2rem;padding:0;border-radius:999px;background:#faf4f8f2;color:#8c4fc8;border-color:#e0c6ff38;-webkit-backdrop-filter:none;backdrop-filter:none;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 10px 22px #caaae638,0 4px 10px #604a7a0f}.switch-btn.btn.ghost.active[data-v-5d0aa427]{width:2.15rem;min-width:2.15rem;height:2.15rem;min-height:2.15rem;background:linear-gradient(135deg,#d891fff5,#ff9dcbeb);color:#fff;border-color:#f7dbffb8;box-shadow:0 10px 22px #d492eb42}.deck-card[data-v-5d0aa427]{position:relative;border-radius:26px;border:1px solid rgba(224,198,255,.16);background:linear-gradient(180deg,#fbf6fae6,#f6edf5db);padding:clamp(10px,.85vw,14px);min-height:0;overflow:hidden;display:flex;flex-direction:column;-webkit-backdrop-filter:none;backdrop-filter:none;pointer-events:auto;box-shadow:0 20px 46px #c1a3e02e,0 8px 20px #5b44750f}.chat-card[data-v-5d0aa427]{background:linear-gradient(180deg,#fbf6fac7,#f6edf5bd);border-color:#e0c6ff1f}.deck-head[data-v-5d0aa427]{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:8px}.deck-head h3[data-v-5d0aa427]{margin:0;font-size:clamp(.82rem,.76rem + .22vw,1rem);color:#8c4fc8;display:inline-flex;align-items:center;gap:6px}.deck-head small[data-v-5d0aa427]{color:#5f4d71;font-size:clamp(.62rem,.58rem + .12vw,.7rem)}.summon-grid[data-v-5d0aa427],.tower-grid[data-v-5d0aa427]{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(8rem,100%),1fr));gap:clamp(4px,.45vw,8px);min-height:0;overflow:auto;padding-right:2px}.summon-card[data-v-5d0aa427]{min-height:clamp(14rem,28dvh,23rem);max-height:min(36dvh,26rem);overflow:auto}.spectate-card[data-v-5d0aa427]{min-height:clamp(16rem,34dvh,26rem);max-height:min(42dvh,30rem)}.summon-card .build-box[data-v-5d0aa427],.summon-card .summon-grid[data-v-5d0aa427],.summon-card .tower-grid[data-v-5d0aa427]{min-height:0;max-height:100%;overflow:auto}.summon-btn[data-v-5d0aa427],.tower-btn[data-v-5d0aa427]{border:none;border-radius:10px;min-height:clamp(2.8rem,2.4rem + .8vw,3.6rem);padding:5px;font-family:Jua,sans-serif;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;box-shadow:inset 0 1px #ffffff2e,0 6px 14px #00000038}.btn[data-v-5d0aa427],.spec-item[data-v-5d0aa427]{touch-action:manipulation}.summon-btn[data-v-5d0aa427]:active:not(:disabled),.tower-btn[data-v-5d0aa427]:active:not(:disabled){transform:translateY(2px)}.summon-btn[data-v-5d0aa427]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:clamp(.72rem,.67rem + .16vw,.82rem)}.summon-btn .icon[data-v-5d0aa427]{font-size:1rem;line-height:1}.summon-btn small[data-v-5d0aa427],.tower-btn small[data-v-5d0aa427]{font-size:clamp(.6rem,.56rem + .12vw,.66rem)}.icon-shell[data-v-5d0aa427]{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;background:#f5e7d42e;box-shadow:inset 0 1px #ffffff2e}.unit-thumb[data-v-5d0aa427]{width:18px;height:18px;object-fit:contain;image-rendering:-webkit-optimize-contrast;filter:drop-shadow(0 1px 0 rgba(0,0,0,.22))}.build-box p[data-v-5d0aa427],.guide[data-v-5d0aa427]{margin:0 0 8px;font-size:clamp(.72rem,.68rem + .16vw,.86rem);line-height:1.35;color:#5f4d71}.watch-guide[data-v-5d0aa427]{color:#9a5fd1}.tower-limit-guide.danger[data-v-5d0aa427],.tower-limit-alert[data-v-5d0aa427]{color:#b35e7e}.quick-return[data-v-5d0aa427]{width:100%;margin-bottom:8px}.subtle-notice-enter-active[data-v-5d0aa427],.subtle-notice-leave-active[data-v-5d0aa427]{transition:opacity .18s ease,transform .18s ease}.subtle-notice-enter-from[data-v-5d0aa427],.subtle-notice-leave-to[data-v-5d0aa427]{opacity:0;transform:translate(-50%) translateY(-4px)}.tier-pill[data-v-5d0aa427]{display:inline-flex;align-items:center;border:1px solid;border-radius:999px;padding:1px 8px;margin-left:4px;font-size:.69rem;background:#fffce31a}.tower-btn[data-v-5d0aa427]{min-height:clamp(2.8rem,2.35rem + .8vw,3.5rem);display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:clamp(.7rem,.66rem + .16vw,.8rem)}.tower-btn-title[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:6px}.tower-btn.cancel[data-v-5d0aa427]{background:linear-gradient(135deg,#e5d1ff,#ffc0df);color:#6f3fa0;box-shadow:0 4px #c99ae8}.build-modal-backdrop[data-v-5d0aa427]{position:absolute;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:max(18px,env(safe-area-inset-top)) max(18px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left));background:#080e1447;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.build-modal[data-v-5d0aa427]{width:min(100%,28rem);max-height:min(70dvh,32rem);overflow:auto;padding:16px;border-radius:24px;border:1px solid rgba(224,198,255,.22);background:linear-gradient(180deg,#fbf6faf7,#f6edf5f2);box-shadow:0 28px 56px #c1a3e038,0 10px 24px #5b447514}.build-modal-head[data-v-5d0aa427]{margin-bottom:12px}.build-modal-grid[data-v-5d0aa427]{max-height:none;overflow:visible}.confirm-modal[data-v-5d0aa427]{width:min(100%,24rem)}.tower-manage-modal[data-v-5d0aa427]{width:min(100%,26rem)}.modal-actions[data-v-5d0aa427]{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}.sell-box .sell-btn[data-v-5d0aa427]{width:100%;margin-bottom:6px}.tower-level-line[data-v-5d0aa427],.tower-stat-line[data-v-5d0aa427],.tower-next-line[data-v-5d0aa427]{margin-top:-2px}.tower-next-line[data-v-5d0aa427]{color:#9a5fd1}.tower-change-list[data-v-5d0aa427]{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tower-stat-list[data-v-5d0aa427]{display:inline-flex;margin-top:0;margin-left:6px;vertical-align:middle}.tower-change-pill[data-v-5d0aa427]{display:inline-flex;align-items:center;padding:3px 8px;border-radius:999px;background:#f2e4ffb8;border:1px solid rgba(214,140,255,.18);color:#6b4d81;font-size:.72rem;line-height:1.2}.tower-stat-pill[data-v-5d0aa427]{background:#ffefe899;border-color:#ffbfd433;color:#8d5b77}.tower-title-line[data-v-5d0aa427]{margin-bottom:8px}.tower-title[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:6px}.tower-detail-sheet[data-v-5d0aa427]{min-height:0;max-height:100%;overflow:auto;padding-right:2px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.tower-sheet-head[data-v-5d0aa427]{position:sticky;top:0;z-index:2;background:#f9f1f7f0;margin:-2px 0 6px;padding:2px 0 4px}.tower-close-btn[data-v-5d0aa427]{width:100%}.lock-msg[data-v-5d0aa427]{margin:0 0 8px;padding:5px 8px;border-radius:8px;font-size:.73rem;color:#8d5b77;background:#ffebf3db;border:1px solid rgba(255,191,212,.28)}.chat-head[data-v-5d0aa427]{display:flex;justify-content:space-between;align-items:baseline;gap:8px;min-width:0}.chat-head h3[data-v-5d0aa427]{margin:0;font-size:clamp(.8rem,.74rem + .18vw,.9rem);color:#8c4fc8;display:inline-flex;align-items:center;gap:6px;min-width:0;white-space:nowrap}.chat-head small[data-v-5d0aa427]{color:#5f4d71;font-size:clamp(.6rem,.56rem + .1vw,.66rem);min-width:0;max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-log[data-v-5d0aa427]{min-height:clamp(10rem,22dvh,12rem);max-height:none;overflow:auto;border-radius:14px;border:1px solid rgba(224,198,255,.12);background:#f9f2f8d6;padding:10px;display:flex;flex-direction:column;gap:6px}.game-chat-log[data-v-5d0aa427]{min-height:10rem;flex:1 1 auto;height:auto;max-height:none;pointer-events:auto}.chat-empty[data-v-5d0aa427]{color:#5f4d71;font-size:clamp(.72rem,.68rem + .16vw,.86rem);text-align:center;padding:10px 0;text-shadow:none}.chat-line[data-v-5d0aa427]{display:block;padding:6px 8px;border-radius:8px;background:#fff4fae0;border:1px solid rgba(236,214,255,.2);line-height:1.2}.chat-line.me[data-v-5d0aa427]{background:#f7dfffe6;border-color:#e0c6ff57}.chat-line.system[data-v-5d0aa427]{background:#ffe4f1e0;border-color:#ffb6e157}.chat-system-badge[data-v-5d0aa427]{display:inline-flex;align-items:center;justify-content:center;margin-right:6px;padding:1px 6px;border-radius:999px;font-size:.62rem;line-height:1.35;letter-spacing:.08em;color:#fff;background:linear-gradient(135deg,#d891ff,#ff9dcb);box-shadow:0 0 0 1px #f7dbff47;vertical-align:1px}.chat-system-badge.preview[data-v-5d0aa427]{margin-right:5px}.chat-meta[data-v-5d0aa427]{color:#7443a5;font-size:clamp(.7rem,.66rem + .16vw,.86rem);margin-right:4px;text-shadow:none}.chat-meta[data-v-5d0aa427]:after{content:":";margin-left:2px;opacity:.8}.chat-meta.system[data-v-5d0aa427]{color:#d86baa}.chat-text[data-v-5d0aa427]{display:inline;color:#2f2439;font-size:clamp(.7rem,.66rem + .16vw,.86rem);line-height:1.15;word-break:break-word;text-shadow:none}.chat-input-row[data-v-5d0aa427]{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;min-width:0;align-items:stretch;padding:8px;border-radius:14px;background:#f9f1f7e6;border:1px solid rgba(224,198,255,.18)}.chat-input-row input[data-v-5d0aa427]{height:clamp(2.2rem,2rem + .5vw,2.5rem);min-height:clamp(2.2rem,2rem + .5vw,2.5rem);font-size:clamp(.76rem,.7rem + .2vw,.84rem);width:100%;min-width:0;box-sizing:border-box}.chat-send-btn[data-v-5d0aa427]{width:clamp(3.2rem,3rem + .6vw,3.9rem);min-width:clamp(3.2rem,3rem + .6vw,3.9rem);height:clamp(2.2rem,2rem + .5vw,2.5rem)!important;min-height:clamp(2.2rem,2rem + .5vw,2.5rem)!important;line-height:clamp(2.2rem,2rem + .5vw,2.5rem)!important;padding:0!important;box-sizing:border-box;box-shadow:none!important}.spectate-card[data-v-5d0aa427],.chat-card[data-v-5d0aa427]{min-height:0;overflow:hidden}.chat-card[data-v-5d0aa427]{width:100%;min-inline-size:0;min-block-size:18rem;max-block-size:18rem;height:18rem;display:flex!important;flex-direction:column;gap:10px;min-width:0;pointer-events:auto;background:#f9f1f78f;border-color:#e0c6ff14;box-shadow:0 16px 34px #c1a3e024;-webkit-backdrop-filter:none;backdrop-filter:none;overflow:hidden}.chat-overlay-head[data-v-5d0aa427]{display:flex;justify-content:flex-end;margin-bottom:2px;flex:0 0 auto;pointer-events:auto}.chat-toggle-btn[data-v-5d0aa427]{height:1.85rem;min-height:1.85rem;padding:0 .65rem;border-radius:999px;font-size:.68rem;background:linear-gradient(135deg,#d891ffeb,#ff9dcbe0);color:#fff}.chat-preview[data-v-5d0aa427]{height:1.85rem;min-height:1.85rem;display:flex;align-items:center;border-radius:12px;background:#f9f2f8e0;border:1px solid rgba(224,198,255,.12);padding:0 10px;flex:1 1 100%;box-sizing:border-box;pointer-events:auto;cursor:pointer}.chat-preview[data-v-5d0aa427] *{pointer-events:none}.chat-preview-line[data-v-5d0aa427]{display:inline-block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-shadow:none}.chat-closed-row[data-v-5d0aa427]{display:flex;align-items:center;justify-content:center;width:100%;pointer-events:auto;min-height:1.85rem}.chat-panel-input[data-v-5d0aa427]{flex:0 0 auto;pointer-events:auto}.spec-list[data-v-5d0aa427]{display:flex;flex-direction:column;gap:6px;max-height:100%;min-height:0;overflow:auto;flex:1}.spec-item[data-v-5d0aa427]{border:1px solid var(--line-soft);border-radius:8px;background:#f9f2f8e6;color:#4e3d5d;padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px;font-family:Jua,sans-serif;font-size:clamp(.68rem,.64rem + .16vw,.8rem);cursor:pointer}.spec-name[data-v-5d0aa427]{min-width:0;display:inline-flex;align-items:center;gap:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.spec-stats[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:8px;flex-shrink:0}.spec-stat[data-v-5d0aa427]{display:inline-flex;align-items:center;gap:4px}.spec-stat.life[data-v-5d0aa427]{color:#b35e7e}.spec-stat.gold[data-v-5d0aa427]{color:#7443a5}.spec-stat.out[data-v-5d0aa427]{color:#b35e7e;border:1px solid rgba(255,178,203,.34);border-radius:999px;padding:2px 6px;font-size:.68rem;background:#ffe8f1e0}.spec-stat.offline[data-v-5d0aa427]{color:#9a6a30;border:1px solid rgba(255,222,163,.3);border-radius:999px;padding:2px 6px;font-size:.68rem;background:#fff2dcd6}.spec-item.active[data-v-5d0aa427]{background:linear-gradient(135deg,#d891fff5,#ff9dcbeb);border-color:#f7dbff94;color:#fff}.spec-item.me.active[data-v-5d0aa427]{background:linear-gradient(135deg,#cb93fffa,#ffabd9f0);border-color:#f7dbff9e;color:#fff}.spec-item.dead[data-v-5d0aa427]{opacity:.45;text-decoration:line-through}.spec-item.offline[data-v-5d0aa427]{border-style:dashed}.overlay-fade-enter-active[data-v-5d0aa427],.overlay-fade-leave-active[data-v-5d0aa427]{transition:opacity .2s ease}.overlay-fade-enter-from[data-v-5d0aa427],.overlay-fade-leave-to[data-v-5d0aa427]{opacity:0}@media(max-width:640px){.app-root[data-v-5d0aa427]{font-size:15px}.game-layout[data-v-5d0aa427]{--edge-gap: 8px;height:100dvh}.status-ribbon[data-v-5d0aa427]{top:8px;left:8px;right:8px;gap:6px}.status-chip[data-v-5d0aa427]{min-height:2.25rem;font-size:.72rem}.command-deck[data-v-5d0aa427]{top:calc(8px + 4.8rem);right:8px;width:min(24rem,calc(100% - 16px))}.game-chat-dock[data-v-5d0aa427]{left:8px;right:8px;bottom:8px;transform:none;width:auto}.game-command-dock[data-v-5d0aa427]{top:8px;right:8px}.command-stack[data-v-5d0aa427],.chat-card[data-v-5d0aa427]{min-inline-size:100%;max-inline-size:100%}.command-panel-switch[data-v-5d0aa427]{width:auto}.switch-btn.btn.ghost[data-v-5d0aa427]{width:1.85rem;min-width:1.85rem;height:1.85rem;min-height:1.85rem}.switch-btn.btn.ghost.active[data-v-5d0aa427]{width:2rem;min-width:2rem;height:2rem;min-height:2rem}.chat-head small[data-v-5d0aa427],.deck-head small[data-v-5d0aa427]{display:none}}@media(orientation:portrait){.orientation-lock[data-v-5d0aa427]{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:1rem;background:radial-gradient(circle at top,rgba(221,193,255,.28),transparent 42%),radial-gradient(circle at 20% 20%,rgba(255,199,234,.22),transparent 30%),#f8f1f7f5}.app-root[data-v-5d0aa427]>:not(.orientation-lock){display:none!important}}