:root{font-family:Space Grotesk,system-ui,-apple-system,sans-serif;line-height:1.6;color:var(--text-primary);background:var(--bg);min-height:100vh;--bg: radial-gradient(circle at 12% 20%, rgba(111, 176, 255, .08), transparent 18%), radial-gradient(circle at 80% 8%, rgba(255, 95, 109, .12), transparent 20%), linear-gradient(135deg, #04060e, #0b1020 55%, #060912);--glass: rgba(255, 255, 255, .08);--glass-strong: rgba(255, 255, 255, .12);--border: rgba(255, 255, 255, .16);--text-primary: #f7f9ff;--text-muted: #c6cadd;--accent-warm: #ff8a3d;--accent-hot: #ff3d7f;--accent-cool: #6fb0ff;--shadow: 0 18px 60px rgba(0, 0, 0, .35), 0 1px 0 rgba(255, 255, 255, .04)}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text-primary)}.page{max-width:1280px;margin:0 auto;padding:32px 20px 72px;display:flex;flex-direction:column;gap:18px}h1,h3{margin:0;letter-spacing:.04em}p{margin:0}.hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;padding:22px;border-radius:24px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);overflow:hidden;align-items:start}.hero:before,.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.hero:before{background:radial-gradient(circle at 18% 10%,rgba(255,138,61,.18),transparent 30%);filter:blur(20px)}.hero:after{background:radial-gradient(circle at 90% 10%,rgba(111,176,255,.18),transparent 30%);filter:blur(24px)}.hero h1{margin:6px 0 0;font-size:46px;letter-spacing:.08em}.hero .subtitle{margin:0;color:var(--text-muted)}.hero .eyebrow{letter-spacing:.18em;text-transform:uppercase;font-size:12px;color:#ffffffb3}.hero-right{display:grid;grid-template-columns:1fr;gap:10px;align-self:start;justify-self:end;justify-items:end;position:relative;z-index:1;width:fit-content;min-width:0}.locale-switch{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:#ffffff0f;border:1px solid var(--border);padding:5px 7px;border-radius:12px;box-shadow:inset 0 1px #ffffff14;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.locale-buttons{display:flex;gap:5px}.locale-button{padding:6px 10px;font-size:12px;background:#ffffff14;border:1px solid rgba(255,255,255,.16);color:#f6f7fb;border-radius:10px;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.locale-button.active{background:linear-gradient(135deg,var(--accent-warm),var(--accent-hot));border-color:transparent;box-shadow:0 10px 18px #ff8a3d47}.actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.profile-card{background:linear-gradient(145deg,#ffffff1f,#ffffff0f);border:1px solid var(--border);border-radius:14px;padding:12px 14px;width:100%;max-width:280px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.profile-label{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin-bottom:2px}.profile-name{font-weight:700;font-size:18px;margin:0 0 6px}button{background:linear-gradient(120deg,var(--accent-warm),var(--accent-hot));color:#0a0c14;border:1px solid transparent;padding:12px 16px;border-radius:14px;cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .16s ease,filter .16s ease;box-shadow:0 14px 36px #ff7a5a59}button:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}button:hover:not(:disabled){transform:translateY(-2px);filter:brightness(1.02)}button.ghost{background:#ffffff0a;color:var(--text-primary);border:1px solid var(--border);box-shadow:none}button.compact{padding:8px 12px;font-size:13px}.panels{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;margin-top:12px}.panel{background:linear-gradient(165deg,#ffffff1f,#ffffff0a);border:1px solid var(--border);border-radius:18px;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:230px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.game-list{display:flex;flex-direction:column;gap:10px;flex:1}.game-card{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:12px;border-radius:14px;border:1px solid var(--border);background:#ffffff0f;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.game-card__title{font-weight:800;letter-spacing:.06em;font-size:16px}.game-card__meta{display:flex;flex-wrap:wrap;gap:6px;margin:6px 0 2px}.game-card__note{font-size:13px;color:var(--text-muted)}.game-card button{justify-self:end}label{display:flex;flex-direction:column;font-size:14px;gap:6px;color:var(--text-muted)}input,select{border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff12;color:#f4f7ff;padding:11px 12px;font-size:15px;outline:none;box-shadow:inset 0 1px #ffffff14}input:focus,select:focus{border-color:var(--accent-warm);box-shadow:0 0 0 3px #ff8a3d2e}.inline{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline label{flex:1}.status-panel{margin:12px 0 10px;padding:16px;border-radius:20px;background:linear-gradient(135deg,#ff8a3d1f,#6fb0ff1f);border:1px solid rgba(255,255,255,.14);box-shadow:0 22px 50px #00000057;display:flex;flex-direction:column;gap:12px;overflow:hidden;position:relative}.status-panel:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.14),transparent 36%);pointer-events:none}.team-panel{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px}.team-card{border-radius:16px;padding:14px;background:linear-gradient(145deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.16);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.team-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(145deg,rgba(255,255,255,.06),transparent 45%);pointer-events:none}.team-card.red{border-color:#e845458c;box-shadow:0 0 0 1px #e845451f,var(--shadow)}.team-card.blue{border-color:#2a7de18c;box-shadow:0 0 0 1px #2a7de11f,var(--shadow)}.team-card.selectable{cursor:pointer}.team-card.selectable:hover{transform:translateY(-2px);box-shadow:0 16px 36px #00000059;background:#ffffff14}.team-card:focus-visible{outline:2px solid rgba(255,255,255,.4);outline-offset:2px}.team-card.selected{box-shadow:0 0 0 2px #ffffff29,0 20px 38px #00000052}.team-card.active{border-color:#ff8a3db3;box-shadow:0 12px 30px #00000052,0 0 0 1px #ffffff38}.team-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.team-card__title{display:flex;align-items:center;gap:10px}.team-card__meta{display:flex;align-items:center;gap:8px;color:var(--text-muted);font-size:13px}.team-card__meta .pill{padding:4px 8px;font-size:11px}.team-card__players{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;min-height:42px}.team-card__actions{margin-top:12px;padding-top:10px;border-top:1px solid var(--border);display:flex;justify-content:flex-end}.empty-team{padding:7px 10px;border-radius:12px;border:1px dashed var(--border);background:#ffffff0a}.spectator-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:10px 12px;margin-top:8px;border-radius:12px;background:#ffffff0a;border:1px dashed rgba(255,255,255,.16)}.team-status{letter-spacing:.04em}.turn-dot{width:12px;height:12px;border-radius:50%;display:inline-block;background:#fff3;box-shadow:0 0 #ffffff59}.team-card.red .turn-dot{background:#e84545}.team-card.blue .turn-dot{background:#2a7de1}.turn-dot.pulsing{animation:pulseDot 1.4s ease-in-out infinite}.turn-title{font-weight:700;letter-spacing:.08em;text-transform:uppercase}.turn-sub{font-size:13px;color:var(--text-muted)}.status-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.clue-banner{padding:12px;border-radius:14px;background:#00000040;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.clue-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.clue-content{margin-top:4px;font-weight:700}.error{color:#ff8b8b;margin:6px 0 0}.board{--board-gap: clamp(6px, 1.6vw, 12px);--card-min-height: clamp(58px, 15vw, 116px);--card-radius: clamp(10px, 2vw, 18px);--card-font-size: clamp(10px, 2.4vw, 16px);margin-top:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--board-gap);width:100%}.card{min-height:var(--card-min-height);border-radius:var(--card-radius);border:1px solid rgba(255,255,255,.2);background:linear-gradient(145deg,#ffffff1f,#ffffff0a);color:#0f1115;text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:var(--card-font-size);position:relative;overflow:hidden;cursor:default;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;transform-style:preserve-3d;perspective:1100px;display:flex;align-items:center;justify-content:center;text-align:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 18px 40px #00000052;isolation:isolate}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(160deg,rgba(255,255,255,.18),transparent 50%);opacity:.7;pointer-events:none}.card .word{display:block;padding:clamp(8px,2vw,12px) clamp(8px,2vw,12px) clamp(14px,3vw,18px);position:relative;z-index:1}.card .card-ripple{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;border-radius:inherit;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.25),transparent 55%);opacity:0;transform:scale(.6);pointer-events:none;transition:opacity .35s ease,transform .35s ease;filter:blur(2px)}.card.viewer-spymaster .card-ripple{background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.2),transparent 55%)}.card.viewer-spymaster .word{text-shadow:0 1px 12px rgba(0,0,0,.28)}.card.viewer-spymaster.revealed:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(135deg,#ffffff14 0,#ffffff14 12px,#00000014 12px,#00000014 22px),linear-gradient(145deg,#00000052,#ffffff1f);opacity:.72;pointer-events:none;z-index:0}.card.viewer-spymaster.revealed .word{opacity:.8;text-decoration:line-through;text-decoration-color:#ffffffa6;text-decoration-thickness:.15em}.card.revealed{color:#fff;box-shadow:inset 0 0 0 2px #ffffff1a,0 18px 40px #0000004d}.card.revealed.flip-reveal{animation:flipCard .75s cubic-bezier(.23,1,.32,1)}.card.revealed.captain-reveal{animation:captainGlow .9s ease-out;box-shadow:inset 0 0 0 2px #ffffff29,0 0 30px #ff8a3d38,0 18px 40px #0000004d}.card.captain-reveal .card-ripple{opacity:.9;animation:captainRipple .9s ease-out}.card.assassin.revealed{background:#1c1c1f}.card.clickable:not(.revealed):hover{transform:translateY(-4px) scale(1.01);box-shadow:0 18px 44px #00000059}.vote-badge{position:absolute;top:10px;left:10px;display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;align-items:center;gap:4px 8px;padding:7px 10px;background:#00000059;border:1px solid rgba(255,255,255,.14);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;letter-spacing:.02em;color:#fff;z-index:2}.vote-badge.ready{border-color:#ff8a3dcc;box-shadow:0 0 0 1px #ff8a3d59;background:#0c0704a6}.vote-badge.warm{border-color:#ff8a3d59}.vote-fraction{grid-row:1 / span 2;font-weight:800;letter-spacing:.08em;padding:4px 8px;border-radius:8px;background:#ffffff14;box-shadow:inset 0 1px #ffffff1f}.vote-dots{grid-column:2;display:flex;align-items:center;gap:4px}.vote-dot{width:10px;height:10px;border-radius:50%;background:#ffffffd9;box-shadow:0 0 0 1px #0003}.vote-dot.mine{box-shadow:0 0 0 2px #ff8a3db3,0 0 0 1px #0003}.vote-dot.more{background:transparent;color:#fff;font-size:11px;min-width:20px;text-align:center;box-shadow:none;font-weight:700}.vote-label{font-size:11px;opacity:.85;grid-column:2}.game-grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(300px,1fr);gap:16px;align-items:start;margin-top:10px}.sidebar{display:flex;flex-direction:column;gap:12px}.clue-panel{gap:14px}.clue-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.clue-title .hint{margin-top:4px}.team-chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:12px;background:#00000038;border:1px solid rgba(255,255,255,.18);letter-spacing:.06em;font-weight:700;box-shadow:inset 0 1px #ffffff14}.team-chip.red{border-color:#e845458c}.team-chip.blue{border-color:#2a7de18c}.clue-fields{display:grid;grid-template-columns:minmax(0,1fr) 120px;gap:10px;align-items:end}.clue-panel .field-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.clue-panel .field-count input{text-align:center;font-weight:700}.clue-panel button{width:100%}.team-bar{display:flex;justify-content:space-between;gap:12px;margin:12px 0 4px;flex-wrap:wrap}.team-line{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:12px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.team-line.red{border-color:#e845458c}.team-line.blue{border-color:#2a7de18c}.team-line.spectators{border-color:#ffffff2e;background:#ffffff0a}.team-label{font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.player-chip{background:#ffffff14;padding:7px 11px;border-radius:999px;border:1px solid rgba(255,255,255,.14);font-size:13px;display:inline-flex;align-items:center;gap:6px}.player-chip.me{border-color:var(--accent-warm);box-shadow:0 0 0 1px #ff8a3d80}.crown{font-size:14px;line-height:1;vertical-align:middle}.crown.inline{margin-left:4px}.game-controls{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0 12px}.reveal-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);margin:6px 0 10px;flex-wrap:wrap}.reveal-bar.ready{border-color:#ff8a3d99;box-shadow:0 0 0 1px #ff8a3d59,var(--shadow)}.reveal-text{flex:1;min-width:220px;font-weight:700;letter-spacing:.04em;color:var(--text-muted)}.reveal-bar.ready .reveal-text{color:#fff}.reveal-cta{padding:10px 16px;font-size:14px;white-space:nowrap;box-shadow:0 12px 26px #ff7a5a4d}.hint{font-size:13px;color:var(--text-muted)}.info{color:#93e1c3;margin:6px 0 0}.chat-list{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto}.chat-row{display:flex;gap:10px;align-items:flex-start;background:#00000040;padding:9px 11px;border-radius:12px;border:1px solid rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-word{font-weight:700}.chat-meta{font-size:12px;color:var(--text-muted)}.pill{padding:5px 10px;border-radius:999px;font-weight:700;letter-spacing:.05em;font-size:12px;text-transform:uppercase}.pill.red{background:#e845452e;color:#ffb3b3;border:1px solid rgba(232,69,69,.35)}.pill.blue{background:#2a7de12e;color:#b5d2ff;border:1px solid rgba(42,125,225,.35)}.pill.neutral{background:#ffffff1f;color:#f6f7fb;border:1px solid rgba(255,255,255,.18);text-transform:none;letter-spacing:.02em;font-size:13px}.pill.online{background:#93e1c32e;color:#b5f5da;border-color:#93e1c359}.pill.offline{background:#ff8b8b2e;color:#ffb3b3;border-color:#ff8b8b66}.toast-container{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:10px;z-index:10;pointer-events:none}.toast{min-width:220px;max-width:360px;background:#060912eb;border:1px solid rgba(255,255,255,.14);padding:12px 14px;border-radius:14px;box-shadow:0 18px 40px #00000059;display:flex;align-items:center;gap:10px;pointer-events:auto;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.toast .toast-indicator{width:10px;height:10px;border-radius:50%;background:#93e1c3;box-shadow:0 0 0 4px #93e1c326;flex-shrink:0}.toast .toast-text{font-weight:700;letter-spacing:.02em}.clue-popup__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,#0000008c,#000000d1);display:grid;place-items:center;z-index:12;padding:16px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fadeIn .25s ease}.clue-popup{position:relative;min-width:min(520px,92vw);padding:28px 28px 24px;border-radius:18px;background:linear-gradient(145deg,#ffffff1a,#ffffff05);border:1px solid rgba(255,255,255,.18);box-shadow:0 26px 70px #00000073;text-align:center;animation:popIn .32s cubic-bezier(.22,1.2,.32,1)}.clue-popup__close{position:absolute;top:12px;right:12px;width:34px;height:34px;display:grid;place-items:center;border-radius:12px;font-size:16px;line-height:1}.clue-popup__label{text-transform:uppercase;letter-spacing:.08em;font-size:12px;color:var(--text-muted);margin-bottom:10px}.clue-popup__word{font-size:clamp(32px,6vw,48px);font-weight:800;letter-spacing:.08em}.clue-popup__count{color:var(--text-muted);font-size:clamp(20px,4vw,26px);margin-left:6px}.clue-popup__meta{margin-top:14px;display:flex;align-items:center;justify-content:center;gap:10px;color:var(--text-muted);font-weight:600}.clue-popup .pill{box-shadow:0 0 0 1px #ffffff2e}.clue-popup__author{font-size:14px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes popIn{0%{transform:translateY(16px) scale(.96);opacity:0}70%{transform:translateY(-6px) scale(1.02);opacity:1}to{transform:translateY(0) scale(1)}}.toast.error{border-color:#ff8b8b80;background:#240c0ce6}.toast.error .toast-indicator{background:#ff8b8b;box-shadow:0 0 0 4px #ff8b8b33}@keyframes pulseDot{0%{box-shadow:0 0 #ffffff59;transform:scale(1)}50%{box-shadow:0 0 0 12px #fff0;transform:scale(1.05)}to{box-shadow:0 0 #fff0;transform:scale(1)}}@keyframes flipCard{0%{transform:perspective(1100px) rotateY(0) rotateX(0) translateZ(0) scale(1)}30%{transform:perspective(1100px) rotateY(82deg) rotateX(-6deg) translateZ(8px) scale(1.04)}50%{transform:perspective(1100px) rotateY(98deg) rotateX(4deg) translateZ(6px) scale(1.03)}to{transform:perspective(1100px) rotateY(0) rotateX(0) translateZ(0) scale(1)}}@keyframes captainGlow{0%{filter:brightness(1)}45%{filter:brightness(1.08)}to{filter:brightness(1)}}@keyframes captainRipple{0%{transform:scale(.6);opacity:.9;filter:blur(0px)}60%{transform:scale(1.2);opacity:.35;filter:blur(6px)}to{transform:scale(1.35);opacity:0;filter:blur(10px)}}@media (max-width: 1100px){.hero{grid-template-columns:1fr}.hero-right{justify-self:start;justify-items:start}}@media (max-width: 860px){.game-grid{grid-template-columns:1fr}.board{--card-min-height: clamp(54px, 14vw, 108px);--board-gap: clamp(5px, 1.4vw, 10px);--card-font-size: clamp(10px, 2.6vw, 15px)}}@media (max-width: 720px){.page{padding:24px 16px 64px}.inline{flex-direction:column}.actions{justify-content:flex-start}.team-bar{flex-direction:column}.clue-head{flex-direction:column;align-items:flex-start}.clue-fields{grid-template-columns:1fr}}@media (max-width: 540px){.board{--card-min-height: clamp(48px, 15vw, 82px);--card-font-size: clamp(9px, 2.8vw, 13px);--board-gap: clamp(4px, 1.2vw, 8px)}.hero h1{font-size:38px}}