.portal-page{min-height:100vh;align-content:center;position:relative;z-index:1}.portal-page__header{text-align:center;padding:var(--spacing-xl) 0 var(--spacing-md)}.portal-page__header h1{margin:0 0 12px;font-size:2.2rem;font-weight:700;line-height:1.3;letter-spacing:.02em;overflow:visible;text-shadow:0 0 40px rgba(59,130,246,.35),0 2px 4px rgba(0,0,0,.5)}.portal-page__header p{margin:0;max-width:600px;margin-inline:auto;line-height:1.5}.portal-page__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;max-width:640px;margin-inline:auto}.portal-role-preview{border:1px solid var(--hero-glass-border);border-radius:var(--hero-card-radius);background:var(--portal-role-preview-bg);padding:12px;display:grid;gap:var(--hero-control-gap)}.portal-role-preview__header{display:grid;gap:4px}.portal-role-preview__header h2{margin:0;font-size:1rem}.portal-role-preview__header p{margin:0}.portal-role-preview__list{display:flex;flex-wrap:wrap;gap:8px}.portal-role-preview__footnote{margin:0;font-size:.78rem}.portal-area-card{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:#0c121e73;backdrop-filter:blur(16px) saturate(1.2);-webkit-backdrop-filter:blur(16px) saturate(1.2);border:1px solid rgba(100,160,255,.13);box-shadow:0 8px 32px #0000004d,0 2px 8px #0003,inset 0 1px #ffffff0f,inset 0 0 0 1px #64a0ff0a;padding:16px 20px;display:grid;gap:8px;min-height:0;align-content:start;cursor:pointer;transition:transform .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1),border-color .2s ease,background .2s ease}.portal-area-card:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.1) 25%,rgba(180,210,255,.18) 50%,rgba(255,255,255,.1) 75%,transparent 95%);z-index:1;pointer-events:none}.portal-area-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(ellipse at 30% 0%,rgba(59,130,246,.06),transparent 50%),radial-gradient(ellipse at 70% 100%,rgba(139,92,246,.04),transparent 50%);z-index:0;pointer-events:none;opacity:0;transition:opacity .2s ease}.portal-area-card:hover{transform:translateY(-3px);background:#0e162680;border-color:#64aaff47;box-shadow:0 0 0 1px #3b82f626,0 0 40px #3b82f61f,0 0 80px #3b82f60f,0 12px 40px #00000059,0 4px 12px #00000040,inset 0 1px #ffffff17,inset 0 0 0 1px #64aaff14}.portal-area-card:hover:after{opacity:1}.portal-area-card:hover:before{background:linear-gradient(90deg,transparent 5%,rgba(255,255,255,.14) 25%,rgba(140,190,255,.28) 50%,rgba(255,255,255,.14) 75%,transparent 95%)}.portal-area-card:active{transform:translateY(-1px);transition-duration:80ms}.portal-area-card:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.portal-area-card__title{position:relative;z-index:1;margin:0;font-size:1.1rem;font-weight:700;text-shadow:0 0 20px rgba(59,130,246,.3),0 1px 3px rgba(0,0,0,.4)}.portal-area-card__description{position:relative;z-index:1;margin:0;color:#b4c8e6cc;font-size:.85rem;line-height:1.4;text-shadow:0 1px 2px rgba(0,0,0,.3)}.portal-area-card .btn.btn-primary{position:relative;z-index:1;margin-top:auto}.portal-area-card--full{grid-column:1 / -1}.portal-page__grid--single{grid-template-columns:minmax(0,1fr)}.portal-no-access{display:grid;gap:var(--portal-inline-gap);border-style:dashed}.portal-no-access p{margin:0}@media (max-width: 860px){.portal-page__grid{grid-template-columns:minmax(0,1fr)}.portal-area-card{min-height:160px}.portal-page__header h1{font-size:1.5rem}}.login-page{height:100dvh;width:100%;display:flex;align-items:stretch;background:#060608;overflow:hidden}.login-page__hero{position:relative;width:100%;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:3vh;overflow:hidden}.login-page__hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:url(/maskahub.png);background-size:contain;background-repeat:no-repeat;background-position:center 30%;z-index:0}@media (min-width: 520px){.login-page__hero:before{background-size:cover;background-position:center center}}.login-page__hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#06060866,#06060800 30%,#06060800 55%,#060608bf);z-index:1}.login-page__content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:.75rem;text-align:center;padding:0 1.5rem;animation:btn-appear .8s .3s ease both}.login-page__logo-text{font-size:clamp(1.8rem,6vw,2.8rem);font-weight:900;letter-spacing:.15em;background:linear-gradient(135deg,#e84430,#fff,#2060e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0}.login-page__tagline{font-size:clamp(.9rem,3vw,1.15rem);color:#ffffffb3;font-weight:500;margin:0;letter-spacing:.04em}.login-page__desc{font-size:clamp(.78rem,2.5vw,.92rem);color:#fff6;max-width:360px;line-height:1.5;margin:.25rem 0 .5rem}.login-page__play-buttons{display:flex;gap:.75rem;flex-wrap:wrap;justify-content:center;margin-top:.5rem}.login-page__play-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.85rem 1.5rem;font-size:.9rem;font-weight:700;color:#fff;border:none;border-radius:12px;cursor:pointer;text-decoration:none;transition:transform .15s,box-shadow .3s;-webkit-tap-highlight-color:transparent}.login-page__play-btn:active{transform:scale(.96)}.login-page__play-btn--tg{background:linear-gradient(135deg,#2aabee,#229ed9);box-shadow:0 4px 20px #2aabee59}.login-page__play-btn--tg:hover{box-shadow:0 6px 28px #2aabee80}.login-page__play-btn--vk{background:linear-gradient(135deg,#4680c2,#3b6ba5);box-shadow:0 4px 20px #4680c259}.login-page__play-btn--vk:hover{box-shadow:0 6px 28px #4680c280}.login-page__play-btn--max{background:linear-gradient(135deg,#ffb800,#ff8a00);box-shadow:0 4px 20px #ff8a0059;color:#1a1a1a}.login-page__play-btn--max:hover{box-shadow:0 6px 28px #ff8a0080}.login-page__play-btn svg{flex-shrink:0}.login-page__host-btn{position:relative;z-index:2;margin-top:.75rem;padding:.7rem 2rem;font-size:.85rem;font-weight:600;letter-spacing:.08em;color:#ffffff80;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:color .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.login-page__host-btn:hover{color:#ffffffd9;border-color:#ffffff59}@keyframes btn-appear{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.login-page__overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:#0009;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:flex-end;justify-content:center;animation:fade-in .2s ease}@media (min-width: 520px){.login-page__overlay{align-items:center}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.login-page__modal{position:relative;background:#0e0e16f7;border:1px solid rgba(255,255,255,.1);border-radius:20px 20px 0 0;padding:2rem 1.5rem 3rem;width:100%;box-shadow:0 -8px 48px #000000e6;animation:slide-up .28s cubic-bezier(.34,1.3,.64,1) both}@media (min-width: 520px){.login-page__modal{border-radius:16px;padding:2.5rem 2rem;max-width:380px;box-shadow:0 8px 48px #000000e6}}@keyframes slide-up{0%{transform:translateY(40px);opacity:0}to{transform:translateY(0);opacity:1}}.login-page__modal:before{content:"";display:block;width:40px;height:4px;background:#fff3;border-radius:2px;margin:-.75rem auto 1.5rem}@media (min-width: 520px){.login-page__modal:before{display:none}}.login-page__modal-close{position:absolute;top:1rem;right:1rem;background:#ffffff14;border:none;color:#fff9;font-size:1rem;cursor:pointer;line-height:1;padding:.4rem .6rem;border-radius:6px;transition:background .15s,color .15s;touch-action:manipulation}.login-page__modal-close:hover{background:#ffffff26;color:#fff}.login-page__modal-title{margin:0 0 1.75rem;font-size:1.25rem;font-weight:700;text-align:center;color:#fff;letter-spacing:.02em}.login-page__modal-options{display:flex;flex-direction:column;gap:.8rem}.login-page__modal-btn{width:100%;justify-content:center;min-height:52px;font-size:1rem;border-radius:10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-page__vk-widget,.login-page__tg-widget{width:100%;height:52px;overflow:hidden;border-radius:10px}.login-page__vk-widget iframe,.login-page__tg-widget iframe{width:100%!important;height:52px!important;border-radius:10px!important}.login-page__vk-button{width:100%;height:52px;display:flex;align-items:center;justify-content:center;gap:10px;background:#07f;color:#fff;border:none;border-radius:10px;font-size:15px;font-weight:500;cursor:pointer;transition:opacity .15s ease;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.login-page__vk-button:hover:not(:disabled){opacity:.9}.login-page__vk-button:disabled{opacity:.6;cursor:wait}.login-page__password-form{display:flex;flex-direction:column;gap:.7rem}.login-page__password-form .input{min-height:48px;font-size:1rem}.login-page__password-form .btn{min-height:52px;font-size:1rem;border-radius:10px}.staff-login{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;background:#060608;background-image:radial-gradient(ellipse at 20% 30%,rgba(255,80,80,.04),transparent 60%),radial-gradient(ellipse at 80% 70%,rgba(80,120,255,.04),transparent 60%)}.staff-login__card{width:100%;max-width:360px;background:#101328d9;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 40px #0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.staff-login__title{margin:0;font-size:1.4rem;font-weight:700;letter-spacing:.18em;color:#ffffffd1;text-align:center}.staff-login__subtitle{margin:0 0 12px;text-align:center;font-size:.78rem;color:#fff6;letter-spacing:.04em}.staff-login__input{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:12px 14px;color:#eef0ff;font-size:.95rem;outline:none;transition:border-color .15s,background .15s}.staff-login__input:focus{border-color:#6d56ff99;background:#ffffff0f}.staff-login__submit{margin-top:8px;padding:12px 18px;background:linear-gradient(135deg,#6d56ff,#5a42dc);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.08em;border:none;border-radius:10px;cursor:pointer;transition:opacity .15s,transform .15s}.staff-login__submit:hover:not(:disabled){opacity:.92}.staff-login__submit:active:not(:disabled){transform:scale(.98)}.staff-login__submit:disabled{opacity:.5;cursor:not-allowed}.staff-login__error{background:#ff50641f;border:1px solid rgba(255,80,100,.3);color:#ff8aa0;border-radius:8px;padding:10px 12px;font-size:.85rem}.active-club{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:#eef0ffd9;padding:.35rem .7rem;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:#1013288c}.active-club__role{color:#eef0ff8c;font-weight:500}.active-club__sep{color:#ffffff40}.active-club__name{color:#eef0ff;font-weight:600}.active-club--select{padding-right:.4rem}.active-club__select{background:transparent;border:none;color:#eef0ff;font-weight:600;font-size:.85rem;cursor:pointer;outline:none;padding:0 .2rem;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.active-club__select option{background:#0f1228;color:#eef0ff}.error-boundary-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:240px;padding:40px 24px;margin:32px auto;max-width:560px;border-radius:var(--radius-lg, 16px);border:1px solid color-mix(in srgb,var(--color-border-default) 60%,var(--color-error, #e05252) 40%);background:color-mix(in srgb,var(--color-surface-2, #12223a) 92%,var(--color-error, #e05252) 8%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);text-align:center;gap:16px}.error-boundary-icon{font-size:2.2rem;line-height:1;color:var(--color-error, #e05252)}.error-boundary-title{font-size:1.1rem;font-weight:var(--typography-font-weight-semibold, 600);color:var(--color-text-primary);margin:0}.error-boundary-message{font-size:.85rem;color:var(--color-text-secondary);font-family:var(--typography-font-family-mono, monospace);background:color-mix(in srgb,var(--color-surface-1, #0b121e) 80%,transparent 20%);border:1px solid var(--color-border-default);border-radius:var(--radius-sm, 8px);padding:8px 16px;max-width:100%;word-break:break-word;margin:0}.error-boundary-reload-btn{margin-top:8px;padding:10px 24px;border-radius:var(--radius-md, 10px);border:1px solid var(--color-accent, #f7cc6f);background:transparent;color:var(--color-accent, #f7cc6f);font-size:.95rem;font-weight:var(--typography-font-weight-semibold, 600);cursor:pointer;transition:background .12s ease,color .12s ease}.error-boundary-reload-btn:hover{background:var(--color-accent, #f7cc6f);color:var(--color-surface-1, #0b121e)}.error-boundary-reload-btn:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color, #f7cc6f);outline-offset:var(--focus-ring-offset, 3px)}.error-boundary-fallback--cockpit{padding:24px;margin:16px;min-height:0}.error-boundary-actions{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}:root{--cockpit-board-panel-min-height: 160px;--cockpit-seat-alive-marker-size: 8px;--cockpit-seat-dead-marker-size: 8px;--cockpit-seat-selected-border: 1px;--cockpit-timeline-event-gap: 8px;--cockpit-timeline-row-min-height: 40px;--color-accent: #4C8DFF;--color-accent-hover: #5A98FF;--color-accent-soft: #213A68;--color-background-app: #0F1115;--color-background-board: #101521;--color-background-overlay: #1C2230;--color-background-surface: #151923;--color-background-timeline: #131A28;--color-border-default: #2A3244;--color-border-strong: #3B4660;--color-cockpit-highlight: #2A477C;--color-cockpit-selection: #213A68;--color-semantic-primary: #4C8DFF;--color-semantic-secondary: #7A8FB8;--color-semantic-tertiary: #65728F;--color-status-background-danger: #3A1D24;--color-status-background-info: #172C3E;--color-status-background-success: #153226;--color-status-background-warn: #372C16;--color-status-danger: #F05B6E;--color-status-info: #4CA9FF;--color-status-success: #3CCB7F;--color-status-warn: #F2B84B;--color-text-inverse: #0F1115;--color-text-primary: #EAF0FF;--color-text-secondary: #B7C2DD;--color-text-tertiary: #8E9AB8;--elevation-level1: 0 2px 8px rgba(0, 0, 0, .24);--elevation-level2: 0 4px 16px rgba(0, 0, 0, .28);--elevation-level3: 0 8px 24px rgba(0, 0, 0, .32);--focus-ring-color: #72A8FF;--focus-ring-offset: 2px;--focus-ring-width: 2px;--layout-container-max-width: 1280px;--layout-container-padding: 24px;--layout-form-field-phase: 176px;--layout-form-field-seat: 128px;--layout-form-field-shot-ref: 320px;--layout-form-field-small: 112px;--layout-form-field-target: 128px;--layout-header-height: 64px;--layout-panel-gap: 16px;--motion-duration-base: .18s;--motion-duration-fast: .12s;--motion-duration-modal: .28s;--motion-duration-slow: .24s;--motion-easing-enter: cubic-bezier(.16, 1, .3, 1);--motion-easing-exit: cubic-bezier(.7, 0, .84, 0);--motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--radius-xl: 24px;--spacing-lg: 24px;--spacing-md: 16px;--spacing-sm: 12px;--spacing-xl: 32px;--spacing-xs: 8px;--spacing-xxl: 48px;--spacing-xxs: 4px;--spacing-xxxl: 64px;--typography-font-family-mono: JetBrains Mono, Consolas, Menlo, monospace;--typography-font-family-sans: Inter, Segoe UI, Roboto, Arial, sans-serif;--typography-font-size-lg: 20px;--typography-font-size-md: 16px;--typography-font-size-sm: 14px;--typography-font-size-xl: 24px;--typography-font-size-xs: 12px;--typography-font-weight-bold: 700;--typography-font-weight-medium: 500;--typography-font-weight-regular: 400;--typography-font-weight-semibold: 600;--typography-line-height-heading: 28px;--typography-line-height-normal: 20px;--typography-line-height-relaxed: 24px;--typography-line-height-tight: 16px;--z-index-dropdown: 1000;--z-index-modal: 1100;--z-index-toast: 1200;--z-index-tooltip: 1300}[data-theme=dark]{--color-background-app: #0F1115;--color-background-board: #101521;--color-background-overlay: #1C2230;--color-background-surface: #151923;--color-background-timeline: #131A28;--color-border-default: #2A3244;--color-border-strong: #3B4660;--color-cockpit-highlight: #2A477C;--color-cockpit-selection: #213A68;--color-semantic-primary: #4C8DFF;--color-semantic-secondary: #7A8FB8;--color-semantic-tertiary: #65728F;--color-status-background-danger: #3A1D24;--color-status-background-info: #172C3E;--color-status-background-success: #153226;--color-status-background-warn: #372C16;--color-status-danger: #F05B6E;--color-status-info: #4CA9FF;--color-status-success: #3CCB7F;--color-status-warn: #F2B84B;--color-text-inverse: #0F1115;--color-text-primary: #EAF0FF;--color-text-secondary: #B7C2DD;--color-text-tertiary: #8E9AB8;--focus-ring-color: #72A8FF}[data-theme=light]{--color-background-app: #F4F7FC;--color-background-board: #EAF0FB;--color-background-overlay: #EDF2FA;--color-background-surface: #FFFFFF;--color-background-timeline: #E3EBF8;--color-border-default: #C9D5EA;--color-border-strong: #AFC0DE;--color-cockpit-highlight: #CFE0FF;--color-cockpit-selection: #DCE8FF;--color-semantic-primary: #2A6EF4;--color-semantic-secondary: #4E67A0;--color-semantic-tertiary: #6E7EA2;--color-status-background-danger: #FFE8EC;--color-status-background-info: #E7F2FF;--color-status-background-success: #E5F6EC;--color-status-background-warn: #FFF3DF;--color-status-danger: #C53C4D;--color-status-info: #2E84DC;--color-status-success: #1F9C5A;--color-status-warn: #C88715;--color-text-inverse: #FFFFFF;--color-text-primary: #1A2438;--color-text-secondary: #3D4D68;--color-text-tertiary: #5D6F90;--focus-ring-color: #2A6EF4}[data-accent=blue]{--color-accent: #4C8DFF;--color-accent-hover: #5A98FF;--color-accent-soft: #213A68}[data-accent=nova]{--color-accent: #8A66FF;--color-accent-hover: #9A79FF;--color-accent-soft: #32295A}[data-accent=teal]{--color-accent: #2FB9A2;--color-accent-hover: #46C8B3;--color-accent-soft: #1C4D46}[data-accent=crimson]{--color-accent: #E0404A;--color-accent-hover: #E85C65;--color-accent-soft: #4A1A1E}[data-accent=amber]{--color-accent: #F09030;--color-accent-hover: #F5A448;--color-accent-soft: #4A3010}[data-accent=emerald]{--color-accent: #2ECC71;--color-accent-hover: #46D685;--color-accent-soft: #1A4A2E}.u-container{width:100%;max-width:var(--layout-container-max-width);margin-inline:auto;padding:var(--layout-container-padding)}.u-grid{display:grid;gap:var(--spacing-md)}.u-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.u-row{display:flex;align-items:center;gap:var(--spacing-sm)}.u-row-wrap{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-xs)}.u-space-bottom-md{margin-bottom:var(--spacing-md)}.u-space-top-md{margin-top:var(--spacing-md)}.u-surface{background:var(--color-background-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-level1)}.u-muted{color:var(--color-text-secondary)}.u-code{font-family:var(--typography-font-family-mono);font-size:var(--typography-font-size-xs)}.u-scroll-y{overflow-y:auto}.u-field-seat{width:var(--layout-form-field-seat)}.u-field-target{width:var(--layout-form-field-target)}.u-field-shot-ref{width:var(--layout-form-field-shot-ref)}.u-field-phase{width:var(--layout-form-field-phase)}.u-field-small{width:var(--layout-form-field-small)}@media (max-width: 960px){.u-grid-2{grid-template-columns:1fr}}:where(*){box-sizing:border-box}:where(html,body,#root){min-height:100%}:where(body){margin:0;font-family:var(--typography-font-family-sans);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-normal);font-weight:var(--typography-font-weight-regular);color:var(--color-text-primary);background:var(--color-background-app)}h1,h2,h3,h4,h5{margin:0;color:var(--color-text-primary)}h1{font-size:var(--typography-font-size-xl);line-height:var(--typography-line-height-heading);font-weight:var(--typography-font-weight-bold)}h2{font-size:var(--typography-font-size-lg);line-height:var(--typography-line-height-heading);font-weight:var(--typography-font-weight-semibold)}p{margin:0}.card{background:var(--color-background-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--elevation-level1);padding:var(--spacing-md)}.card-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.night-actions-modal{background:var(--night-modal-surface);border-radius:var(--night-modal-radius);box-shadow:var(--night-modal-shadow);min-width:480px;max-width:96vw;padding:0;display:flex;flex-direction:column;width:auto;max-height:calc(100vh - 48px);overflow-y:auto}.night-actions-modal .modal-header{font-size:1.3rem;font-weight:600;padding:20px 24px 12px;border-bottom:1px solid var(--color-border-default)}.night-actions-modal .modal-body{padding:12px 8px;display:flex;flex-direction:column;gap:12px}.night-action-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 16px;border-radius:var(--radius-sm)}.night-action-row:nth-child(odd){background:color-mix(in srgb,var(--color-accent) 5%,transparent)}.night-action-row:nth-child(2n){background:color-mix(in srgb,var(--color-background-overlay) 40%,transparent)}.night-action-row.disabled{opacity:.5}.role-cell{display:flex;flex-direction:column;gap:3px;min-width:160px}.role-label{min-width:120px;font-weight:500;display:flex;align-items:baseline;gap:6px;flex-wrap:wrap}.role-label__player{font-weight:400;font-size:.82em;color:var(--color-text-tertiary)}.night-action-debug{font-size:.78rem;line-height:1.2;color:var(--color-text-tertiary);max-width:360px;overflow-wrap:anywhere}.night-actions-modal button{padding:6px 18px;border-radius:8px;border:none;background:var(--night-button-bg);color:var(--night-button-ink);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s}.night-actions-modal button:disabled{background:var(--color-background-overlay);color:var(--color-text-tertiary);cursor:not-allowed}.night-actions-modal .modal-footer{padding:16px 24px 20px;border-top:1px solid var(--color-border-default);display:flex;justify-content:flex-end;gap:var(--spacing-sm)}.btn{border:1px solid transparent;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-md);min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-family:var(--typography-font-family-sans);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-normal);font-weight:var(--typography-font-weight-medium);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.btn:disabled{cursor:not-allowed;opacity:.72}.btn:focus-visible,.input:focus-visible,.select:focus-visible,.toggle:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.btn-primary{background:var(--color-accent);color:var(--color-text-inverse)}.btn-primary:hover{background:var(--color-accent-hover)}.btn-ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-default)}.btn-ghost:hover{background:var(--color-background-overlay);border-color:var(--color-border-strong)}.action-icon-button{width:var(--action-icon-size);min-width:var(--action-icon-size);height:var(--action-icon-size);padding:0;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--action-icon-radius);border:1px solid color-mix(in srgb,var(--color-border-default) 78%,var(--color-accent) 22%);background:color-mix(in srgb,var(--color-background-surface) 82%,var(--color-accent) 18%);color:var(--action-icon-ink);opacity:1;box-shadow:none;line-height:1;transition:background var(--motion-duration-fast) var(--motion-easing-standard),border-color var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard)}.action-icon-button:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-accent) 36%,var(--color-border-default));background:color-mix(in srgb,var(--color-background-surface) 66%,var(--color-accent) 34%);transform:translateY(-1px)}.action-icon-button:disabled{opacity:.5}.action-icon-button--view{background:color-mix(in srgb,var(--color-background-surface) 82%,var(--action-icon-view-tone) 18%);border-color:color-mix(in srgb,var(--color-border-default) 72%,var(--action-icon-view-tone) 28%)}.action-icon-button--view:hover:not(:disabled){background:color-mix(in srgb,var(--color-background-surface) 66%,var(--action-icon-view-tone) 34%);border-color:color-mix(in srgb,var(--color-border-default) 58%,var(--action-icon-view-tone) 42%)}.action-icon-button--edit{background:color-mix(in srgb,var(--color-background-surface) 82%,var(--action-icon-edit-tone) 18%);border-color:color-mix(in srgb,var(--color-border-default) 72%,var(--action-icon-edit-tone) 28%)}.action-icon-button--edit:hover:not(:disabled){background:color-mix(in srgb,var(--color-background-surface) 66%,var(--action-icon-edit-tone) 34%);border-color:color-mix(in srgb,var(--color-border-default) 58%,var(--action-icon-edit-tone) 42%)}.action-icon-button--start{background:color-mix(in srgb,var(--color-background-surface) 82%,var(--color-status-success) 18%);border-color:color-mix(in srgb,var(--color-border-default) 72%,var(--color-status-success) 28%)}.action-icon-button--start:hover:not(:disabled){background:color-mix(in srgb,var(--color-background-surface) 66%,var(--color-status-success) 34%);border-color:color-mix(in srgb,var(--color-border-default) 58%,var(--color-status-success) 42%)}.action-icon-button--pause{background:color-mix(in srgb,var(--color-background-surface) 82%,var(--color-status-warn) 18%);border-color:color-mix(in srgb,var(--color-border-default) 72%,var(--color-status-warn) 28%)}.action-icon-button--pause:hover:not(:disabled){background:color-mix(in srgb,var(--color-background-surface) 66%,var(--color-status-warn) 34%);border-color:color-mix(in srgb,var(--color-border-default) 58%,var(--color-status-warn) 42%)}.action-icon-button--danger{background:color-mix(in srgb,var(--color-background-surface) 82%,var(--action-icon-danger-tone) 18%);border-color:color-mix(in srgb,var(--color-border-default) 72%,var(--action-icon-danger-tone) 28%)}.action-icon-button--danger:hover:not(:disabled){background:color-mix(in srgb,var(--color-background-surface) 66%,var(--action-icon-danger-tone) 34%);border-color:color-mix(in srgb,var(--color-border-default) 58%,var(--action-icon-danger-tone) 42%)}.action-icon-glyph{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1}.action-icon-loader{width:14px;height:14px;border-radius:50%;border:2px solid var(--action-icon-loader-stroke);border-top-color:var(--action-icon-ink);animation:action-icon-spin .65s linear infinite}@keyframes action-icon-spin{to{transform:rotate(360deg)}}.input,.select{width:100%;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-overlay);color:var(--color-text-primary);font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-normal);padding:var(--spacing-xs) var(--spacing-sm)}.table{width:100%;border-collapse:collapse;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);overflow:hidden}.table th,.table td{text-align:left;padding:var(--spacing-xs) var(--spacing-sm);border-bottom:1px solid var(--color-border-default);vertical-align:top}.table th{background:var(--color-background-overlay);color:var(--color-text-secondary);font-weight:var(--typography-font-weight-semibold)}.table tr:last-child td{border-bottom:none}.section-toggle-btn{min-width:112px;justify-content:center}.owners-table .owners-row-alt td{background:var(--owner-row-alt-bg)}.owners-actions-col{width:260px}.owners-actions-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px}.owners-actions-menu-trigger{min-width:42px;text-align:center;padding-inline:0;list-style:none}.owners-actions-menu-trigger::-webkit-details-marker{display:none}.owner-status-chips{display:flex;flex-wrap:wrap;gap:6px}.owner-chip{display:inline-flex;align-items:center;border-radius:999px;border:1px solid var(--color-border-default);padding:2px 8px;font-size:var(--typography-font-size-xs);line-height:1.3}.owner-chip-neutral{color:var(--color-text-primary);background:var(--owner-chip-neutral-bg)}.owner-chip-success{color:var(--owner-chip-success-ink);border-color:var(--owner-chip-success-border);background:var(--owner-chip-success-bg)}.owner-chip-warning{color:var(--owner-chip-warning-ink);border-color:var(--owner-chip-warning-border);background:var(--owner-chip-warning-bg)}.owner-chip-danger{color:var(--owner-chip-danger-ink);border-color:var(--owner-chip-danger-border);background:var(--owner-chip-danger-bg)}.owner-chip-muted{color:var(--color-text-secondary);background:var(--owner-chip-muted-bg)}.license-table .license-row-expiring td{background:var(--license-row-expiring-bg)}.license-table .license-row-expired td{background:var(--license-row-expired-bg)}.participants-table--compact th,.participants-table--compact td{padding:8px 10px}.participants-table__row td{vertical-align:middle}.participants-seat-input{min-width:70px;max-width:90px;text-align:center}.participants-identity{max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.seating-modal{max-width:680px;width:100%}.seating-modal__counter{display:flex;align-items:center;gap:16px;padding:16px 20px;border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-background-overlay));border:1px solid color-mix(in srgb,var(--color-accent) 30%,transparent);min-height:64px}.seating-modal__seat-no{font-size:2.4rem;font-weight:700;line-height:1;color:var(--color-accent);min-width:48px;text-align:center}.seating-modal__hint{font-size:.95rem;color:var(--color-text-secondary)}.seating-modal__hint--done{color:var(--color-status-success);font-weight:600}.seating-modal__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px}.seating-card{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 10px;border-radius:var(--radius-md);border:1.5px solid var(--color-border-default);background:var(--color-background-overlay);cursor:pointer;transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),background var(--motion-duration-fast) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard);text-align:center}.seating-card--available:hover{border-color:var(--color-accent);background:color-mix(in srgb,var(--color-accent) 10%,var(--color-background-overlay));transform:translateY(-2px)}.seating-card--available:active{transform:translateY(0)}.seating-card--assigned{border-color:color-mix(in srgb,var(--color-accent) 50%,transparent);background:color-mix(in srgb,var(--color-accent) 12%,var(--color-background-overlay));opacity:.75;cursor:default}.seating-card__seat{font-size:1.6rem;font-weight:700;line-height:1;color:var(--color-accent);min-height:1.6rem}.seating-card--available .seating-card__seat{color:var(--color-text-tertiary)}.seating-card__name{font-size:.82rem;color:var(--color-text-secondary);word-break:break-word;line-height:1.3}.seating-modal__footer{justify-content:flex-end;padding-top:4px}.table tr.table-row-clickable td{transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.table tr.table-row-clickable:hover td{background:var(--color-background-overlay)}.table tr.table-row-clickable:active td{background:var(--color-background-app)}.table tr.table-row-clickable:focus-within td{background:var(--color-background-overlay)}.players-row--current td{background:var(--color-status-background-info)}.players-row--leader td{background:var(--color-status-background-warn)}.players-row--shootout td{background:var(--color-status-background-danger)}.badge{display:inline-flex;align-items:center;gap:var(--spacing-xxs);border-radius:var(--radius-xl);border:1px solid var(--color-border-default);padding:var(--spacing-xxs) var(--spacing-xs);font-size:var(--typography-font-size-xs);line-height:var(--typography-line-height-tight);font-weight:var(--typography-font-weight-medium)}.badge-success{background:var(--color-status-background-success);color:var(--color-status-success)}.badge-warn{background:var(--color-status-background-warn);color:var(--color-status-warn)}.badge-danger{background:var(--color-status-background-danger);color:var(--color-status-danger)}.badge-info{background:var(--color-status-background-info);color:var(--color-status-info)}.prep-step-pill{border:1px solid var(--color-border-default);border-radius:var(--radius-xl);padding:var(--spacing-xxs) var(--spacing-sm);font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);background:color-mix(in srgb,var(--color-background-overlay) 75%,transparent);color:var(--color-text-secondary);cursor:pointer}.prep-step-pill:hover{border-color:var(--color-border-strong);color:var(--color-text-primary)}.prep-step-pill--active{background:var(--color-status-background-info);border-color:color-mix(in srgb,var(--color-status-info) 42%,transparent);color:var(--color-text-primary)}.prep-game-badge{border-width:1px;border-style:solid;font-weight:var(--typography-font-weight-semibold);letter-spacing:.02em;box-shadow:var(--prep-badge-shadow)}.prep-game-badge-code{border-color:color-mix(in srgb,var(--color-border-strong) 80%,transparent);background:color-mix(in srgb,var(--color-background-overlay) 72%,var(--color-accent) 28%);color:var(--color-text-primary)}.prep-game-badge--sport{border-color:var(--prep-badge-sport-border);background:var(--prep-badge-sport-bg);color:var(--prep-badge-sport-ink)}.prep-game-badge--city{border-color:var(--prep-badge-city-border);background:var(--prep-badge-city-bg);color:var(--prep-badge-city-ink)}.prep-game-badge--balagan{border-color:var(--prep-badge-balagan-border);background:var(--prep-badge-balagan-bg);color:var(--prep-badge-balagan-ink)}.prep-game-badge--werewolf{border-color:var(--prep-badge-werewolf-border);background:var(--prep-badge-werewolf-bg);color:var(--prep-badge-werewolf-ink)}.prep-game-badge--default{border-color:var(--prep-badge-default-border);background:var(--prep-badge-default-bg);color:var(--prep-badge-default-ink)}.alert{border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--spacing-sm);background:var(--color-background-overlay)}.alert-highlight{background:var(--color-cockpit-highlight);border-color:var(--color-border-strong)}.phase-hero{border:1px solid var(--color-accent);border-radius:var(--radius-md);background:var(--color-accent-soft);padding:var(--spacing-md)}.phase-hero--default{border-color:var(--color-accent);background:var(--color-accent-soft)}.phase-hero--draft,.phase-hero--sealed{border-color:var(--color-border-default);background:var(--color-background-overlay)}.phase-hero--opening,.phase-hero--intro-night,.phase-hero--night{border-color:var(--color-status-info);background:var(--color-status-background-info)}.phase-hero--day-vote{border-color:var(--color-status-warn);background:var(--color-status-background-warn)}.phase-hero--shootout{border-color:var(--color-status-danger);background:var(--color-status-background-danger)}.phase-hero--finished{border-color:var(--color-status-success);background:var(--color-status-background-success)}.phase-hero-kicker{color:var(--color-text-secondary);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-medium);margin-bottom:var(--spacing-xxs)}.phase-hero-title{color:var(--color-text-primary);font-size:var(--typography-font-size-xl);line-height:var(--typography-line-height-heading);font-weight:var(--typography-font-weight-bold)}.shootout-turn-indicator{display:inline-flex;align-items:center;border:1px solid var(--color-status-danger);border-radius:var(--radius-sm);background:var(--color-status-background-danger);color:var(--color-status-danger);padding:var(--spacing-xxs) var(--spacing-sm);font-weight:var(--typography-font-weight-semibold)}.shootout-turn-field{border-color:var(--color-status-danger);box-shadow:inset 0 0 0 1px var(--color-status-background-danger)}.shootout-number-row{justify-content:center}.shootout-modal-turn{text-align:center;font-size:var(--typography-font-size-lg);font-weight:var(--typography-font-weight-semibold)}.tabs{display:flex;gap:var(--spacing-xs)}.tab{border:1px solid var(--color-border-default);background:var(--color-background-overlay);color:var(--color-text-secondary);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}.tab[aria-selected=true]{color:var(--color-text-primary);border-color:var(--color-accent);background:var(--color-accent-soft)}.toggle{position:relative;width:var(--spacing-xxxl);height:var(--spacing-lg);border:1px solid var(--color-border-default);border-radius:var(--radius-xl);background:var(--color-background-overlay);cursor:pointer;transition:background-color var(--motion-duration-fast) var(--motion-easing-standard)}.toggle:after{content:"";position:absolute;top:var(--spacing-xxs);left:var(--spacing-xxs);width:var(--spacing-sm);height:var(--spacing-sm);border-radius:var(--radius-xl);background:var(--color-text-secondary);transition:transform var(--motion-duration-fast) var(--motion-easing-standard)}.toggle[aria-checked=true]{background:var(--color-accent-soft);border-color:var(--color-accent)}.toggle[aria-checked=true]:after{transform:translate(var(--spacing-lg));background:var(--color-accent)}.modal{position:relative;width:min(560px,calc(100% - 32px));background:var(--color-background-surface);border:1px solid var(--color-border-default);border-radius:var(--radius-lg);box-shadow:var(--elevation-level3);padding:var(--spacing-lg);max-width:var(--layout-container-max-width);z-index:50;max-height:calc(100vh - 48px);overflow-y:auto}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-backdrop-dim);z-index:40;display:flex;align-items:center;justify-content:center;padding:24px}.existing-players-modal{width:min(980px,calc(100% - 32px));max-height:82vh;gap:16px;overflow:hidden}.existing-players-modal__table-wrap{overflow:auto;max-height:min(50vh,460px);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.existing-players-modal__table{border:none}.existing-players-modal__table thead th{position:sticky;top:0;z-index:1;background:var(--color-background-overlay)}.existing-players-row{cursor:pointer}.existing-players-row td{transition:background-color var(--motion-duration-fast) var(--motion-easing-standard),color var(--motion-duration-fast) var(--motion-easing-standard),opacity var(--motion-duration-fast) var(--motion-easing-standard)}.existing-players-row:not(.is-disabled):hover td{background:color-mix(in srgb,var(--color-accent) 14%,var(--color-background-overlay) 86%)}.existing-players-row:not(.is-disabled):focus-visible td{background:color-mix(in srgb,var(--color-accent) 18%,var(--color-background-overlay) 82%);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--color-accent) 58%,transparent)}.existing-players-row.is-selected td{background:color-mix(in srgb,var(--color-accent) 58%,var(--color-background-overlay) 42%);color:var(--color-text-primary)}.existing-players-row.is-disabled{cursor:not-allowed}.existing-players-row.is-disabled td{opacity:.65}.existing-players-modal__summary{justify-items:center;gap:12px}.existing-players-modal__footer{justify-content:center;position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-surface) 0%,transparent) 0%,var(--color-background-surface) 32%)}.prev-games-modal{width:min(640px,calc(100% - 32px));max-height:82vh;gap:16px;overflow:hidden}.prev-games-modal__table-wrap{overflow:auto;max-height:min(50vh,420px);border:1px solid var(--color-border-default);border-radius:var(--radius-sm)}.prev-games-modal__table{border:none}.prev-games-modal__table thead th{position:sticky;top:0;z-index:1;background:var(--color-background-overlay)}.prev-games-modal__footer{justify-content:flex-end;position:sticky;bottom:0;padding-top:8px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-surface) 0%,transparent) 0%,var(--color-background-surface) 32%)}.prep-split{display:grid;grid-template-columns:1fr 280px;gap:var(--spacing-md);align-items:start}@media (max-width: 860px){.prep-split{grid-template-columns:1fr}}.prep-roster{display:flex;flex-direction:column;gap:var(--spacing-sm);min-width:0}.prep-roster__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.prep-roster__header h3{margin:0}.prep-add-panel{display:flex;flex-direction:column;gap:var(--spacing-xs);position:sticky;top:var(--spacing-md)}.prep-panel-section{display:flex;flex-direction:column;gap:var(--spacing-xs);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);padding:var(--spacing-sm);background:color-mix(in srgb,var(--color-background-overlay) 60%,transparent)}.prep-panel-section__header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);color:var(--color-text-secondary)}.prep-panel-action-btn{padding:2px 8px;font-size:var(--typography-font-size-sm);min-height:unset;line-height:1.4}.prep-panel-wide-btn{width:100%;justify-content:flex-start;font-size:var(--typography-font-size-sm)}.prep-candidates-list{display:flex;flex-direction:column;gap:2px;max-height:280px;overflow-y:auto}.prep-candidate-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);padding:5px var(--spacing-xs);border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;color:var(--color-text-primary);text-align:left;cursor:pointer;transition:background .12s,border-color .12s;font-size:var(--typography-font-size-sm)}.prep-candidate-item:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 14%,transparent);border-color:color-mix(in srgb,var(--color-accent) 35%,transparent)}.prep-candidate-item:active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 24%,transparent)}.prep-candidate-item--added{opacity:.45;cursor:default}.prep-candidate-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.prep-candidate-item__check{color:var(--color-status-success);font-size:.8em;flex-shrink:0}.prep-candidate-item__badge{font-size:.75em;padding:1px 5px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-status-success) 18%,transparent);color:var(--color-status-success);flex-shrink:0}.prep-manual-add{display:flex;gap:var(--spacing-xs);align-items:center}.prep-manual-add .input{flex:1;min-width:0}.prep-manual-add .btn{flex-shrink:0;padding:0 var(--spacing-sm);font-size:1.2em;font-weight:var(--typography-font-weight-bold)}.prep-quick-fill summary{cursor:pointer;font-size:var(--typography-font-size-sm);color:var(--color-text-tertiary);-webkit-user-select:none;user-select:none}.prep-quick-fill summary:hover{color:var(--color-text-secondary)}.start-modal{max-width:480px}.cockpit-layout{display:flex;flex-direction:column;gap:var(--spacing-sm);max-width:1600px;min-height:calc(100svh - 60px);padding-bottom:140px}.cockpit-opening-flow{display:grid;gap:var(--spacing-sm)}.cockpit-opening-flow__controls{align-items:center}.cockpit-opening-flow__state{font-size:var(--typography-font-size-sm)}.cockpit-opening-flow__direction{display:grid;gap:var(--spacing-xs);padding:var(--spacing-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-overlay)}.cockpit-phase-header{display:grid;gap:var(--spacing-sm)}.cockpit-phase-title-wrap{display:grid;gap:var(--spacing-xxs)}.cockpit-phase-alert,.cockpit-phase-actions{margin-top:var(--spacing-xxs)}.cockpit-table-arena{flex:1;display:flex;flex-direction:column;min-height:360px}.cockpit-arena-board{position:relative;width:100%;flex:1;min-height:280px;border:1px solid var(--color-border-default);border-radius:var(--radius-md);background:linear-gradient(180deg,var(--color-background-board) 0%,var(--color-background-surface) 100%);overflow:hidden}.cockpit-table-surface{position:absolute;left:50%;top:50%;width:88%;height:72%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid var(--color-border-strong);background:radial-gradient(circle at 50% 40%,var(--color-background-overlay) 0%,var(--color-background-board) 62%,var(--color-background-surface) 100%);box-shadow:var(--cockpit-surface-shadow)}.cockpit-center-layer{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:calc(100% - 48px);max-width:320px;pointer-events:none;z-index:1;display:grid;place-items:center}.cockpit-center-layer__glow{position:absolute;top:-42px;right:-28px;bottom:-42px;left:-28px;border-radius:999px;background:radial-gradient(circle at center,color-mix(in srgb,var(--color-accent) 12%,transparent),transparent 70%)}.cockpit-center-layer__panel{position:relative;width:100%;text-align:center;display:grid;gap:6px;padding:18px 24px;border-radius:18px;border:1px solid color-mix(in srgb,var(--color-accent) 14%,transparent);background:radial-gradient(circle at 50% 30%,color-mix(in srgb,var(--color-accent) 14%,transparent),color-mix(in srgb,var(--color-background-board) 55%,transparent) 64%);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--cockpit-center-panel-shadow)}.cockpit-center-layer__phase{font-size:18px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-primary)}.cockpit-center-layer__cycle{font-size:22px;font-weight:700;color:var(--color-text-primary)}.cockpit-center-layer__alive{font-size:13px;color:var(--color-text-secondary);opacity:.7}.cockpit-center-layer__badge{justify-self:center;margin-top:2px;padding:4px 10px;border-radius:var(--radius-xl);border:1px solid color-mix(in srgb,var(--color-status-danger) 45%,transparent);background:color-mix(in srgb,var(--color-status-background-danger) 65%,transparent);color:var(--color-status-danger);font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-semibold);letter-spacing:.02em}.cockpit-center-layer__event{border-color:color-mix(in srgb,var(--color-status-info) 45%,transparent);background:color-mix(in srgb,var(--color-status-background-info) 70%,transparent);color:var(--color-status-info);max-width:100%;white-space:normal;line-height:1.25}.cockpit-center-layer__event-btn{pointer-events:auto;cursor:pointer}.cockpit-center-layer__event-btn:disabled{cursor:default;opacity:.85}.cockpit-center-layer__event-btn:not(:disabled):hover{filter:brightness(1.06)}.cockpit-center-layer__event-btn:not(:disabled):focus-visible{outline:2px solid var(--color-accent-hover);outline-offset:2px}.cockpit-event-info-modal{width:min(760px,calc(100% - 32px));gap:var(--spacing-sm)}.cockpit-center-layer__result{display:inline-flex;align-items:center;gap:6px;font-weight:var(--typography-font-weight-bold)}.cockpit-center-layer__result-dot{font-size:12px;line-height:1}.cockpit-center-layer__result--mafia{border-color:color-mix(in srgb,var(--color-status-danger) 45%,transparent);background:color-mix(in srgb,var(--color-status-background-danger) 65%,transparent);color:var(--color-status-danger)}.cockpit-center-layer__result--city{border-color:color-mix(in srgb,var(--color-status-success) 45%,transparent);background:color-mix(in srgb,var(--color-status-background-success) 65%,transparent);color:var(--color-status-success)}.cockpit-center-layer__result--draw{border-color:color-mix(in srgb,var(--color-status-warn) 45%,transparent);background:color-mix(in srgb,var(--color-status-background-warn) 65%,transparent);color:var(--color-status-warn)}.cockpit-center-layer__result--neutral{border-color:color-mix(in srgb,var(--color-status-info) 45%,transparent);background:color-mix(in srgb,var(--color-status-background-info) 65%,transparent);color:var(--color-status-info)}@media (max-width: 1200px){.cockpit-layout{max-width:100%;padding-inline:var(--spacing-sm)}}@media (max-width: 900px){.cockpit-layout{gap:var(--spacing-xs);padding-inline:var(--spacing-xs);padding-bottom:80px}.cockpit-table-arena{min-height:380px}.cockpit-arena-board{min-height:300px}.cockpit-action-bar-inner{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;gap:var(--spacing-xs);padding-inline:var(--spacing-sm);scrollbar-width:none}.cockpit-action-bar-inner::-webkit-scrollbar{display:none}}@media (max-width: 600px){.cockpit-layout{padding-inline:4px;gap:4px;padding-bottom:90px}.cockpit-table-arena{min-height:320px}.cockpit-arena-board{min-height:260px;border-radius:var(--radius-sm)}.cockpit-phase-hud__top-right,.cockpit-phase-hud__bottom-right{padding:var(--spacing-xs);max-width:160px}.cockpit-timer-large--hud{font-size:22px}}@media (max-height: 700px){.cockpit-layout{min-height:auto}.cockpit-table-arena{min-height:320px}.cockpit-arena-board{min-height:260px}}.cockpit-eliminated-panel{margin-top:var(--spacing-sm);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-overlay);padding:var(--spacing-sm);display:grid;gap:var(--spacing-xs)}.cockpit-eliminated-title{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);color:var(--color-text-primary)}.cockpit-eliminated-list{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.cockpit-eliminated-item{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xxs) var(--spacing-xs);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-surface);color:var(--color-text-secondary);font-size:var(--typography-font-size-xs)}.cockpit-seat-slot{position:absolute;transform-origin:center center;z-index:2}.cockpit-seat-next-vote-badge{position:absolute;left:50%;bottom:calc(100% + 6px);transform:translate(-50%);padding:3px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-status-success) 55%,transparent);background:color-mix(in srgb,var(--color-status-background-success) 72%,transparent);color:var(--color-status-success);font-size:11px;line-height:1.15;font-weight:var(--typography-font-weight-semibold);letter-spacing:.01em;white-space:nowrap;pointer-events:none;box-shadow:var(--elevation-level2);z-index:5}.cockpit-seat-slot[data-cockpit-seat-anchor=left] .cockpit-seat-next-vote-badge,.cockpit-seat-slot[data-cockpit-seat-anchor=bottom-left] .cockpit-seat-next-vote-badge{left:calc(100% + 8px);bottom:auto;top:50%;transform:translateY(-50%)}.cockpit-seat-slot[data-cockpit-seat-anchor=right] .cockpit-seat-next-vote-badge,.cockpit-seat-slot[data-cockpit-seat-anchor=bottom-right] .cockpit-seat-next-vote-badge{left:auto;right:calc(100% + 8px);bottom:auto;top:50%;transform:translateY(-50%)}.cockpit-seat-next-vote-badge--source{border-color:color-mix(in srgb,var(--color-status-warning) 60%,transparent);background:color-mix(in srgb,var(--color-status-background-warning) 75%,transparent);color:var(--color-status-warning)}.cockpit-seat-next-vote-badge--target{border-color:color-mix(in srgb,var(--color-status-danger) 64%,transparent);background:color-mix(in srgb,var(--color-status-background-danger) 80%,transparent);color:var(--color-status-danger)}.cockpit-seat-next-vote-badge--fear-leader{border-color:color-mix(in srgb,#c084fc 70%,transparent);background:color-mix(in srgb,#3b1f5e 85%,transparent);color:#e879f9}.cockpit-seat-slot:hover{z-index:12}.cockpit-seat-popover-anchor{position:absolute;left:50%;top:calc(100% + var(--spacing-xs));transform:translate(-50%);z-index:var(--z-index-dropdown)}.cockpit-seat-slot[data-cockpit-seat-anchor=right] .cockpit-seat-popover-anchor,.cockpit-seat-slot[data-cockpit-seat-anchor=top-right] .cockpit-seat-popover-anchor,.cockpit-seat-slot[data-cockpit-seat-anchor=bottom-right] .cockpit-seat-popover-anchor{left:auto;right:0;transform:none}.cockpit-seat-slot[data-cockpit-seat-anchor=left] .cockpit-seat-popover-anchor,.cockpit-seat-slot[data-cockpit-seat-anchor=top-left] .cockpit-seat-popover-anchor,.cockpit-seat-slot[data-cockpit-seat-anchor=bottom-left] .cockpit-seat-popover-anchor{left:0;transform:none}.cockpit-seat-popover{width:min(220px,calc(100vw - 32px));border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-surface);box-shadow:var(--elevation-level2);padding:var(--spacing-sm);display:grid;gap:var(--spacing-sm)}.cockpit-seat-popover--compact{width:auto;min-width:220px}.cockpit-seat-popover-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-sm)}.cockpit-seat-popover-title{font-weight:var(--typography-font-weight-semibold);color:var(--color-text-primary)}.cockpit-seat-popover-badges{display:flex;flex-wrap:wrap;gap:var(--spacing-xxs)}.cockpit-seat-popover-actions{display:grid;gap:var(--spacing-xxs)}.cockpit-seat-action-btn{justify-content:flex-start}.cockpit-geometry-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.cockpit-geometry-ellipse{position:absolute;inset:var(--spacing-sm);border:1px dashed var(--color-status-info);border-radius:50%;opacity:.45}.cockpit-geometry-center{position:absolute;left:50%;top:50%;width:var(--spacing-xs);height:var(--spacing-xs);transform:translate(-50%,-50%);border-radius:50%;background:var(--color-status-danger)}.cockpit-geometry-point{position:absolute;transform:translate(-50%,-50%);min-width:var(--spacing-lg);padding:0 var(--spacing-xxs);text-align:center;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);font-size:var(--typography-font-size-xs);color:var(--color-text-secondary);background:var(--color-background-overlay);opacity:.8}.cockpit-action-bar{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-index-dropdown);border-top:1px solid var(--color-border-default);border-bottom:none;border-left:none;border-right:none;border-radius:0;box-shadow:var(--cockpit-actionbar-shadow);padding:var(--spacing-xs) 0}.cockpit-action-bar-inner{display:flex;justify-content:center;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.cockpit-action-message{width:100%;text-align:center}.cockpit-action-bar-divider{width:1px;height:24px;background:var(--color-border-default);margin:0 4px;align-self:center;flex-shrink:0}.cockpit-targeting-hint{max-width:420px}.cockpit-seat-action-message{text-align:center}.cockpit-rewind-menu{position:relative}.cockpit-rewind-popover{position:absolute;left:0;bottom:calc(100% + var(--spacing-xs));z-index:var(--z-index-dropdown);min-width:280px;display:grid;gap:var(--spacing-xxs);padding:var(--spacing-xs);border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:var(--color-background-surface);box-shadow:var(--elevation-level2)}.cockpit-rewind-item{width:100%;text-align:left;display:grid;gap:var(--spacing-xxs)}.cockpit-rewind-separator{height:1px;background:var(--color-border-default);margin:var(--spacing-xxs) 0}.cockpit-drawers{gap:var(--spacing-sm)}.cockpit-drawer{padding:0;overflow:hidden}.cockpit-drawer-summary{list-style:none;cursor:pointer;padding:var(--spacing-sm) var(--spacing-md);font-weight:var(--typography-font-weight-semibold);color:var(--color-text-primary);border-bottom:1px solid var(--color-border-default)}.cockpit-drawer-summary::-webkit-details-marker{display:none}.cockpit-drawer-content{padding:var(--spacing-sm)}.theme-settings-card{gap:var(--spacing-xl)}.theme-setting-group{display:grid;gap:var(--spacing-sm)}.theme-setting-label{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.theme-tile-row{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.theme-tile{display:flex;flex-direction:column;gap:var(--spacing-xs);padding:var(--spacing-sm);border:2px solid var(--color-border-default);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:border-color var(--motion-duration-base) var(--motion-easing-standard),box-shadow var(--motion-duration-base) var(--motion-easing-standard);width:160px}.theme-tile:hover{border-color:var(--color-accent)}.theme-tile--active{border-color:var(--color-accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--color-accent) 30%,transparent)}.theme-tile-preview{border-radius:var(--radius-sm);overflow:hidden;height:96px;display:flex;flex-direction:column}.theme-tile-preview--dark{background:#0e1525}.theme-tile-preview--light{background:#f0f4fa}.theme-tile-preview-topbar{height:16px;flex-shrink:0}.theme-tile-preview--dark .theme-tile-preview-topbar{background:#1e2d4a}.theme-tile-preview--light .theme-tile-preview-topbar{background:#d8e2f5}.theme-tile-preview-body{display:flex;flex-direction:column;gap:5px;padding:6px;flex:1}.theme-tile-preview-card{border-radius:4px;flex:1}.theme-tile-preview--dark .theme-tile-preview-card{background:#161f35}.theme-tile-preview--light .theme-tile-preview-card{background:#fff}.theme-tile-preview-card--short{flex:0 0 12px}.theme-tile-footer{display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-xxs)}.theme-tile-label{font-size:var(--typography-font-size-sm);font-weight:var(--typography-font-weight-medium);color:var(--color-text-primary)}.theme-tile-check{font-size:var(--typography-font-size-sm);color:var(--color-accent);font-weight:var(--typography-font-weight-bold)}.accent-swatch-row{display:flex;gap:var(--spacing-md);align-items:center}.accent-swatch{width:40px;height:40px;border-radius:50%;background:var(--swatch-color);border:3px solid transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--motion-duration-base) var(--motion-easing-standard),transform var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-base) var(--motion-easing-standard)}.accent-swatch:hover{transform:scale(1.12);box-shadow:0 0 0 4px color-mix(in srgb,var(--swatch-color) 30%,transparent)}.accent-swatch--active{border-color:var(--color-text-primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--swatch-color) 35%,transparent)}.accent-swatch-check{color:#fff;font-size:16px;font-weight:700;line-height:1;text-shadow:0 1px 3px rgba(0,0,0,.5)}.accent-swatch-names{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xxs)}.accent-swatch-name{width:40px;text-align:center;font-size:var(--typography-font-size-xs);color:var(--color-text-tertiary)}.accent-swatch-name--active{color:var(--color-accent);font-weight:var(--typography-font-weight-semibold)}.cockpit-phase-footer{display:flex;align-items:center;justify-content:flex-end;padding:var(--spacing-xs) var(--spacing-md);border-top:1px solid var(--color-border-default);background:var(--color-background-surface);gap:var(--spacing-sm);flex-wrap:wrap}.cockpit-phase-footer__controls{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;width:100%;justify-content:flex-end}.cockpit-phase-footer__btn-row{display:flex;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap}.cockpit-phase-footer__controls>.cockpit-phase-footer__btn-row{margin-left:auto}.cockpit-phase-footer__direction{display:flex;align-items:center;gap:var(--spacing-xs);border-left:1px solid var(--color-border-default);padding-left:var(--spacing-sm);flex-wrap:wrap}.cockpit-phase-footer__label{font-size:var(--typography-font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.cockpit-phase-header{display:flex;align-items:center;margin-left:auto;margin-right:var(--spacing-sm)}.cockpit-phase-header-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.cockpit-phase-header-label{font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap}.cockpit-phase-header-status{font-size:var(--typography-font-size-xs);color:var(--color-text-secondary);white-space:nowrap}.cockpit-timer-large--header{font-size:22px;font-weight:var(--typography-font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text-primary);letter-spacing:-.02em;line-height:1}.cockpit-phase-hud{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:8}.cockpit-phase-hud__top-right{position:absolute;top:var(--spacing-sm);right:var(--spacing-sm);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xxs);pointer-events:all;background:color-mix(in srgb,var(--color-background-surface) 96%,transparent);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--elevation-level3);max-width:210px}.cockpit-phase-hud__bottom-right{position:absolute;bottom:var(--spacing-sm);right:var(--spacing-sm);display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xs);pointer-events:all;background:color-mix(in srgb,var(--color-background-surface) 96%,transparent);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--elevation-level3);max-width:290px}.cockpit-phase-hud__label{font-size:var(--typography-font-size-xs);font-weight:var(--typography-font-weight-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em}.cockpit-phase-hud__status{font-size:var(--typography-font-size-xs);color:var(--color-text-secondary);text-align:right}.cockpit-phase-hud__btn-row{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end}.cockpit-phase-hud__direction{display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-xxs);border-top:1px solid var(--color-border-default);padding-top:var(--spacing-xs);width:100%}.cockpit-timer-large--hud{font-size:28px;font-weight:var(--typography-font-weight-bold);font-variant-numeric:tabular-nums;color:var(--color-text-primary);letter-spacing:.02em}:root{--ui-text-secondary: color-mix(in srgb, var(--color-text-secondary) 94%, #ffffff 6%);--ui-text-secondary-strong: color-mix(in srgb, var(--color-text-secondary) 82%, #ffffff 18%);--ui-glow-shadow-soft: 0 8px 16px rgba(4, 9, 18, .32);--ui-glow-shadow-medium: 0 12px 24px rgba(4, 9, 18, .38);--ui-glow-shadow-ambient: 0 8px 20px rgba(6, 10, 20, .3);--ui-glow-accent-ring: 0 0 0 1px rgba(255, 216, 140, .22);--ui-glow-accent-soft: 0 0 22px rgba(255, 210, 120, .34);--ui-status-success-ink: #89f0ba;--ui-status-success-border: rgba(137, 240, 186, .35);--ui-status-success-bg: rgba(137, 240, 186, .12);--ui-status-warn-ink: #ffd67b;--ui-status-warn-border: rgba(255, 214, 123, .35);--ui-status-warn-bg: rgba(255, 214, 123, .12);--ui-status-danger-ink: #ff9f9f;--ui-status-danger-border: rgba(255, 159, 159, .38);--ui-status-danger-bg: rgba(255, 159, 159, .12);--ui-status-info-ink: #8bbcff;--ui-status-info-border: rgba(127, 174, 255, .52);--ui-status-info-bg: rgba(88, 145, 235, .24);--hero-gradient-core: linear-gradient(148deg, rgba(7, 14, 27, .99) 0%, rgba(13, 27, 44, .98) 46%, rgba(20, 35, 54, .95) 100%);--hero-border-premium: color-mix(in srgb, var(--color-border-strong) 56%, #ffd27e 44%);--hero-elevation-premium: 0 22px 52px rgba(3, 8, 17, .62), inset 0 1px 0 rgba(255, 255, 255, .05);--hero-shine-overlay: linear-gradient(112deg, transparent 0%, rgba(255, 228, 170, .1) 48%, transparent 100%);--hero-glass-border: color-mix(in srgb, var(--color-border-default) 70%, #ffd27e 30%);--hero-glass-surface: linear-gradient(160deg, rgba(255, 255, 255, .08) 0%, rgba(255, 255, 255, .015) 100%), var(--color-background-overlay);--hero-control-gap: 10px;--hero-control-gap-mobile: 8px;--hero-card-radius: var(--radius-md);--hero-mobile-padding: 12px;--hero-blur-soft: blur(5px);--hero-shine-blur: blur(1px);--hero-shine-track: linear-gradient(98deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .015) 38%, rgba(255, 229, 173, .12) 50%, rgba(255, 255, 255, .02) 62%, rgba(255, 255, 255, 0) 100%);--home-hero-bg: radial-gradient(circle at 8% 14%, rgba(98, 162, 255, .36), transparent 38%), radial-gradient(circle at 92% 12%, rgba(255, 208, 122, .34), transparent 40%), radial-gradient(circle at 52% 120%, rgba(88, 132, 245, .28), transparent 44%), var(--hero-gradient-core);--home-hero-overlay: linear-gradient(100deg, rgba(255, 255, 255, .05), transparent 42%, rgba(255, 215, 135, .12)), radial-gradient(circle at 18% -10%, rgba(255, 255, 255, .14), transparent 38%);--home-hero-subtitle: var(--ui-text-secondary-strong);--home-stat-shell-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), var(--ui-glow-shadow-ambient);--home-stat-growth-border: color-mix(in srgb, #77e2a3 42%, var(--color-border-default) 58%);--home-stat-growth-bg: linear-gradient(160deg, rgba(119, 226, 163, .17) 0%, rgba(119, 226, 163, .03) 100%), var(--color-background-overlay);--home-stat-neutral-border: color-mix(in srgb, #9bb3d8 34%, var(--color-border-default) 66%);--home-stat-neutral-bg: linear-gradient(160deg, rgba(154, 180, 224, .13) 0%, rgba(154, 180, 224, .02) 100%), var(--color-background-overlay);--home-stat-attention-border: color-mix(in srgb, #ffd27e 48%, var(--color-border-default) 52%);--home-stat-attention-bg: linear-gradient(160deg, rgba(255, 210, 126, .2) 0%, rgba(255, 210, 126, .03) 100%), var(--color-background-overlay);--home-stat-value-default: color-mix(in srgb, var(--color-text-primary) 82%, #ffd27e 18%);--home-stat-value-growth: color-mix(in srgb, #9cf3c2 58%, var(--color-text-primary) 42%);--home-stat-value-neutral: color-mix(in srgb, #d7e6ff 28%, var(--color-text-primary) 72%);--home-stat-value-attention: color-mix(in srgb, #ffd892 52%, var(--color-text-primary) 48%);--home-ghost-border: color-mix(in srgb, var(--color-border-default) 52%, #ffd27e 48%);--home-ghost-bg: linear-gradient(145deg, rgba(255, 255, 255, .08), rgba(255, 255, 255, .02)), rgba(10, 18, 31, .52);--home-ghost-color: color-mix(in srgb, var(--color-text-primary) 85%, #ffe0a4 15%);--home-ghost-shadow: var(--ui-glow-shadow-soft);--home-ghost-border-hover: color-mix(in srgb, #ffd27e 68%, var(--color-border-default) 32%);--home-ghost-bg-hover: linear-gradient(145deg, rgba(255, 224, 164, .18), rgba(255, 224, 164, .06)), rgba(11, 20, 35, .64);--home-ghost-shadow-hover: var(--ui-glow-accent-ring), var(--ui-glow-shadow-medium);--home-summary-border: color-mix(in srgb, var(--color-border-default) 62%, #ffd27e 38%);--home-summary-bg: linear-gradient(155deg, rgba(255, 255, 255, .06) 0%, rgba(255, 255, 255, .015) 100%), rgba(10, 18, 31, .56);--home-summary-shadow: inset 0 1px 0 rgba(255, 255, 255, .08);--portal-hero-bg: radial-gradient(circle at 8% 14%, rgba(112, 190, 255, .1), transparent 44%), radial-gradient(circle at 92% 10%, rgba(255, 218, 136, .06), transparent 42%), radial-gradient(circle at 50% 118%, rgba(106, 166, 255, .08), transparent 48%), linear-gradient(152deg, rgba(8, 19, 36, .35) 0%, rgba(13, 28, 50, .3) 54%, rgba(20, 37, 60, .25) 100%);--portal-role-preview-bg: radial-gradient(circle at 14% 8%, rgba(105, 179, 255, .06), transparent 46%), linear-gradient(148deg, rgba(12, 26, 45, .3), rgba(18, 33, 55, .25));--portal-area-border: color-mix(in srgb, #ffd27e 42%, var(--color-border-default) 58%);--portal-area-bg: radial-gradient(circle at 10% 10%, rgba(122, 194, 255, .08), transparent 44%), radial-gradient(circle at 92% 14%, rgba(255, 215, 122, .04), transparent 42%), linear-gradient(152deg, rgba(10, 23, 42, .3), rgba(16, 32, 54, .25));--portal-area-shadow: 0 12px 24px rgba(7, 12, 22, .36), inset 0 1px 0 rgba(255, 255, 255, .04);--portal-area-shadow-hover: var(--ui-glow-accent-soft), 0 14px 28px rgba(7, 12, 22, .4);--portal-area-border-hover: color-mix(in srgb, #f4ca72 48%, var(--color-accent) 52%);--portal-area-lift-hover: translateY(-2px);--portal-area-min-height: 196px;--portal-area-full-min-height: 164px;--portal-card-padding: 22px;--portal-inline-gap: 6px;--portal-primary-border: color-mix(in srgb, var(--color-accent) 66%, #ffd27e 34%);--portal-primary-shadow: var(--ui-glow-accent-ring), 0 10px 20px rgba(11, 19, 34, .36);--portal-cta-bg: var(--color-accent);--portal-cta-bg-hover: var(--color-accent-hover);--portal-cta-ink: var(--color-text-inverse);--entry-form-max-width: 600px;--entry-form-padding: clamp(24px, 3.6vw, 34px);--entry-form-border: color-mix(in srgb, var(--color-border-strong) 52%, #ffd27e 48%);--entry-form-shadow: 0 24px 52px rgba(3, 8, 17, .58), inset 0 1px 0 rgba(255, 255, 255, .05);--entry-page-padding-block: clamp(28px, 6vh, 72px);--entry-form-gap: 14px;--entry-form-bg: radial-gradient(circle at 14% 12%, rgba(84, 132, 246, .34), transparent 46%), radial-gradient(circle at 88% 18%, rgba(255, 208, 118, .28), transparent 42%), radial-gradient(circle at 54% 118%, rgba(88, 132, 245, .2), transparent 44%), var(--hero-gradient-core);--entry-subtitle: var(--ui-text-secondary-strong);--entry-input-border: color-mix(in srgb, var(--color-border-default) 74%, #9bb3d8 26%);--entry-remember-gap: 8px;--entry-remember-padding: 6px 0;--entry-primary-shadow: var(--ui-glow-accent-ring), 0 10px 20px rgba(15, 26, 48, .36);--entry-ghost-border: color-mix(in srgb, var(--color-border-default) 56%, #ffd27e 44%);--entry-top-offset-tight: -1px;--entry-bottom-gap: 6px;--entry-row-gap: 4px;--entry-h1-desktop-size: 2.35rem;--entry-h1-desktop-line: 1.18;--entry-h1-desktop-top-pad: 2px;--action-icon-size: 32px;--action-icon-radius: 8px;--action-icon-ink: #ffffff;--action-icon-view-tone: #5fb0ff;--action-icon-edit-tone: #f2b84b;--action-icon-danger-tone: #ff6f7f;--action-icon-loader-stroke: color-mix(in srgb, var(--color-border-default) 62%, #ffffff 38%);--night-modal-surface: var(--color-background-surface);--night-modal-radius: 16px;--night-modal-shadow: 0 8px 32px rgba(0, 0, 0, .18);--night-button-bg: var(--color-accent);--night-button-ink: #ffffff;--owner-row-alt-bg: rgba(255, 255, 255, .015);--owner-chip-neutral-bg: rgba(255, 255, 255, .03);--owner-chip-success-ink: var(--ui-status-success-ink);--owner-chip-success-border: var(--ui-status-success-border);--owner-chip-success-bg: color-mix(in srgb, var(--ui-status-success-bg) 70%, transparent);--owner-chip-warning-ink: var(--ui-status-warn-ink);--owner-chip-warning-border: var(--ui-status-warn-border);--owner-chip-warning-bg: color-mix(in srgb, var(--ui-status-warn-bg) 70%, transparent);--owner-chip-danger-ink: var(--ui-status-danger-ink);--owner-chip-danger-border: var(--ui-status-danger-border);--owner-chip-danger-bg: color-mix(in srgb, var(--ui-status-danger-bg) 70%, transparent);--owner-chip-muted-bg: rgba(255, 255, 255, .02);--license-row-expiring-bg: rgba(255, 214, 123, .04);--license-row-expired-bg: rgba(255, 157, 157, .05);--prep-badge-shadow: 0 0 0 1px color-mix(in srgb, currentColor 25%, transparent), 0 6px 18px rgba(0, 0, 0, .22);--prep-badge-sport-border: #29d6ff;--prep-badge-sport-bg: #0b4f73;--prep-badge-sport-ink: #e8fbff;--prep-badge-city-border: #ffbf57;--prep-badge-city-bg: #6a3200;--prep-badge-city-ink: #fff1dc;--prep-badge-balagan-border: #ff7f50;--prep-badge-balagan-bg: #7c1f0d;--prep-badge-balagan-ink: #ffe8df;--prep-badge-werewolf-border: #a7ffc6;--prep-badge-werewolf-bg: #203f2e;--prep-badge-werewolf-ink: #ecfff4;--prep-badge-default-border: #80d6ff;--prep-badge-default-bg: #1a4666;--prep-badge-default-ink: #ebf8ff;--modal-backdrop-dim: rgba(0, 0, 0, .45);--cockpit-surface-shadow: inset 0 0 0 1px var(--color-border-default), inset 0 -32px 56px rgba(0, 0, 0, .28);--cockpit-center-panel-shadow: 0 0 40px rgba(0, 0, 0, .35);--cockpit-actionbar-shadow: 0 -6px 16px rgba(0, 0, 0, .22);--players-accent-strong: #5ea2ff;--players-accent-soft: var(--ui-status-info-ink);--players-modal-top-bg: rgba(10, 20, 40, .92);--players-modal-top-border: rgba(94, 162, 255, .2);--players-merge-box-border: rgba(94, 162, 255, .25);--players-merge-box-bg: rgba(16, 30, 56, .35);--players-merge-suggestion-border: rgba(94, 162, 255, .18);--players-merge-suggestion-bg: rgba(10, 20, 40, .4);--players-merge-cluster-border: rgba(94, 162, 255, .2);--players-merge-cluster-title: rgba(190, 215, 255, .95);--players-arrow-color: rgba(94, 162, 255, .6);--players-toggle-color: rgba(180, 200, 240, .6);--players-merge-result-border: rgba(80, 200, 120, .4);--players-merge-result-bg: rgba(80, 200, 120, .07);--players-merge-log-border: rgba(100, 140, 220, .2);--players-merge-log-bg: rgba(30, 50, 80, .3);--players-danger-bg: rgba(220, 50, 50, .15);--players-danger-border: rgba(220, 80, 80, .5);--players-danger-ink: rgba(255, 140, 140, .9);--players-danger-bg-hover: rgba(220, 50, 50, .28);--players-danger-border-hover: rgba(220, 80, 80, .8);--players-row-odd: rgba(19, 34, 62, .38);--players-row-even: rgba(12, 24, 45, .5);--players-row-hover: rgba(46, 88, 156, .3);--players-tooltip-bg: rgba(8, 15, 29, .96);--players-tooltip-border: rgba(102, 164, 255, .45);--players-tooltip-ink: #dce9ff;--players-tooltip-shadow: 0 8px 18px rgba(2, 8, 18, .42);--players-open-ink: #b8d5ff;--players-open-ink-hover: #e5f0ff;--players-open-bg-hover: rgba(88, 145, 235, .24);--players-open-border-hover: rgba(127, 174, 255, .52);--players-danger-ink-soft: var(--ui-status-danger-ink);--players-danger-ink-hover: #ffd3d7;--players-danger-bg-soft: color-mix(in srgb, var(--ui-status-danger-bg) 88%, rgba(218, 79, 96, .22) 12%);--players-danger-border-soft: color-mix(in srgb, var(--ui-status-danger-border) 88%, rgba(246, 118, 134, .58) 12%);--players-danger-ink-disabled: #ffb4ba;--players-loader-stroke: rgba(180, 202, 238, .45);--players-loader-stroke-top: rgba(226, 238, 255, .95);--players-loader-danger-stroke: rgba(255, 168, 174, .35);--players-loader-danger-top: rgba(255, 225, 228, .95);--platform-gold-tone: #f4ca72;--platform-hero-border: color-mix(in srgb, var(--color-border-strong) 72%, var(--platform-gold-tone) 28%);--platform-hero-bg: radial-gradient(circle at 12% 8%, rgba(88, 140, 255, .24), transparent 42%), radial-gradient(circle at 92% 16%, rgba(244, 202, 114, .18), transparent 46%), linear-gradient(156deg, rgba(12, 20, 35, .96) 0%, rgba(17, 28, 45, .95) 100%);--platform-hero-shadow: 0 14px 32px rgba(6, 11, 21, .42);--platform-hero-overlay: linear-gradient(100deg, rgba(255, 255, 255, .02), transparent 40%, rgba(255, 212, 129, .06));--platform-eyebrow: color-mix(in srgb, var(--color-accent) 68%, var(--platform-gold-tone) 32%);--platform-poll-border: color-mix(in srgb, var(--platform-gold-tone) 44%, var(--color-border-default) 56%);--platform-poll-bg: color-mix(in srgb, var(--color-background-overlay) 78%, var(--platform-gold-tone) 22%);--platform-poll-border-hover: color-mix(in srgb, var(--platform-gold-tone) 62%, var(--color-border-default) 38%);--platform-poll-bg-hover: color-mix(in srgb, var(--color-background-overlay) 66%, var(--platform-gold-tone) 34%);--platform-surface-soft: rgba(255, 255, 255, .02);--platform-surface-soft-2: rgba(255, 255, 255, .015);--platform-severity-high: var(--ui-status-danger-ink);--platform-severity-medium: var(--ui-status-warn-ink);--platform-severity-low: var(--ui-status-success-ink);--platform-kpi-shell-bg: linear-gradient(160deg, rgba(255, 255, 255, .035) 0%, rgba(255, 255, 255, .012) 100%), var(--color-background-overlay);--platform-kpi-shell-shadow: var(--ui-glow-shadow-ambient);--platform-kpi-risk-border: color-mix(in srgb, #ff9c7a 58%, var(--color-border-default) 42%);--platform-kpi-risk-bg: linear-gradient(160deg, rgba(255, 146, 96, .15) 0%, rgba(255, 146, 96, .03) 100%), var(--color-background-overlay);--platform-online-ink: var(--ui-status-success-ink);--platform-online-border: color-mix(in srgb, var(--ui-status-success-border) 100%, transparent);--platform-online-bg: var(--ui-status-success-bg);--platform-offline-ink: var(--ui-status-danger-ink);--platform-offline-border: var(--ui-status-danger-border);--platform-offline-bg: var(--ui-status-danger-bg);--platform-risk-border: color-mix(in srgb, var(--platform-gold-tone) 42%, var(--color-border-default) 58%);--posters-status-draft: var(--ui-status-warn-ink);--posters-status-published: var(--ui-status-success-ink);--posters-status-archived: var(--ui-status-info-ink);--posters-status-cancelled: var(--ui-status-danger-ink);--posters-action-ink: #ffffff;--posters-action-view-tone: var(--action-icon-view-tone);--posters-action-edit-tone: var(--action-icon-edit-tone);--posters-action-danger-tone: var(--action-icon-danger-tone)}body{background-color:var(--color-background-app);position:relative;overflow-x:hidden}body:before{content:"";position:fixed;width:700px;height:700px;top:-200px;left:-200px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(110px);opacity:.07;background:radial-gradient(circle at 40% 40%,var(--orb-primary) 0%,transparent 65%);animation:orb-a 20s ease-in-out infinite alternate}body:after{content:"";position:fixed;width:560px;height:560px;bottom:-150px;right:-100px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(100px);opacity:.06;background:radial-gradient(circle at 60% 60%,var(--orb-secondary) 0%,transparent 65%);animation:orb-b 26s ease-in-out infinite alternate}#root:before{content:"";position:fixed;width:420px;height:420px;bottom:20%;left:-80px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);opacity:.04;background:radial-gradient(circle,var(--color-status-danger) 0%,transparent 65%);animation:orb-c 34s ease-in-out infinite alternate}#root:after{content:"";position:fixed;width:380px;height:380px;top:15%;right:-60px;border-radius:50%;pointer-events:none;z-index:0;filter:blur(90px);opacity:.04;background:radial-gradient(circle,var(--color-status-success) 0%,transparent 65%);animation:orb-d 28s ease-in-out infinite alternate-reverse}@keyframes orb-a{0%{transform:translate(0) scale(1)}33%{transform:translate(80px,120px) scale(1.12)}66%{transform:translate(40px,-60px) scale(.92)}to{transform:translate(-40px,80px) scale(1.06)}}@keyframes orb-b{0%{transform:translate(0) scale(1)}40%{transform:translate(-100px,-80px) scale(1.1)}70%{transform:translate(-60px,60px) scale(.9)}to{transform:translate(60px,-40px) scale(1.05)}}@keyframes orb-c{0%{transform:translate(0) scale(1);opacity:.04}50%{transform:translate(60px,-100px) scale(1.15);opacity:.06}to{transform:translate(-30px,60px) scale(.88);opacity:.03}}@keyframes orb-d{0%{transform:translate(0) scale(1)}45%{transform:translate(-80px,80px) scale(1.1)}to{transform:translate(40px,-60px) scale(.94)}}body{background-image:radial-gradient(1.8px 1.8px at 20px 32px,rgba(255,255,255,.92),transparent),radial-gradient(1.5px 1.5px at 118px 78px,rgba(210,225,255,.88),transparent),radial-gradient(1.8px 1.8px at 168px 157px,rgba(255,255,255,.9),transparent),radial-gradient(2px 2px at 55px 190px,rgba(230,240,255,.85),transparent),radial-gradient(1.2px 1.2px at 58px 128px,rgba(255,255,255,.72),transparent),radial-gradient(1.2px 1.2px at 143px 38px,rgba(200,215,255,.74),transparent),radial-gradient(1px 1px at 88px 168px,rgba(255,255,255,.64),transparent),radial-gradient(1px 1px at 10px 98px,rgba(255,255,255,.7),transparent),radial-gradient(1.2px 1.2px at 178px 118px,rgba(200,215,255,.68),transparent),radial-gradient(1px 1px at 105px 48px,rgba(255,255,255,.66),transparent),radial-gradient(.8px .8px at 38px 58px,rgba(255,255,255,.5),transparent),radial-gradient(.8px .8px at 153px 183px,rgba(255,255,255,.46),transparent),radial-gradient(.8px .8px at 73px 12px,rgba(200,215,255,.5),transparent),radial-gradient(.8px .8px at 188px 68px,rgba(255,255,255,.44),transparent),radial-gradient(.8px .8px at 28px 143px,rgba(255,255,255,.5),transparent),radial-gradient(.8px .8px at 108px 108px,rgba(200,215,255,.46),transparent),radial-gradient(.6px .6px at 48px 185px,rgba(255,255,255,.36),transparent),radial-gradient(.6px .6px at 133px 55px,rgba(255,255,255,.38),transparent),radial-gradient(.6px .6px at 95px 95px,rgba(200,215,255,.34),transparent),radial-gradient(.6px .6px at 175px 32px,rgba(255,255,255,.32),transparent),radial-gradient(.6px .6px at 15px 175px,rgba(255,255,255,.38),transparent),radial-gradient(.6px .6px at 68px 68px,rgba(200,215,255,.32),transparent);background-size:200px 200px;animation:stars-scroll 280s linear infinite}@keyframes stars-scroll{0%{background-position:0 0}to{background-position:200px 200px}}[data-theme=light] body{background-image:none}.u-container,main,header,nav,footer,aside{position:relative;z-index:1}@media (prefers-reduced-motion: reduce){body{animation:none}body:before,body:after,#root:before,#root:after{animation:none}}.card{background:linear-gradient(145deg,color-mix(in srgb,var(--color-background-surface) 100%,var(--color-accent) 0%),var(--color-background-surface));border:1px solid var(--color-border-default);border-top-color:color-mix(in srgb,var(--color-border-default) 60%,var(--color-accent) 40%);box-shadow:var(--elevation-level1),0 0 0 0 transparent,inset 0 1px color-mix(in srgb,transparent 85%,white 15%);transition:box-shadow var(--motion-duration-base) var(--motion-easing-standard),border-color var(--motion-duration-base) var(--motion-easing-standard),transform var(--motion-duration-base) var(--motion-easing-standard)}.card:hover{border-top-color:color-mix(in srgb,var(--color-border-default) 30%,var(--color-accent) 70%);box-shadow:var(--elevation-level2),0 0 24px -8px color-mix(in srgb,var(--color-accent) 30%,transparent 70%),inset 0 1px color-mix(in srgb,transparent 80%,white 20%)}.btn-primary{background:linear-gradient(135deg,var(--color-accent) 0%,color-mix(in srgb,var(--color-accent) 80%,var(--color-status-info) 20%) 100%);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 35%,transparent 65%);position:relative;overflow:hidden}.btn-primary:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.18) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s var(--motion-easing-enter)}.btn-primary:not(:disabled):hover:after{transform:translate(100%)}.btn-primary:not(:disabled):hover{box-shadow:0 4px 16px color-mix(in srgb,var(--color-accent) 50%,transparent 50%);transform:translateY(-1px)}.btn-primary:not(:disabled):active{transform:translateY(0);box-shadow:0 2px 8px color-mix(in srgb,var(--color-accent) 35%,transparent 65%)}.btn-ghost:not(:disabled):hover{background:color-mix(in srgb,var(--color-background-overlay) 100%,var(--color-accent) 6%);border-color:color-mix(in srgb,var(--color-border-strong) 60%,var(--color-accent) 40%)}.btn-danger{background:linear-gradient(135deg,var(--color-status-danger),color-mix(in srgb,var(--color-status-danger) 80%,#ff0000 20%));color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--color-status-danger) 30%,transparent 70%);border-color:transparent;position:relative;overflow:hidden}.btn-danger:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(105deg,transparent 30%,rgba(255,255,255,.15) 50%,transparent 70%);transform:translate(-100%);transition:transform .5s var(--motion-easing-enter)}.btn-danger:not(:disabled):hover:after{transform:translate(100%)}.btn-danger:not(:disabled):hover{box-shadow:0 4px 16px color-mix(in srgb,var(--color-status-danger) 45%,transparent 55%);transform:translateY(-1px)}.input,.select{transition:border-color var(--motion-duration-fast) var(--motion-easing-standard),box-shadow var(--motion-duration-fast) var(--motion-easing-standard)}.input:focus,.select:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-accent) 20%,transparent 80%);outline:none}.table tr:not(:has(th)):hover td{background:color-mix(in srgb,var(--color-background-overlay) 100%,var(--color-accent) 5%)}.table th{background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-overlay) 100%,var(--color-accent) 8%) 0%,var(--color-background-overlay) 100%);letter-spacing:.02em}.badge-success{box-shadow:0 0 8px color-mix(in srgb,var(--color-status-success) 25%,transparent 75%)}.badge-danger{box-shadow:0 0 8px color-mix(in srgb,var(--color-status-danger) 25%,transparent 75%)}.badge-warn{box-shadow:0 0 8px color-mix(in srgb,var(--color-status-warn) 25%,transparent 75%)}.badge-info{box-shadow:0 0 8px color-mix(in srgb,var(--color-status-info) 20%,transparent 80%)}.modal{background:color-mix(in srgb,var(--color-background-surface) 90%,transparent 10%);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid color-mix(in srgb,var(--color-border-default) 70%,var(--color-accent) 30%);box-shadow:0 24px 64px #00000080,0 0 0 1px color-mix(in srgb,var(--color-accent) 10%,transparent 90%),inset 0 1px #ffffff0f}.modal-backdrop{background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.night-actions-modal{background:color-mix(in srgb,var(--color-background-surface) 92%,transparent 8%)!important;backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border:1px solid color-mix(in srgb,var(--color-border-default) 60%,var(--color-status-info) 40%)!important;box-shadow:0 24px 64px #00000080,0 0 32px -8px color-mix(in srgb,var(--color-status-info) 20%,transparent 80%),inset 0 1px #ffffff0d}.night-actions-modal .modal-header{border-bottom-color:var(--color-border-default)!important;color:var(--color-text-primary)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--color-background-overlay) 100%,var(--color-status-info) 8%) 0%,transparent 100%)}.night-actions-modal .modal-footer{border-top-color:var(--color-border-default)!important}.night-action-row{border-radius:var(--radius-sm);padding:8px var(--spacing-xs);transition:background var(--motion-duration-fast) var(--motion-easing-standard)}.night-action-row:hover{background:color-mix(in srgb,var(--color-background-overlay) 100%,var(--color-accent) 5%)}.alert{border-radius:var(--radius-sm);padding:var(--spacing-sm) var(--spacing-md);border:1px solid currentColor;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.alert-highlight{background:color-mix(in srgb,var(--color-status-background-info) 80%,transparent 20%);border-color:color-mix(in srgb,var(--color-status-info) 40%,transparent 60%);color:var(--color-status-info);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.phase-hero{border-radius:var(--radius-md);padding:var(--spacing-md);box-shadow:inset 0 1px #ffffff0d;transition:box-shadow var(--motion-duration-base) var(--motion-easing-standard)}.phase-hero--night{box-shadow:inset 0 1px #ffffff0d,0 0 24px -6px color-mix(in srgb,var(--color-status-info) 30%,transparent 70%)}.phase-hero--day-vote{box-shadow:inset 0 1px #ffffff0d,0 0 24px -6px color-mix(in srgb,var(--color-status-warn) 30%,transparent 70%)}.phase-hero--shootout{box-shadow:inset 0 1px #ffffff0d,0 0 24px -6px color-mix(in srgb,var(--color-status-danger) 30%,transparent 70%)}.phase-hero--finished{box-shadow:inset 0 1px #ffffff0d,0 0 24px -6px color-mix(in srgb,var(--color-status-success) 30%,transparent 70%)}.phase-hero--night,.phase-hero--opening,.phase-hero--intro-night{animation:phase-night-pulse 3s ease-in-out infinite}.phase-hero--shootout{animation:phase-shootout-pulse 1.6s ease-in-out infinite}@keyframes phase-night-pulse{0%,to{box-shadow:inset 0 1px #ffffff0d,0 0 24px -6px color-mix(in srgb,var(--color-status-info) 30%,transparent 70%)}50%{box-shadow:inset 0 1px #ffffff0d,0 0 40px -4px color-mix(in srgb,var(--color-status-info) 52%,transparent 48%)}}@keyframes phase-shootout-pulse{0%,to{box-shadow:inset 0 1px #ffffff0d,0 0 24px -6px color-mix(in srgb,var(--color-status-danger) 30%,transparent 70%)}50%{box-shadow:inset 0 1px #ffffff0d,0 0 48px -2px color-mix(in srgb,var(--color-status-danger) 58%,transparent 42%)}}@media (prefers-reduced-motion: reduce){.phase-hero--night,.phase-hero--opening,.phase-hero--intro-night,.phase-hero--shootout{animation:none}}.tab[aria-selected=true]{background:color-mix(in srgb,var(--color-accent-soft) 100%,transparent 0%);border-bottom-color:var(--color-accent);color:var(--color-accent);box-shadow:0 2px 8px -2px color-mix(in srgb,var(--color-accent) 30%,transparent 70%)}h1{background:linear-gradient(135deg,var(--color-text-primary) 40%,color-mix(in srgb,var(--color-text-primary) 60%,var(--color-accent) 40%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}h2{background:linear-gradient(135deg,var(--color-text-primary) 60%,color-mix(in srgb,var(--color-text-primary) 75%,var(--color-accent) 25%) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cockpit-seat-popover,.cockpit-rewind-popover{background:color-mix(in srgb,var(--color-background-surface) 85%,transparent 15%);backdrop-filter:blur(16px) saturate(1.3);-webkit-backdrop-filter:blur(16px) saturate(1.3);border-color:color-mix(in srgb,var(--color-border-default) 70%,var(--color-accent) 30%);box-shadow:var(--elevation-level2),inset 0 1px color-mix(in srgb,transparent 82%,white 18%)}.cockpit-action-bar{background:color-mix(in srgb,var(--color-background-surface) 75%,transparent 25%);backdrop-filter:blur(18px) saturate(1.3);-webkit-backdrop-filter:blur(18px) saturate(1.3);border-top-color:color-mix(in srgb,var(--color-border-default) 70%,var(--color-accent) 30%);box-shadow:0 -6px 24px #00000047,inset 0 1px color-mix(in srgb,transparent 80%,white 20%)}@property --orb-primary{syntax: "<color>"; inherits: false; initial-value: #4C8DFF;}@property --orb-secondary{syntax: "<color>"; inherits: false; initial-value: #4CA9FF;}body{--orb-primary: #4C8DFF;--orb-secondary: #4CA9FF;transition:--orb-primary 2.5s ease,--orb-secondary 2.5s ease}html[data-phase=day] body{--orb-primary: #F2B84B;--orb-secondary: #E87A3F}html[data-phase=shootout] body{--orb-primary: #F05B6E;--orb-secondary: #FF7744}html[data-phase=finished] body{--orb-primary: #3CCB7F;--orb-secondary: #4C8DFF}html:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 110% 55% at 68% -5%,rgba(255,200,75,.13) 0%,rgba(255,150,50,.06) 35%,transparent 65%);opacity:0;transition:opacity 3s ease}html[data-phase=day]:before{opacity:1}html:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:var(--color-background-app);opacity:0;transition:opacity 3.5s ease}html[data-phase=day]:after{opacity:.68}@media (prefers-reduced-motion: reduce){body{transition:none}html:before,html:after{transition:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb,var(--color-border-strong) 70%,var(--color-accent) 30%)}