:root{--primary:#673ab7;--accent:#ff4081;--bg:#f4f7f6}html,body{width:100vw;height:100vh;margin:0;padding:0;overflow:hidden}body{background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#333;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}*{box-sizing:border-box}h1,h2,h3,p{margin-top:0}.host-container[data-v-386f30f5]{background:#f4f7f6;justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative}.status-badge[data-v-386f30f5]{color:#c62828;background:#ffebee;border-radius:20px;padding:8px 16px;font-size:.9rem;font-weight:700;position:absolute;top:20px;right:20px}.status-badge.connected[data-v-386f30f5]{color:#2e7d32;background:#e8f5e9}.card[data-v-386f30f5]{text-align:center;background:#fff;border-radius:20px;width:100%;max-width:600px;padding:40px;position:relative;box-shadow:0 10px 30px #0000001a}h2[data-v-386f30f5]{color:#666;font-weight:400}h2 span[data-v-386f30f5]{color:#673ab7;font-weight:700}.pin-display[data-v-386f30f5]{color:#222;letter-spacing:5px;margin:10px 0;font-size:6rem;font-weight:900}.score-display[data-v-386f30f5]{color:#e91e63;margin:20px 0;font-size:8rem;font-weight:900}.player-count[data-v-386f30f5]{color:#555;margin-bottom:20px;font-size:1.2rem}.player-grid[data-v-386f30f5]{flex-wrap:wrap;justify-content:center;gap:10px;min-height:50px;margin-bottom:30px;display:flex}.player-pill[data-v-386f30f5]{color:#333;background:#f0f0f0;border-radius:20px;padding:8px 16px;font-weight:700}.btn-start[data-v-386f30f5]{color:#fff;cursor:pointer;background:#e91e63;border:none;border-radius:12px;width:100%;padding:15px 40px;font-size:1.5rem;font-weight:700;transition:transform .1s}.btn-start[data-v-386f30f5]:hover{transform:scale(1.02)}.btn-reset[data-v-386f30f5]{color:#999;cursor:pointer;background:0 0;border:none;margin-top:30px;font-size:.8rem;text-decoration:underline}.btn-reset[data-v-386f30f5]:hover{color:#666}.player-container[data-v-7dd0213f]{background:#f0f2f5;justify-content:center;align-items:center;min-height:100vh;padding:16px;display:flex}.join-card[data-v-7dd0213f]{text-align:center;background:#fff;border-radius:16px;width:100%;max-width:360px;padding:40px 24px;box-shadow:0 8px 24px #0000001f}.logo[data-v-7dd0213f]{color:#673ab7;letter-spacing:-2px;margin-bottom:32px;font-size:3.5rem;font-weight:800}.input-field[data-v-7dd0213f]{text-align:center;box-sizing:border-box;border:2px solid #e0e0e0;border-radius:12px;width:100%;margin-bottom:12px;padding:16px;font-size:1.1rem;font-weight:700}.input-field[data-v-7dd0213f]:focus{border-color:#673ab7;outline:none}.btn-join[data-v-7dd0213f]{color:#fff;cursor:pointer;background:#673ab7;border:none;border-radius:12px;width:100%;padding:16px;font-size:1.2rem;font-weight:700}.game-view[data-v-7dd0213f]{background:#fff;border-radius:20px;flex-direction:column;width:100%;height:92vh;display:flex;overflow:hidden;box-shadow:0 12px 40px #00000026}.game-view.LOBBY[data-v-7dd0213f]{background:#f3e5f5}.game-view.PLAYING[data-v-7dd0213f]{background:#e91e63}.status-bar[data-v-7dd0213f]{background:#ffffffe6;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.pin-tag[data-v-7dd0213f]{color:#673ab7;font-family:monospace;font-weight:800}.divider[data-v-7dd0213f]{color:#ccc;margin:0 8px}.name-text[data-v-7dd0213f]{color:#333;font-weight:600}.btn-leave[data-v-7dd0213f]{cursor:pointer;background:#eee;border:none;border-radius:6px;padding:4px 10px}.playing-area[data-v-7dd0213f]{flex:1;justify-content:center;align-items:center;display:flex}.tap-button[data-v-7dd0213f]{aspect-ratio:1;color:#e91e63;cursor:pointer;background:#fff;border:none;border-radius:50%;width:280px;transition:all 50ms;box-shadow:0 15px #c2185b,0 20px 40px #0000004d}.tap-button[data-v-7dd0213f]:active{transform:translateY(8px);box-shadow:0 7px #c2185b,0 10px 20px #0003}.tap-text[data-v-7dd0213f]{font-size:3rem;font-weight:900}.text-green[data-v-7dd0213f]{color:#4caf50}.text-red[data-v-7dd0213f]{color:#f44336}@keyframes bounce-7dd0213f{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.icon-pulse[data-v-7dd0213f]{animation:2s infinite bounce-7dd0213f}.alarm-text[data-v-270143b3]{color:#d2a8ff;border-top:1px solid #30363d;margin-top:10px;padding-top:10px;font-weight:700}.debug-container[data-v-270143b3]{color:#e0e6ed;background-color:#0d0f12;min-height:100vh;padding:20px;font-family:JetBrains Mono,Fira Code,monospace}.debug-header[data-v-270143b3]{background:#161b22;border:1px solid #30363d;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:24px;padding:20px;display:flex}.title-group h1[data-v-270143b3]{letter-spacing:1px;color:#3fb950;margin:0;font-size:1.2rem}.pin-badge[data-v-270143b3]{color:#fff;background:#238636;border-radius:6px;margin-top:8px;padding:4px 10px;font-size:.9rem;display:inline-block}.actions[data-v-270143b3]{gap:10px;display:flex}.debug-grid[data-v-270143b3]{grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:20px;display:grid}.debug-card[data-v-270143b3]{background:#161b22;border:1px solid #30363d;border-radius:12px;padding:24px}h2[data-v-270143b3]{color:#8b949e;border-bottom:1px solid #30363d;align-items:center;gap:8px;margin-top:0;padding-bottom:12px;font-size:.95rem;display:flex}.desc[data-v-270143b3]{color:#6e7681;margin-top:-5px;margin-bottom:15px;font-size:.8rem}.dot[data-v-270143b3]{background:#3fb950;border-radius:50%;width:8px;height:8px;display:inline-block;box-shadow:0 0 8px #3fb950}.dot.blue[data-v-270143b3]{background:#58a6ff;box-shadow:0 0 8px #58a6ff}.stats-list[data-v-270143b3]{margin:20px 0}.stat-item[data-v-270143b3]{border-bottom:1px solid #21262d;justify-content:space-between;padding:12px 0;display:flex}.value[data-v-270143b3]{color:#f0f6fc;font-weight:700}.highlight[data-v-270143b3]{color:#d2a8ff;font-size:1.2rem}.state-text[data-v-270143b3]{text-transform:uppercase;border-radius:4px;padding:2px 6px;font-size:.8rem}.state-text.LOBBY[data-v-270143b3]{background:#1f6feb}.state-text.PLAYING[data-v-270143b3]{background:#238636}.player-list-section h3[data-v-270143b3]{color:#8b949e;margin-bottom:12px;font-size:.85rem}ul[data-v-270143b3]{margin:0;padding:0;list-style:none}li[data-v-270143b3]{color:#3fb950;background:#0d1117;border:1px solid #30363d;border-radius:6px;margin-bottom:6px;padding:8px 12px}.empty-msg[data-v-270143b3]{color:#6e7681;font-size:.85rem;font-style:italic}.code-block[data-v-270143b3]{background:#0d1117;border:1px solid #30363d;border-radius:8px;margin-top:15px;padding:15px}pre[data-v-270143b3]{color:#79c0ff;margin:0;font-size:.85rem;overflow-x:auto}.meta-info[data-v-270143b3]{color:#484f58;margin-top:20px;font-size:.75rem}.btn-primary[data-v-270143b3]{color:#fff;cursor:pointer;background:#238636;border:none;border-radius:6px;padding:10px 16px;font-weight:700}.btn-primary[data-v-270143b3]:hover{background:#2ea043}.btn-secondary[data-v-270143b3]{color:#fff;cursor:pointer;background:#30363d;border:1px solid #8b949e;border-radius:6px;padding:10px 16px}.btn-secondary[data-v-270143b3]:hover{background:#484f58}.error-banner[data-v-270143b3]{color:#fff;text-align:center;background:#f85149;border-radius:8px;margin-bottom:24px;padding:12px;font-weight:700}.debug-footer[data-v-270143b3]{text-align:center;color:#484f58;margin-top:40px;font-size:.8rem}.not-found[data-v-8afbaf91]{text-align:center;background:#f4f7f6;flex-direction:column;justify-content:center;align-items:center;height:100vh;display:flex}h1[data-v-8afbaf91]{color:#673ab7;margin:0;font-size:5rem}p[data-v-8afbaf91]{color:#666;margin-bottom:20px;font-size:1.2rem}button[data-v-8afbaf91]{color:#fff;cursor:pointer;background:#673ab7;border:none;border-radius:8px;padding:12px 24px;font-weight:700}