@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap);html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box}*,:after,:before{box-sizing:inherit}body{margin:0;padding:0}#root{min-height:100vh;min-height:100dvh}button,input{touch-action:manipulation}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0e17}::-webkit-scrollbar-thumb{background:#334155;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#475569}::selection{background:#22d3ee4d;color:#f8fafc}:root{--bg-dark:#0a0e17;--bg-darker:#050810;--bg-card:#111827;--bg-card-hover:#1a2332;--red-primary:#ef4444;--red-dark:#991b1b;--red-glow:#ef44444d;--blue-primary:#3b82f6;--blue-dark:#1e40af;--blue-glow:#3b82f64d;--friendly-primary:#38bdf8;--friendly-dark:#075985;--friendly-glow:#38bdf84d;--enemy-primary:#ef4444;--enemy-dark:#991b1b;--enemy-glow:#ef44444d;--text-primary:#f8fafc;--text-secondary:#94a3b8;--text-muted:#64748b;--accent:#22d3ee;--accent-glow:#22d3ee4d;--success:#10b981;--danger:#f43f5e;--warning:#f59e0b;--border:#1e293b;--border-light:#334155}*{box-sizing:border-box;margin:0;padding:0}body{background:#0a0e17;background:var(--bg-dark);color:#f8fafc;color:var(--text-primary);font-family:Rajdhani,sans-serif;min-height:100vh;min-height:100dvh;overflow-x:hidden}body:before{animation:bgPulse 10s ease-in-out infinite alternate;background:radial-gradient(ellipse at 20% 20%,#ef44444d 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#3b82f64d 0,#0000 50%),linear-gradient(180deg,#050810,#0a0e17);background:radial-gradient(ellipse at 20% 20%,var(--red-glow) 0,#0000 50%),radial-gradient(ellipse at 80% 80%,var(--blue-glow) 0,#0000 50%),linear-gradient(180deg,var(--bg-darker) 0,var(--bg-dark) 100%);content:"";height:100%;left:0;position:fixed;top:0;width:100%;z-index:-1}@keyframes bgPulse{0%{opacity:1}to{opacity:.7}}@keyframes spin{to{transform:rotate(1turn)}}.loading{align-items:center;display:flex;flex-direction:column;gap:24px;justify-content:center;min-height:100vh;min-height:100dvh}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #1e293b;border-top-color:#22d3ee;border:3px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:60px;width:60px}.loading p{color:#94a3b8;color:var(--text-secondary);font-family:Orbitron,monospace;letter-spacing:.1em}.reconnecting-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.reconnecting-container{animation:fadeInUp .6s ease-out;text-align:center}.reconnecting-spinner{animation:spin 1s linear infinite;border:4px solid #1e293b;border-top-color:#22d3ee;border:4px solid var(--border);border-radius:50%;border-top-color:var(--accent);height:80px;margin:0 auto 24px;width:80px}.reconnecting-container h2{animation:pulse 2s ease-in-out infinite;color:#22d3ee;color:var(--accent);font-family:Orbitron,monospace;font-size:28px;font-weight:700;letter-spacing:.15em;margin-bottom:12px}.reconnecting-container p{color:#94a3b8;color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:18px;letter-spacing:.05em}.game-container{--history-dock-height:calc(48px + env(safe-area-inset-bottom));flex-direction:column;height:100vh;height:100dvh}.game-body,.game-container{display:flex;overflow:hidden}.game-body{flex:1 1;flex-direction:column;min-height:0}.game-scroll{-webkit-overflow-scrolling:touch;flex:1 1;min-height:0;overflow-y:auto;scrollbar-color:#334155 #0000;scrollbar-color:var(--border-light) #0000;scrollbar-width:thin}.game-scroll::-webkit-scrollbar{width:10px}.game-scroll::-webkit-scrollbar-track{background:#0000}.game-scroll::-webkit-scrollbar-thumb{background:#334155;background:var(--border-light);background-clip:content-box;border:2px solid #0000;border-radius:5px}.game-scroll::-webkit-scrollbar-thumb:hover{background:#64748b;background:var(--text-muted);background-clip:content-box}.game-main{margin:0 auto;max-width:1200px;padding:24px;width:100%}.join-error-toast{align-items:center;animation:slideInUp .3s ease-out;background:#f43f5e;background:var(--danger);border-radius:8px;bottom:calc(24px + env(safe-area-inset-bottom));box-shadow:0 10px 30px #f43f5e66;color:#fff;display:flex;font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;gap:16px;left:50%;letter-spacing:.05em;padding:16px 20px 16px 32px;position:fixed;transform:translateX(-50%);z-index:1000}.toast-close-btn{background:#0000;border:none;color:#fff;cursor:pointer;font-size:24px;line-height:1;opacity:.8;padding:0 4px;transition:opacity .2s ease}.toast-close-btn:hover{opacity:1}@keyframes slideInUp{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}.join-error-toast.reconnect-failed{background:linear-gradient(135deg,#eab308e6,#b48200e6);border-color:#eab30880}.reconnected-toast{align-items:center;animation:toast-slide-up .3s ease-out,toast-fade-out .3s ease-in 3.5s forwards;background:linear-gradient(135deg,#22c55ef2,#16a34af2);border-radius:12px;bottom:calc(80px + env(safe-area-inset-bottom));box-shadow:0 4px 20px #22c55e4d;color:#fff;display:flex;font-size:14px;font-weight:600;gap:10px;left:50%;max-width:calc(100vw - 32px);padding:14px;position:fixed;transform:translateX(-50%);z-index:1000}.reconnected-toast .toast-icon{flex-shrink:0}.reconnected-toast.clue-giver-toast{background:linear-gradient(135deg,#38bdf8f2,#075985f2);box-shadow:0 4px 20px #38bdf84d}@keyframes toast-slide-up{0%{opacity:0;transform:translateX(-50%) translateY(20px)}to{opacity:1;transform:translateX(-50%) translateY(0)}}@keyframes toast-fade-out{to{opacity:0}}.ready-phase-container{align-items:center;display:flex;flex:1 1;justify-content:center;padding:20px}.dev-preview-banner{align-items:center;background:linear-gradient(90deg,#7c3aed,#2563eb);color:#fff;display:flex;flex-wrap:wrap;font-family:monospace;font-size:12px;gap:12px;left:0;padding:8px 16px;position:fixed;right:0;top:0;z-index:9999}.dev-preview-banner a{color:#fef08a;text-decoration:none}.dev-preview-banner a:hover{text-decoration:underline}.join-screen{align-items:center;display:flex;justify-content:center;min-height:100vh;min-height:100dvh;padding:20px}.join-container{animation:fadeInUp .8s ease-out;text-align:center}.logo-container{margin-bottom:48px}.game-title{-webkit-text-fill-color:#0000;animation:titleGlow 3s ease-in-out infinite alternate;background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 50%,var(--red-primary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:clamp(48px,12vw,80px);font-weight:900;letter-spacing:.2em;text-shadow:0 0 60px var(--accent-glow)}@keyframes titleGlow{0%{filter:drop-shadow(0 0 20px var(--accent-glow))}to{filter:drop-shadow(0 0 40px var(--blue-glow))}}.tagline{color:var(--text-secondary);font-size:18px;letter-spacing:.3em;margin-top:12px;text-transform:uppercase}.tagline-part{display:inline-block}@media (max-width:600px){.game-title{font-size:60px;letter-spacing:.08em}.tagline-part{display:block}.tagline-dot{display:none}}.input-label{display:flex;flex-direction:column;gap:8px;text-align:left}.input-label-text{color:var(--text-muted);font-family:Orbitron,monospace;font-size:10px;font-weight:600;letter-spacing:.18em;padding-left:4px}.join-form{display:flex;flex-direction:column;gap:20px;margin:0 auto;max-width:360px}.name-input{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:Orbitron,monospace;font-size:18px;letter-spacing:.1em;padding:16px 24px;text-align:center;transition:all .3s ease}.name-input:focus{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);outline:none}.name-input::placeholder{color:var(--text-muted)}.join-btn{background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;font-family:Orbitron,monospace;font-size:16px;font-weight:600;letter-spacing:.2em;padding:16px 32px;transition:all .3s ease}.join-btn:hover:not(:disabled){box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-2px)}.join-btn:disabled{cursor:not-allowed;opacity:.5}.mode-buttons{display:flex;flex-direction:column;gap:16px;margin:0 auto;max-width:360px}.mode-btn{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;color:var(--text-primary);cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:16px;font-weight:600;gap:16px;justify-content:center;letter-spacing:.15em;padding:20px 32px;transition:all .3s ease}.mode-btn:hover{border-color:var(--accent);transform:translateY(-2px)}.mode-btn.create:hover{border-color:var(--success);box-shadow:0 10px 30px #10b9814d}.mode-btn.join:hover{border-color:var(--accent);box-shadow:0 10px 30px var(--accent-glow)}.mode-icon-box{align-items:center;background:var(--bg-darker);border-radius:8px;color:var(--text-primary);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.mode-btn.create:hover .mode-icon-box{background:var(--success);color:var(--bg-dark)}.mode-btn.join:hover .mode-icon-box{background:var(--accent);color:var(--bg-dark)}.mode-text{flex:1 1;text-align:left}.room-code-input{font-size:24px!important;letter-spacing:.3em!important;text-transform:uppercase}.room-not-found-notice{align-items:flex-start;animation:fadeInUp .4s ease-out;background:#ef444414;border:1px solid var(--red-primary);border-radius:10px;display:flex;gap:14px;margin:0 auto 24px;max-width:360px;padding:16px 20px;text-align:left}.room-not-found-icon{color:var(--red-primary);display:flex;flex-shrink:0;margin-top:2px}.room-not-found-notice strong{color:var(--red-primary);display:block;font-family:Orbitron,monospace;font-size:11px;letter-spacing:.12em;margin-bottom:4px}.room-not-found-notice p{color:var(--text-secondary);font-size:13px;line-height:1.5;margin:0}.room-not-found-code{color:var(--text-primary);font-family:Orbitron,monospace;font-size:12px;letter-spacing:.1em}.back-btn{align-items:center;background:#0000;border:1px solid var(--text-secondary);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.1em;padding:12px 24px;transition:all .2s ease}.back-btn:hover{background:#ffffff0f;border-color:var(--text-primary);color:var(--text-primary)}.lobby{animation:fadeInUp .6s ease-out;margin:0 auto;max-width:1000px;min-height:100vh;min-height:100dvh;padding:40px 20px}.lobby-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--text-primary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:clamp(28px,6vw,40px);letter-spacing:.2em;margin-bottom:8px;text-align:center}.lobby-subtitle{color:var(--text-secondary);font-size:18px;letter-spacing:.1em;margin-bottom:48px;text-align:center}.teams-container{grid-gap:24px;align-items:stretch;display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}@media (max-width:768px){.teams-container{grid-template-columns:minmax(0,1fr)}.vs-divider{display:none}}.team-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;padding:32px 24px;transition:all .3s ease}.team-card.friendly{border-color:var(--friendly-dark)}.team-card.enemy{border-color:var(--enemy-dark)}.team-card.neutral{border-color:var(--border-light)}.team-card.friendly.selected{box-shadow:0 0 40px var(--friendly-glow)}.team-card.enemy.selected{box-shadow:0 0 40px var(--enemy-glow)}.team-name-display{align-items:center;background:#0000;border:none;border-bottom:1px dashed var(--border-light);border-radius:0;cursor:pointer;display:flex;gap:8px;justify-content:center;margin-bottom:24px;min-height:48px;padding:4px 8px 6px;transition:border-color .2s ease,background .2s ease;width:100%}.team-name-display:hover{background:#ffffff0a;border-bottom-color:var(--text-muted)}.team-name-display .team-name-pencil{color:var(--text-muted);flex-shrink:0;opacity:.4;transition:opacity .2s ease}.team-name-display:hover .team-name-pencil{opacity:1}.team-name-display.static{border-bottom-color:#0000;cursor:default}.team-name-display.static:hover{background:#0000;border-bottom-color:#0000}.team-name{font-family:Orbitron,monospace;font-size:24px;letter-spacing:.15em;text-align:center;text-transform:uppercase;word-break:break-word}.team-card.friendly .team-name{color:var(--friendly-primary)}.team-card.enemy .team-name{color:var(--enemy-primary)}.team-card.neutral .team-name{color:var(--text-primary)}.team-name-edit{align-items:center;display:flex;gap:6px;margin-bottom:24px;min-height:48px}.team-name-input{background:var(--bg-darker);border:2px solid var(--border-light);border-radius:8px;color:var(--text-primary);flex:1 1;font-family:Orbitron,monospace;font-size:18px;font-weight:600;letter-spacing:.08em;min-width:0;padding:10px 12px;text-align:center}.team-name-input:focus{border-color:var(--accent);box-shadow:0 0 12px var(--accent-glow);outline:none}.team-name-action{align-items:center;background:var(--bg-darker);border:2px solid var(--border-light);border-radius:8px;cursor:pointer;display:flex;flex-shrink:0;height:36px;justify-content:center;transition:all .2s ease;width:36px}.team-name-action.save{border-color:var(--success);color:var(--success)}.team-name-action.save:hover{background:var(--success);color:var(--bg-dark)}.team-name-action.cancel{color:var(--text-secondary)}.team-name-action.cancel:hover{border-color:var(--text-secondary);color:var(--text-primary)}.team-members{margin-bottom:24px;min-height:150px}.empty-team{color:var(--text-muted);font-style:italic;text-align:center}.member{background:var(--bg-darker);border-radius:8px;font-weight:500;gap:8px;letter-spacing:.05em;margin-bottom:8px;padding:12px 16px}.member,.member-flags{align-items:center;display:flex}.member-flags{gap:6px;margin-left:auto}.member.you{border:1px solid var(--accent)}.member.inactive{font-style:italic;opacity:.45}.waiting-badge{background:var(--bg-card);border:1px solid var(--border);color:var(--text-muted)}.waiting-badge,.you-badge{border-radius:4px;font-size:10px;font-weight:700;letter-spacing:.1em;padding:2px 8px}.you-badge{background:var(--accent);color:var(--bg-dark)}.team-join-btn{background:#0000;border:2px solid;border-radius:8px;cursor:pointer;font-family:Orbitron,monospace;font-size:14px;font-weight:600;letter-spacing:.15em;padding:14px 24px;transition:all .3s ease;width:100%}.team-join-btn.friendly{border-color:var(--friendly-primary);color:var(--friendly-primary)}.team-join-btn.friendly:hover:not(:disabled){background:var(--friendly-primary);box-shadow:0 0 20px var(--friendly-glow);color:var(--bg-dark)}.team-join-btn.enemy{border-color:var(--enemy-primary);color:var(--enemy-primary)}.team-join-btn.enemy:hover:not(:disabled){background:var(--enemy-primary);box-shadow:0 0 20px var(--enemy-glow);color:var(--bg-dark)}.team-join-btn.neutral{border-color:var(--border-light);color:var(--text-secondary)}.team-join-btn.neutral:hover:not(:disabled){background:#ffffff0d;border-color:var(--text-secondary);color:var(--text-primary)}.team-join-btn:disabled{cursor:default;opacity:.5}.vs-divider{align-self:center;color:var(--text-muted);font-family:Orbitron,monospace;font-size:28px;font-weight:900;padding:20px 0}.start-section{margin-top:48px;text-align:center}.start-btn{background:linear-gradient(135deg,var(--success) 0,var(--accent) 100%);border:none;border-radius:12px;color:var(--bg-dark);cursor:pointer;font-family:Orbitron,monospace;font-size:18px;font-weight:700;letter-spacing:.2em;padding:20px 48px;transition:all .3s ease}.start-btn:hover{animation:none;box-shadow:0 15px 40px #10b98166;transform:translateY(-3px)}.room-code-display{background:var(--bg-card);border:2px solid var(--accent);border-radius:16px;box-shadow:0 0 30px var(--accent-glow);margin-bottom:40px;margin-left:auto;margin-right:auto;max-width:400px;padding:24px;text-align:center}.room-code-label{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:12px;letter-spacing:.2em;margin-bottom:8px}.room-code-value{color:var(--accent);font-family:Orbitron,monospace;font-size:36px;font-weight:900;gap:12px;letter-spacing:.3em;position:relative}.copy-icon-container,.room-code-value{align-items:center;display:flex;justify-content:center}.copy-icon-container{height:100%;position:absolute;right:20px;top:0}.copy-icon{font-size:18px;opacity:.7;transition:opacity .2s ease}.room-code-value:hover .copy-icon{opacity:1}.copy-link-btn{background:#0000;border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;margin-top:12px;padding:8px 20px;transition:all .2s ease}.copy-link-btn:hover{border-color:var(--accent);color:var(--accent)}.room-badge{background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border-radius:4px;color:var(--bg-dark);font-family:Orbitron,monospace;font-size:11px;font-weight:700;letter-spacing:.15em;padding:5px 10px}@media (max-width:480px){.room-code-value{font-size:28px;letter-spacing:.2em}}.disconnected-indicator{align-items:center;animation:pulse-warning 2s ease-in-out infinite;background:#ef444433;border:1px solid #ef444466;border-radius:12px;color:#ef4444;display:inline-flex;font-size:10px;font-weight:700;gap:4px;margin-left:8px;padding:2px 8px}.disconnected-icon{font-size:12px}.disconnected-text{letter-spacing:.5px}.disconnected-banner{align-items:center;animation:fade-in .3s ease-out;background:linear-gradient(135deg,#ef444426,#ef44440d);border:1px solid #ef44444d;border-radius:12px;color:#fca5a5;display:flex;font-size:14px;gap:10px;justify-content:center;margin-bottom:24px;padding:14px 20px}.disconnected-banner-icon{animation:pulse-warning 2s ease-in-out infinite;font-size:18px}.disconnected-badge{border:1px solid #ef444466;border-radius:12px;gap:4px;padding:4px 10px}.badge.offline-badge,.disconnected-badge{animation:pulse-warning 2s ease-in-out infinite;background:#ef444433;color:#ef4444;font-weight:700}.badge.offline-badge{border:1px solid #ef444466;border-radius:8px;font-size:9px;letter-spacing:.5px;padding:2px 6px}.panel-member.disconnected{opacity:.6;text-decoration:line-through;-webkit-text-decoration-color:#ef444480;text-decoration-color:#ef444480}.member.disconnected{opacity:.7;position:relative}.member.disconnected:before{background:#ef444480;content:"";height:1px;left:0;position:absolute;right:0;top:50%}.status-offline{animation:pulse-warning 2s ease-in-out infinite;color:#ef4444;font-weight:700}.disconnected-note{background:#eab3081a;border:1px solid #eab3084d;border-radius:8px;color:#fbbf24;font-size:13px;margin:12px 0;padding:10px 16px}@media (max-width:600px){.disconnected-banner{flex-direction:column;font-size:12px;padding:12px 16px;text-align:center}.disconnected-badge{font-size:10px;padding:3px 8px}.disconnected-indicator{font-size:9px;padding:2px 6px}}.ready-phase{animation:fadeInUp .6s ease-out;max-width:800px;width:100%}.ready-header{margin-bottom:32px;text-align:center}.ready-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:clamp(24px,5vw,36px);font-weight:700;letter-spacing:.15em;margin-bottom:12px}.ready-subtitle{color:var(--text-secondary);font-size:16px;letter-spacing:.05em}.rerolls-indicator{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;color:var(--text-secondary);display:flex;font-family:Orbitron,monospace;font-size:14px;gap:10px;justify-content:center;letter-spacing:.1em;margin:0 auto 24px;padding:12px 24px;width:-webkit-fit-content;width:fit-content}.rerolls-indicator svg{color:var(--accent)}.rerolls-indicator strong{color:var(--accent);font-size:18px}.ready-words-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:32px}@media (min-width:601px) and (max-width:768px){.ready-words-grid{grid-template-columns:repeat(2,1fr)}}.ready-word-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:20px 16px;position:relative;text-align:center;transition:all .3s ease}.ready-word-card:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.reroll-word-btn{align-items:center;background:var(--bg-darker);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);cursor:pointer;display:inline-flex;height:28px;justify-content:center;left:50%;padding:0;position:absolute;top:-14px;transform:translateX(-50%);transition:transform .2s ease,color .2s ease,border-color .2s ease,background .2s ease;width:28px}.reroll-word-btn:hover:not(:disabled){background:#22d3ee14;border-color:var(--accent);color:var(--accent);transform:translateX(-50%) rotate(-60deg)}.reroll-word-btn:disabled{cursor:not-allowed;opacity:.35}.reroll-set-section{display:flex;justify-content:center;margin-bottom:32px}.reroll-set-btn{align-items:center;background:var(--bg-card);border:2px solid var(--accent);border-radius:8px;color:var(--accent);cursor:pointer;display:inline-flex;font-family:Orbitron,monospace;font-size:15px;font-weight:600;gap:10px;letter-spacing:.1em;padding:14px 32px;transition:all .3s ease}.reroll-set-btn:hover:not(:disabled){background:var(--accent);box-shadow:0 0 20px var(--accent-glow);color:var(--bg-dark)}.reroll-set-btn:hover:not(:disabled) svg{transform:rotate(180deg)}.reroll-set-btn svg{transition:transform .3s ease}.reroll-set-btn:disabled{border-color:var(--border);color:var(--text-muted);cursor:not-allowed;opacity:.5}.ready-word-number{color:var(--accent);font-family:Orbitron,monospace;font-size:28px;font-weight:700;margin-bottom:8px}.ready-word-text{color:var(--text-primary);font-family:Orbitron,monospace;font-size:16px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.ready-status-section{text-align:center}.lock-in-btn{background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;font-family:Orbitron,monospace;font-size:18px;font-weight:700;letter-spacing:.15em;margin-bottom:20px;padding:18px 48px;transition:all .3s ease}.lock-in-btn:hover{box-shadow:0 10px 40px var(--accent-glow);transform:translateY(-2px)}.team-locked-in{align-items:center;background:#10b98126;border:2px solid var(--success);border-radius:8px;color:var(--success);display:inline-flex;font-family:Orbitron,monospace;font-size:16px;font-weight:600;gap:10px;letter-spacing:.1em;margin-bottom:20px;padding:14px 32px}.locked-icon{font-size:20px}.opposing-team-status{margin-bottom:16px}.opposing-team-status .status{align-items:center;display:inline-flex;font-family:Rajdhani,sans-serif;font-size:16px;gap:6px;letter-spacing:.05em}.opposing-team-status .status.ready{color:var(--success)}.opposing-team-status .status.waiting{color:var(--text-secondary)}.ready-status-section .waiting-message,.ready-status-section .waiting-status{animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:600px){.ready-words-grid{gap:16px;grid-template-columns:repeat(2,1fr)}.ready-word-card{padding:20px 12px 16px}.ready-word-number{font-size:24px}.ready-word-text{font-size:13px}.lock-in-btn{font-size:16px;max-width:300px;padding:16px 32px;width:100%}.team-locked-in{font-size:13px}}.phase-header{margin-bottom:32px;text-align:center}.phase-header h2{font-family:Orbitron,monospace;font-size:clamp(24px,5vw,32px);letter-spacing:.2em;margin-bottom:12px}.phase-context{color:var(--text-secondary);font-size:16px;letter-spacing:.02em;line-height:1.55;margin:16px auto 0;max-width:580px;text-align:center}.phase-context strong{color:var(--text-primary);font-weight:600}.codewords-caption{color:var(--text-secondary);font-size:14px;font-weight:500;letter-spacing:.04em;margin:-8px 0 16px;text-align:center}.turn-indicator{border-radius:20px;display:inline-block;font-family:Orbitron,monospace;font-size:14px;letter-spacing:.15em;padding:8px 24px}.turn-indicator.friendly{background:var(--friendly-dark);border:1px solid var(--friendly-primary);color:var(--text-primary)}.turn-indicator.enemy{background:var(--enemy-dark);border:1px solid var(--enemy-primary);color:var(--text-primary)}.turn-indicator.neutral{background:var(--bg-card);border:1px solid var(--border-light);color:var(--text-secondary)}.words-display{margin-bottom:32px}.words-display h3{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:16px;letter-spacing:.15em;margin-bottom:16px;text-align:center}.words-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin:0 auto;max-width:700px}@media (max-width:600px){.words-grid{grid-template-columns:repeat(2,1fr)}}.words-display.small .words-grid{max-width:600px}.words-display.small .word-card{padding:12px}.clue-input-section{margin:0 auto;max-width:600px}.clue-input-section h3{color:var(--success);font-family:Orbitron,monospace;font-size:24px;letter-spacing:.15em;margin-bottom:8px;text-align:center}.secret-code-sequence{align-items:center;display:inline-flex;gap:10px;white-space:nowrap}.sequence-arrow{flex-shrink:0;opacity:.8}.instruction{color:var(--text-secondary);margin-bottom:24px;text-align:center}.clue-inputs{display:flex;flex-direction:column;gap:28px;margin-bottom:24px}.clue-input-group label{color:var(--text-secondary);display:block;font-size:16px;font-weight:600;letter-spacing:.05em;margin-bottom:8px}.clue-input{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600;padding:14px 20px;transition:all .3s ease;width:100%}.clue-input:focus{border-color:var(--accent);box-shadow:0 0 15px var(--accent-glow);outline:none}.clue-input.invalid{border-color:var(--red-primary)}.clue-input.invalid:focus{box-shadow:0 0 15px var(--red-dark)}.clue-error{color:var(--red-primary);font-size:13px;letter-spacing:.03em;margin-top:6px}.clue-past-row{align-items:center;display:flex;gap:6px;margin-top:8px;overflow-x:auto;scrollbar-color:var(--border-light) #0000;scrollbar-width:thin;white-space:nowrap}.clue-past-row::-webkit-scrollbar{height:6px}.clue-past-row::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:3px}.clue-past-row::-webkit-scrollbar-track{background:#0000}.clue-past-label{font-weight:500;letter-spacing:.04em}.clue-past-chip,.clue-past-label{color:var(--text-secondary);flex-shrink:0;font-size:14px}.clue-past-chip{background:var(--bg-darker);border:1px solid var(--border);border-radius:6px;padding:3px 9px}.clue-past-empty{color:var(--text-muted);flex-shrink:0;font-size:14px;font-style:italic}.submit-btn{background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;display:block;font-family:Orbitron,monospace;font-size:16px;font-weight:600;letter-spacing:.15em;padding:16px 32px;transition:all .3s ease;width:100%}.submit-btn:hover:not(:disabled){box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.5}.clue-input-section .submit-btn{margin-left:auto;margin-right:auto;max-width:400px}.waiting-section{padding:20px;text-align:center}.waiting-section h3{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:20px;letter-spacing:.1em;margin-bottom:24px}.waiting-message{color:var(--text-muted);font-size:16px;letter-spacing:.05em}.live-clues{margin:0 auto;max-width:400px}.live-clue{align-items:center;background:var(--bg-card);border-radius:8px;display:flex;gap:12px;margin-bottom:8px;padding:12px 20px}.clue-label{color:var(--text-secondary);font-weight:600}.clue-text{color:var(--text-primary)}.clues-display{margin:0 auto 32px;max-width:500px}.clues-display h3{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:16px;letter-spacing:.15em;margin-bottom:16px;text-align:center}.clues-list{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;overflow:hidden}.clue-item{align-items:center;border-bottom:1px solid var(--border);display:flex;padding:16px 20px}.clue-item:last-child{border-bottom:none}.clue-number{color:var(--accent);font-family:Orbitron,monospace;font-size:20px;font-weight:700;width:40px}.clue-content{font-size:18px;font-weight:600}.word-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:20px 12px;text-align:center;transition:all .3s ease}.word-card.active{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow)}.word-number{color:var(--accent);font-size:28px;font-weight:900;margin-bottom:8px}.word-number,.word-text{font-family:Orbitron,monospace}.word-text{font-size:clamp(10px,2.5vw,16px);font-weight:600;letter-spacing:.05em;white-space:nowrap}.clue-giver-disconnected-warning{align-items:flex-start;animation:shake-gentle .5s ease-out,fade-in .3s ease-out;background:linear-gradient(135deg,#ef444426,#eab3081a);border:2px solid #ef444466;border-radius:16px;display:flex;gap:16px;margin-bottom:24px;padding:20px 24px}@keyframes shake-gentle{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.clue-giver-disconnected-warning .warning-icon{animation:pulse-warning 2s ease-in-out infinite;color:var(--red-primary);display:flex;flex-shrink:0}.clue-giver-disconnected-warning .warning-icon svg{height:32px;width:32px}@keyframes pulse-warning{0%,to{opacity:1}50%{opacity:.6}}.clue-giver-disconnected-warning .warning-content h3{color:#ef4444;font-family:Orbitron,monospace;font-size:16px;font-weight:700;letter-spacing:1px;margin:0 0 8px}.clue-giver-disconnected-warning .warning-content p{color:var(--text-secondary);font-size:14px;margin:0 0 6px}.clue-giver-disconnected-warning .warning-content p strong{color:var(--text-primary)}.clue-giver-disconnected-warning .warning-instruction{color:#fbbf24;font-size:13px;font-style:italic}@media (max-width:600px){.clue-giver-disconnected-warning{flex-direction:column;padding:16px;text-align:center}.clue-giver-disconnected-warning .warning-icon svg{height:28px;width:28px}}.codewords-reference{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:700px;padding:20px}.codewords-reference h3{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:12px;letter-spacing:.2em;margin-bottom:16px;text-align:center}.codewords-grid{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.codeword-chip{align-items:center;background:var(--bg-darker);border:1px solid var(--border-light);border-radius:8px;display:flex;gap:10px;padding:10px 16px;transition:all .2s ease}.codeword-number{align-items:center;background:#22d3ee26;border-radius:4px;color:var(--accent);display:flex;font-family:Orbitron,monospace;font-size:18px;font-weight:900;height:24px;justify-content:center;width:24px}.codeword-text{font-family:Orbitron,monospace;font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.codewords-grid.compact{gap:8px}.codewords-grid.compact .codeword-chip{gap:8px;padding:8px 12px}.codewords-grid.compact .codeword-number{font-size:14px;height:20px;width:20px}.codewords-grid.compact .codeword-text{font-size:11px}.own-words-collapsible{margin:0 auto 24px;max-width:700px}.own-words-toggle{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:12px;font-weight:600;justify-content:space-between;letter-spacing:.15em;padding:14px 20px;transition:all .2s ease;width:100%}.own-words-toggle:hover{background:var(--bg-card-hover);border-color:var(--border-light)}.own-words-toggle.open{border-bottom-color:#0000;border-radius:10px 10px 0 0}.own-words-toggle .toggle-arrow{color:var(--text-muted);font-size:10px;transition:transform .2s ease}.own-words-toggle .toggle-arrow.open{transform:rotate(180deg)}.own-words-content{animation:slideDown .2s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:0 0 10px 10px;border-top:none;padding:16px 20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.guess-arrow{align-items:center;animation:pulseArrow 2s ease-in-out infinite;color:var(--accent);display:flex;flex-shrink:0;justify-content:center}.breaching .guess-arrow{color:var(--red-primary)}.guess-arrow-icon{height:28px;width:28px}@keyframes pulseArrow{0%,to{opacity:.5}50%{opacity:1}}.decode-section{margin:0 auto;max-width:100%}.decode-section h3{font-family:Orbitron,monospace;font-size:18px;letter-spacing:.15em;margin-bottom:8px;text-align:center}.decode-instruction{color:var(--text-secondary);font-size:14px;letter-spacing:.03em;margin-bottom:24px;text-align:center}.decode-inputs{display:flex;flex-direction:column;gap:16px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:800px}.decode-group{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:12px;display:flex;gap:24px;justify-content:space-between;padding:20px 24px;text-align:left;transition:all .3s ease}.decode-group:hover{border-color:var(--accent)}.decode-clue-label{color:var(--accent);flex:1 1;font-family:Rajdhani,sans-serif;font-size:20px;font-weight:700;margin-bottom:0;text-align:left;word-break:break-word}.decode-input-wrapper{align-items:center;display:flex;flex-shrink:0;position:relative;width:300px}.decode-dropdown{-webkit-appearance:none;appearance:none;background:var(--bg-darker);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%2394a3b8' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;border:2px solid var(--border);border-radius:8px;color:var(--text-primary);cursor:pointer;font-family:Orbitron,monospace;font-size:14px;font-weight:600;padding:12px 60px 12px 16px;transition:all .2s ease;width:100%}.decode-dropdown:focus,.decode-dropdown:hover{border-color:var(--accent)}.decode-dropdown:focus{box-shadow:0 0 15px var(--accent-glow);outline:none}.decode-dropdown option{background:var(--bg-card);color:var(--text-primary);padding:12px}.clear-select-btn{align-items:center;background:none;border:none;border-radius:50%;color:var(--text-muted);cursor:pointer;display:flex;height:24px;justify-content:center;padding:4px;position:absolute;right:36px;top:50%;transform:translateY(-50%);transition:all .2s ease;width:24px;z-index:2}.clear-select-btn:hover{background:#ef44441a;color:var(--red-primary)}.guess-cards{align-items:stretch;display:flex;flex-direction:row;gap:12px;justify-content:center;margin-bottom:28px}.guess-card{background:var(--bg-card);border:2px solid var(--border);border-radius:16px;display:flex;flex:1 1;flex-direction:column;min-height:340px;min-width:0;padding:22px 20px;transition:border-color .2s ease,box-shadow .2s ease}.guess-card__clue{border-bottom:1px solid var(--border);color:var(--accent);font-family:Rajdhani,sans-serif;font-size:26px;font-weight:700;line-height:1.15;margin-bottom:16px;padding-bottom:16px;text-align:center;word-break:break-word}.breaching .guess-card__clue{color:var(--red-primary)}.guess-card__selections{display:flex;flex:1 1;flex-direction:column;gap:10px;margin-bottom:18px}.guess-card__empty{align-items:center;color:var(--text-muted);display:flex;flex:1 1;font-size:13px;font-style:italic;justify-content:center;letter-spacing:.03em;opacity:.55}.selection-group{animation:slideDown .2s ease-out;background:var(--bg-darker);border:1px solid var(--border-light);border-radius:10px;padding:12px 14px}.selection-group__answer{align-items:baseline;color:var(--text-primary);display:flex;flex-wrap:wrap;font-family:Orbitron,monospace;font-size:16px;font-weight:700;gap:8px;letter-spacing:.04em;margin-bottom:10px;text-transform:uppercase}.selection-group__players{display:flex;flex-wrap:wrap;gap:6px}.player-chip{background:#94a3b826;border:1px solid var(--border-light);border-radius:999px;color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:13px;font-weight:600;letter-spacing:.02em;padding:3px 11px;white-space:nowrap}.player-chip.is-you{background:#22d3ee26;border-color:var(--accent);color:var(--accent)}.breaching .player-chip.is-you{background:var(--red-glow);border-color:var(--red-primary);color:var(--red-primary)}.guess-card__picker{align-items:center;display:flex;margin-top:auto;position:relative}.guess-card__picker .decode-dropdown{font-size:13px;padding:14px 60px 14px 16px}.breach-buttons{display:flex;gap:16px;justify-content:center}.breach-buttons .submit-btn{flex:0 1 400px;max-width:400px}.decode-section>.submit-btn{margin-left:auto;margin-right:auto;max-width:400px}.skip-btn{background:#0000;border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:16px;font-weight:600;letter-spacing:.15em;padding:16px 32px;transition:all .3s ease}.skip-btn:hover{background:var(--bg-card);border-color:var(--text-secondary)}.decode-submitted{align-items:center;background:var(--bg-card);border:2px solid var(--success);border-radius:16px;box-shadow:0 0 20px #10b98126;display:flex;flex-direction:column;gap:12px;margin:0 auto;max-width:560px;padding:28px 24px;text-align:center}.decode-submitted__icon{background:#10b98126;border:2px solid var(--success);border-radius:50%;color:var(--success);display:grid;flex-shrink:0;height:48px;place-items:center;width:48px}.decode-submitted__content{align-items:center;display:flex;flex-direction:column;gap:12px;width:100%}.decode-submitted h3{color:var(--success);margin:0}.decode-submitted p{margin:0}.decode-submitted__by{align-items:center;color:var(--text-secondary);display:inline-flex;font-size:15px;gap:7px;margin:0}.decode-submitted__lock{color:var(--text-muted);flex-shrink:0;opacity:.75}.waiting-indicator{align-items:center;background:linear-gradient(135deg,#22d3ee12,#22d3ee05);border:1px solid var(--border-light);border-radius:12px;display:flex;justify-content:center;margin:24px auto 0;max-width:460px;padding:15px 8px;width:100%}.waiting-indicator__text{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:.03em;text-align:center}.waiting-indicator__pulse{background:var(--accent);border-radius:50%;box-shadow:0 0 8px var(--accent-glow);flex-shrink:0;height:10px;margin-right:20px;position:relative;width:10px}.waiting-indicator__pulse:before{animation:waitingPing 1.8s ease-out infinite;border:1px solid var(--accent);border-radius:50%;content:"";inset:-5px;position:absolute}@keyframes waitingPing{0%{opacity:.8;transform:scale(.5)}to{opacity:0;transform:scale(1.9)}}@media (prefers-reduced-motion:reduce){.waiting-indicator__pulse:before{animation:none}}.locked-guesses{align-items:stretch;display:flex;flex-direction:column;gap:8px;margin:0 auto;max-width:100%;width:-webkit-fit-content;width:fit-content}.locked-guess{grid-gap:10px;align-items:center;background:var(--bg-darker);border:1px solid var(--border);border-radius:10px;display:grid;gap:10px;grid-template-columns:6ch auto 1fr;grid-template-columns:var(--clue-col,6ch) auto 1fr;padding:10px 0}@supports (grid-template-columns:subgrid){.locked-guesses{grid-column-gap:10px;grid-row-gap:8px;column-gap:10px;display:grid;grid-template-columns:auto auto 1fr;row-gap:8px}.locked-guess{grid-column:1/-1;grid-template-columns:subgrid}}.locked-guess__clue{color:var(--accent);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;padding-left:14px;text-align:center;word-break:break-word}.locked-guess__arrow{color:var(--text-muted);justify-self:center}.locked-guess__pick{align-items:center;display:flex;gap:8px;justify-self:start;padding-right:14px}.locked-guess__num{align-items:center;background:#22d3ee26;border-radius:6px;color:var(--accent);display:flex;font-family:Orbitron,monospace;font-size:16px;font-weight:900;height:30px;justify-content:center;width:30px}.locked-guess__word{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:11px;letter-spacing:.05em;max-width:120px;text-align:left;text-transform:uppercase;word-break:break-word}.clue-giver-waiting{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;margin-top:24px;padding:24px;text-align:center}.clue-giver-waiting h3{color:var(--accent);font-family:Orbitron,monospace;font-size:18px;font-weight:700;letter-spacing:.15em;margin-bottom:8px}.clue-giver-subtitle{color:var(--text-secondary);font-size:14px;margin-bottom:24px;margin-left:auto;margin-right:auto;max-width:400px}.clue-giver-code-display{margin-bottom:24px}.code-order{align-items:center;background:#00ffd514;border:1px solid var(--accent);border-radius:8px;display:inline-flex;flex-wrap:wrap;gap:4px 12px;justify-content:center;padding:12px 24px}.code-order-label{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase}.code-order-numbers{align-items:center;color:var(--accent);display:inline-flex;font-family:Orbitron,monospace;font-size:24px;font-weight:700;gap:10px;letter-spacing:.15em;white-space:nowrap}.clue-giver-guesses-heading{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:12px;letter-spacing:.2em;margin:16px 0;text-align:center}.clue-giver-clues-display{display:flex;flex-direction:column;gap:12px;margin:0 auto 24px;max-width:500px}.clue-giver-clue-item{align-items:center;background:var(--bg-dark);border:1px solid var(--border);border-radius:8px;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;padding:12px 16px}.clue-giver-clue-item .clue-position{color:var(--accent);font-family:Orbitron,monospace;font-size:16px;font-weight:700}.clue-giver-clue-item .clue-word{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:13px;text-transform:uppercase}.clue-giver-clue-item .clue-arrow{color:var(--text-muted);font-size:18px}.clue-giver-clue-item .clue-text{color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:16px;font-weight:600;letter-spacing:.05em}.waiting-status-container{align-items:center;display:flex;justify-content:center;width:100%}.waiting-status{background:linear-gradient(135deg,#22d3ee08,#0000);border-radius:8px;margin-top:20px;padding:24px 20px}.waiting-status p{animation:subtlePulse 2.5s ease-in-out infinite;color:var(--text-secondary);font-size:17px;letter-spacing:.04em}@keyframes subtlePulse{0%,to{opacity:.7}50%{opacity:1}}@media (max-width:768px){.codewords-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(2,1fr)}.codeword-chip{padding:8px 12px}.codeword-text{font-size:11px}.guess-cards{flex-direction:column;gap:10px}.guess-arrow{padding:4px 0}.guess-arrow-icon{height:32px;transform:rotate(90deg);width:32px}.guess-card__selections{min-height:150px}.guess-card__clue{font-size:22px}.decode-submitted{align-items:center;flex-direction:column;text-align:center}.waiting-indicator{margin-top:20px;padding:13px 20px}.waiting-indicator__text{font-size:15px}.decode-inputs{max-width:320px}.decode-group{align-items:stretch;flex-direction:column;gap:12px;padding:20px;text-align:center}.decode-group:hover{transform:none}.decode-clue-label{margin-bottom:4px;text-align:center}.decode-input-wrapper{width:100%}}@media (max-width:480px){.codeword-chip{gap:6px;padding:6px 10px}.codeword-number{font-size:14px;height:20px;width:20px}.codeword-text{font-size:10px}}.guess-confirm-overlay{align-items:center;animation:fadeIn .25s ease-out;background:#050810eb;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.guess-confirm-modal{animation:slideUp .3s ease-out;background:var(--bg-card);border:2px solid var(--accent);border-radius:18px;box-shadow:0 0 40px var(--accent-glow);max-width:460px;padding:28px 24px;text-align:center;width:100%}.guess-confirm-title{color:var(--accent);font-family:Orbitron,monospace;font-size:20px;font-weight:700;letter-spacing:.1em;margin:0 0 8px}.guess-confirm-subtitle{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:14px;margin:0 0 20px}.guess-confirm-modal .locked-guesses{margin-bottom:24px}.guess-confirm-actions{display:flex;gap:12px}.guess-confirm-actions button{border-radius:10px;cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;padding:14px 16px;transition:all .2s ease}.guess-confirm-back{background:var(--bg-darker);border:1px solid var(--border-light);color:var(--text-secondary)}.guess-confirm-back:hover{border-color:var(--text-secondary);color:var(--text-primary)}.guess-confirm-lock{background:linear-gradient(135deg,var(--success) 0,var(--accent) 100%);border:none;color:var(--bg-dark)}.guess-confirm-lock:hover{box-shadow:0 0 20px var(--accent-glow)}.round-reveal{animation:fadeInUp .5s ease-out}.your-team-result{background:var(--bg-card);border:3px solid var(--border);border-radius:16px;margin-bottom:32px;overflow:hidden;padding:32px 24px;position:relative;text-align:center}.your-team-result:before{bottom:0;content:"";left:0;opacity:.1;pointer-events:none;position:absolute;right:0;top:0}.your-team-result.success{background:linear-gradient(135deg,#10b98126 0,var(--bg-card) 100%);border-color:var(--success)}.your-team-result.success:before{background:radial-gradient(circle at 50% 0,var(--success) 0,#0000 70%)}.your-team-result.failure{background:linear-gradient(135deg,#f43f5e26 0,var(--bg-card) 100%);border-color:var(--danger)}.your-team-result.failure:before{background:radial-gradient(circle at 50% 0,var(--danger) 0,#0000 70%)}.your-team-result.neutral{background:linear-gradient(135deg,#94a3b81a 0,var(--bg-card) 100%);border-color:var(--text-muted)}.your-result-headline{animation:pulseGlow 2s ease-in-out infinite;font-family:Orbitron,monospace;font-size:42px;font-weight:900;letter-spacing:.15em;margin:0 0 12px;text-transform:uppercase}.your-team-result.success .your-result-headline{color:var(--success);text-shadow:0 0 30px #10b98180}.your-team-result.failure .your-result-headline{color:var(--danger);text-shadow:0 0 30px #f43f5e80}.your-team-result.neutral .your-result-headline{color:var(--text-muted)}@keyframes pulseGlow{0%,to{opacity:1}50%{opacity:.85}}.your-result-subtext{color:var(--text-secondary);font-size:16px;letter-spacing:.05em;margin:0}.results-container{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin:0 auto 32px;max-width:900px}@media (max-width:480px){.results-container{grid-template-columns:1fr}.your-result-headline{font-size:34px}}.result-card{background:var(--bg-card);border:2px solid var(--border);border-radius:12px;padding:24px;text-align:center}.result-card:first-child{grid-column:1/-1}.result-card.success{border-color:var(--success);box-shadow:0 0 20px #10b98133}.result-card.failure{border-color:var(--danger);box-shadow:0 0 20px #f43f5e33}.result-card.neutral{border-color:var(--text-muted)}.result-card.breached{border-color:var(--warning);box-shadow:0 0 20px #f59e0b33}.result-card h3{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:14px;letter-spacing:.1em;margin-bottom:16px}.code-display{display:flex;gap:16px;justify-content:center;margin-bottom:16px}.result-card:first-child .code-display{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin-left:auto;margin-right:auto;max-width:100%;width:-webkit-fit-content;width:fit-content}.code-slot{align-items:center;background:var(--bg-darker);border:1px solid var(--border);border-radius:10px;display:flex;flex-direction:row;gap:7px;padding:8px 16px 8px 8px}.code-word-label{color:var(--text-secondary);font-size:12px;letter-spacing:.06em;line-height:1.25;max-width:140px;text-align:left;text-transform:uppercase;word-break:break-word}.code-number,.code-word-label{font-family:Orbitron,monospace}.code-number{align-items:center;background:var(--bg-darker);border-radius:8px;color:var(--text-primary);display:flex;font-size:28px;font-weight:900;height:50px;justify-content:center;width:50px}.code-slot .code-number{flex-shrink:0;font-size:24px;height:44px;width:44px}.code-number.correct{background:var(--success);color:var(--bg-dark)}.result-card.breached .code-number.correct{background:var(--warning);color:var(--bg-dark)}.code-number.wrong{background:var(--danger);color:#fff}@media (max-width:768px){.result-card:first-child .code-display{gap:10px;grid-template-columns:minmax(0,1fr);max-width:380px;width:auto}.code-slot{justify-content:flex-start}.code-word-label{max-width:none}}@media (max-width:600px){.result-card{padding:20px 16px}}.result-message{align-items:center;display:flex;font-family:Orbitron,monospace;font-size:14px;gap:6px;justify-content:center;letter-spacing:.1em}.result-card.success .result-message{color:var(--success)}.result-card.failure .result-message{color:var(--danger)}.result-card.breached .result-message{color:var(--warning)}.scores-display{margin-bottom:32px}.next-btn{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border:none;border-radius:10px;color:var(--bg-dark);cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:18px;font-weight:600;gap:10px;justify-content:center;letter-spacing:.2em;margin:0 auto;max-width:400px;padding:18px 40px;transition:all .3s ease;width:100%}.next-btn:hover{box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-2px)}.next-btn:disabled{box-shadow:none;cursor:default;opacity:.6;transform:none}.reveal-linger{text-align:center}.reveal-linger-note{color:var(--text-secondary);font-size:16px;margin:14px auto 0}.reveal-linger-note,.reveal-linger-subnote{font-family:Rajdhani,sans-serif;max-width:100%}.reveal-linger-subnote{color:var(--text-muted);font-size:14px;font-style:italic;margin:6px auto 0}.team-scoreboard{align-items:stretch;display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.team-score-card{align-items:center;background:var(--bg-card);border:2px solid var(--border);border-radius:16px;display:flex;flex-direction:column;gap:4px;min-width:300px;padding:26px 30px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.team-score-card.friendly{border-color:var(--friendly-dark)}.team-score-card.enemy{border-color:var(--enemy-dark)}.team-score-card.neutral{border-color:var(--border-light)}.team-score-card.friendly.winner{border-color:var(--friendly-primary);box-shadow:0 0 34px var(--friendly-glow)}.team-score-card.enemy.winner{border-color:var(--enemy-primary);box-shadow:0 0 34px var(--enemy-glow)}.team-score-card.neutral.winner{border-color:var(--accent);box-shadow:0 0 34px var(--accent-glow)}.team-score-badge{align-items:center;background:linear-gradient(135deg,#fbbf24,#f59e0b);border-radius:999px;box-shadow:0 4px 14px #f59e0b66;color:#1a1206;display:inline-flex;font-size:10px;gap:5px;left:50%;padding:4px 12px;position:absolute;top:-13px;transform:translateX(-50%);white-space:nowrap}.team-score-badge,.team-score-team{font-family:Orbitron,monospace;font-weight:700;letter-spacing:.12em}.team-score-team{font-size:16px}.team-score-card.friendly .team-score-team{color:var(--friendly-primary)}.team-score-card.enemy .team-score-team{color:var(--enemy-primary)}.team-score-card.neutral .team-score-team{color:var(--text-primary)}.team-score-perspective{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.team-score-stats{display:flex;gap:32px;margin-top:14px}.team-score-stat{align-items:center;display:flex;flex-direction:column;gap:4px}.team-score-num{font-family:Orbitron,monospace;font-size:40px;font-weight:900;line-height:1}.team-scoreboard.compact .team-score-num{font-size:28px;letter-spacing:2px}.team-score-stat.breaches .team-score-num{color:var(--success)}.team-score-stat.glitches .team-score-num{color:var(--red-primary)}.team-score-desc{color:var(--text-secondary);font-size:11px;letter-spacing:.08em;text-transform:uppercase}@media (max-width:560px){.team-scoreboard{flex-direction:column;gap:14px;margin-left:auto;margin-right:auto;max-width:340px;width:100%}.team-score-card{min-width:0;padding:22px 24px;width:100%}.team-score-num{font-size:34px}.team-scoreboard.compact .team-score-num{font-size:26px}}.game-end{align-items:center;animation:fadeInUp .6s ease-out;display:flex;flex-direction:column;padding:60px 20px 40px;text-align:center}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.winner-announcement{margin-bottom:40px}.winner-announcement h1{font-family:Orbitron,monospace;font-size:clamp(32px,8vw,56px);letter-spacing:.15em;margin-bottom:16px}.winner-announcement.friendly h1{color:var(--friendly-primary);text-shadow:0 0 40px var(--friendly-glow)}.winner-announcement.enemy h1{color:var(--enemy-primary);text-shadow:0 0 40px var(--enemy-glow)}.winner-announcement.neutral h1{color:var(--text-primary)}.win-message{color:var(--text-secondary);font-size:20px;letter-spacing:.1em}.final-scoreboard{margin-bottom:40px}.play-again-btn{background:linear-gradient(135deg,var(--success) 0,var(--accent) 100%);border:none;border-radius:12px;color:var(--bg-dark);cursor:pointer;font-family:Orbitron,monospace;font-size:18px;font-weight:700;letter-spacing:.2em;padding:20px 48px;transition:all .3s ease}.play-again-btn:hover{box-shadow:0 15px 40px #10b98166;transform:translateY(-3px)}.game-end-actions{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.quit-btn{background:#0000;border:1px solid #f43f5e73;border-radius:12px;color:#fb7185;cursor:pointer;font-family:Orbitron,monospace;font-size:14px;font-weight:600;letter-spacing:.15em;padding:20px 28px;transition:all .3s ease}.quit-btn:hover{background:#f43f5e14;border-color:var(--danger);color:var(--danger)}.game-end-hint{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:13px;font-style:italic;margin:16px auto 0;max-width:420px;text-align:center}.confetti{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:900}.confetti-piece{animation-fill-mode:both;animation-iteration-count:1;animation-name:confetti-fall;animation-timing-function:linear;display:block;position:absolute;will-change:transform}@keyframes confetti-fall{0%{transform:translate(0) rotate(0deg)}25%{transform:translate(var(--sway),35vh) rotate(calc(var(--r-end)*.28))}50%{transform:translate(calc(var(--sway)*-1),70vh) rotate(calc(var(--r-end)*.55))}75%{transform:translate(var(--sway),105vh) rotate(calc(var(--r-end)*.8))}to{transform:translate(calc(var(--sway)*-1),140vh) rotate(var(--r-end))}}@media (prefers-reduced-motion:reduce){.confetti{display:none}}.game-header{background:var(--bg-card);border-bottom:1px solid var(--border);position:relative}.header-row{justify-content:space-between;padding:8px 10px}.header-left,.header-row{align-items:center;display:flex;gap:8px}.header-left{flex:1 1;min-width:0}.header-title{align-items:center;background:none;border:none;color:var(--accent);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Orbitron,monospace;font-size:16px;font-weight:700;letter-spacing:.08em;padding:0;transition:opacity .15s ease}.header-title:hover{opacity:.75}.header-title-mark{display:none}@media (max-width:767px){.header-title-full{display:none}.header-title-mark{display:block;height:44px;width:auto}.header-row{min-height:60px}}.help-btn{align-items:center;background:var(--bg-darker);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Orbitron,monospace;font-size:11px;gap:6px;height:28px;justify-content:center;letter-spacing:.05em;padding:0 10px;transition:all .2s ease}.help-btn:hover{background:#22d3ee0f;border-color:var(--accent);color:var(--accent)}.help-btn.icon-only{padding:0;width:28px}.help-btn.header-help{margin-left:auto}.help-btn-label{white-space:nowrap}@media (max-width:380px){.help-btn-label{display:none}}.room-badge-btn{align-items:center;background:var(--bg-darker);border:1px solid var(--border-light);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:Orbitron,monospace;font-size:10px;gap:6px;letter-spacing:.05em;padding:4px 8px;transition:all .2s ease;white-space:nowrap}.room-badge-btn:hover{background:#22d3ee0f;border-color:var(--accent);color:var(--accent)}.room-badge-btn.copied{background:#10b9811a;border-color:var(--success);color:var(--success)}.room-badge-icon{flex-shrink:0;opacity:.7;transition:opacity .2s ease}.room-badge-btn.copied .room-badge-icon,.room-badge-btn:hover .room-badge-icon{opacity:1}.room-badge-copied-label{font-size:9px;font-weight:600;letter-spacing:.08em}@media (max-width:599px){.room-badge-copied-label,.room-badge-text{display:none}.room-badge-btn{height:28px;justify-content:center;padding:0;width:28px}}@media (min-width:600px){.room-badge-btn{font-size:12px;gap:7px;padding:6px 10px}}.round-badge-wrapper{position:relative}.round-badge-btn{align-items:center;background:var(--bg-darker);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:default;display:inline-flex;font-family:Orbitron,monospace;font-size:10px;gap:5px;height:28px;letter-spacing:.05em;padding:0 8px;transition:all .2s ease;white-space:nowrap}.round-badge-btn.clickable{cursor:pointer}.round-badge-btn.clickable:hover{background:#22d3ee0f;border-color:var(--accent);color:var(--accent)}.round-badge-btn.history-mode{background:#f59e0b1a;border-color:var(--warning);color:var(--warning)}.pregame-badge{background:#22d3ee14;border-color:var(--accent);color:var(--accent);cursor:default}.round-caret{font-size:8px;opacity:.6;transition:transform .2s ease}.round-caret.open{transform:rotate(180deg)}.round-dropdown-menu{animation:dropdownFadeIn .15s ease-out;background:var(--bg-card);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #00000080;left:0;min-width:160px;overflow:hidden;position:absolute;top:calc(100% + 6px);z-index:500}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.round-dropdown-item{align-items:center;background:none;border:none;color:var(--text-primary);cursor:pointer;display:flex;font-family:Orbitron,monospace;font-size:10px;gap:10px;justify-content:space-between;letter-spacing:.08em;padding:9px 12px;text-align:left;transition:background .15s ease;width:100%}.round-dropdown-item:hover{background:#ffffff0d}.round-dropdown-item.active{background:#22d3ee14;color:var(--accent)}.round-item-tag{background:#10b98133;color:var(--success)}.round-item-tag,.round-item-team{border-radius:3px;flex-shrink:0;font-size:8px;font-weight:700;letter-spacing:.06em;padding:2px 5px}.round-item-team.enemy{background:#ef444433;color:var(--enemy-primary)}.round-item-team.friendly{background:#38bdf833;color:var(--friendly-primary)}.round-item-team.neutral{background:#94a3b833;color:var(--text-secondary)}.round-dropdown-divider{background:var(--border);height:1px;margin:2px 0}@media (min-width:600px){.round-badge-btn{font-size:12px;gap:7px;letter-spacing:.1em;padding:6px 12px}}.header-right{display:flex;gap:6px}.header-right,.player-team-btn{align-items:center;flex-shrink:0}.player-team-btn{background:var(--bg-darker);border:1px solid var(--border-light);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Orbitron,monospace;font-size:10px;gap:7px;height:28px;letter-spacing:.08em;max-width:130px;padding:0 10px;position:relative;transition:all .2s ease}.player-team-btn:hover{background:#22d3ee0f;border-color:var(--accent)}.player-team-btn.active{background:#22d3ee1a;border-color:var(--accent)}.player-team-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.player-team-btn.friendly .player-team-dot{background:var(--friendly-primary)}.player-team-btn.enemy .player-team-dot{background:var(--enemy-primary)}.player-team-btn.spectator .player-team-dot{background:var(--text-muted)}.player-team-name{max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-team-caret{flex-shrink:0;font-size:8px;opacity:.6;transition:transform .2s ease}.player-team-caret.open{transform:rotate(180deg)}.player-team-alert{align-items:center;color:var(--red-primary);display:flex;justify-content:center;position:absolute;right:-5px;top:-6px}.player-team-alert svg{height:14px;width:14px}@media (min-width:600px){.player-team-btn{font-size:12px;gap:9px;max-width:none;padding:8px 14px}.player-team-name{max-width:none}.player-team-dot{height:9px;width:9px}}.teams-panel{background:var(--bg-darker);border-top:1px solid var(--border);box-shadow:0 12px 28px #00000073;left:0;max-height:0;overflow:hidden;position:absolute;right:0;top:100%;transition:max-height .3s ease-out;z-index:400}.teams-panel.open{max-height:420px;overflow-y:auto}.teams-panel-content{grid-gap:16px;align-items:start;display:grid;gap:16px;grid-template-columns:1fr auto 1fr;margin:0 auto;max-width:900px;padding:20px 24px}.panel-scores{background:var(--bg-card);border-radius:8px;display:flex;gap:32px;grid-column:1/-1;justify-content:center;margin-bottom:16px;padding:16px}.panel-score{align-items:center;display:flex;flex-direction:column;gap:10px}.panel-score-label{font-family:Orbitron,monospace;font-size:13px;font-weight:600;letter-spacing:.1em}.panel-score-perspective{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.panel-score.friendly .panel-score-label{color:var(--friendly-primary)}.panel-score.enemy .panel-score-label{color:var(--enemy-primary)}.panel-score.neutral .panel-score-label{color:var(--text-primary)}.panel-score-row{display:flex;gap:24px}.panel-score-item{align-items:center;display:flex;flex-direction:column;gap:4px}.panel-score-num{font-family:Orbitron,monospace;font-size:22px;font-weight:700}.panel-score-item.wins .panel-score-num{color:var(--success)}.panel-score-item.losses .panel-score-num{color:var(--red-primary)}.panel-score-desc{color:var(--text-secondary);font-size:12px;letter-spacing:.04em;text-transform:uppercase}@media (max-width:600px){.teams-panel-content{gap:12px;grid-template-columns:1fr}.panel-divider{display:none}}.panel-team h4{align-items:baseline;display:flex;flex-wrap:wrap;font-family:Orbitron,monospace;font-size:13px;gap:8px;letter-spacing:.1em;margin-bottom:12px}.panel-team-perspective{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:11px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.panel-team.friendly h4{color:var(--friendly-primary)}.panel-team.enemy h4{color:var(--enemy-primary)}.panel-team.neutral h4{color:var(--text-primary)}.panel-team-members{display:flex;flex-wrap:wrap;gap:8px}.panel-member{align-items:center;background:var(--bg-card);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);display:inline-flex;font-size:13px;font-weight:500;gap:6px;padding:6px 12px}.panel-member.you{border-color:var(--accent)}.panel-member.clue-giver{animation:glowPulse 2s ease-in-out infinite}@keyframes glowPulse{0%,to{box-shadow:0 0 8px var(--accent-glow)}50%{box-shadow:0 0 16px var(--accent-glow)}}.panel-member .badge{border-radius:3px;font-size:9px;font-weight:700;letter-spacing:.05em;padding:2px 6px}.panel-member .you-badge{background:var(--accent);color:var(--bg-dark)}.panel-member .giver-badge{animation:none;background:var(--success);color:var(--bg-dark)}.no-members{color:var(--text-muted);font-size:13px;font-style:italic}.panel-divider{align-self:center;background:var(--border);height:60px;width:1px}.disconnected-badge{align-items:center;background:#f59e0b26;border-radius:4px;color:var(--warning);display:inline-flex;font-size:11px;gap:5px;padding:4px 8px;white-space:nowrap}@media (max-width:600px){.disconnected-badge{display:none}}.clue-giver-alert-btn{align-items:center;animation:pulse 2s ease-in-out infinite;background:var(--enemy-dark);border:1px solid var(--enemy-primary);border-radius:6px;color:var(--text-primary);cursor:pointer;display:inline-flex;font-family:Orbitron,monospace;font-size:11px;font-weight:600;gap:5px;letter-spacing:.04em;padding:5px 9px;white-space:nowrap}.clue-giver-alert-btn:hover{background:var(--enemy-primary)}@media (max-width:600px){.clue-giver-alert-btn{font-size:10px;padding:4px 7px}}@media (min-width:600px){.header-row{gap:16px;padding:16px 24px}.header-left,.header-right{gap:16px}.header-title{font-size:20px;letter-spacing:.15em}.round-badge{font-size:12px;letter-spacing:.1em;padding:6px 12px}.help-btn,.player-team-btn,.room-badge-btn,.round-badge-btn{height:34px}.help-btn.icon-only{width:34px}}.leave-confirm-overlay{align-items:center;animation:lcFadeIn .2s ease-out;background:#050810e0;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:2000}@keyframes lcFadeIn{0%{opacity:0}to{opacity:1}}.leave-confirm-modal{animation:lcSlideUp .25s ease-out;background:var(--bg-card);border:2px solid var(--border);border-radius:20px;max-width:440px;padding:40px 36px;text-align:center;width:100%}@keyframes lcSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.leave-confirm-title{color:var(--red-primary);font-family:Orbitron,monospace;font-size:24px;letter-spacing:.2em;margin-bottom:14px}.leave-confirm-body{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:32px}.leave-confirm-actions{display:flex;gap:12px;justify-content:center}.leave-confirm-cancel{background:#0000;border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:12px;font-weight:600;letter-spacing:.12em;padding:12px 24px;transition:all .2s ease}.leave-confirm-cancel:hover{background:#ffffff0d;border-color:var(--text-secondary);color:var(--text-primary)}.leave-confirm-ok{background:#0000;border:2px solid var(--red-primary);border-radius:8px;color:var(--red-primary);cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:.12em;padding:12px 24px;transition:all .2s ease}.leave-confirm-ok:hover{background:var(--red-primary);box-shadow:0 0 20px var(--red-glow);color:var(--bg-dark)}@media (max-width:480px){.leave-confirm-cancel{padding:12px}}.htp-overlay{align-items:flex-start;animation:htpFade .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#050810d1;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:24px 16px;position:fixed;z-index:2000}@keyframes htpFade{0%{opacity:0}to{opacity:1}}.htp-modal{background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-darker) 100%);border:1px solid var(--border-light);border-radius:16px;box-shadow:0 20px 60px #0009;margin:auto;max-width:640px;padding:32px 28px 28px;position:relative;width:100%}.htp-close{align-items:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:8px;color:var(--text-secondary);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:16px;top:16px;transition:all .2s ease;width:36px}.htp-close:hover{border-color:var(--accent);color:var(--text-primary)}.htp-header{margin-bottom:28px;padding-left:24px;padding-right:24px;text-align:center}.htp-title{color:var(--text-primary);font-family:Orbitron,monospace;font-size:clamp(22px,5vw,28px);letter-spacing:.2em;margin-bottom:10px}.htp-subtitle{color:var(--text-secondary);font-size:15px;line-height:1.5}.htp-section{margin-bottom:26px}.htp-h3{color:var(--accent);font-family:Orbitron,monospace;font-size:15px;letter-spacing:.12em;margin-bottom:12px;text-transform:uppercase}.htp-body{color:var(--text-secondary);font-size:15px;line-height:1.6;margin-bottom:10px}.htp-body:last-child{margin-bottom:0}.htp-body strong,.htp-phases strong,.htp-tips strong{color:var(--text-primary);font-weight:600}.htp-flow{align-items:center;display:flex;flex-direction:column;gap:10px}.htp-node{background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;max-width:420px;padding:14px 16px;text-align:center;width:100%}.htp-node-label{color:var(--text-primary);display:block;font-family:Orbitron,monospace;font-size:13px;letter-spacing:.1em;margin-bottom:10px}.htp-node-note{display:block;font-size:13px;margin-top:8px}.htp-node p,.htp-node-note{color:var(--text-secondary)}.htp-node p{font-size:15px;line-height:1.5;margin:0 0 6px}.htp-chips{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.htp-chip{align-items:center;background:var(--bg-darker);border:1px solid var(--border-light);border-radius:8px;color:var(--text-primary);display:inline-flex;font-size:14px;gap:6px;padding:6px 12px}.htp-chip b{color:var(--accent);font-size:13px}.htp-chip b,.htp-seq{font-family:Orbitron,monospace}.htp-seq{color:var(--success);font-size:22px;letter-spacing:.08em;margin-bottom:8px}.htp-clues{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.htp-clues span{background:var(--bg-darker);border:1px solid var(--border);border-radius:6px;color:var(--text-primary);font-size:14px;font-weight:600;padding:4px 10px}.htp-arrow{color:var(--text-muted);flex-shrink:0}.htp-split{align-items:center;display:flex;gap:12px}.htp-split-label{color:var(--text-secondary);font-size:13px;letter-spacing:.04em}.htp-branches{display:flex;gap:14px;width:100%}.htp-branches .htp-node{flex:1 1;max-width:none}.htp-node-friendly{background:#38bdf812;border-color:var(--friendly-primary)}.htp-node-enemy{background:#ef444412;border-color:var(--enemy-primary)}.htp-friendly{color:var(--friendly-primary)}.htp-enemy{color:var(--enemy-primary)}.htp-result-good{color:var(--success)!important;font-weight:600}.htp-result-bad{color:var(--danger)!important;font-weight:600}.htp-flow-foot{color:var(--text-secondary);font-size:14px;line-height:1.5;margin-top:4px;max-width:440px;text-align:center}.htp-flow-foot strong{color:var(--text-primary)}.htp-phases,.htp-tips{display:flex;flex-direction:column;gap:12px;list-style:none}.htp-phases li,.htp-tips li{border-left:2px solid var(--border-light);color:var(--text-secondary);font-size:15px;line-height:1.55;padding-left:16px}.htp-phase-name{color:var(--text-primary);font-family:Orbitron,monospace;font-size:13px;letter-spacing:.08em}.htp-outcome,.htp-winlose{display:flex;gap:12px}.htp-outcome{align-items:center;background:var(--bg-card);border:1px solid var(--border-light);border-radius:12px;flex:1 1;padding:14px 16px}.htp-outcome strong{color:var(--text-primary);display:block;font-size:15px;margin-bottom:2px}.htp-outcome span{color:var(--text-secondary);font-size:14px}.htp-outcome.win{border-color:var(--success)}.htp-outcome.win svg{color:var(--success);flex-shrink:0}.htp-outcome.lose{border-color:var(--danger)}.htp-outcome.lose svg{color:var(--danger);flex-shrink:0}.htp-footer{flex-direction:column;gap:10px;margin-top:8px}.htp-footer,.htp-replay-top{align-items:center;display:flex}.htp-replay-top{background:#22d3ee14;border:1px solid var(--accent);border-radius:10px;color:var(--accent);cursor:pointer;font-family:Orbitron,monospace;font-size:13px;font-weight:600;gap:8px;justify-content:center;letter-spacing:.06em;margin-bottom:26px;padding:12px 16px;transition:all .2s ease;width:100%}.htp-replay-top:hover{background:#22d3ee29;transform:translateY(-1px)}.htp-got-it{background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;display:block;font-family:Orbitron,monospace;font-size:15px;font-weight:600;letter-spacing:.15em;max-width:280px;padding:14px 28px;transition:all .3s ease;width:100%}.htp-got-it:hover{box-shadow:0 10px 30px var(--accent-glow);transform:translateY(-2px)}@media (max-width:520px){.htp-modal{padding:28px 18px 22px}.htp-h3{text-align:center}.htp-branches,.htp-winlose{flex-direction:column}}.codeword-history-panel{border-top:2px solid var(--border);flex-direction:column;min-height:0;padding-bottom:env(safe-area-inset-bottom)}.codeword-history-panel,.codeword-history-toggle{background:var(--bg-card);display:flex;flex-shrink:0}.codeword-history-toggle{align-items:center;border:none;color:var(--text-secondary);cursor:pointer;font-family:Orbitron,monospace;font-size:14px;gap:12px;justify-content:center;letter-spacing:.1em;padding:12px 20px;width:100%}.codeword-history-toggle .toggle-label{align-items:center;display:flex;gap:8px}.codeword-history-toggle .toggle-arrow{font-size:12px;transition:transform .3s ease}.codeword-history-toggle .toggle-arrow.open{transform:rotate(180deg)}.codeword-history-content{background:var(--bg-darker);max-height:0;overflow:hidden;padding:0 16px;transition:max-height .4s cubic-bezier(.4,0,.2,1),padding-bottom .4s cubic-bezier(.4,0,.2,1)}.codeword-history-panel.expanded .codeword-history-content{max-height:min(40dvh,340px);overflow-y:auto;padding-bottom:16px}.history-hint{color:var(--text-secondary);font-size:14px;letter-spacing:.02em;line-height:1.5;margin:0;padding:12px 0 0;text-align:center}.history-tabs{background:var(--bg-darker);display:flex;gap:8px;padding:16px 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}.history-tab{background:var(--bg-card);border:2px solid var(--border);border-radius:8px;color:var(--text-secondary);cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:12px;font-weight:600;letter-spacing:.1em;padding:10px 20px;transition:all .3s ease}.history-tab:hover:not(.active){background:var(--bg-card-hover);border-color:var(--border-light)}.history-tab.active.enemy{background:var(--enemy-dark);border-color:var(--enemy-primary);box-shadow:0 0 15px var(--enemy-glow);color:var(--text-primary)}.history-tab.active.friendly{background:var(--friendly-dark);border-color:var(--friendly-primary);box-shadow:0 0 15px var(--friendly-glow);color:var(--text-primary)}.history-table-container{border:1px solid var(--border);border-radius:8px;overflow-x:auto}.history-table{border-collapse:collapse;font-family:Rajdhani,sans-serif;font-size:14px;width:100%}.history-table td,.history-table th{border-bottom:1px solid var(--border);padding:12px 8px;text-align:center}.history-table thead{background:var(--bg-card)}.history-table th{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:12px;font-weight:600;letter-spacing:.05em}.history-table th.round-col{min-width:60px;width:60px}.history-table th.codeword-col{min-width:100px}.codeword-num{color:var(--accent);display:block;font-size:14px;font-weight:700}.codeword-word{color:var(--text-muted);display:block;font-family:Rajdhani,sans-serif;font-size:10px;margin-left:auto;margin-right:auto;margin-top:4px;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-table tbody tr{background:var(--bg-darker);transition:background .2s ease}.history-table tbody tr:hover{background:var(--bg-card)}.history-table tbody tr:last-child td{border-bottom:none}.round-cell{color:var(--text-muted);font-family:Orbitron,monospace;font-weight:600}.clue-cell{color:var(--text-primary);font-weight:500}.clue-cell:empty:after,.clue-cell:has-text("—"){color:var(--text-muted)}.no-history{color:var(--text-muted);font-style:italic;padding:24px!important}.codeword-history-content{margin-left:auto;margin-right:auto;max-width:1400px;width:100%}@media (max-width:600px){.codeword-history-panel.expanded .codeword-history-content{padding-bottom:12px}.history-tabs{padding:12px 0}.history-tab{font-size:11px;padding:8px 12px}.history-table td,.history-table th{font-size:12px;padding:10px 6px}.history-table th.codeword-col{min-width:70px}.codeword-num{font-size:12px}.codeword-word{font-size:9px;max-width:60px}}.team-chat-fab,.team-chat-panel{bottom:72px;bottom:calc(var(--history-dock-height, 56px) + 16px);position:fixed;right:20px;z-index:150}.team-chat-fab{align-items:center;background:linear-gradient(135deg,var(--bg-card),var(--bg-darker));border:1px solid var(--border-light,var(--border));border-radius:50%;box-shadow:0 4px 20px #00000073,0 0 14px #22d3ee40;color:var(--accent);cursor:pointer;display:flex;height:56px;justify-content:center;transition:transform .2s ease,opacity .2s ease,box-shadow .2s ease;width:56px}.team-chat-fab:hover{box-shadow:0 6px 24px #00000080,0 0 20px #22d3ee66;transform:translateY(-2px)}.team-chat-fab.hidden{opacity:0;pointer-events:none;transform:scale(.4)}.team-chat-badge{background:var(--danger);border-radius:10px;box-shadow:0 0 8px #f43f5e99;color:#fff;font-family:Orbitron,monospace;font-size:11px;font-weight:700;height:20px;left:-4px;line-height:20px;min-width:20px;padding:0 5px;position:absolute;text-align:center;top:-4px}.team-chat-panel{background:var(--bg-darker);border:1px solid var(--border-light);border-radius:14px;box-shadow:0 12px 44px #000000b3,0 0 0 1px #0006;display:flex;flex-direction:column;height:350px;opacity:0;overflow:hidden;pointer-events:none;transform:scale(0);transform-origin:bottom right;transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;width:min(400px,calc(100vw - 32px))}.team-chat-panel.open{opacity:1;pointer-events:auto;transform:scale(1)}@media (min-width:600px){.team-chat-panel{height:420px}}.team-chat-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 14px}.team-chat-title{color:var(--friendly-primary);font-family:Orbitron,monospace;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase}.team-chat-minimize{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;justify-content:center;padding:2px;transition:color .2s ease,background .2s ease}.team-chat-minimize:hover{background:var(--bg-darker);color:var(--text-primary)}.team-chat-messages{display:flex;flex:1 1;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.team-chat-empty{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:14px;font-style:italic;margin:auto;text-align:center}.team-chat-round-divider{align-items:center;color:var(--accent);display:flex;font-family:Orbitron,monospace;font-size:11px;font-weight:600;gap:10px;letter-spacing:.1em;margin:4px 0;text-transform:uppercase}.team-chat-round-divider:after,.team-chat-round-divider:before{background:var(--border);content:"";flex:1 1;height:1px}.team-chat-round-empty{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:11px;font-style:italic;letter-spacing:.04em;margin-top:-4px;text-align:center}.team-chat-message{border-radius:12px;display:flex;flex-direction:column;font-family:Rajdhani,sans-serif;font-size:14px;line-height:1.35;max-width:80%;padding:7px 11px;word-break:break-word}.team-chat-message.mine{align-self:flex-end;background:var(--friendly-dark);border-bottom-right-radius:4px;color:var(--text-primary)}.team-chat-message.theirs{align-self:flex-start;background:var(--bg-card);border-bottom-left-radius:4px;color:var(--text-primary)}.team-chat-sender{color:var(--friendly-primary);font-family:Orbitron,monospace;font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:2px}.team-chat-input-row{background:var(--bg-card);border-top:1px solid var(--border);display:flex;gap:8px;padding:10px}.team-chat-input{background:var(--bg-darker);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);flex:1 1;font-family:Rajdhani,sans-serif;font-size:14px;min-width:0;outline:none;padding:9px 12px;transition:border-color .2s ease}.team-chat-input:focus{border-color:var(--friendly-primary)}.team-chat-send{align-items:center;background:var(--friendly-dark);border:none;border-radius:10px;color:var(--text-primary);cursor:pointer;display:flex;justify-content:center;transition:background .2s ease,opacity .2s ease;width:40px}.team-chat-send:hover:not(:disabled){background:var(--friendly-primary)}.team-chat-send:disabled{cursor:not-allowed;opacity:.4}.team-chat-locked{background:var(--bg-card);border-top:1px solid var(--border);color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:13px;font-style:italic;padding:12px 14px;text-align:center}.gt-backdrop{inset:0;position:fixed;z-index:3000}.gt-spotlight{border:2px solid var(--accent);border-radius:10px;box-shadow:0 0 0 9999px #050810c7,0 0 18px var(--accent-glow);pointer-events:none;position:fixed;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease;z-index:3001}.gt-tip{animation:gtTipIn .2s ease;background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-darker) 100%);border:1px solid var(--border-light);border-radius:12px;box-shadow:0 16px 40px #0000008c;max-height:calc(100dvh - 24px);overflow-y:auto;padding:16px 18px 14px;position:fixed;z-index:3002}@keyframes gtTipIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.gt-tip-close{align-items:center;background:none;border:none;border-radius:6px;color:var(--text-muted);cursor:pointer;display:flex;height:26px;justify-content:center;position:absolute;right:10px;top:10px;transition:color .2s ease;width:26px}.gt-tip-close:hover{color:var(--text-primary)}.gt-tip-step{color:var(--accent);font-size:11px;letter-spacing:.1em;margin-bottom:6px}.gt-tip-step,.gt-tip-title{font-family:Orbitron,monospace}.gt-tip-title{color:var(--text-primary);font-size:15px;letter-spacing:.05em;margin-bottom:8px;padding-right:24px}.gt-tip-body{color:var(--text-secondary);font-size:14px;line-height:1.55;margin-bottom:14px}.gt-tip-actions{align-items:center;display:flex;gap:12px;justify-content:space-between}.gt-skip{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:.04em;padding:8px 4px;transition:color .2s ease}.gt-skip:hover{color:var(--text-secondary)}.gt-next{align-items:center;background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;display:inline-flex;font-family:Orbitron,monospace;font-size:13px;font-weight:600;gap:6px;letter-spacing:.08em;padding:10px 18px;transition:all .2s ease}.gt-next:hover{box-shadow:0 8px 20px var(--accent-glow);transform:translateY(-1px)}.gt-prompt{animation:gtTipIn .25s ease;background:linear-gradient(180deg,var(--bg-card) 0,var(--bg-darker) 100%);border:1px solid var(--accent);border-radius:12px;bottom:calc(20px + env(safe-area-inset-bottom));box-shadow:0 12px 32px #00000080;gap:16px;justify-content:space-between;left:12px;margin:0 auto;max-width:600px;padding:12px 16px;position:fixed;right:12px;width:auto;z-index:1500}.gt-prompt,.gt-prompt-message{align-items:center;display:flex}.gt-prompt-message{gap:10px;min-width:0}.gt-prompt-icon{flex-shrink:0;font-size:22px;line-height:1}.gt-prompt-text{color:var(--text-primary);font-size:14px;font-weight:500}.gt-prompt-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.gt-prompt-yes{background:linear-gradient(135deg,var(--accent) 0,var(--blue-primary) 100%);border:none;border-radius:8px;color:var(--bg-dark);cursor:pointer;font-family:Orbitron,monospace;font-size:12px;font-weight:600;letter-spacing:.06em;padding:8px 14px;transition:all .2s ease}.gt-prompt-yes:hover{box-shadow:0 6px 16px var(--accent-glow);transform:translateY(-1px)}.gt-prompt-no{background:none;border:none;color:var(--text-muted);cursor:pointer;font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;padding:8px 6px;transition:color .2s ease}.gt-prompt-no:hover{color:var(--text-secondary)}@media (max-width:768px){.gt-prompt-message{display:flex;gap:6px;justify-content:center;text-align:center}.gt-prompt{align-items:stretch;flex-direction:column;gap:10px}.gt-prompt-actions{justify-content:center}}.late-join-overlay{align-items:center;animation:fadeIn .3s ease-out;background:#050810f2;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.late-join-modal{animation:slideUp .4s ease-out;background:var(--bg-card);border:2px solid var(--border);border-radius:20px;max-width:600px;padding:40px;text-align:center;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.late-join-modal h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent) 0,var(--text-primary) 100%);-webkit-background-clip:text;background-clip:text;font-family:Orbitron,monospace;font-size:28px;letter-spacing:.2em;margin-bottom:12px}.late-join-subtitle{color:var(--text-secondary);font-size:16px;margin-bottom:32px}.late-join-teams{grid-gap:24px;display:grid;gap:24px;grid-template-columns:1fr 1fr;margin-bottom:24px}@media (max-width:500px){.late-join-teams{grid-template-columns:1fr}}.late-join-team{border:2px solid var(--border);border-radius:12px;overflow:hidden;padding:24px;position:relative;transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.late-join-team:before{content:"";height:3px;left:0;position:absolute;right:0;top:0}.late-join-team:hover{transform:translateY(-4px)}.late-join-team.red{background:linear-gradient(160deg,#ef44441a 0,var(--bg-darker) 55%);border-color:var(--red-dark)}.late-join-team.red:before{background:var(--red-primary)}.late-join-team.red:hover{border-color:var(--red-primary);box-shadow:0 12px 30px var(--red-glow)}.late-join-team.red h3{color:var(--red-primary)}.late-join-team.blue{background:linear-gradient(160deg,#3b82f61a 0,var(--bg-darker) 55%);border-color:var(--blue-dark)}.late-join-team.blue:before{background:var(--blue-primary)}.late-join-team.blue:hover{border-color:var(--blue-primary);box-shadow:0 12px 30px var(--blue-glow)}.late-join-team.blue h3{color:var(--blue-primary)}.late-join-team h3{font-family:Orbitron,monospace;font-size:18px;letter-spacing:.15em;margin-bottom:16px;text-transform:uppercase}.late-join-members{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:20px;min-height:44px}.late-join-member{background:#94a3b81f;border:1px solid var(--border-light);border-radius:999px;color:var(--text-primary);font-family:Rajdhani,sans-serif;font-size:14px;font-weight:600;letter-spacing:.02em;padding:5px 14px;white-space:nowrap}.late-join-team.red .late-join-member{background:#ef44441f;border-color:#ef444473}.late-join-team.blue .late-join-member{background:#3b82f61f;border-color:#3b82f673}.late-join-empty{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:13px;font-style:italic}.late-join-team.red .team-join-btn{border-color:var(--red-primary);color:var(--red-primary)}.late-join-team.red .team-join-btn:hover{background:var(--red-primary);box-shadow:0 0 20px var(--red-glow);color:var(--bg-dark)}.late-join-team.blue .team-join-btn{border-color:var(--blue-primary);color:var(--blue-primary)}.late-join-team.blue .team-join-btn:hover{background:var(--blue-primary);box-shadow:0 0 20px var(--blue-glow);color:var(--bg-dark)}.late-join-note{color:var(--text-muted);font-size:14px;font-style:italic}@media (max-width:500px){.late-join-modal{border-radius:16px;padding:28px 20px}.late-join-modal h2{font-size:24px}.late-join-subtitle{margin-bottom:24px}.late-join-team{padding:20px}}.cg-modal-overlay{align-items:center;animation:fadeIn .25s ease-out;background:#050810eb;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1500}.cg-modal{animation:slideUp .3s ease-out;background:var(--bg-card);border:2px solid var(--enemy-primary);border-radius:18px;box-shadow:0 0 40px var(--enemy-glow);max-width:460px;padding:32px 28px;text-align:center;width:100%}.cg-modal-icon{align-items:center;background:var(--enemy-dark);border-radius:50%;color:var(--text-primary);display:flex;height:60px;justify-content:center;margin:0 auto 16px;width:60px}.cg-modal-title{color:var(--enemy-primary);font-family:Orbitron,monospace;font-size:22px;font-weight:700;letter-spacing:.08em;margin:0 0 12px}.cg-modal-body{color:var(--text-secondary);font-family:Rajdhani,sans-serif;font-size:16px;line-height:1.5;margin:0 0 16px}.cg-modal-body strong{color:var(--text-primary)}.cg-modal-note{color:var(--text-muted);font-family:Rajdhani,sans-serif;font-size:14px;font-style:italic;margin:0 0 16px}.cg-modal-actions{display:flex;gap:12px;margin-top:8px}.cg-modal-actions button{border-radius:10px;cursor:pointer;flex:1 1;font-family:Orbitron,monospace;font-size:13px;font-weight:600;letter-spacing:.06em;padding:12px 16px;transition:all .2s ease}.cg-modal-reject{background:var(--bg-darker);border:1px solid var(--border);color:var(--text-secondary)}.cg-modal-reject:hover{background:var(--bg-dark);background:var(--bg-card-hover,var(--bg-dark));color:var(--text-primary)}.cg-modal-transfer{background:var(--friendly-dark);border:1px solid var(--friendly-primary);color:var(--text-primary)}.cg-modal-transfer:hover:not(:disabled){background:var(--friendly-primary);box-shadow:0 0 15px var(--friendly-glow)}.cg-modal-transfer:disabled{cursor:not-allowed;opacity:.4}.passcode-error-modal{max-width:440px}.passcode-error-icon{align-items:center;background:#ef44441f;border:2px solid #ef444473;border-radius:50%;color:var(--red-primary);display:inline-flex;height:64px;justify-content:center;margin-bottom:16px;width:64px}.history-overlay{align-items:flex-start;animation:histFadeIn .2s ease-out;background:#050810e0;display:flex;inset:0;justify-content:center;overflow-y:auto;padding:16px;position:fixed;z-index:1000}@keyframes histFadeIn{0%{opacity:0}to{opacity:1}}.history-modal{animation:histSlideUp .25s ease-out;background:var(--bg-dark);border:1px solid var(--border);border-radius:16px;margin:auto;max-width:860px;overflow:hidden;width:100%}@keyframes histSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.history-modal-header{align-items:center;background:var(--bg-card);border-bottom:1px solid var(--border);display:flex;justify-content:space-between;padding:14px 20px}.history-modal-title{color:var(--text-secondary);font-family:Orbitron,monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.history-close-btn{align-items:center;background:var(--bg-darker);border:1px solid var(--border);border-radius:6px;color:var(--text-secondary);cursor:pointer;display:flex;flex-shrink:0;height:30px;justify-content:center;transition:all .2s ease;width:30px}.history-close-btn:hover{border-color:var(--text-secondary);color:var(--text-primary)}.history-modal-body{max-height:calc(100vh - 120px);overflow-y:auto;padding:24px 20px}@media (min-width:600px){.history-modal-title{font-size:14px}.history-modal-body{padding:32px}}