:root{--color-canvas: #101622;--color-surface-1: #0f172a;--color-surface-2: #1e293b;--color-surface-raised: #151e30;--color-border: #1e293b;--color-border-strong: #334155;--color-text-muted: #475569;--color-text-tertiary: #64748b;--color-text-secondary: #94a3b8;--color-text-body: #cbd5e1;--color-text-emphasis: #e2e8f0;--color-text-primary: #f1f5f9;--color-text-max: #f8fafc;--color-on-primary: #ffffff;--color-primary: #1152d4;--color-primary-hover: #1a5fe4;--color-primary-rgb: 17, 82, 212;--color-primary-30: rgba(17, 82, 212, .3);--color-primary-20: rgba(17, 82, 212, .2);--color-primary-10: rgba(17, 82, 212, .1);--color-primary-05: rgba(17, 82, 212, .05);--color-success: #10b981;--color-success-on-tint: #34d399;--color-success-bg: rgba(16, 185, 129, .1);--color-success-border: rgba(16, 185, 129, .2);--color-danger: #f43f5e;--color-danger-on-tint: #fb7185;--color-danger-bg: rgba(244, 63, 94, .1);--color-danger-border: rgba(244, 63, 94, .2);--color-warning: #f59e0b;--color-warning-on-tint: #fbbf24;--color-warning-bg: rgba(245, 158, 11, .1);--color-warning-border: rgba(245, 158, 11, .2);--color-neutral: #64748b;--color-neutral-on-tint: #94a3b8;--color-neutral-bg: rgba(100, 116, 139, .1);--color-neutral-border: rgba(100, 116, 139, .2);--color-guess-bg: #312e81;--color-guess-border: #3730a3;--color-guess-on-tint: #6366f1;--color-brand-bg: var(--color-primary-10);--color-brand-border: var(--color-primary-20);--color-scrim: rgba(16, 22, 34, .85);--scrim-blur: 8px;--color-canvas-50: rgba(16, 22, 34, .5);--color-panel-50: rgba(30, 41, 59, .5);--color-panel-40: rgba(30, 41, 59, .4);--color-panel-30: rgba(30, 41, 59, .3);--color-panel-20: rgba(30, 41, 59, .2);--font-family-base: "Inter", "Noto Sans KR", system-ui, Avenir, Helvetica, Arial, sans-serif;--font-family-mono: "Courier New", ui-monospace, monospace;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-black: 900;--font-size-display: 36px;--line-height-display: 40px;--letter-spacing-display: -.9px;--font-size-h1: 30px;--line-height-h1: 36px;--letter-spacing-h1: -.75px;--font-size-h2: 24px;--line-height-h2: 32px;--letter-spacing-h2: -.6px;--font-size-h3: 20px;--line-height-h3: 28px;--font-size-bar-title: 18px;--line-height-bar-title: 22.5px;--letter-spacing-bar-title: -.45px;--font-size-body-lg: 18px;--line-height-body-lg: 29px;--font-size-body: 16px;--line-height-body: 24px;--font-size-body-sm: 14px;--line-height-body-sm: 22.75px;--font-size-label: 14px;--line-height-label: 20px;--font-size-micro-label: 12px;--line-height-micro-label: 16px;--letter-spacing-micro-label: .6px;--font-size-eyebrow: 10px;--line-height-eyebrow: 15px;--letter-spacing-eyebrow: 1px;--radius-4: 4px;--radius-8: 8px;--radius-12: 12px;--radius-16: 16px;--radius-full: 9999px;--space-4: 4px;--space-8: 8px;--space-12: 12px;--space-16: 16px;--space-20: 20px;--space-24: 24px;--space-32: 32px;--space-40: 40px;--layout-frame-width: 1280px;--layout-sidebar-width: 256px;--layout-content-width: 1024px;--layout-inner-max-width: 960px;--layout-inner-padding-x: var(--space-32);--layout-chat-rail-width: 320px;--layout-header-height: 64px;--layout-section-gap: var(--space-24);--control-height-sm: 38px;--control-height: 40px;--control-height-md: 46px;--control-height-lg: 52px;--input-height: 49px;--input-height-search: 47px;--input-height-chat: 38px;--badge-height: 24px;--answer-badge-height: 32px}:root{--color-primary-hover: rgba(var(--color-primary-rgb), .9);--color-bg-dark: var(--color-canvas);--color-text-dark: var(--color-text-primary);--color-border-dark: var(--color-border);font-family:var(--font-family-base);line-height:1.5;font-weight:var(--font-weight-regular);color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-canvas);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scrollbar-color:var(--color-border-strong) transparent}*{scrollbar-width:thin}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-tertiary)}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--color-canvas);color:var(--color-text-primary)}h1{font-size:var(--font-size-h1);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);font-weight:var(--font-weight-black)}button{border-radius:var(--radius-8);border:1px solid transparent;padding:0 var(--space-16);min-height:var(--control-height);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);font-family:inherit;background-color:var(--color-surface-2);color:var(--color-text-primary);cursor:pointer;transition:border-color .25s}button:hover{border-color:var(--color-primary)}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;min-height:100vh}.app-layout{display:flex;height:100vh;overflow:hidden}.app-layout__content{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.app-layout__main{flex:1;display:flex;flex-direction:column;overflow-y:auto}.sidebar{width:256px;flex-shrink:0;border-right:1px solid var(--color-border-dark);background:var(--color-bg-dark);display:flex;flex-direction:column;height:100vh;overflow-y:auto}.sidebar__brand{padding:1.5rem;display:flex;align-items:center;gap:.75rem;margin-bottom:2.5rem}.sidebar__logo-icon{width:40px;height:40px;background:var(--color-primary);display:flex;align-items:center;justify-content:center;border-radius:.5rem;box-shadow:0 10px 15px -3px #1152d433,0 4px 6px -4px #1152d433;flex-shrink:0}.sidebar__logo-icon .material-symbols-outlined{color:#fff}.sidebar__brand-title{font-size:1.25rem;font-weight:700;letter-spacing:-.025em;line-height:1;margin:0}.sidebar__brand-subtitle{font-size:.625rem;color:#94a3b8;margin-top:.25rem;text-transform:uppercase;letter-spacing:.1em;font-weight:600}.sidebar__nav{display:flex;flex-direction:column;gap:.25rem;padding:0 1.5rem}.sidebar__nav-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;font-weight:500;text-decoration:none;transition:all .2s;color:#94a3b8}.sidebar__nav-item:hover{background:#1e293b}.sidebar__nav-item--active{background:var(--color-primary);color:#fff;box-shadow:0 4px 6px -1px #1152d433,0 2px 4px -2px #1152d433}.sidebar__nav-item--active:hover{background:var(--color-primary)}.sidebar__user{margin-top:auto;padding:1.5rem;border-top:1px solid var(--color-border-dark)}.sidebar__user-card{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.75rem;background:#1e293b80}.sidebar__user-avatar{width:32px;height:32px;border-radius:50%;background:#1152d433;color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;flex-shrink:0}.sidebar__user-info{flex:1;min-width:0}.sidebar__user-name{font-size:.875rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar__user-guest{display:flex;justify-content:center}.sidebar__user-status{font-size:10px;text-transform:uppercase;color:#64748b}@media(max-width:768px){.sidebar{display:none}}.header{height:64px;display:flex;align-items:center;justify-content:space-between;padding:0 2rem;border-bottom:1px solid var(--color-border-dark);background:#10162280;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10;flex-shrink:0}.header__title{font-size:1.125rem;font-weight:700;margin:0}.header__actions{display:flex;align-items:center;gap:1rem}.header__online-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;border-radius:9999px;background:#1152d41a;border:1px solid rgba(17,82,212,.2)}.header__online-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary)}.header__online-text{font-size:.75rem;font-weight:700;color:var(--color-primary)}.header__user-badge{font-size:.875rem;font-weight:700;color:#64748b;padding:.5rem 1rem;text-transform:uppercase;letter-spacing:-.05em}.header__login-button{display:flex;align-items:center;gap:.375rem;padding:.5rem 1rem;border:1px solid rgba(17,82,212,.3);border-radius:8px;background:#1152d41a;color:var(--color-primary);font-size:.875rem;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s}.header__login-button:hover{background:#1152d433;border-color:#1152d480}.header__login-icon{font-size:1rem}.header__prototype-badge{display:inline-flex;align-items:center;height:var(--badge-height);padding:0 var(--space-12);border:1px solid var(--color-warning-border);border-radius:var(--radius-full);background-color:var(--color-warning-bg);color:var(--color-warning-on-tint);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;white-space:nowrap}.plain-layout__main{overflow:hidden}.room-section-header{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.room-section-header__title{font-size:1.875rem;font-weight:900;letter-spacing:-.025em;margin:0 0 .5rem}.room-section-header__subtitle{color:var(--color-text-secondary);margin:0}.room-section-header__actions{display:flex;gap:.5rem}.room-section-header__btn{padding:.625rem 1.25rem;border-radius:.5rem;font-weight:700;font-size:.875rem;display:flex;align-items:center;gap:.5rem;border:none;cursor:pointer;transition:background .2s}.room-section-header__btn--primary{background:var(--color-primary);color:var(--color-on-primary)}.room-section-header__btn--primary:hover{background:var(--color-primary-hover)}.room-section-header__btn--primary .material-symbols-outlined{font-size:.875rem}.room-section-header__btn--secondary{background:var(--color-surface-2);color:var(--color-text-primary)}.room-section-header__btn--secondary:hover{background:var(--color-border-strong)}.room-section-header__btn:disabled{cursor:default;opacity:.55}.room-section-header__btn--secondary:disabled:hover{background:var(--color-surface-2)}@media(min-width:769px){.room-section-header{flex-direction:row;align-items:flex-end;justify-content:space-between}}.room-search-bar{position:relative;flex:1}.room-search-bar__icon{position:absolute;top:0;bottom:0;left:1rem;display:flex;align-items:center;pointer-events:none;color:var(--color-text-tertiary);transition:color .2s}.room-search-bar__icon .material-symbols-outlined{font-size:1.25rem}.room-search-bar:focus-within .room-search-bar__icon{color:var(--color-primary)}.room-search-bar__input{width:100%;background:#0f172a80;border:1px solid var(--color-border-dark);color:var(--color-text-primary);padding:.875rem 1rem .875rem 3rem;border-radius:.75rem;font-size:.875rem;font-family:inherit;outline:none;transition:all .2s;box-shadow:0 1px 2px #0000000d;box-sizing:border-box}.room-search-bar__input::placeholder{color:var(--color-text-muted)}.room-search-bar__input:focus{ring:2px;box-shadow:0 0 0 2px #1152d480;border-color:var(--color-primary)}.room-filter-tabs{display:flex;align-items:center;gap:.5rem;overflow-x:auto}.room-filter-tabs__tab{padding:.5rem 1rem;border-radius:.5rem;font-size:.75rem;font-weight:700;white-space:nowrap;border:none;cursor:pointer;transition:background .2s,color .2s;background:var(--color-surface-2);color:var(--color-text-secondary)}.room-filter-tabs__tab:hover{background:var(--color-border-strong);border-color:transparent}.room-filter-tabs__tab--active{background:var(--color-primary);color:var(--color-on-primary);box-shadow:0 1px 3px #1152d433}.room-filter-tabs__tab--active:hover{background:var(--color-primary);border-color:transparent}.room-card-grid__wrapper{display:flex;flex-direction:column;gap:1rem}.room-card-grid__error{margin:0;padding:var(--space-16);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-12)}.room-card-grid__error-title{margin:0 0 var(--space-4);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);color:var(--color-danger-on-tint)}.room-card-grid__error-body{margin:0;font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-text-body)}.room-card-grid{display:grid;grid-template-columns:1fr;gap:1rem}.room-card-grid__placeholder{margin:0;padding:3rem 1rem;text-align:center;font-size:.875rem;color:var(--color-text-tertiary);border:1px dashed var(--color-border-dark);border-radius:1rem}.room-card{display:flex;flex-direction:column;gap:1rem;padding:1.25rem;background:linear-gradient(180deg,#1e293bd1,#0f172aeb);border:1px solid var(--color-border-dark);border-radius:1rem;box-shadow:0 18px 40px #02081738;transition:transform .2s ease,background .2s ease,border-color .2s ease}.room-card--clickable{cursor:pointer}.room-card--clickable:hover{transform:translateY(-2px);background:linear-gradient(180deg,#334155e0,#0f172af5);border-color:#475569e6}.room-card--unavailable{opacity:.7}.room-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.room-card__title{margin:0;font-size:1rem;font-weight:700;line-height:1.4;color:var(--color-text-emphasis)}.room-card__status-badge{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .5rem;font-size:10px;font-weight:900;text-transform:uppercase;border-radius:999px;white-space:nowrap}.room-card__status-badge--waiting{background:var(--color-warning-bg);color:var(--color-warning);border:1px solid var(--color-warning-border)}.room-card__status-badge--in-progress{background:var(--color-primary-10);color:var(--color-primary);border:1px solid var(--color-primary-20)}.room-card__status-badge--finished{background:var(--color-neutral-bg);color:var(--color-neutral);border:1px solid var(--color-neutral-border)}.room-card__meta{display:flex;align-items:center;justify-content:space-between;padding-right:.875rem}.room-card__meta-label{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary)}.room-card__players{font-family:Courier New,Courier,monospace;font-size:1rem;font-weight:700;color:var(--color-text-max)}.room-card__footer{display:flex;justify-content:flex-start;gap:.7rem}.room-card__action-btn{padding:.5rem 1rem;border-radius:.65rem;font-size:.875rem;font-weight:700;border:1px solid transparent;cursor:pointer;background:var(--color-primary);color:var(--color-on-primary);transition:background .2s}.room-card__action-btn:hover{background:var(--color-primary-hover);border-color:transparent}.room-card__action-btn:disabled{cursor:default;opacity:.55}.room-card__action-btn:disabled:hover{background:var(--color-primary)}@media(min-width:769px){.room-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.room-pagination{display:flex;justify-content:center;gap:var(--space-8);margin-top:var(--space-24)}.room-pagination__step,.room-pagination__page{width:var(--control-height);height:var(--control-height);padding:0;background:var(--color-surface-2);border:none;border-radius:var(--radius-8);font-family:inherit;font-weight:var(--font-weight-bold);color:var(--color-text-body);cursor:pointer;transition:background .2s,color .2s}.room-pagination__step{font-size:var(--font-size-body);line-height:var(--line-height-body)}.room-pagination__page{font-size:var(--font-size-label);line-height:var(--line-height-label)}.room-pagination__step:hover:not(:disabled),.room-pagination__page:hover:not(.room-pagination__page--active){background:var(--color-border-strong);color:var(--color-text-primary)}.room-pagination__step:disabled{color:var(--color-text-muted);cursor:default}.room-pagination__page--active{background:var(--color-primary);color:var(--color-on-primary);cursor:default}.modal__scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:var(--color-scrim);-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur))}.modal{box-sizing:border-box;width:100%;max-width:512px;max-height:calc(100vh - var(--space-32));display:flex;flex-direction:column;overflow:hidden;background:var(--color-canvas);border:1px solid var(--color-primary-30);border-radius:var(--radius-12);box-shadow:0 24px 48px #00000073}.modal:focus{outline:none}.modal__body{flex:1;overflow-y:auto;padding:var(--space-32)}.modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-24)}.modal__title{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);color:var(--color-text-primary)}.modal__subtitle{margin:var(--space-4) 0 0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);color:var(--color-text-secondary)}.modal__close{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:var(--radius-8);color:var(--color-text-secondary);cursor:pointer;transition:color .2s}.modal__close:hover{color:var(--color-text-primary)}.modal__close .material-symbols-outlined{font-size:20px}.modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-12);padding:var(--space-24) var(--space-32);background:var(--color-panel-30)}.number-stepper{display:flex;align-items:center;justify-content:center;gap:var(--space-16)}.number-stepper__button{box-sizing:border-box;display:flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);padding:0;border-radius:var(--radius-8);cursor:pointer;transition:background .2s,opacity .2s}.number-stepper__button .material-symbols-outlined{font-size:18px}.number-stepper__button--decrease{background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-body)}.number-stepper__button--decrease:hover:not(:disabled){background:var(--color-border-strong)}.number-stepper__button--increase{background:var(--color-primary);border:none;color:var(--color-on-primary)}.number-stepper__button--increase:hover:not(:disabled){background:var(--color-primary-hover)}.number-stepper__button:disabled{cursor:default;opacity:.45}.number-stepper__value{box-sizing:border-box;width:96px;height:var(--control-height-md);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);color:var(--color-on-primary);font-family:var(--font-family-base);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-h3);text-align:center}.number-stepper__value:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-30)}.number-stepper__value::-webkit-outer-spin-button,.number-stepper__value::-webkit-inner-spin-button{appearance:none;margin:0}.number-stepper__value{appearance:textfield;-moz-appearance:textfield}.new-room-form{display:flex;flex-direction:column;gap:var(--space-24)}.new-room-form__notice{margin:0;padding:var(--space-12) var(--space-16);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-8);color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm);line-height:var(--line-height-label)}.new-room-form__field{display:flex;flex-direction:column}.new-room-form__label{margin-bottom:var(--space-8);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--color-text-body)}.new-room-form__field:has(.number-stepper) .new-room-form__label{margin-bottom:var(--space-16)}.new-room-form__input{box-sizing:border-box;height:var(--input-height);padding:0 var(--space-16);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);color:var(--color-text-primary);font-family:var(--font-family-base);font-size:var(--font-size-body)}.new-room-form__input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-30)}.new-room-form__input::placeholder{color:var(--color-text-tertiary)}.new-room-form__error{margin:var(--space-8) 0 0;font-size:var(--font-size-body-sm);line-height:var(--line-height-label);color:var(--color-danger-on-tint)}.new-room-form__button{box-sizing:border-box;height:44px;padding:0 var(--space-24);border:none;border-radius:var(--radius-8);font-family:var(--font-family-base);font-size:var(--font-size-body);line-height:var(--line-height-body);cursor:pointer;transition:background .2s,color .2s,opacity .2s}.new-room-form__button--ghost{background:none;color:var(--color-text-secondary);font-weight:var(--font-weight-semibold)}.new-room-form__button--ghost:hover{color:var(--color-text-primary)}.new-room-form__button--primary{background:var(--color-primary);color:var(--color-on-primary);font-weight:var(--font-weight-bold)}.new-room-form__button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.new-room-form__button:disabled{cursor:default;opacity:.55}.home{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.home__content{flex:1;overflow-y:auto;padding:2rem}.home__inner{max-width:72rem;margin:0 auto}.home__filters{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}@media(min-width:769px){.home__filters{flex-direction:row;align-items:center}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.login-container{width:100%;max-width:400px;padding:2.5rem;background:#101622cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-dark);border-radius:12px}.login-title{margin:0 0 2rem;font-size:1.75rem;font-weight:600;text-align:center;color:#f1f5f9}.login-error-message{display:block;margin-bottom:1.5rem;padding:.75rem 1rem;font-size:.875rem;color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;text-align:center}.login-oauth-buttons{display:flex;flex-direction:column;gap:.75rem}.login-button{padding:.875rem;font-size:1rem;font-weight:500;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.login-button__inner{display:flex;align-items:center;justify-content:center;position:relative}.login-button__icon{width:1.25rem;height:1.25rem;position:absolute;left:0}.login-button--google{background:#4285f4}.login-button--google:hover{background:#3367d6}.login-button--kakao{background:#fee500;color:#191919}.login-button--kakao:hover{background:#f5dc00}.login-password{display:flex;flex-direction:column}.login-password__label{margin-bottom:var(--space-8);font-size:.875rem;font-weight:500;color:var(--color-text-secondary)}.login-password__input{width:100%;margin-bottom:var(--space-16);padding:var(--space-12) var(--space-16);font-size:1rem;color:var(--color-text-primary);background:var(--color-panel-50);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);outline:none;box-sizing:border-box;transition:border-color .2s ease}.login-password__input:focus{border-color:var(--color-primary)}.login-password__hint{margin:calc(-1 * var(--space-8)) 0 var(--space-16);font-size:.75rem;color:var(--color-text-tertiary)}.login-password__error{margin-bottom:var(--space-16)}.login-password__submit{padding:.875rem;font-size:1rem;font-weight:500;color:var(--color-on-primary);background:var(--color-primary);border:none;border-radius:var(--radius-8);cursor:pointer;transition:background .2s ease}.login-password__submit:hover{background:var(--color-primary-hover)}.login-password__submit:disabled{opacity:.6;cursor:not-allowed}.login-password__switch{margin-top:var(--space-12);padding:var(--space-4);font-size:.875rem;color:var(--color-text-secondary);background:none;border:none;cursor:pointer}.login-password__switch:hover{color:var(--color-text-primary);text-decoration:underline}.login-divider{display:flex;align-items:center;gap:var(--space-12);margin:var(--space-24) 0;font-size:.75rem;color:var(--color-text-tertiary)}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border-strong)}@media(max-width:480px){.login-container{padding:1.5rem}.login-title{font-size:1.5rem}}.join-completion{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:2rem}.join-completion__card{width:100%;max-width:400px;padding:2.5rem;background:#101622cc;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border-dark);border-radius:12px}.join-completion__title{margin:0 0 2rem;font-size:1.75rem;font-weight:600;text-align:center;color:#f1f5f9}.join-completion__label{display:block;margin-bottom:.5rem;font-size:.875rem;font-weight:500;color:#94a3b8}.join-completion__input{width:100%;padding:.75rem 1rem;font-size:1rem;color:#f1f5f9;background:#1e293b99;border:1px solid var(--color-border-dark);border-radius:8px;outline:none;transition:border-color .2s ease;box-sizing:border-box}.join-completion__input:focus{border-color:#4285f4}.join-completion__input::placeholder{color:#475569}.join-completion__error{margin:.75rem 0 0;padding:.75rem 1rem;font-size:.875rem;color:#ef4444;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:8px;text-align:center}.join-completion__submit{width:100%;margin-top:1.5rem;padding:.875rem;font-size:1rem;font-weight:500;color:#fff;background:#4285f4;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease}.join-completion__submit:hover{background:#3367d6}.join-completion__submit:disabled{opacity:.6;cursor:not-allowed}@media(max-width:480px){.join-completion__card{padding:1.5rem}.join-completion__title{font-size:1.5rem}}.story-button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);min-height:var(--control-height);padding:0 var(--space-16);border:1px solid transparent;border-radius:var(--radius-8);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-label);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.story-button:disabled{cursor:default;opacity:.55}.story-button--primary{background:var(--color-primary);color:var(--color-on-primary)}.story-button--primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:transparent}.story-button--secondary{background:var(--color-surface-2);color:var(--color-text-primary)}.story-button--secondary:hover:not(:disabled){background:var(--color-border-strong);border-color:transparent}.story-button--outline{background:var(--color-surface-2);border-color:var(--color-border-strong);color:var(--color-text-body)}.story-button--outline:hover:not(:disabled){background:var(--color-border-strong);border-color:var(--color-text-tertiary);color:var(--color-text-primary)}.story-button--brand-tint{background:var(--color-primary-10);border-color:var(--color-primary-30);color:var(--color-primary)}.story-button--brand-tint:hover:not(:disabled){background:var(--color-primary-20);border-color:var(--color-primary)}.story-button--danger-ghost{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-on-tint)}.story-button--danger-ghost:hover:not(:disabled){background:var(--color-danger-border);border-color:var(--color-danger)}.story-button--danger{background:var(--color-danger);color:var(--color-on-primary)}.story-button--danger:hover:not(:disabled){background:var(--color-danger-on-tint);border-color:transparent}.story-button--brand-ghost{min-height:var(--control-height-lg);padding:0 var(--space-24);background:var(--color-primary-10);border-color:var(--color-primary-30);border-radius:var(--radius-12);color:var(--color-primary);font-size:var(--font-size-body);line-height:var(--line-height-body)}.story-button--brand-ghost:hover:not(:disabled){background:var(--color-primary-20);border-color:var(--color-primary)}.story-button .material-symbols-outlined{font-size:var(--font-size-body)}.story-button--brand-ghost .material-symbols-outlined{font-size:var(--font-size-h3)}.story-page-header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-16);height:var(--layout-header-height);padding:0 var(--layout-inner-padding-x);background:var(--color-canvas-50);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.story-page-header__titles{min-width:0}.story-page-header__title{margin:0;font-size:var(--font-size-bar-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-bar-title);letter-spacing:var(--letter-spacing-bar-title);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-page-header__subtitle{margin:var(--space-4) 0 0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);color:var(--color-text-secondary)}.story-page-header__actions{display:flex;flex-shrink:0;align-items:center;gap:var(--space-12)}.story-page-header__chip{display:inline-flex;align-items:center;height:30px;padding:0 var(--space-16);background:var(--color-primary-10);border:1px solid var(--color-primary-20);border-radius:var(--radius-full);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-micro-label);color:var(--color-primary)}.story-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-20);padding:var(--space-20);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-12);transition:border-color .2s,background .2s}.story-card:hover{background:var(--color-surface-2);border-color:var(--color-border-strong)}.story-card__text{min-width:0}.story-card__title{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);color:var(--color-text-emphasis)}.story-card__writer{margin:var(--space-8) 0 0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.story-card__actions{display:flex;flex-shrink:0;gap:var(--space-8)}.story-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--space-16);margin-top:var(--space-24)}.story-pagination__caption{grid-column:1;justify-self:start;font-size:var(--font-size-micro-label);line-height:var(--line-height-micro-label);color:var(--color-text-tertiary)}.story-pagination__controls{grid-column:2;display:flex;align-items:center;justify-self:center;gap:var(--space-8)}.story-pagination__step,.story-pagination__page{height:var(--control-height);padding:0;background:var(--color-surface-2);border:none;border-radius:var(--radius-8);font-family:inherit;font-weight:var(--font-weight-bold);color:var(--color-text-body);cursor:pointer;transition:background .2s,color .2s}.story-pagination__step{min-width:64px;padding:0 var(--space-16);font-size:var(--font-size-label);line-height:var(--line-height-label)}.story-pagination__page{width:var(--control-height);font-size:var(--font-size-label);line-height:var(--line-height-label)}.story-pagination__step:hover:not(:disabled),.story-pagination__page:hover:not(.story-pagination__page--active){background:var(--color-border-strong);color:var(--color-text-primary)}.story-pagination__step:disabled{color:var(--color-text-muted);cursor:default}.story-pagination__page--active{background:var(--color-primary);color:var(--color-on-primary);cursor:default}.story-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);color:var(--color-text-muted);font-weight:var(--font-weight-bold)}.story-page{display:flex;flex:1;flex-direction:column;min-height:0;min-width:0;background:var(--color-canvas)}.story-page__body{flex:1;overflow-y:auto;padding:var(--space-32) var(--layout-inner-padding-x)}.story-page__inner{max-width:var(--layout-inner-max-width);margin:0 auto}.story-page__placeholder{margin:0;padding:var(--space-40) var(--space-16);text-align:center;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary);border:1px dashed var(--color-border-strong);border-radius:var(--radius-12)}.story-page__notice{margin:0 0 var(--space-16);padding:var(--space-12) var(--space-16);border:1px solid transparent;border-radius:var(--radius-8);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label)}.story-page__notice--error{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-on-tint)}.story-list__head{margin-bottom:var(--space-24)}.story-list__title{margin:0;font-size:var(--font-size-h1);font-weight:var(--font-weight-black);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);color:var(--color-text-primary)}.story-list__subtitle{margin:var(--space-8) 0 0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-secondary)}.story-list__toolbar{display:flex;align-items:center;gap:var(--space-16);margin-bottom:var(--space-24)}.story-list__search{flex:1;min-width:0;box-sizing:border-box;height:var(--input-height-search);padding:0 var(--space-16);background:var(--color-panel-50);border:1px solid var(--color-border);border-radius:var(--radius-12);font-family:inherit;font-size:var(--font-size-body-sm);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.story-list__search::placeholder{color:var(--color-text-tertiary)}.story-list__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-30)}.story-list__new-button{height:var(--input-height-search);border-radius:var(--radius-12)}.story-list__panel{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12)}.story-list__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);margin:0;padding:var(--space-40) var(--space-16);text-align:center;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.story-list__placeholder-text{margin:0}.story-panel{padding:var(--space-32);border:1px solid var(--color-border);border-radius:var(--radius-12)}.story-panel--scenario{background:var(--color-surface-1);border-color:var(--color-border)}.story-panel--answer{background:var(--color-primary-05);border-color:var(--color-primary-20)}.story-panel__heading{display:flex;align-items:center;gap:var(--space-12);min-height:25px}.story-panel__body{margin-top:var(--space-20)}.story-panel__eyebrow{font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-micro-label);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;color:var(--color-text-tertiary)}.story-panel__chip{display:inline-flex;align-items:center;height:25px;padding:0 var(--space-12);background:var(--color-primary-20);border-radius:var(--radius-full);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-micro-label);color:var(--color-warning-on-tint)}.story-panel__prose{margin:0;font-size:var(--font-size-body-lg);font-weight:var(--font-weight-regular);line-height:var(--line-height-body-lg);white-space:pre-line;overflow-wrap:anywhere}.story-panel--scenario .story-panel__prose{color:var(--color-text-body)}.story-panel--answer .story-panel__prose{color:var(--color-text-emphasis)}.story-detail{display:flex;flex-direction:column;align-items:flex-start;gap:var(--layout-section-gap)}.story-detail>.story-panel{align-self:stretch}.story-detail__fold-button{min-height:25px;padding:0 var(--space-8)}.story-detail__fold-button .material-symbols-outlined{font-size:var(--font-size-body)}.story-detail__unfold-button{padding-left:var(--space-20)}.story-write{display:flex;flex-direction:column;gap:var(--layout-section-gap)}.story-write__field{display:flex;flex-direction:column;gap:var(--space-8)}.story-write__title-field{position:relative}.story-write__title-input{box-sizing:border-box;width:100%;height:var(--control-height);padding:0 calc(var(--space-40) + var(--space-24)) 0 var(--space-16);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);font-family:inherit;font-size:var(--font-size-body);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.story-write__title-input--error{border-color:var(--color-danger)}.story-write__title-counter{position:absolute;top:50%;right:var(--space-16);transform:translateY(-50%);font-size:var(--font-size-micro-label);line-height:var(--line-height-micro-label);color:var(--color-text-tertiary);pointer-events:none}.story-write__title-counter--error{color:var(--color-danger-on-tint)}.story-write__editor{box-sizing:border-box;display:block;width:100%;height:245px;padding:var(--space-20);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);font-family:inherit;font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);color:var(--color-text-primary);resize:vertical;outline:none;transition:border-color .2s,box-shadow .2s}.story-write__title-input::placeholder,.story-write__editor::placeholder{color:var(--color-text-tertiary)}.story-write__title-input:focus,.story-write__editor:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-30)}.story-write__helper{margin:var(--space-12) 0 0;font-size:var(--font-size-micro-label);font-weight:var(--font-weight-regular);line-height:var(--line-height-micro-label);color:var(--color-text-muted)}.story-write__error{margin:var(--space-8) 0 0;font-size:var(--font-size-micro-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-micro-label);color:var(--color-danger-on-tint)}.story-write__helper--error{font-weight:var(--font-weight-semibold);color:var(--color-danger-on-tint)}.story-write__rule-caption{margin:0;font-size:var(--font-size-micro-label);line-height:var(--line-height-micro-label);color:var(--color-text-tertiary)}.story-tab-bar{display:inline-flex;gap:var(--space-4);padding:var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12)}.story-tab-bar__tab{min-width:180px;height:36px;padding:0 var(--space-16);background:transparent;border:none;border-radius:var(--radius-8);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-label);color:var(--color-text-secondary);cursor:pointer;transition:background .2s,color .2s}.story-tab-bar__tab:hover:not(.story-tab-bar__tab--active){background:var(--color-surface-2);color:var(--color-text-primary)}.story-tab-bar__tab--active{background:var(--color-primary);color:var(--color-on-primary)}.story-confirm-dialog__scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:var(--color-scrim);backdrop-filter:blur(var(--scrim-blur));-webkit-backdrop-filter:blur(var(--scrim-blur))}.story-confirm-dialog{box-sizing:border-box;width:100%;max-width:512px;padding:var(--space-32);background:var(--color-canvas);border:1px solid var(--color-danger);border-radius:var(--radius-12)}.story-confirm-dialog__title{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);color:var(--color-text-primary)}.story-confirm-dialog__description{margin:var(--space-20) 0 0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);color:var(--color-text-secondary)}.story-confirm-dialog__warning{margin:var(--space-20) 0 0;padding:var(--space-16);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-8);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--color-danger-on-tint)}.story-confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-12);margin-top:var(--space-24)}.story-confirm-dialog__actions .story-button{min-height:var(--control-height-md);padding:0 var(--space-24)}.my-story__head{margin-bottom:var(--space-24)}.my-story__title{margin:0;font-size:var(--font-size-h1);font-weight:var(--font-weight-black);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);color:var(--color-text-primary)}.my-story__subtitle{margin:var(--space-8) 0 0;font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-body);color:var(--color-text-secondary)}.my-story__tabs{margin-bottom:var(--space-16)}.my-story__toolbar{display:flex;align-items:center;gap:var(--space-16);margin-bottom:var(--space-24)}.my-story__search{flex:1;min-width:0;box-sizing:border-box;height:var(--input-height-search);padding:0 var(--space-16);background:var(--color-panel-50);border:1px solid var(--color-border);border-radius:var(--radius-12);font-family:inherit;font-size:var(--font-size-body-sm);color:var(--color-text-primary);outline:none;transition:border-color .2s,box-shadow .2s}.my-story__search::placeholder{color:var(--color-text-tertiary)}.my-story__search:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-30)}.my-story__toolbar-button{flex-shrink:0;height:var(--input-height-search);border-radius:var(--radius-12)}.my-story__panel{display:flex;flex-direction:column;gap:var(--space-12);padding:var(--space-16);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12)}.my-story__placeholder{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);margin:0;padding:var(--space-40) var(--space-16);text-align:center;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.my-story__placeholder-text{margin:0}.game-room-lobby{flex:1;min-height:0;display:flex;flex-direction:column;min-width:0}.game-room-lobby__header{display:flex;flex-shrink:0;align-items:center;justify-content:space-between;gap:var(--space-16);height:var(--layout-header-height);padding:0 var(--layout-inner-padding-x);background:var(--color-canvas-50);border-bottom:1px solid var(--color-border);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:10}.game-room-lobby__title{margin:0;font-size:var(--font-size-bar-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-bar-title);letter-spacing:var(--letter-spacing-bar-title);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-room-lobby__header-actions{display:flex;flex-shrink:0;align-items:center;gap:var(--space-12)}.game-room-lobby__button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height);padding:0 var(--space-16);border:1px solid transparent;border-radius:var(--radius-8);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-label);white-space:nowrap;cursor:pointer;transition:background .2s,border-color .2s,color .2s}.game-room-lobby__button:disabled{cursor:default;opacity:.55}.game-room-lobby__button--primary{background:var(--color-primary);color:var(--color-on-primary)}.game-room-lobby__button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.game-room-lobby__button--secondary{background:var(--color-surface-2);color:var(--color-text-primary)}.game-room-lobby__button--secondary:hover:not(:disabled){background:var(--color-border-strong)}.game-room-lobby__button--active{background:var(--color-success-bg);color:var(--color-success-on-tint);border-color:var(--color-success-border)}.game-room-lobby__button--active:hover:not(:disabled){background:var(--color-success-border)}.game-room-lobby__icon-button{display:inline-flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);padding:0;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-8);color:var(--color-text-primary);cursor:pointer;transition:background .2s}.game-room-lobby__icon-button:hover{background:var(--color-border-strong)}.game-room-lobby__avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);flex-shrink:0}.game-room-lobby__body{flex:1;display:flex;min-height:0}.game-room-lobby__main{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;justify-content:safe center;gap:var(--space-32);padding:var(--space-32);min-width:0}.game-room-lobby__placeholder{margin:0;font-size:var(--font-size-body);color:var(--color-text-secondary)}.game-room-lobby__heading-group{text-align:center}.game-room-lobby__heading{margin:0;font-size:var(--font-size-h1);font-weight:var(--font-weight-black);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);color:var(--color-text-primary)}.game-room-lobby__subtitle{margin:var(--space-8) 0 0;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.game-room-lobby__grid{display:grid;grid-template-columns:repeat(auto-fit,212px);justify-content:center;gap:var(--space-16);width:100%;max-width:896px}.game-room-lobby__card{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-12);padding:var(--space-24) var(--space-16);background:var(--color-panel-50);border:1px solid var(--color-border);border-radius:var(--radius-12)}.game-room-lobby__card--me{border-color:var(--color-primary-30)}.game-room-lobby__card-avatar{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:var(--radius-full);background:var(--color-surface-2);color:var(--color-text-body);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold)}.game-room-lobby__card--me .game-room-lobby__card-avatar{background:var(--color-primary);color:var(--color-on-primary)}.game-room-lobby__card-name{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);line-height:var(--line-height-body);color:var(--color-text-primary);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.game-room-lobby__card-you{color:var(--color-primary)}.game-room-lobby__card-badge{display:inline-flex;align-items:center;justify-content:center;height:var(--badge-height);padding:0 var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-micro-label)}.game-room-lobby__card-badge--game-manager{background:var(--color-warning-bg);color:var(--color-warning-on-tint)}.game-room-lobby__card-badge--normal-participant{background:var(--color-success-bg);color:var(--color-success-on-tint)}.game-room-lobby__card-ready{display:inline-flex;align-items:center;justify-content:center;height:var(--badge-height);padding:0 var(--space-12);border-radius:var(--radius-full);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-medium);line-height:var(--line-height-micro-label)}.game-room-lobby__card-ready--ready{background:var(--color-success-bg);color:var(--color-success-on-tint);border:1px solid var(--color-success-border)}.game-room-lobby__card-ready--waiting{background:var(--color-surface-2);color:var(--color-text-secondary);border:1px solid var(--color-border-strong)}.game-room-lobby__start-area{display:flex;flex-direction:column;align-items:center;gap:var(--space-12);width:100%;min-width:0}.game-room-lobby__start-button{display:flex;align-items:center;justify-content:center;width:448px;max-width:100%;height:70px;background:var(--color-surface-2);border:1px solid transparent;border-radius:var(--radius-12);color:var(--color-text-secondary);font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);cursor:default}.game-room-lobby__start-button:disabled{opacity:1}.game-room-lobby__start-button:not(:disabled){background:var(--color-primary);color:var(--color-on-primary);cursor:pointer}.game-room-lobby__start-button:not(:disabled):hover{background:var(--color-primary-hover)}.game-room-lobby__start-note{margin:0;font-size:var(--font-size-body-sm);font-style:italic;color:var(--color-text-tertiary);text-align:center}.game-room-lobby__chat{flex-shrink:0;width:var(--layout-chat-rail-width);display:flex;flex-direction:column;background:var(--color-canvas);border-left:1px solid var(--color-border)}.game-room-lobby__footer{flex-shrink:0;display:flex;align-items:center;justify-content:center;height:49px;border-top:1px solid var(--color-border)}.game-room-lobby__footer-text{margin:0;font-size:var(--font-size-micro-label);color:var(--color-text-muted)}.game-room-lobby__notice{margin:0;font-size:var(--font-size-body-sm);color:var(--color-danger-on-tint);text-align:center}.game-room-lobby__rounds{display:flex;align-items:center;gap:var(--space-12)}.game-room-lobby__rounds-label{font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}.game-room-lobby__rounds-select{height:var(--control-height-sm);padding:0 var(--space-12);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-8);color:var(--color-text-primary);font-size:var(--font-size-body);cursor:pointer}.game-room-lobby__rounds-select:disabled{cursor:default}.chat-message{display:flex;flex-direction:column;gap:var(--space-4);max-width:100%}.chat-message--own{align-items:flex-end}.chat-message__meta{display:flex;align-items:center;gap:var(--space-8);position:relative;width:100%}.chat-message--own .chat-message__meta{flex-direction:row-reverse}.chat-message__eyebrow{font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.chat-message__sender{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-message__timestamp{font-size:var(--font-size-eyebrow);color:var(--color-text-muted)}.chat-message__kebab{margin-left:auto;display:flex;align-items:center;justify-content:center;padding:2px;background:none;border:none;border-radius:var(--radius-4);color:var(--color-text-tertiary);cursor:pointer}.chat-message--own .chat-message__meta .chat-message__kebab{margin-left:0;margin-right:auto}.chat-message__kebab .material-symbols-outlined{font-size:16px}.chat-message__menu{position:absolute;top:100%;right:0;z-index:5;min-width:140px;display:flex;flex-direction:column;padding:var(--space-4);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);box-shadow:0 8px 24px #0006}.chat-message--own .chat-message__menu{right:auto;left:0}.chat-message__menu-item{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8);background:none;border:none;border-radius:var(--radius-4);color:var(--color-text-body);font-family:inherit;font-size:var(--font-size-body-sm);text-align:left;cursor:pointer}.chat-message__menu-item:hover{background:var(--color-panel-20)}.chat-message__menu-item--danger{color:var(--color-danger-on-tint)}.chat-message__menu-item .material-symbols-outlined{font-size:16px}.chat-message__bubble{margin:0;padding:var(--space-8) var(--space-12);max-width:100%;background:var(--color-surface-2);border-radius:var(--radius-12);color:var(--color-text-body);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);word-break:break-word}.chat-message--own .chat-message__bubble{background:var(--color-primary-20);color:var(--color-text-primary)}.chat-message__bubble--explanation{padding:0 var(--space-4);background:none;color:var(--color-text-secondary);font-style:italic}.chat-message__bubble--whisper{background:var(--color-guess-bg);color:var(--color-text-max)}.chat-message__whisper-note{margin:0;font-size:var(--font-size-eyebrow);color:var(--color-guess-on-tint)}.chat-message--alert{align-self:center;flex-direction:row;align-items:center;gap:var(--space-8);padding:var(--space-4) var(--space-12);background:var(--color-panel-20);border-radius:var(--radius-full)}.chat-message__alert-icon{font-size:14px;color:var(--color-text-tertiary)}.chat-message__alert-eyebrow{font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.chat-message__alert-text{font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}.chat-message__answer{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4)}.chat-message--own .chat-message__answer{align-items:flex-end}.chat-message__answer-badge{display:inline-flex;align-items:center;justify-content:center;height:var(--answer-badge-height);padding:0 var(--space-12);border-radius:var(--radius-8);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase}.chat-message__answer-badge--yes{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-on-tint)}.chat-message__answer-badge--no{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-on-tint)}.chat-message__answer-badge--unanswerable{background:var(--color-neutral-bg);border:1px solid var(--color-neutral-border);color:var(--color-neutral-on-tint)}.chat-message__guess-card{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);max-width:100%;background:var(--color-guess-bg);border:1px solid var(--color-guess-border);border-radius:var(--radius-12)}.chat-message__guess-card .chat-message__bubble{padding:0;background:none;color:var(--color-text-max)}.chat-message__guess-pill{align-self:flex-start;padding:2px var(--space-8);background:#00000040;border-radius:var(--radius-full);color:var(--color-guess-on-tint);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase}.chat-message__guess-card--correct .chat-message__guess-pill{background:var(--color-success-bg);color:var(--color-success-on-tint)}.chat-message__guess-card--incorrect .chat-message__guess-pill{background:var(--color-danger-bg);color:var(--color-danger-on-tint)}.chat-message__answer-slot{margin-top:var(--space-4);width:100%}.chat-message__answer-button{padding:var(--space-4) var(--space-12);background:var(--color-primary-10);border:1px solid var(--color-primary-30);border-radius:var(--radius-8);color:var(--color-primary);font-family:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.answer-composer{display:flex;flex-direction:column;gap:var(--space-8);padding:var(--space-12);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8)}.answer-composer__title{margin:0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.answer-composer__choices{display:flex;gap:var(--space-8)}.answer-composer__choice{flex:1;height:var(--control-height-sm);background:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer}.answer-composer__choice--selected.answer-composer__choice--yes{background:var(--color-success-bg);border-color:var(--color-success-border);color:var(--color-success-on-tint)}.answer-composer__choice--selected.answer-composer__choice--no{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-on-tint)}.answer-composer__choice--selected.answer-composer__choice--unanswerable{background:var(--color-neutral-bg);border-color:var(--color-neutral-border);color:var(--color-neutral-on-tint)}.answer-composer__explanation{height:var(--input-height-chat);padding:0 var(--space-12);background:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-body-sm)}.answer-composer__explanation::placeholder{color:var(--color-text-tertiary)}.answer-composer__actions{display:flex;justify-content:flex-end;gap:var(--space-8)}.answer-composer__cancel{background:none;border:none;color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-body-sm);cursor:pointer}.answer-composer__submit{padding:var(--space-4) var(--space-16);background:var(--color-primary);border:none;border-radius:var(--radius-8);color:var(--color-on-primary);font-family:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);cursor:pointer}.answer-composer__submit:disabled{opacity:.5;cursor:default}.chat-feed{flex:1;min-height:0;display:flex;flex-direction:column;position:relative}.chat-feed--empty{align-items:center;justify-content:center}.chat-feed__empty-text{margin:auto;padding:var(--space-24);color:var(--color-text-tertiary);font-size:var(--font-size-body-sm);text-align:center}.chat-feed__scroll{flex:1;min-height:0;overflow-y:auto;padding:var(--space-16);display:flex;flex-direction:column;gap:var(--space-16)}.chat-feed__jump-latest{position:absolute;bottom:var(--space-16);left:50%;transform:translate(-50%);display:inline-flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-12);background:var(--color-primary);border:none;border-radius:var(--radius-full);color:var(--color-on-primary);font-family:inherit;font-size:var(--font-size-body-sm);cursor:pointer;box-shadow:0 4px 12px #00000059}.chat-feed__jump-latest .material-symbols-outlined{font-size:16px}.chat-composer{display:flex;flex-direction:column;gap:var(--space-8);flex-shrink:0;padding:var(--space-12) var(--space-16);background:var(--color-panel-30);border-top:1px solid var(--color-border)}.chat-composer__modes{display:flex;align-items:center;gap:var(--space-8)}.chat-composer__mode{height:var(--control-height-sm);padding:0 var(--space-12);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-body-sm);cursor:pointer}.chat-composer__mode--active{background:var(--color-primary-20);border-color:var(--color-primary-30);color:var(--color-primary)}.chat-composer__mode:disabled{opacity:.5;cursor:default}.chat-composer__whisper-picker{position:relative;margin-left:auto}.chat-composer__whisper-toggle{display:flex;align-items:center;justify-content:center;width:var(--control-height-sm);height:var(--control-height-sm);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer}.chat-composer__whisper-toggle:disabled{opacity:.5;cursor:default}.chat-composer__whisper-menu{position:absolute;bottom:calc(100% + var(--space-8));right:0;z-index:5;min-width:180px;display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-8);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);box-shadow:0 8px 24px #0006}.chat-composer__whisper-menu-title{margin:0 0 var(--space-4);font-size:var(--font-size-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-text-tertiary)}.chat-composer__whisper-menu-empty{margin:0;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.chat-composer__whisper-menu-item{padding:var(--space-8);background:none;border:none;border-radius:var(--radius-4);color:var(--color-text-body);font-family:inherit;font-size:var(--font-size-body-sm);text-align:left;cursor:pointer}.chat-composer__whisper-menu-item:hover{background:var(--color-panel-20)}.chat-composer__whisper-banner{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);background:var(--color-guess-bg);border:1px solid var(--color-guess-border);border-radius:var(--radius-8);color:var(--color-text-max)}.chat-composer__whisper-banner .material-symbols-outlined{font-size:16px;color:var(--color-guess-on-tint)}.chat-composer__whisper-banner-text{flex:1;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.chat-composer__whisper-cancel{display:flex;align-items:center;justify-content:center;background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.chat-composer__input-row{display:flex;align-items:center;gap:var(--space-8)}.chat-composer__input{flex:1;height:var(--input-height-chat);padding:0 var(--space-16);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-body-sm)}.chat-composer__input::placeholder{color:var(--color-text-tertiary)}.chat-composer__input:disabled{opacity:.6;cursor:not-allowed}.chat-composer__send{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:var(--input-height-chat);height:var(--input-height-chat);background:var(--color-primary);border:none;border-radius:var(--radius-full);color:var(--color-on-primary);cursor:pointer}.chat-composer__send:disabled{opacity:.5;cursor:default}.chat-composer__char-count{margin:0;align-self:flex-end;font-size:var(--font-size-eyebrow);color:var(--color-text-tertiary)}.chat-block-modal__scrim{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:var(--color-scrim);backdrop-filter:blur(var(--scrim-blur));-webkit-backdrop-filter:blur(var(--scrim-blur))}.chat-block-modal{box-sizing:border-box;width:100%;max-width:420px;max-height:calc(100vh - var(--space-32));overflow-y:auto;display:flex;flex-direction:column;gap:var(--space-16);padding:var(--space-24);background:var(--color-canvas);border:1px solid var(--color-danger-border);border-radius:var(--radius-12);box-shadow:0 24px 48px #00000073}.chat-block-modal:focus{outline:none}.chat-block-modal__title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-h3);color:var(--color-text-primary)}.chat-block-modal__description{margin:0;font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-text-secondary)}.chat-block-modal__info{display:flex;gap:var(--space-8);padding:var(--space-12);background:var(--color-panel-20);border-radius:var(--radius-8);color:var(--color-text-tertiary);font-size:var(--font-size-body-sm)}.chat-block-modal__info .material-symbols-outlined{flex-shrink:0;font-size:18px}.chat-block-modal__info p{margin:0}.chat-block-modal__footer{display:flex;justify-content:flex-end;gap:var(--space-12)}.chat-block-modal__cancel{height:var(--control-height);padding:0 var(--space-16);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-label);cursor:pointer}.chat-block-modal__confirm{height:var(--control-height);padding:0 var(--space-16);background:var(--color-danger);border:none;border-radius:var(--radius-8);color:var(--color-on-primary);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);cursor:pointer}.chat-blocked-panel{position:absolute;top:calc(100% + var(--space-4));left:0;z-index:20;min-width:220px;padding:var(--space-12);background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);box-shadow:0 8px 24px #0006}.chat-blocked-panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-8)}.chat-blocked-panel__title{margin:0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.chat-blocked-panel__close{display:flex;background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.chat-blocked-panel__empty{margin:0;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.chat-blocked-panel__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.chat-blocked-panel__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.chat-blocked-panel__name{font-size:var(--font-size-body-sm);color:var(--color-text-body)}.chat-blocked-panel__unblock{padding:2px var(--space-8);background:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);color:var(--color-text-secondary);font-family:inherit;font-size:var(--font-size-eyebrow);text-transform:uppercase;cursor:pointer}.chat-panel{display:flex;flex-direction:column;width:var(--layout-chat-rail-width);height:100%;min-height:0;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12);overflow:hidden}.chat-panel__header{display:flex;flex-direction:column;gap:var(--space-4);flex-shrink:0;padding:var(--space-16);background:var(--color-panel-40);border-bottom:1px solid var(--color-border)}.chat-panel__heading{display:flex;align-items:center;gap:var(--space-8)}.chat-panel__heading .material-symbols-outlined{font-size:20px;color:var(--color-text-secondary)}.chat-panel__title{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);line-height:var(--line-height-label);color:var(--color-text-primary)}.chat-panel__online-count{margin:0;font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}.chat-panel__blocked-wrap{position:relative;align-self:flex-start}.chat-panel__blocked-count{display:inline-flex;align-items:center;gap:var(--space-4);margin-top:var(--space-4);padding:2px var(--space-8);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);border-radius:var(--radius-full);color:var(--color-danger-on-tint);font-family:inherit;font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;cursor:pointer}.chat-panel__blocked-count .material-symbols-outlined{font-size:14px}.chat-panel__body{flex:1;min-height:0;display:flex;flex-direction:column}.chat-panel__placeholder{margin:auto;padding:var(--space-24);color:var(--color-text-tertiary);font-size:var(--font-size-body-sm);text-align:center}.chat-panel__placeholder--error{color:var(--color-danger-on-tint)}.chat-panel__send-error{margin:0;padding:0 var(--space-16) var(--space-8);color:var(--color-danger-on-tint);font-size:var(--font-size-eyebrow)}.participant-actions-menu{position:absolute;top:var(--space-8);right:var(--space-8)}.participant-actions-menu__trigger{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--color-surface-2);border:1px solid var(--color-border-strong);border-radius:var(--radius-8);color:var(--color-text-secondary);cursor:pointer;transition:background .2s,color .2s}.participant-actions-menu__trigger:hover{background:var(--color-border-strong);color:var(--color-text-primary)}.participant-actions-menu__trigger .material-symbols-outlined{font-size:18px}.participant-actions-menu__dropdown{position:absolute;top:calc(100% + var(--space-4));right:0;z-index:20;display:flex;flex-direction:column;min-width:200px;padding:var(--space-8);background:var(--color-surface-1);border:1px solid var(--color-border-strong);border-radius:var(--radius-12);box-shadow:0 16px 32px #0006}.participant-actions-menu__item{display:flex;align-items:center;width:100%;padding:var(--space-8) var(--space-12);background:none;border:none;border-radius:var(--radius-8);color:var(--color-text-body);font-family:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);text-align:left;cursor:pointer;transition:background .2s,color .2s}.participant-actions-menu__item:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text-primary)}.participant-actions-menu__item:disabled{color:var(--color-text-muted);cursor:default}.participant-actions-menu__item--danger{color:var(--color-danger-on-tint)}.participant-actions-menu__item--danger:hover:not(:disabled){background:var(--color-danger-bg);color:var(--color-danger-on-tint)}.room-settings-modal{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);text-align:center}.room-settings-modal__label{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label);color:var(--color-text-primary)}.room-settings-modal__helper{margin:0;font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-text-tertiary)}.room-settings-modal__error{margin:0;font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-danger-on-tint)}.room-settings-modal__button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height-md);padding:0 var(--space-24);border:1px solid transparent;border-radius:var(--radius-8);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);cursor:pointer;transition:background .2s,border-color .2s}.room-settings-modal__button:disabled{cursor:default;opacity:.55}.room-settings-modal__button--ghost{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-primary)}.room-settings-modal__button--ghost:hover:not(:disabled){background:var(--color-surface-2)}.room-settings-modal__button--primary{background:var(--color-primary);color:var(--color-on-primary)}.room-settings-modal__button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.confirm-dialog__scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-24);background:var(--color-scrim);backdrop-filter:blur(var(--scrim-blur));-webkit-backdrop-filter:blur(var(--scrim-blur))}.confirm-dialog{box-sizing:border-box;width:100%;max-width:512px;padding:var(--space-32);background:var(--color-canvas);border-radius:var(--radius-12);box-shadow:0 24px 48px #00000073}.confirm-dialog--danger{border:1px solid var(--color-danger)}.confirm-dialog--info{border:1px solid var(--color-primary)}.confirm-dialog__title{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);color:var(--color-text-primary)}.confirm-dialog__description{margin:var(--space-20) 0 0;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-regular);line-height:var(--line-height-label);color:var(--color-text-secondary)}.confirm-dialog__notice{margin:var(--space-20) 0 0;padding:var(--space-16);border-radius:var(--radius-8);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);line-height:var(--line-height-label)}.confirm-dialog__notice--danger{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-on-tint)}.confirm-dialog__notice--info{background:var(--color-brand-bg);border:1px solid var(--color-brand-border);color:var(--color-text-primary)}.confirm-dialog__actions{display:flex;justify-content:flex-end;gap:var(--space-12);margin-top:var(--space-24)}.confirm-dialog__button{display:inline-flex;align-items:center;justify-content:center;min-height:var(--control-height-md);padding:0 var(--space-24);border:1px solid transparent;border-radius:var(--radius-8);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);cursor:pointer;transition:background .2s,border-color .2s}.confirm-dialog__button:disabled{cursor:default;opacity:.55}.confirm-dialog__button--secondary{background:transparent;border-color:var(--color-border-strong);color:var(--color-text-primary)}.confirm-dialog__button--secondary:hover:not(:disabled){background:var(--color-surface-2)}.confirm-dialog__button--danger{background:var(--color-danger);color:var(--color-on-primary)}.confirm-dialog__button--danger:hover:not(:disabled){background:var(--color-danger-on-tint)}.confirm-dialog__button--info{background:var(--color-primary);color:var(--color-on-primary)}.confirm-dialog__button--info:hover:not(:disabled){background:var(--color-primary-hover)}.game-play{box-sizing:border-box;width:100%;flex:1;min-height:0;overflow-y:auto;padding:var(--space-32) var(--layout-inner-padding-x)}.game-play__placeholder{margin:var(--space-40) auto 0;max-width:var(--layout-content-width);text-align:center;color:var(--color-text-secondary);font-size:var(--font-size-body)}.game-play__retry{display:block;margin:var(--space-16) auto 0;height:var(--control-height);padding:0 var(--space-20);border-radius:var(--radius-8);background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer}.game-play__retry:hover{background:var(--color-border-strong)}.narrative-round-screen{box-sizing:border-box;width:100%;max-width:var(--layout-content-width);margin:0 auto}.narrative-round-screen__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-20) 0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-40)}.narrative-round-screen__brand{margin:0;font-size:var(--font-size-bar-title);font-weight:var(--font-weight-bold);line-height:var(--line-height-bar-title);letter-spacing:var(--letter-spacing-bar-title);color:var(--color-text-primary)}.narrative-round-screen__round-badge{display:inline-flex;align-items:center;height:var(--badge-height);padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--color-primary-10);border:1px solid var(--color-primary-20);color:var(--color-primary);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase}.narrative-round-screen__body{max-width:640px;margin:0 auto;padding:var(--space-40) 0 var(--space-32);text-align:center}.narrative-round-screen__eyebrow{margin:0 0 var(--space-12);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);line-height:var(--line-height-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-primary)}.narrative-round-screen__title{margin:0 0 var(--space-16);font-size:var(--font-size-h1);font-weight:var(--font-weight-black);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);color:var(--color-text-max)}.narrative-round-screen__description{margin:0 0 var(--space-32);font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.narrative-round-screen__card{text-align:left;background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12);padding:var(--space-24);margin-bottom:var(--space-24)}.narrative-round-screen__caption{margin:0;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary);font-style:italic}.storyteller-application__applicants-title{margin:0 0 var(--space-16);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;color:var(--color-text-secondary)}.storyteller-application__applicants-list{list-style:none;margin:0 0 var(--space-12);padding:0;display:flex;flex-direction:column;gap:var(--space-8)}.storyteller-application__applicant-row{display:flex;align-items:center;gap:var(--space-8);padding:var(--space-8) 0;color:var(--color-text-primary);font-size:var(--font-size-body)}.storyteller-application__applicant-row .material-symbols-outlined{font-size:18px;color:var(--color-success)}.storyteller-application__applicant-status{margin-left:auto;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.storyteller-application__waiting-note{margin:0;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.storyteller-application__error{color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm);margin:0 0 var(--space-12)}.storyteller-application__apply-button{width:100%;height:var(--control-height-lg);border-radius:var(--radius-8);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer}.storyteller-application__apply-button:hover:not(:disabled){background:var(--color-primary-hover)}.storyteller-application__apply-button:disabled{background:var(--color-surface-2);color:var(--color-text-tertiary);cursor:not-allowed}.storyteller-result__role-heading{margin:0 0 var(--space-8);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;color:var(--color-primary)}.storyteller-result__role-body{margin:0;font-size:var(--font-size-body);color:var(--color-text-primary)}.waiting-for-storyteller__skeleton{display:flex;flex-direction:column;gap:var(--space-12)}.waiting-for-storyteller__bar{display:block;height:16px;border-radius:var(--radius-4);background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border-strong) 50%,var(--color-surface-2) 75%);background-size:200% 100%;animation:waiting-for-storyteller-shimmer 1.6s ease-in-out infinite}.waiting-for-storyteller__bar--full{width:100%}.waiting-for-storyteller__bar--half{width:60%}@keyframes waiting-for-storyteller-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.selected-story-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) var(--space-20);background:var(--color-brand-bg);border:1px solid var(--color-brand-border);border-radius:var(--radius-12)}.selected-story-card__title{margin:0;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.selected-story-card__spinner{color:var(--color-primary);animation:selected-story-card-spin 1s linear infinite}@keyframes selected-story-card-spin{to{transform:rotate(360deg)}}.gameplay-modal__scrim{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:var(--space-16);background:var(--color-scrim);-webkit-backdrop-filter:blur(var(--scrim-blur));backdrop-filter:blur(var(--scrim-blur))}.gameplay-modal{box-sizing:border-box;width:100%;max-width:560px;max-height:calc(100vh - var(--space-32));display:flex;flex-direction:column;overflow:hidden;background:var(--color-canvas);border:1px solid var(--color-border-strong);border-radius:var(--radius-12);box-shadow:0 24px 48px #00000073}.gameplay-modal:focus{outline:none}.gameplay-modal__body{flex:1;overflow-y:auto;padding:var(--space-32)}.gameplay-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-16);margin-bottom:var(--space-24)}.gameplay-modal__title{margin:0;font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-h2);letter-spacing:var(--letter-spacing-h2);color:var(--color-text-primary)}.gameplay-modal__subtitle{margin:var(--space-4) 0 0;font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}.gameplay-modal__close{display:flex;align-items:center;justify-content:center;padding:0;background:none;border:none;border-radius:var(--radius-8);color:var(--color-text-secondary);cursor:pointer}.gameplay-modal__close:hover{color:var(--color-text-primary)}.gameplay-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-12);padding:var(--space-24) var(--space-32);background:var(--color-panel-30)}.gameplay-modal__footer-button{height:var(--control-height);padding:0 var(--space-20);border-radius:var(--radius-8);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer}.gameplay-modal__footer-button--primary{border:none;background:var(--color-primary);color:var(--color-on-primary)}.gameplay-modal__footer-button--primary:hover:not(:disabled){background:var(--color-primary-hover)}.gameplay-modal__footer-button--secondary{background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.gameplay-modal__footer-button--secondary:hover{background:var(--color-border-strong)}.gameplay-modal__footer-button--danger{border:none;background:var(--color-danger);color:var(--color-on-primary)}.gameplay-modal__footer-button--danger:hover:not(:disabled){filter:brightness(1.1)}.gameplay-modal__footer-button:disabled{opacity:.6;cursor:not-allowed}.on-the-spot-form__eyebrow{margin:0 0 var(--space-16);font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-primary)}.on-the-spot-form__error{color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm);margin:0 0 var(--space-16)}.on-the-spot-form__field{margin-bottom:var(--space-20)}.on-the-spot-form__label{display:block;margin-bottom:var(--space-8);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;color:var(--color-text-secondary)}.on-the-spot-form__title-input{box-sizing:border-box;width:100%;height:var(--input-height);padding:0 var(--space-16);border-radius:var(--radius-8);background:var(--color-surface-1);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-body)}.on-the-spot-form__textarea{box-sizing:border-box;width:100%;min-height:96px;padding:var(--space-12) var(--space-16);border-radius:var(--radius-8);background:var(--color-surface-1);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-body);resize:vertical;font-family:var(--font-family-base)}.on-the-spot-form__counter{margin:var(--space-4) 0 0;text-align:right;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.on-the-spot-form__field-error{margin:var(--space-4) 0 0;color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm)}.story-selection{box-sizing:border-box;width:100%;max-width:var(--layout-inner-max-width);margin:0 auto}.story-selection__header{margin-bottom:var(--space-24)}.story-selection__title{margin:0 0 var(--space-8);font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-h1);color:var(--color-text-max)}.story-selection__subtitle{margin:0;font-size:var(--font-size-body);color:var(--color-text-secondary)}.story-selection__error{color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm);margin-bottom:var(--space-16)}.story-selection__placeholder{color:var(--color-text-secondary);font-size:var(--font-size-body);padding:var(--space-32) 0;text-align:center}.story-selection__list{list-style:none;margin:0 0 var(--space-24);padding:0;display:flex;flex-direction:column;gap:var(--space-12);max-height:480px;overflow-y:auto}.story-selection__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding:var(--space-16) var(--space-20);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12)}.story-selection__row-title{font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.story-selection__select-button{flex-shrink:0;height:var(--control-height);padding:0 var(--space-20);border-radius:var(--radius-8);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer}.story-selection__select-button:hover{background:var(--color-primary-hover)}.story-selection__on-the-spot-button{display:flex;align-items:center;justify-content:center;gap:var(--space-8);width:100%;height:var(--control-height-md);border-radius:var(--radius-8);background:var(--color-surface-2);border:1px dashed var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--font-size-label);font-weight:var(--font-weight-semibold);cursor:pointer}.story-selection__on-the-spot-button:hover{color:var(--color-text-primary);border-color:var(--color-text-secondary)}.answer-badge{display:inline-flex;align-items:center;justify-content:center;height:var(--answer-badge-height);padding:0 var(--space-12);border-radius:var(--radius-8);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold);white-space:nowrap}.answer-badge--yes{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-on-tint)}.answer-badge--no{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-on-tint)}.answer-badge--unanswerable{background:var(--color-neutral-bg);border:1px solid var(--color-neutral-border);color:var(--color-neutral-on-tint)}.answer-badge--awaiting{background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-tertiary)}.question-log{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-12)}.question-log__empty{color:var(--color-text-tertiary);font-size:var(--font-size-body-sm);text-align:center;padding:var(--space-24) 0}.question-log__item{display:grid;grid-template-columns:auto minmax(0,auto) 1fr auto;align-items:center;column-gap:var(--space-8);row-gap:var(--space-8);padding:var(--space-16);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12)}.question-log__item--guess{background:var(--color-guess-bg);border-color:var(--color-guess-border)}.question-log__seq{font-family:var(--font-family-mono);font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.question-log__chatter{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary)}.question-log__text{grid-column:1 / -1;margin:0;font-size:var(--font-size-body);color:var(--color-text-primary)}.question-log__additional-info{grid-column:1 / -1;margin:0;font-size:var(--font-size-body-sm);font-style:italic;color:var(--color-text-secondary)}.question-log__guess-label{font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;color:var(--color-guess-on-tint)}.question-log__guess-status{margin-left:auto;white-space:nowrap;font-size:var(--font-size-body-sm);color:var(--color-guess-on-tint)}.question-log__text--guess{font-style:italic}.guess-composer__error{color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm);margin:0 0 var(--space-16)}.guess-composer__textarea{box-sizing:border-box;width:100%;min-height:160px;padding:var(--space-16);border-radius:var(--radius-8);background:var(--color-surface-1);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-body);font-family:var(--font-family-base);resize:vertical}.guess-composer__counter{margin:var(--space-8) 0 0;text-align:right;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.player-round{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column}.player-round__header{display:flex;align-items:center;gap:var(--space-16);padding-bottom:var(--space-20);margin-bottom:var(--space-24);border-bottom:1px solid var(--color-border)}.player-round__brand{font-size:var(--font-size-bar-title);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.player-round__scenario-chip{margin-left:var(--space-8);padding:var(--space-4) var(--space-12);border-radius:var(--radius-full);background:var(--color-primary-10);border:1px solid var(--color-primary-20);color:var(--color-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold)}.player-round__avatar{margin-left:auto;display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-bold)}.player-round__body{display:grid;grid-template-columns:1fr var(--layout-chat-rail-width);gap:var(--space-24);align-items:stretch;flex:1;min-height:0}@media(max-width:900px){.player-round{height:auto}.player-round__body{grid-template-columns:1fr}.player-round__main{overflow-y:visible}}.player-round__main{display:flex;flex-direction:column;gap:var(--space-24);min-width:0;min-height:0;overflow-y:auto}.player-round__scenario-section{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12);padding:var(--space-24)}.player-round__scenario-meta{display:flex;gap:var(--space-16);margin-bottom:var(--space-12);font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.player-round__scenario-title{margin:0 0 var(--space-12);font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);color:var(--color-text-max)}.player-round__scenario-box{font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);color:var(--color-text-body);white-space:pre-wrap}.player-round__log-section{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12);padding:var(--space-24)}.player-round__log-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-16)}.player-round__log-title{margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.player-round__log-count{font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.player-round__watch-notice{text-align:center;padding:var(--space-16);border-radius:var(--radius-8);background:var(--color-surface-2);color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.player-round__composer{background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12);padding:var(--space-20)}.player-round__composer-label{display:block;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-bottom:var(--space-4)}.player-round__composer-helper{margin:0 0 var(--space-12);font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.player-round__composer-row{display:flex;gap:var(--space-12)}.player-round__question-input{flex:1;box-sizing:border-box;height:var(--input-height);padding:0 var(--space-16);border-radius:var(--radius-8);background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-primary);font-size:var(--font-size-body)}.player-round__ask-button{flex-shrink:0;height:var(--input-height);padding:0 var(--space-24);border-radius:var(--radius-8);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);cursor:pointer}.player-round__ask-button:hover:not(:disabled){background:var(--color-primary-hover)}.player-round__ask-button:disabled{background:var(--color-surface-2);color:var(--color-text-tertiary);cursor:not-allowed}.player-round__guess-button{height:var(--control-height-lg);border-radius:var(--radius-8);border:1px solid var(--color-guess-border);background:var(--color-guess-bg);color:var(--color-guess-on-tint);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer}.player-round__guess-button:hover{filter:brightness(1.15)}.player-round__chat{box-sizing:border-box;width:100%;align-self:stretch}.end-game-dialog__error{color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm);margin:0 0 var(--space-16)}.end-game-dialog__info-box{display:flex;align-items:flex-start;gap:var(--space-12);padding:var(--space-16);border-radius:var(--radius-8);background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--font-size-body-sm)}.end-game-dialog__info-box .material-symbols-outlined{color:var(--color-text-tertiary);font-size:20px;flex-shrink:0}.end-game-dialog__info-box p{margin:0}.storyteller-dashboard{box-sizing:border-box;width:100%;height:100%;display:flex;flex-direction:column}.storyteller-dashboard__nav{display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);padding-bottom:var(--space-20);margin-bottom:var(--space-24);border-bottom:1px solid var(--color-border)}.storyteller-dashboard__nav-title{margin:0;font-size:var(--font-size-bar-title);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-bar-title);color:var(--color-text-primary)}.storyteller-dashboard__nav-subtitle{margin:var(--space-4) 0 0;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.storyteller-dashboard__end-game-button{height:var(--control-height);padding:0 var(--space-16);border-radius:var(--radius-8);background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-on-primary);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);cursor:pointer}.storyteller-dashboard__secret-truth{position:relative;padding:var(--space-20) var(--space-24);background:var(--color-brand-bg);border:1px solid var(--color-brand-border);border-radius:var(--radius-12)}.storyteller-dashboard__secret-truth-heading{margin:0 0 var(--space-8);font-size:var(--font-size-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;color:var(--color-primary)}.storyteller-dashboard__secret-truth-text{margin:0;max-width:80%;font-size:var(--font-size-h3);font-style:italic;font-weight:var(--font-weight-medium);color:var(--color-text-primary)}.storyteller-dashboard__private-chip{position:absolute;top:var(--space-20);right:var(--space-24);display:inline-flex;align-items:center;gap:var(--space-4);height:var(--badge-height);padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--color-primary-20);color:var(--color-primary);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase}.storyteller-dashboard__private-chip .material-symbols-outlined{font-size:14px}.storyteller-dashboard__columns{display:grid;grid-template-columns:1fr var(--layout-chat-rail-width);gap:var(--space-24);align-items:stretch;flex:1;min-height:0}.storyteller-dashboard__main-column{display:flex;flex-direction:column;gap:var(--space-24);min-width:0;min-height:0;overflow-y:auto}@media(max-width:900px){.storyteller-dashboard{height:auto}.storyteller-dashboard__columns{grid-template-columns:1fr}.storyteller-dashboard__main-column{overflow-y:visible}}.storyteller-dashboard__queue-column{display:flex;flex-direction:column;gap:var(--space-16);min-width:0}.storyteller-dashboard__queue-header{display:flex;align-items:center;justify-content:space-between}.storyteller-dashboard__queue-title{display:flex;align-items:center;gap:var(--space-8);margin:0;font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.storyteller-dashboard__queue-count{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:20px;padding:0 var(--space-8);border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold)}.storyteller-dashboard__clear-button{background:none;border:none;color:var(--color-text-secondary);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);cursor:pointer}.storyteller-dashboard__clear-button:hover{color:var(--color-text-primary)}.storyteller-dashboard__empty{padding:var(--space-24);text-align:center;color:var(--color-text-tertiary);font-size:var(--font-size-body-sm);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-12)}.storyteller-dashboard__guess-item{padding:var(--space-20);background:var(--color-warning-bg);border:1px solid var(--color-warning-border);border-radius:var(--radius-12)}.storyteller-dashboard__guess-header{display:flex;align-items:center;gap:var(--space-8);margin-bottom:var(--space-12)}.storyteller-dashboard__guess-chatter{font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.storyteller-dashboard__guess-tag{padding:0 var(--space-8);height:16px;display:inline-flex;align-items:center;border-radius:var(--radius-4);background:var(--color-warning);color:var(--color-on-primary);font-size:10px;font-weight:var(--font-weight-bold)}.storyteller-dashboard__guess-caption{font-size:var(--font-size-body-sm);color:var(--color-warning-on-tint)}.storyteller-dashboard__time{margin-left:auto;font-size:var(--font-size-body-sm);color:var(--color-text-tertiary)}.storyteller-dashboard__guess-text{margin:0 0 var(--space-16);font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);font-style:italic;color:var(--color-text-primary)}.storyteller-dashboard__guess-actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-bottom:var(--space-8)}.storyteller-dashboard__verdict-button{flex:1 1 auto;min-width:96px;display:flex;align-items:center;justify-content:center;gap:var(--space-8);height:var(--control-height-lg);border-radius:var(--radius-8);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer}.storyteller-dashboard__verdict-button--correct{border:none;background:var(--color-success);color:var(--color-on-primary)}.storyteller-dashboard__verdict-button--incorrect{background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-body)}.storyteller-dashboard__verdict-button:disabled{opacity:.6;cursor:not-allowed}.storyteller-dashboard__guess-warning{margin:0;text-align:center;font-size:var(--font-size-eyebrow);font-style:italic;color:var(--color-text-tertiary)}.storyteller-dashboard__question-item{padding:var(--space-20);background:var(--color-panel-50);border:1px solid var(--color-border);border-radius:var(--radius-12)}.storyteller-dashboard__question-header{display:flex;flex-wrap:wrap;align-items:baseline;gap:var(--space-8);margin-bottom:var(--space-12)}.storyteller-dashboard__question-header .storyteller-dashboard__time{margin-left:auto}.storyteller-dashboard__question-chatter{font-size:var(--font-size-label);font-weight:var(--font-weight-bold);color:var(--color-text-secondary)}.storyteller-dashboard__question-text{margin:0 0 var(--space-16);font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);color:var(--color-text-primary)}.storyteller-dashboard__answer-actions{display:flex;flex-wrap:wrap;gap:var(--space-12);margin-bottom:var(--space-12)}.storyteller-dashboard__answer-button{flex:1 1 auto;min-width:96px;height:var(--answer-badge-height);border-radius:var(--radius-8);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer}.storyteller-dashboard__answer-button--yes{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-on-tint)}.storyteller-dashboard__answer-button--no{background:var(--color-danger-bg);border:1px solid var(--color-danger-border);color:var(--color-danger-on-tint)}.storyteller-dashboard__answer-button--unanswerable{background:var(--color-neutral-bg);border:1px solid var(--color-neutral-border);color:var(--color-neutral-on-tint)}.storyteller-dashboard__answer-button:disabled{opacity:.6;cursor:not-allowed}.storyteller-dashboard__explanation-input{box-sizing:border-box;width:100%;height:var(--input-height-chat);padding:0 var(--space-16);border-radius:var(--radius-8);background:var(--color-surface-1);border:1px solid var(--color-border);color:var(--color-text-primary);font-size:var(--font-size-body-sm)}.storyteller-dashboard__chat{box-sizing:border-box;width:100%;align-self:stretch}.storyteller-dashboard__question-seq{font-family:var(--font-family-mono);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);color:var(--color-text-tertiary)}.storyteller-dashboard__question-item--resolved,.storyteller-dashboard__guess-item--resolved{opacity:.72}.storyteller-dashboard__question-item--resolved .storyteller-dashboard__question-text,.storyteller-dashboard__guess-item--resolved .storyteller-dashboard__guess-text{color:var(--color-text-secondary)}.storyteller-dashboard__answer-explanation{margin:var(--space-8) 0 0;padding-left:var(--space-12);border-left:2px solid var(--color-border-strong);font-size:var(--font-size-body-sm);line-height:var(--line-height-body-sm);color:var(--color-text-secondary)}.round-revelation{box-sizing:border-box;width:100%;max-width:var(--layout-inner-max-width);margin:0 auto;text-align:center}.round-revelation__header{margin-bottom:var(--space-24)}.round-revelation__round-badge{display:inline-flex;align-items:center;height:var(--badge-height);padding:0 var(--space-12);border-radius:var(--radius-full);background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-secondary);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase}.round-revelation__title{margin:0 0 var(--space-32);font-size:var(--font-size-h1);font-weight:var(--font-weight-black);color:var(--color-text-max)}.round-revelation__card{text-align:left;padding:var(--space-20) var(--space-24);margin-bottom:var(--space-20);border-radius:var(--radius-12)}.round-revelation__card--guess{background:var(--color-guess-bg);border:1px solid var(--color-guess-border)}.round-revelation__card--truth{background:var(--color-brand-bg);border:1px solid var(--color-brand-border)}.round-revelation__card--pending{background:var(--color-surface-1);border:1px solid var(--color-border);text-align:center}.round-revelation__card-label{margin:0 0 var(--space-8);font-size:var(--font-size-micro-label);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-micro-label);text-transform:uppercase;color:var(--color-text-secondary)}.round-revelation__card-body{margin:0;font-size:var(--font-size-body-lg);line-height:var(--line-height-body-lg);color:var(--color-text-primary)}.round-revelation__error{color:var(--color-danger-on-tint);font-size:var(--font-size-body-sm);margin:0 0 var(--space-12)}.round-revelation__reveal-button{height:var(--control-height-lg);padding:0 var(--space-24);border-radius:var(--radius-8);border:none;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer}.round-revelation__reveal-button:disabled{opacity:.6;cursor:not-allowed}.round-revelation__actions{display:flex;flex-direction:column;align-items:center;gap:var(--space-16);margin-top:var(--space-32)}.round-revelation__next{margin:0;font-size:var(--font-size-body);font-weight:var(--font-weight-bold);color:var(--color-text-primary)}.round-revelation__action-button{height:var(--control-height-lg);padding:0 var(--space-24);border-radius:var(--radius-8);font-size:var(--font-size-body);font-weight:var(--font-weight-bold);cursor:pointer}.round-revelation__action-button--secondary{background:var(--color-surface-2);border:1px solid var(--color-border-strong);color:var(--color-text-primary)}.round-revelation__action-button:disabled{opacity:.6;cursor:not-allowed}.round-revelation__caption{margin:var(--space-24) 0 0;font-size:var(--font-size-body-sm);font-style:italic;color:var(--color-text-tertiary)}.game-screen-layout{height:100%;display:grid;grid-template-columns:1fr var(--layout-chat-rail-width);gap:var(--space-24);align-items:stretch}.game-screen-layout__main{min-width:0;min-height:0;overflow-y:auto}.game-screen-layout__chat{box-sizing:border-box;width:100%;align-self:stretch}@media(max-width:900px){.game-screen-layout{height:auto;grid-template-columns:1fr}.game-screen-layout__main{overflow-y:visible}}.room-dissolved{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-16);height:100%;padding:var(--space-32);text-align:center}.room-dissolved__eyebrow{margin:0;font-size:var(--font-size-eyebrow);font-weight:var(--font-weight-bold);line-height:var(--line-height-eyebrow);letter-spacing:var(--letter-spacing-eyebrow);text-transform:uppercase;color:var(--color-danger-on-tint)}.room-dissolved__title{margin:0;font-size:var(--font-size-h1);font-weight:var(--font-weight-black);line-height:var(--line-height-h1);letter-spacing:var(--letter-spacing-h1);color:var(--color-text-primary)}.room-dissolved__description{margin:0;max-width:480px;font-size:var(--font-size-body);line-height:var(--line-height-body);color:var(--color-text-secondary)}.room-dissolved__button{display:inline-flex;align-items:center;justify-content:center;height:var(--control-height-lg);margin-top:var(--space-16);padding:0 var(--space-32);background:var(--color-primary);border:none;border-radius:var(--radius-8);color:var(--color-on-primary);font-family:inherit;font-size:var(--font-size-label);font-weight:var(--font-weight-bold);cursor:pointer;transition:background .2s}.room-dissolved__button:hover{background:var(--color-primary-hover)}