.game-page,.game-page *{box-sizing:border-box}.game-page{background:var(--brand-bg);flex-direction:column;min-height:100vh;display:flex}.setup-screen{padding:2rem var(--layout-gutter);flex:1;justify-content:center;align-items:center;min-height:100vh;animation:.3s ease-in fadeIn;display:flex}.setup-screen[hidden]{display:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.setup-container{width:100%;max-width:440px}.setup-content{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);backdrop-filter:blur(14px);box-shadow:var(--glass-shadow);padding:2.75rem}.setup-title{color:var(--brand-heading);text-align:center;margin:0 0 .75rem;font-size:2.4rem;font-weight:800}.setup-subtitle{text-align:center;color:var(--brand-text);margin:0 0 2.25rem;font-size:1.05rem;line-height:1.6}.setup-form{gap:1.5rem;display:grid}.form-section{flex-direction:column;gap:.6rem;display:flex}.form-label{color:var(--brand-heading);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.form-input{border-radius:var(--radius-md);border:1px solid var(--brand-border);background:var(--brand-surface);width:100%;color:var(--brand-text);font-family:var(--brand-font-family);padding:12px 14px;font-size:.95rem;transition:all .2s}.form-input:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #3498db26}.room-input-group{align-items:center;gap:.5rem;display:flex}.room-input{text-transform:uppercase;letter-spacing:.15em;flex:1;font-family:Courier New,monospace;font-size:1rem;font-weight:700}.setup-status{border-radius:var(--radius-md);color:var(--brand-accent-strong);background:#3498db1a;border:1px solid #3498db33;margin:0;padding:.85rem 1rem;font-size:.9rem;line-height:1.5;display:none}.setup-status:not(:empty){display:block}.game-screen{flex-direction:column;flex:1;width:100%;padding:0;display:flex;overflow-x:hidden}.game-screen[hidden]{display:none}.game-header{padding:1rem var(--layout-gutter);background:var(--glass-bg,#ffffff1f);border-bottom:1px solid var(--glass-border,#fff3);backdrop-filter:blur(14px);box-shadow:var(--glass-shadow);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.header-left{align-items:center;gap:1.25rem;min-width:0;display:flex}.header-right{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:.75rem;min-width:0;padding-right:136px;display:flex}.header-right>*{flex-shrink:0;min-width:0}@media (width<=720px){.header-right{padding-right:0}}.header-right .app-button,.header-right .btn{min-width:0}.game-title{color:var(--brand-heading);white-space:nowrap;margin:0;font-size:1.4rem;font-weight:800}.game-round{color:var(--brand-accent-strong);letter-spacing:.05em;white-space:nowrap;background:#3498db1f;border:1px solid #3498db33;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;font-weight:700}.session-badge{border:1px solid var(--brand-border);background:var(--brand-surface);color:var(--brand-text);letter-spacing:.05em;white-space:nowrap;border-radius:999px;padding:.45rem .85rem;font-size:.8rem;font-weight:700}.session-badge[data-active=true]{color:var(--brand-accent-strong);background:#2ecc711f;border-color:#2ecc714d}.game-content{padding:1.25rem var(--layout-gutter);flex:1;grid-template-columns:1fr 260px;gap:1rem;width:100%;max-width:100%;margin:0 auto;display:grid;overflow:hidden auto}.statements-column{flex-direction:column;gap:1rem;display:flex}.sidebar{flex-direction:column;gap:1rem;height:fit-content;display:flex;position:sticky;top:1.5rem}.game-phase-indicator{border-radius:var(--radius-md);background:#3498db1a;border:1px solid #3498db33;width:fit-content;padding:.6rem .85rem;display:inline-block}.phase-label{color:var(--brand-accent-strong);text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;font-weight:700}.host-notice{border-radius:var(--radius-lg);color:var(--brand-heading);background:#3498db1a;border:1px solid #3498db33;padding:.85rem}.host-notice h3{margin:0 0 .35rem;font-size:.95rem;font-weight:700}.host-notice p{color:var(--brand-text);margin:0;font-size:.85rem;line-height:1.4}.host-controls-section{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);gap:1rem;padding:1.25rem;display:grid}.section-title{color:var(--brand-heading);text-transform:uppercase;letter-spacing:.05em;text-transform:none;margin:0;font-size:1.1rem;font-weight:700}.statement-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.statement-input-group{gap:.5rem;display:grid}.input-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.input-header label{color:var(--brand-heading);font-size:.9rem;font-weight:700}.lie-marker{color:var(--brand-text);cursor:pointer;flex-shrink:0;align-items:center;gap:.35rem;font-size:.8rem;font-weight:600;display:flex}.lie-marker input{cursor:pointer;accent-color:var(--brand-accent)}.statement-textarea{border-radius:var(--radius-md);border:1px solid var(--brand-border);background:var(--brand-surface);width:100%;min-height:80px;color:var(--brand-text);font-family:var(--brand-font-family);resize:vertical;padding:10px 12px;font-size:.9rem;line-height:1.5;transition:border-color .2s}.statement-textarea:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #3498db1a}.host-actions{gap:.75rem;display:grid}.host-secondary-actions{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.statement-cards{grid-template-columns:repeat(3,minmax(140px,1fr));gap:.75rem;display:grid}.statement-card{border-radius:var(--radius-lg);background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);box-shadow:var(--glass-shadow);cursor:default;flex-direction:column;justify-content:flex-start;min-height:160px;padding:1.25rem;transition:all .2s;display:flex}.statement-card:hover{border-color:var(--glass-border)}.statement-card--lie{border:2px solid var(--brand-accent);background:linear-gradient(180deg, #2ecc711f, var(--glass-bg,#ffffff1f))}.statement-card--wrong-pick{background:linear-gradient(180deg, #e74c3c1a, var(--glass-bg,#ffffff1f));border:2px solid #e74c3c}.statement-card__label{color:var(--brand-text);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.8rem;font-weight:700;display:inline-flex}.statement-card__text{color:var(--brand-heading);white-space:pre-wrap;word-wrap:break-word;overflow-wrap:break-word;flex:1;margin:0;font-size:.95rem;line-height:1.5}.statement-card__note{color:var(--brand-accent);text-align:center;margin-top:auto;padding-top:1rem;font-size:.95rem;font-weight:700}.btn{font:inherit;border-radius:var(--radius-md);cursor:pointer;text-align:center;white-space:nowrap;border:1px solid #0000;padding:11px 18px;font-size:.9rem;font-weight:700;transition:all .2s}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn--accent{background:linear-gradient(135deg, var(--brand-accent), var(--brand-accent-strong));color:#fff;border-color:#0000}.btn--secondary{background:var(--brand-surface);color:var(--brand-heading);border-color:var(--brand-border)}.btn--secondary:hover:not(:disabled){background:var(--brand-bg-alt,#ffffff14);border-color:var(--brand-accent)}.btn--ghost{border:1px solid var(--brand-border);color:var(--brand-heading);background:0 0;padding:9px 14px}.btn--ghost:hover:not(:disabled){background:var(--brand-surface);border-color:var(--brand-accent)}.btn--small{padding:7px 10px;font-size:.8rem}.user-name-display{color:var(--brand-text);background:#ffffff1f;border:1px solid #ffffff26;border-radius:999px;align-items:center;gap:.4rem;padding:.3rem .75rem;font-size:.85rem;display:inline-flex}.user-name-input{border-radius:var(--radius-md);border:1px solid var(--brand-border);background:var(--brand-surface);width:140px;min-width:100px;color:var(--brand-text);font-family:var(--brand-font-family);padding:6px 10px;font-size:.9rem}.user-name-input:focus{border-color:var(--brand-accent);outline:none;box-shadow:0 0 0 3px #3498db1f}.btn--large{width:100%;padding:14px 24px;font-size:1rem}.btn--full{width:100%}.btn--vote{background:var(--brand-accent);color:#fff;text-align:center;border-radius:var(--radius-md);border-color:#0000;padding:10px 14px;font-size:.85rem;font-weight:700;transition:all .2s}.btn--vote:hover:not(:disabled){background:var(--brand-accent-strong);transform:translateY(-2px)}.btn--vote[data-selected=true]{background:var(--brand-accent-strong);box-shadow:0 0 0 3px #3498db33}.btn--vote[data-result=correct]{background:#27ae60;box-shadow:0 0 0 3px #27ae6040}.btn--vote[data-result=wrong]{background:#e74c3c;box-shadow:0 0 0 3px #e74c3c40}.vote-section{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);gap:.75rem;padding:1rem;display:grid}.vote-buttons,.vote-summary{gap:.6rem;display:grid}.vote-summary[hidden]{display:none}.vote-summary-item{border-radius:var(--radius-md);background:var(--brand-surface);border:1px solid var(--brand-border);color:var(--brand-text);justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.participants-section{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);gap:.75rem;padding:1rem;display:grid}.participants-list{gap:.6rem;max-height:300px;display:grid;overflow-y:auto}.participant-card{border-radius:var(--radius-md);background:var(--brand-surface);border:1px solid var(--brand-border);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;font-size:.9rem;display:flex}.participant-meta{flex:1;align-items:center;gap:.6rem;min-width:0;display:flex}.participant-name{color:var(--brand-heading);text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.participant-badge{color:var(--brand-accent-strong);text-transform:uppercase;letter-spacing:.05em;background:#3498db1f;border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.participant-score{color:#b7770d;background:#f39c1224;border:1px solid #f39c1247;border-radius:999px;flex-shrink:0;padding:.2rem .5rem;font-size:.75rem;font-weight:700}.participant-card--leader{background:linear-gradient(135deg, #f39c1214, var(--brand-surface));border-color:#f39c1280}.participant-status[data-correct=true]{color:#27ae60;font-weight:700}.participant-status{color:var(--brand-text);flex-shrink:0;font-size:.85rem}.status-panel{background:var(--glass-bg,#ffffff1f);border:1px solid var(--glass-border,#fff3);border-radius:var(--radius-lg);padding:1rem}.status-message{color:var(--brand-text);min-height:1.35em;margin:0;font-size:.9rem;line-height:1.5}.status-message[data-type=success]{color:var(--brand-accent-strong)}.status-message[data-type=error]{color:#e74c3c}@media (width<=1200px){.game-content{grid-template-columns:1fr;gap:1rem}.sidebar{grid-template-columns:1fr 1fr;gap:1rem;display:grid;position:static}.statement-cards{grid-template-columns:repeat(3,minmax(120px,1fr));gap:.6rem}.statement-card{min-height:140px;padding:1rem}.statement-card__text{font-size:.9rem}.statement-form{grid-template-columns:1fr}}@media (width<=1024px){.statement-cards{grid-template-columns:repeat(2,minmax(140px,1fr))}}@media (width<=768px){.setup-content{padding:2rem}.setup-title{font-size:2rem}.game-header{padding:.85rem var(--layout-gutter);flex-direction:column;align-items:flex-start}.header-left{gap:.85rem;width:100%}.header-right{justify-content:flex-start;width:100%}.game-title{font-size:1.25rem}.game-content{padding:1rem var(--layout-gutter);gap:.75rem}.sidebar{grid-template-columns:1fr}.statement-cards{grid-template-columns:repeat(2,minmax(110px,1fr))}.statement-card{min-height:135px;padding:.9rem}.statement-card__label{margin-bottom:.5rem;font-size:.8rem}.statement-card__text{font-size:.85rem;line-height:1.4}.host-controls-section{padding:1rem}.statement-form,.host-secondary-actions{grid-template-columns:1fr}.statements-column{gap:1rem}.btn{padding:10px 16px;font-size:.95rem}.btn--large{padding:12px 20px;font-size:.95rem}.btn--vote{padding:9px 12px;font-size:.8rem}}@media (width<=480px){.setup-container{max-width:100%}.setup-content{border-radius:var(--radius-md);padding:1.75rem}.setup-title{margin-bottom:.5rem;font-size:1.75rem}.setup-subtitle{margin-bottom:1.75rem;font-size:1rem}.game-title{font-size:1.1rem}.game-round{padding:.35rem .65rem;font-size:.75rem}.game-content{padding:.75rem var(--layout-gutter);gap:.6rem}.statement-cards{grid-template-columns:1fr;gap:.5rem}.statement-card{min-height:120px;padding:.85rem}.statement-card__label{margin-bottom:.4rem;font-size:.75rem}.statement-card__text{font-size:.85rem;line-height:1.4}.sidebar{gap:.75rem}.vote-section,.participants-section,.status-panel{padding:.85rem}.section-title{font-size:.9rem}.participants-list{max-height:200px}.participant-card{padding:.6rem .7rem;font-size:.85rem}.room-input-group{flex-direction:column}.room-input{text-align:center}.btn{padding:9px 14px;font-size:.9rem}.btn--vote{padding:8px 12px;font-size:.8rem}.btn--large{padding:12px 18px;font-size:.9rem}}.participants-list::-webkit-scrollbar{width:6px}.participants-list::-webkit-scrollbar-track{background:var(--brand-surface);border-radius:3px}.participants-list::-webkit-scrollbar-thumb{background:var(--brand-border);border-radius:3px}.participants-list::-webkit-scrollbar-thumb:hover{background:var(--brand-text)}.tour-overlay{z-index:9000;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.tour-overlay[hidden]{display:none}.tour-backdrop{backdrop-filter:blur(1px);background:#0000004d;position:absolute;inset:0}.tour-card{background:var(--brand-surface);border-radius:var(--radius-lg);flex-direction:column;gap:1.5rem;width:100%;max-width:420px;max-height:calc(100vh - 40px);padding:2rem 2rem 1.5rem;animation:.25s ease-out tourSlideIn;display:flex;position:relative;overflow:auto;box-shadow:0 24px 64px #00000059}@keyframes tourSlideIn{0%{opacity:0;transform:translateY(16px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.tour-close{color:var(--brand-text);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;padding:4px 8px;font-size:1.1rem;line-height:1;transition:background .15s;position:absolute;top:1rem;right:1rem}.tour-close:hover{background:var(--brand-border)}.tour-highlight{z-index:40;border:2px solid #3498dbf2;border-radius:1rem;transition:box-shadow .2s,border-color .2s;position:relative;box-shadow:0 0 0 4px #3498dbd9,0 0 0 14px #ffffff4d}.tour-highlight:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:0 0 0 6px #3498db59}.tour-steps{min-height:160px}.tour-step{flex-direction:column;gap:.75rem;display:flex}.tour-step[hidden]{display:none}.tour-step-icon{font-size:2.4rem;line-height:1}.tour-step-title{color:var(--brand-heading);margin:0;font-size:1.25rem;font-weight:800;line-height:1.2}.tour-step-text{color:var(--brand-text);margin:0;font-size:.95rem;line-height:1.6}.tour-nav{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.tour-progress{color:var(--brand-text);white-space:nowrap;font-size:.8rem;font-weight:700}