:root{--bg: #1a1410;--bg-elevated: #241c15;--surface: rgba(36, 28, 21, .88);--surface-hover: rgba(46, 36, 26, .97);--border: rgba(212, 165, 116, .15);--border-strong: rgba(212, 165, 116, .3);--text: #f5f0e8;--text-muted: #c4a882;--text-dim: #8a7060;--accent: #e8a838;--accent-hover: #f0b848;--accent-glow: rgba(232, 168, 56, .3);--red: #c0392b;--red-soft: #e05a4a;--blue: #2980b9;--blue-soft: #5baed6;--neutral: #c4956a;--assassin: #1a1410;--card-face: #fdf6e3;--card-face-text: #2c1a10;--radius: 14px;--radius-sm: 10px;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--glow-1-color: #8b4000;--glow-2-color: #c0392b;--btn-grad-end: #b8781a;--hero-grad-start: #f5f0e8;--avatar-grad-1: #7c3a20;--avatar-grad-2: #5b2010;--card-red-start: #d4544a;--card-blue-start: #4a9cc8;--card-neutral-start: #e0c090;--card-assassin-start: #3a3330;--sidebar-red-alpha: rgba(192, 57, 43, .12);--sidebar-blue-alpha: rgba(41, 128, 185, .12);--game-over-c1: rgba(139, 64, 0, .18);--game-over-c2: rgba(232, 168, 56, .14);--score-red-shadow: rgba(192, 57, 43, .35);--score-blue-shadow: rgba(41, 128, 185, .35);--header-bg: rgba(26, 20, 16, .85)}:root[data-theme=midnight]{--bg: #0b1120;--bg-elevated: #111a2e;--surface: rgba(17, 26, 46, .85);--surface-hover: rgba(22, 34, 58, .95);--border: rgba(148, 163, 184, .12);--border-strong: rgba(148, 163, 184, .22);--text: #f1f5f9;--text-muted: #94a3b8;--text-dim: #64748b;--accent: #14b8a6;--accent-hover: #2dd4bf;--accent-glow: rgba(20, 184, 166, .25);--red: #ef4444;--red-soft: #fb7185;--blue: #3b82f6;--blue-soft: #60a5fa;--neutral: #d4a574;--assassin: #18181b;--card-face: #fef9e7;--card-face-text: #1c1917;--shadow: 0 4px 24px rgba(0, 0, 0, .35);--glow-1-color: #0d9488;--glow-2-color: #6366f1;--btn-grad-end: #0d9488;--hero-grad-start: #fff;--avatar-grad-1: #7c3aed;--avatar-grad-2: #5b21b6;--card-red-start: #f87171;--card-blue-start: #60a5fa;--card-neutral-start: #e8c896;--card-assassin-start: #3f3f46;--sidebar-red-alpha: rgba(239, 68, 68, .1);--sidebar-blue-alpha: rgba(59, 130, 246, .1);--game-over-c1: rgba(124, 58, 237, .15);--game-over-c2: rgba(20, 184, 166, .12);--score-red-shadow: rgba(239, 68, 68, .35);--score-blue-shadow: rgba(59, 130, 246, .35);--header-bg: rgba(10, 14, 23, .75)}:root[data-theme=light]{--bg: #f1f5f9;--bg-elevated: #ffffff;--surface: rgba(255, 255, 255, .95);--surface-hover: rgba(248, 250, 252, .98);--border: rgba(15, 23, 42, .1);--border-strong: rgba(15, 23, 42, .2);--text: #0f172a;--text-muted: #475569;--text-dim: #94a3b8;--accent: #2563eb;--accent-hover: #3b82f6;--accent-glow: rgba(37, 99, 235, .2);--red: #dc2626;--red-soft: #ef4444;--blue: #2563eb;--blue-soft: #3b82f6;--neutral: #c4956a;--assassin: #1e293b;--card-face: #ffffff;--card-face-text: #0f172a;--shadow: 0 2px 12px rgba(0, 0, 0, .1);--glow-1-color: transparent;--glow-2-color: transparent;--btn-grad-end: #1d4ed8;--hero-grad-start: #0f172a;--avatar-grad-1: #6366f1;--avatar-grad-2: #4338ca;--card-red-start: #f87171;--card-blue-start: #60a5fa;--card-neutral-start: #e8c896;--card-assassin-start: #475569;--sidebar-red-alpha: rgba(220, 38, 38, .08);--sidebar-blue-alpha: rgba(37, 99, 235, .08);--game-over-c1: rgba(37, 99, 235, .1);--game-over-c2: rgba(37, 99, 235, .06);--score-red-shadow: rgba(220, 38, 38, .28);--score-blue-shadow: rgba(37, 99, 235, .28);--header-bg: rgba(255, 255, 255, .9)}*,*:before,*:after{box-sizing:border-box}html{height:100%;overflow:hidden}body{margin:0;height:100%;overflow:hidden;font-family:var(--font);font-size:16px;line-height:1.5;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}#app{display:flex;flex-direction:column;height:100%}.app-shell{display:flex;flex-direction:column;flex:1;min-height:0}.app-settings-fab{position:fixed;bottom:1rem;left:1rem;z-index:150;display:flex;flex-direction:column-reverse;align-items:flex-start;gap:.5rem}.app-settings-fab__btn{display:flex;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;padding:0;border:1px solid var(--border-strong);border-radius:50%;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow);transition:color .15s,border-color .15s,background .15s,transform .15s}.app-settings-fab__btn:hover{color:var(--text);border-color:var(--accent);background:var(--surface-hover)}.app-settings-fab__btn[aria-expanded=true]{color:var(--accent-hover);border-color:var(--accent)}.app-settings-fab__btn svg{width:1.25rem;height:1.25rem}.app-settings-panel{width:11.5rem;padding:1rem;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.app-settings-panel__logo{display:block;margin-bottom:.875rem;font-size:1.1rem}.app-settings-panel__controls{display:flex;flex-direction:column;gap:.75rem}.app-settings-panel .locale-label{flex-direction:column;align-items:stretch;gap:.25rem}.app-settings-panel .locale-label select{width:100%}.app-settings-panel-enter-active,.app-settings-panel-leave-active{transition:opacity .2s ease,transform .2s cubic-bezier(.4,0,.2,1)}.app-settings-panel-enter-from,.app-settings-panel-leave-to{opacity:0;transform:translateY(.5rem) scale(.96)}.bg-glow{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.bg-glow:before,.bg-glow:after{content:"";position:absolute;border-radius:50%;filter:blur(80px);opacity:.35}.bg-glow:before{width:420px;height:420px;top:-120px;left:-80px;background:radial-gradient(circle,var(--glow-1-color) 0%,transparent 70%)}.bg-glow:after{width:360px;height:360px;bottom:-60px;right:-60px;background:radial-gradient(circle,var(--glow-2-color) 0%,transparent 70%)}.site-header{position:relative;flex-shrink:0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.625rem 1.5rem;background:var(--header-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-controls{display:flex;align-items:center;gap:1rem}.logo{font-family:var(--font-display);font-size:1.35rem;font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none;transition:color .15s}.logo:hover{color:var(--accent)}.locale-form{margin:0}.locale-label{display:flex;align-items:center;gap:.5rem;margin:0;font-size:.8125rem;color:var(--text-muted)}.locale-label select{padding:.4rem 2rem .4rem .65rem;font-size:.8125rem;background-position:right .5rem center}.container{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;max-width:960px;margin:0 auto;padding:1.25rem 1.25rem 1.5rem;width:100%;box-sizing:border-box}.container--narrow{max-width:28rem}.container--wide{flex:1;min-width:0;max-width:none;overflow:hidden;display:flex;flex-direction:column;padding:.5rem .75rem}.page-centered{max-width:28rem;margin:0 auto;text-align:center}.page-centered__label{margin-bottom:.25rem}.page-centered__form{text-align:left;margin-top:1.5rem}.page-title{margin:0 0 .35rem;font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;letter-spacing:-.03em}.page-subtitle{margin:0 0 1.5rem;color:var(--text-muted);font-size:.9375rem}.section-title{display:flex;align-items:center;gap:.5rem;margin:0 0 1rem;font-family:var(--font-display);font-size:1.125rem;font-weight:600}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.panel+.panel{margin-top:1.25rem}.game-layout>.panel{margin-top:0}.card-block{margin-top:1.75rem;padding-top:1.75rem;border-top:1px solid var(--border)}.card-block:first-child{margin-top:0;padding-top:0;border-top:none}.grid-2{display:grid;gap:1.25rem;align-items:stretch}@media(min-width:768px){.grid-2{grid-template-columns:1fr 1fr}}.grid-2>.panel,.grid-lobby>.panel{display:flex;flex-direction:column;height:100%;margin-top:0}.grid-2>.panel .form-stack{flex:1}.grid-2>.panel .form-stack .primary{margin-top:auto}.grid-lobby{display:grid;gap:1.25rem;align-items:stretch}@media(min-width:900px){.grid-lobby{grid-template-columns:2fr 3fr}}.grid-lobby>.panel .player-list{flex:1}.grid-lobby>.panel .start-section{margin-top:auto}.hero{text-align:center;margin-bottom:2rem}.hero .page-title{font-size:clamp(2.25rem,6vw,3rem);background:linear-gradient(135deg,var(--hero-grad-start) 30%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-tagline{margin:.5rem 0 0;color:var(--text-dim);font-size:.9375rem}.seo-section{margin-top:1.25rem}.seo-section__text{margin:0 0 .75rem;color:var(--text-muted);font-size:.9375rem;line-height:1.6}.seo-section__text:last-child{margin-bottom:0}.section-icon{display:inline-flex;flex-shrink:0;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-sm);background:#f59e0b26;font-size:1rem}.section-icon--join{background:#2563eb26}.hero-preview{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;max-width:175px;margin:1.5rem auto 0;opacity:.5;transform:perspective(400px) rotateX(14deg) rotate(-1deg);pointer-events:none}.hero-preview__cell{aspect-ratio:1.4;border-radius:4px}.hero-preview__cell--RED{background:var(--red)}.hero-preview__cell--BLUE{background:var(--blue)}.hero-preview__cell--NEUTRAL{background:var(--card-face);opacity:.6}.hero-preview__cell--ASSASSIN{background:var(--assassin);border:1px solid var(--border-strong)}.room-header{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1rem;margin-bottom:.75rem}.room-badge{display:inline-block;margin:.15rem 0 0;font-family:var(--font-display);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;letter-spacing:.18em;color:var(--text)}.room-copy-link{flex-shrink:0;font-size:.875rem}.room-meta{margin:0 0 1.5rem;font-size:.875rem;color:var(--text-muted)}.room-meta strong{color:var(--text);font-weight:600}.form-stack{display:flex;flex-direction:column;gap:1rem}.form-row{display:grid;gap:1rem}@media(min-width:480px){.form-row--2{grid-template-columns:1fr 1fr}}label.field{display:block;margin:0}.field-label{display:block;margin-bottom:.4rem;font-size:.8125rem;font-weight:500;color:var(--text-muted)}input,select,button{font:inherit;color:var(--text)}input[type=text],input[type=number],select{width:100%;padding:.65rem .875rem;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);transition:border-color .15s,box-shadow .15s}select{padding-right:2.5rem;line-height:1.25;cursor:pointer;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:var(--bg-elevated);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem}input:focus,select:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow)}input.mono{font-family:ui-monospace,monospace;letter-spacing:.25em;text-transform:uppercase}button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.25rem;font-weight:600;font-size:.9375rem;border:none;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,var(--accent) 0%,var(--btn-grad-end) 100%);color:var(--card-face-text);box-shadow:0 2px 12px var(--accent-glow);transition:transform .12s,box-shadow .15s,filter .15s}button:hover:not(:disabled),.btn:hover:not(:disabled){filter:brightness(1.08);box-shadow:0 4px 20px var(--accent-glow)}button:active:not(:disabled),.btn:active:not(:disabled){transform:scale(.98)}button:disabled,.btn:disabled{opacity:.45;cursor:not-allowed;filter:none;box-shadow:none}button.primary,.btn--block{width:100%;margin-top:.25rem}.btn--secondary{background:var(--bg-elevated);color:var(--text);border:1px solid var(--border-strong);box-shadow:none}.btn--secondary:hover:not(:disabled){background:var(--surface-hover);filter:none}.roles-actions{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--border)}.roles-actions:empty,.start-section:empty{display:none}.roles-actions .btn--secondary{width:100%}.error,.alert-error{padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-sm);font-size:.875rem;color:#fecaca;background:#e11d481f;border:1px solid rgba(225,29,72,.3)}.alert-warn{padding:.75rem 1rem;margin-bottom:1rem;border-radius:var(--radius-sm);font-size:.875rem;color:#fde68a;background:#f59e0b1f;border:1px solid rgba(245,158,11,.35)}.alert-warn--ok{color:#bbf7d0;background:#22c55e1f;border-color:#22c55e59}.hint{margin:.75rem 0 0;font-size:.8125rem;color:var(--text-dim);line-height:1.45}.player-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.player-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .15s}.player-item:hover{border-color:var(--border-strong)}.player-avatar{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:50%;font-size:.875rem;font-weight:700;background:linear-gradient(135deg,var(--avatar-grad-1) 0%,var(--avatar-grad-2) 100%);color:#ede9fe;overflow:hidden}.player-avatar__img{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.player-info{min-width:0;flex:1}.player-name{font-weight:600;font-size:.9375rem;color:var(--text)}.player-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem;margin-top:.2rem}.badge{display:inline-block;padding:.15rem .5rem;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;border-radius:999px}.badge--host{background:#f59e0b33;color:var(--accent-hover)}.badge--red{background:#e11d482e;color:var(--red-soft)}.badge--blue{background:#2563eb2e;color:var(--blue-soft)}.badge--muted{background:#64748b33;color:var(--text-dim);text-transform:none;letter-spacing:0;font-weight:500}.start-section{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border)}.game-page{display:flex;flex-direction:column;flex:1;min-height:0;gap:.5rem}.game-layout{display:grid;gap:.75rem;align-items:stretch;flex:1;min-height:0}@media(min-width:960px){.game-layout{grid-template-columns:auto minmax(0,1fr);grid-template-rows:minmax(0,1fr)}}.game-panel{display:flex;flex-direction:column;gap:.5rem;flex:1;min-height:0;min-width:0;overflow:hidden}.game-panel>:not(.board){flex-shrink:0}.game-layout>.panel{display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:.875rem}@media(min-width:640px){.game-layout>.panel{padding:1rem}}.game-sidebar{width:3.25rem;overflow-x:hidden;overflow-y:auto;transition:width .25s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}.game-sidebar:not(.game-sidebar--collapsed){width:14rem}.game-layout>.panel.game-sidebar--collapsed{padding:.5rem .375rem;align-items:center;background:transparent;border-color:transparent;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}.game-sidebar__header{display:flex;align-items:center;justify-content:space-between;gap:.35rem;margin-bottom:.75rem;min-height:1.75rem}.game-sidebar--collapsed .game-sidebar__header{justify-content:center;margin-bottom:.625rem;width:100%}.game-sidebar__title{margin:0;overflow:hidden;white-space:nowrap;opacity:1;max-width:10rem;transition:opacity .2s ease,max-width .25s cubic-bezier(.4,0,.2,1)}.game-sidebar--collapsed .game-sidebar__title{opacity:0;max-width:0;pointer-events:none}.game-sidebar__toggle{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;padding:0;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;transition:color .15s,border-color .15s,background .15s}.game-sidebar__toggle:hover{color:var(--text);border-color:var(--border-strong);background:var(--surface-hover)}.game-sidebar__chevron{width:1.125rem;height:1.125rem;transition:transform .25s cubic-bezier(.4,0,.2,1)}.game-sidebar--collapsed .game-sidebar__chevron{transform:rotate(180deg)}.game-sidebar--collapsed .game-sidebar__toggle{width:2rem;height:2rem;border-radius:50%}.game-sidebar .player-list{flex:1;gap:.5rem}.game-sidebar--collapsed .player-list{align-items:center;gap:.375rem;width:100%}.game-sidebar .player-item{container-type:inline-size;padding:.875rem 1rem;border-left-width:3px;border-left-style:solid;transition:padding .25s cubic-bezier(.4,0,.2,1),background .2s ease,border-color .2s ease,box-shadow .2s ease}.game-sidebar--collapsed .player-item,.game-sidebar .player-item--avatar-only{container-type:normal;justify-content:center;padding:0;border:none;background:none;box-shadow:none;gap:0}.game-sidebar .player-info{min-width:0;overflow:hidden;opacity:1;max-width:12rem;transition:opacity .2s ease,max-width .25s cubic-bezier(.4,0,.2,1)}.game-sidebar--collapsed .player-info,.game-sidebar .player-item--avatar-only .player-info{display:none}.game-sidebar--collapsed .player-avatar{width:2.25rem;height:2.25rem;font-size:.875rem}.game-sidebar--collapsed .player-item--self .player-avatar{outline:2px solid var(--accent);outline-offset:2px}@container (max-width: 7.5rem){.game-sidebar:not(.game-sidebar--collapsed) .player-info{display:none}.game-sidebar:not(.game-sidebar--collapsed) .player-item{justify-content:center;padding:.5rem}}.game-sidebar:not(.game-sidebar--collapsed) .player-item--red{border-left-color:var(--red);background:linear-gradient(90deg,var(--sidebar-red-alpha) 0%,var(--bg-elevated) 55%)}.game-sidebar:not(.game-sidebar--collapsed) .player-item--blue{border-left-color:var(--blue);background:linear-gradient(90deg,var(--sidebar-blue-alpha) 0%,var(--bg-elevated) 55%)}.game-sidebar:not(.game-sidebar--collapsed) .player-item--self{border-color:var(--accent-glow);box-shadow:inset 0 0 0 1px var(--accent-glow);background:linear-gradient(90deg,#e8a83814,#e8a83808)}.game-sidebar:not(.game-sidebar--collapsed) .player-item--self.player-item--red{border-left-color:var(--red)}.game-sidebar:not(.game-sidebar--collapsed) .player-item--self.player-item--blue{border-left-color:var(--blue)}.game-sidebar .player-name-row{display:flex;align-items:center;gap:.5rem;min-width:0}.game-sidebar .player-name{white-space:nowrap}.game-sidebar .player-host{flex-shrink:0;padding:.125rem .4rem;font-size:.625rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--accent-hover);background:#f59e0b2e;border-radius:4px}.game-sidebar .player-role{display:block;margin-top:.2rem;font-size:.8125rem;font-weight:500;color:var(--text-muted)}.game-sidebar .player-avatar{width:2.5rem;height:2.5rem;font-size:1rem}.player-item--self{border-color:var(--accent-glow);background:#f59e0b0f}.player-avatar--red{background:linear-gradient(135deg,#f43f5e,#be123c);color:#fff}.player-avatar--blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff}.scoreboard{display:flex;align-items:center;gap:.5rem}.score{flex:1;min-width:0;padding:.375rem .5rem;background:var(--bg-elevated);border:2px solid var(--border);border-radius:var(--radius-sm);transition:border-color .25s,box-shadow .25s}.score__row{display:flex;align-items:center;justify-content:center;gap:.4rem;flex-wrap:nowrap}.score--red.score--active{border-color:var(--red);box-shadow:0 0 14px var(--score-red-shadow)}.score--blue.score--active{border-color:var(--blue);box-shadow:0 0 14px var(--score-blue-shadow)}.score--red.score--winner{border-color:var(--red);box-shadow:0 0 20px var(--score-red-shadow)}.score--blue.score--winner{border-color:var(--blue);box-shadow:0 0 20px var(--score-blue-shadow)}.score__label{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--text-muted)}.score--red .score__label{color:var(--red-soft)}.score--blue .score__label{color:var(--blue-soft)}.score__num{font-size:1.25rem;font-weight:800;line-height:1;letter-spacing:-.03em}.score--red .score__num{color:var(--red-soft)}.score--blue .score__num{color:var(--blue-soft)}.score__dots{display:flex;flex-wrap:nowrap;gap:2px;flex-shrink:0}.score__dot{display:inline-block;width:6px;height:6px;border-radius:50%;flex-shrink:0;transition:background .3s}.score--red .score__dot{background:var(--red)}.score--blue .score__dot{background:var(--blue)}.score__dot.is-found{background:var(--border-strong);opacity:.45}.scoreboard-center{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.1rem;padding:0 .35rem;min-width:5.5rem}.scoreboard-turn{font-size:.75rem;font-weight:700;text-align:center;color:var(--text-muted);white-space:nowrap}.scoreboard-turn--RED{color:var(--red-soft)}.scoreboard-turn--BLUE{color:var(--blue-soft)}.scoreboard-phase{font-size:.625rem;font-weight:500;color:var(--text-dim);text-align:center;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.clue-panel{min-height:2rem;padding:.4rem .75rem;text-align:center;font-size:.8125rem;color:var(--text-muted);background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.clue-panel .clue-word,.clue-panel-wait--yours{font-weight:700;color:var(--accent-hover)}.clue-panel--your-turn{color:var(--accent-hover);border-color:#f59e0b73;background:#f59e0b14;box-shadow:0 0 0 1px #f59e0b1f}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem;width:100%}@media(min-width:600px){.game-panel .board{flex:1 1 0;min-height:0;grid-template-rows:repeat(5,minmax(0,1fr))}.game-panel .card-slot{aspect-ratio:unset;height:100%;min-height:0}}.board--shaking{animation:board-shake .8s cubic-bezier(.36,.07,.19,.97)}.card-slot{position:relative;width:100%;aspect-ratio:1.35;perspective:900px}.card-slot--enter{opacity:0;animation:card-pop-in .5s cubic-bezier(.34,1.35,.64,1) forwards}.card-flipper{position:absolute;top:0;right:0;bottom:0;left:0;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.15,.2,1);will-change:transform}.card-flipper--instant{transition:none!important}.card-flipper--revealed{transform:rotateY(180deg)}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-back{transform:rotateY(180deg)}.card{display:flex;align-items:center;justify-content:center;text-align:center;padding:.3rem;border-radius:var(--radius-sm);font-size:clamp(.65rem,1.5vw,.95rem);font-weight:700;line-height:1.15;border:2px solid rgba(0,0,0,.08);background:var(--card-face);color:var(--card-face-text);cursor:default;-webkit-user-select:none;user-select:none;overflow:hidden;word-break:break-word;box-shadow:0 2px 4px #00000026,inset 0 1px #ffffff80}.card.hidden-type{background:var(--card-face);color:var(--card-face-text)}.card.revealed.RED,.card.type-RED{background:linear-gradient(145deg,var(--card-red-start) 0%,var(--red) 100%);color:#fff;border-color:#0003;box-shadow:0 3px 8px var(--score-red-shadow)}.card.revealed.BLUE,.card.type-BLUE{background:linear-gradient(145deg,var(--card-blue-start) 0%,var(--blue) 100%);color:#fff;border-color:#0003;box-shadow:0 3px 8px var(--score-blue-shadow)}.card.revealed.NEUTRAL,.card.type-NEUTRAL{background:linear-gradient(145deg,var(--card-neutral-start) 0%,var(--neutral) 100%);color:#422006;border-color:#00000026}.card.revealed.ASSASSIN,.card.type-ASSASSIN{background:linear-gradient(145deg,var(--card-assassin-start) 0%,var(--assassin) 100%);color:#fff;border-color:#0000004d;box-shadow:0 3px 8px #00000080}.card.spymaster-revealed{filter:saturate(.28) brightness(1.35) contrast(.85);opacity:.58;box-shadow:inset 0 0 0 999px #ffffffb8,0 1px 2px #00000014}.card.spymaster-revealed.RED,.card.spymaster-revealed.BLUE,.card.spymaster-revealed.ASSASSIN{color:#ffffff8c;border-color:#ffffff40}.card.spymaster-revealed.NEUTRAL{color:#42200673;border-color:#a1620733}.card-slot.clickable{cursor:pointer}.card-slot.clickable .card-front{outline:2px solid var(--accent);outline-offset:2px}.card-slot.clickable:hover .card-flipper:not(.card-flipper--revealed){transform:translateY(-3px) scale(1.03);transition:transform .15s ease,box-shadow .15s ease}.card-slot.clickable:hover .card-front{box-shadow:0 8px 18px var(--accent-glow),inset 0 1px #ffffff80}.card-hold-progress{position:absolute;bottom:0;left:0;height:3px;width:0;background:var(--accent);border-radius:0 0 var(--radius-sm) var(--radius-sm);z-index:3;pointer-events:none;transition:none}.card-slot--holding .card-hold-progress{animation:hold-progress .6s linear forwards}.card-slot--holding .card-flipper:not(.card-flipper--revealed){transform:scale(1.04);transition:transform .1s ease}.card-slot--holding .card-front{box-shadow:0 0 0 2px var(--accent),0 8px 20px var(--accent-glow)}.game-settings{margin-top:.25rem;padding-top:.5rem;border-top:1px solid var(--border)}.game-settings__toggle{display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.game-settings__toggle input[type=checkbox]{width:auto;cursor:pointer;accent-color:var(--accent)}.card-slot--just-revealed .card-back{animation:glow-pop .7s ease forwards}.controls{display:flex;flex-wrap:wrap;gap:.75rem;align-items:flex-end;margin-top:.25rem;padding:.75rem;background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm)}.controls label.field{flex:1;min-width:8rem;margin:0}.controls label.field--narrow{flex:0 0 5rem;min-width:5rem}.controls--disabled input,.controls--disabled button{opacity:.45;cursor:not-allowed}.game-over{margin-top:1.25rem;padding:2rem 1.5rem;text-align:center;font-family:var(--font-display);font-size:clamp(1.25rem,4vw,1.75rem);font-weight:700;color:var(--text);background:linear-gradient(135deg,var(--game-over-c1) 0%,var(--game-over-c2) 100%);border:1px solid var(--accent-glow);border-radius:var(--radius);animation:fade-in .4s ease}.game-over-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000000b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:fade-in .35s ease;overflow:hidden}.game-over-card{position:relative;z-index:1;text-align:center;padding:2.5rem 3rem;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);max-width:26rem;width:90%}.game-over-emoji{font-size:3rem;line-height:1;margin-bottom:.75rem}.game-over-title{font-family:var(--font-display);font-size:clamp(1.5rem,5vw,2.25rem);font-weight:800;margin:0 0 .5rem;color:var(--text);letter-spacing:-.02em}.game-over-title--RED{color:var(--red-soft)}.game-over-title--BLUE{color:var(--blue-soft)}.game-over-actions{display:flex;gap:.75rem;justify-content:center;margin-top:1.75rem;flex-wrap:wrap}.confetti-piece{position:absolute;border-radius:2px;animation:confetti-fall 2.8s ease-in forwards;opacity:0;pointer-events:none}.toast{position:fixed;bottom:1.5rem;left:50%;transform:translate(-50%);z-index:999;padding:.6rem 1.25rem;background:var(--bg-elevated);border:1px solid var(--border-strong);border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;color:var(--text);box-shadow:var(--shadow);pointer-events:none;animation:toast-slide .22s ease;white-space:nowrap}.status-bar{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.stat-pill{display:inline-flex;align-items:center;padding:.35rem .75rem;font-size:.8125rem;font-weight:600;border-radius:999px;background:var(--bg-elevated);border:1px solid var(--border);color:var(--text-muted)}.stat-pill--turn{font-weight:700}.hidden{display:none!important}.team-RED{color:var(--red-soft)}.team-BLUE{color:var(--blue-soft)}.stat-pill.team-RED{color:var(--red-soft);border-color:#e11d4859}.stat-pill.team-BLUE{color:var(--blue-soft);border-color:#2563eb59}.loading-state{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem}.spinner{width:2rem;height:2rem;border:3px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite;flex-shrink:0}.skeleton-board{display:grid;grid-template-columns:repeat(5,1fr);gap:.55rem;width:100%;max-width:580px;margin:0 auto}.skeleton-board__cell{aspect-ratio:1.35;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-elevated) 25%,var(--border-strong) 50%,var(--bg-elevated) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes card-pop-in{0%{opacity:0;transform:translateY(22px) scale(.86)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes hold-progress{0%{width:0}to{width:100%}}@keyframes glow-pop{0%,to{filter:brightness(1)}40%{filter:brightness(1.4) saturate(1.25)}}@keyframes board-shake{0%,to{transform:translate(0)}15%{transform:translate(-6px) rotate(-.4deg)}30%{transform:translate(6px) rotate(.4deg)}45%{transform:translate(-5px) rotate(-.25deg)}60%{transform:translate(5px) rotate(.25deg)}75%{transform:translate(-3px)}90%{transform:translate(3px)}}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-15vh) rotate(0) scale(1)}80%{opacity:.8}to{opacity:0;transform:translateY(110vh) rotate(780deg) scale(.7)}}@keyframes toast-slide{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.card-slot--enter{animation:none;opacity:1}.card-flipper{transition:none}.card-slot--holding .card-hold-progress{animation:none;width:100%;background:var(--accent);opacity:.6}.card-slot--just-revealed .card-back,.board--shaking{animation:none}.confetti-piece{display:none}.spinner{animation:none;border-color:var(--accent)}.skeleton-board__cell{animation:none;background:var(--bg-elevated)}}@media(max-width:480px){.locale-label-text{display:none}}@media(max-width:600px){.board{grid-template-columns:repeat(3,1fr);gap:.35rem}.container{padding:1rem .875rem 1.25rem}.container--wide{padding:.5rem}.panel{padding:1rem}.skeleton-board{grid-template-columns:repeat(3,1fr)}}