.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-row{display:flex;justify-content:center;align-items:center;gap:24px}.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:var(--color-background-app);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-image:image-set(url(/maskahub.webp) type("image/webp"),url(/maskahub.png) type("image/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,color-mix(in srgb,var(--ui-scrim-strong) 67%,transparent) 0%,transparent 30%,transparent 55%,color-mix(in srgb,var(--color-background-app) 75%,transparent) 100%);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,var(--color-accent) 0%,var(--ui-ink-on-accent) 50%,var(--color-status-info) 100%);-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:color-mix(in srgb,var(--ui-ink-on-accent) 70%,transparent);font-weight:500;margin:0;letter-spacing:.04em}.login-page__desc{font-size:clamp(.78rem,2.5vw,.92rem);color:color-mix(in srgb,var(--ui-ink-on-accent) 40%,transparent);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:color-mix(in srgb,var(--ui-ink-on-accent) 50%,transparent);background:transparent;border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 15%,transparent);border-radius:8px;cursor:pointer;transition:color .2s,border-color .2s;-webkit-tap-highlight-color:transparent}.login-page__host-btn:hover{color:color-mix(in srgb,var(--ui-ink-on-accent) 85%,transparent);border-color:color-mix(in srgb,var(--ui-ink-on-accent) 35%,transparent)}@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:var(--ui-scrim-strong);-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:color-mix(in srgb,var(--color-background-surface) 97%,transparent);border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 10%,transparent);border-radius:20px 20px 0 0;padding:2rem 1.5rem 3rem;width:100%;box-shadow:0 -8px 48px color-mix(in srgb,black 75%,var(--ui-scrim-strong));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 color-mix(in srgb,black 75%,var(--ui-scrim-strong))}}@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:color-mix(in srgb,var(--ui-ink-on-accent) 20%,transparent);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:color-mix(in srgb,var(--ui-ink-on-accent) 8%,transparent);border:none;color:color-mix(in srgb,var(--ui-ink-on-accent) 60%,transparent);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:color-mix(in srgb,var(--ui-ink-on-accent) 15%,transparent);color:var(--ui-ink-on-accent)}.login-page__modal-title{margin:0 0 1.75rem;font-size:1.25rem;font-weight:700;text-align:center;color:var(--ui-ink-on-accent);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:var(--color-background-app);background-image:radial-gradient(ellipse at 20% 30%,color-mix(in srgb,var(--color-status-danger) 4%,transparent),transparent 60%),radial-gradient(ellipse at 80% 70%,color-mix(in srgb,var(--color-status-info) 4%,transparent),transparent 60%)}.staff-login__card{width:100%;max-width:360px;background:color-mix(in srgb,var(--color-background-overlay) 85%,transparent);border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 8%,transparent);border-radius:18px;padding:32px 28px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 40px color-mix(in srgb,var(--ui-scrim-strong) 67%,transparent);-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:color-mix(in srgb,var(--color-text-primary) 82%,transparent);text-align:center}.staff-login__subtitle{margin:0 0 12px;text-align:center;font-size:.78rem;color:var(--color-text-tertiary);letter-spacing:.04em}.staff-login__input{background:color-mix(in srgb,var(--ui-ink-on-accent) 4%,transparent);border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 10%,transparent);border-radius:10px;padding:12px 14px;color:var(--color-text-primary);font-size:.95rem;outline:none;transition:border-color .15s,background .15s}.staff-login__input:focus{border-color:color-mix(in srgb,var(--color-accent) 60%,transparent);background:color-mix(in srgb,var(--ui-ink-on-accent) 6%,transparent)}.staff-login__submit{margin-top:8px;padding:12px 18px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);color:var(--ui-ink-on-accent);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:var(--ui-status-danger-bg);border:1px solid var(--ui-status-danger-border);color:var(--ui-status-danger-ink);border-radius:8px;padding:10px 12px;font-size:.85rem}.staff-login__submit--secondary{margin-top:.5rem;background:transparent;border:1px solid currentColor}.staff-login__visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.staff-totp{min-height:100dvh;display:flex;align-items:flex-start;justify-content:center;padding:24px;background:var(--color-background-app)}.staff-totp__card{width:100%;max-width:520px;background:color-mix(in srgb,var(--color-background-overlay) 60%,transparent);border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 8%,transparent);border-radius:16px;padding:32px;color:color-mix(in srgb,var(--color-text-primary) 92%,transparent)}.staff-totp__title{margin:0 0 8px;font-size:1.5rem;font-weight:600}.staff-totp__subtitle{margin:0 0 24px;color:var(--color-text-secondary);font-size:.9rem}.staff-totp__section-title{margin:24px 0 8px;font-size:1.05rem;font-weight:600}.staff-totp__hint{margin:0 0 16px;color:var(--color-text-secondary);font-size:.85rem;line-height:1.5}.staff-totp__status{display:inline-block;padding:6px 12px;border-radius:999px;background:color-mix(in srgb,var(--ui-ink-on-accent) 6%,transparent);font-size:.85rem;margin-bottom:16px}.staff-totp__status--ok{background:var(--ui-status-success-bg);color:var(--ui-status-success-ink)}.staff-totp__error{background:var(--ui-status-danger-bg);border:1px solid var(--ui-status-danger-border);color:var(--ui-status-danger-ink);border-radius:8px;padding:10px 12px;font-size:.85rem;margin-bottom:16px}.staff-totp__input{width:100%;box-sizing:border-box;padding:12px 14px;background:color-mix(in srgb,var(--ui-ink-on-accent) 4%,transparent);border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 10%,transparent);border-radius:10px;color:inherit;font-size:1rem;margin-bottom:12px;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;letter-spacing:.1em}.staff-totp__btn{width:100%;box-sizing:border-box;padding:12px 16px;border-radius:10px;border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 15%,transparent);background:transparent;color:inherit;font-size:.95rem;font-weight:500;cursor:pointer}.staff-totp__btn:disabled{opacity:.5;cursor:not-allowed}.staff-totp__btn--primary{background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-hover) 100%);border-color:transparent}.staff-totp__btn--danger{background:var(--ui-status-danger-bg);border-color:var(--ui-status-danger-border);color:var(--ui-status-danger-ink)}.staff-totp__divider{margin:24px 0;border:none;border-top:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 6%,transparent)}.staff-totp__qr{display:block;margin:12px auto;border-radius:12px;background:var(--ui-ink-on-accent);padding:8px}.staff-totp__details{margin:12px 0;font-size:.85rem;color:var(--color-text-secondary)}.staff-totp__details summary{cursor:pointer;padding:4px 0}.staff-totp__secret{display:block;margin-top:8px;padding:8px;background:color-mix(in srgb,var(--ui-ink-on-accent) 4%,transparent);border-radius:6px;word-break:break-all;font-size:.9rem;color:color-mix(in srgb,var(--color-text-primary) 85%,transparent)}.staff-totp__backup-codes{list-style:none;padding:0;margin:0 0 16px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.staff-totp__backup-codes li{padding:8px 10px;background:color-mix(in srgb,var(--ui-ink-on-accent) 4%,transparent);border-radius:6px;text-align:center;font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9rem;letter-spacing:.05em}.duplicates-page{max-width:920px;margin:0 auto;padding:24px}.duplicates-page__header{margin-bottom:24px}.duplicates-page__header h1{margin:0 0 8px}.duplicates-page__empty{text-align:center;padding:48px 24px;background:color-mix(in srgb,var(--ui-ink-on-accent) 4%,transparent);border-radius:12px;font-size:1.1rem}.duplicates-page__list{list-style:none;padding:0;margin:0;display:grid;gap:16px}.duplicates-page__row{background:color-mix(in srgb,var(--ui-ink-on-accent) 3%,transparent);border:1px solid color-mix(in srgb,var(--ui-ink-on-accent) 8%,transparent);border-radius:12px;padding:16px}.duplicates-page__row-header{margin-bottom:12px;font-size:1rem}.duplicates-page__row-sides{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin-bottom:12px}.duplicates-page__side{padding:12px;background:color-mix(in srgb,var(--ui-ink-on-accent) 3%,transparent);border-radius:8px}.duplicates-page__side-title{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--color-text-tertiary);margin-bottom:4px}.duplicates-page__arrow{font-size:1.5rem;text-align:center;color:var(--color-text-tertiary)}.duplicates-page__preview{padding:12px;background:var(--color-status-background-info);border-radius:8px;margin-bottom:12px;display:grid;gap:6px;font-size:.9rem}.duplicates-page__actions{display:flex;gap:8px;flex-wrap:wrap}.alert{padding:10px 12px;border-radius:8px;margin:8px 0;font-size:.9rem}.alert-error{background:var(--ui-status-danger-bg);border:1px solid var(--ui-status-danger-border);color:var(--ui-status-danger-ink)}.alert-warning{background:var(--ui-status-warn-bg);border:1px solid var(--ui-status-warn-border);color:var(--ui-status-warn-ink)}.btn-danger{background:linear-gradient(135deg,var(--color-status-danger) 0%,color-mix(in srgb,var(--color-status-danger) 70%,black 30%) 100%);border-color:transparent;color:var(--ui-ink-on-accent)}.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}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.tour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-index-tooltip)}.tour-spot{position:fixed;border-radius:var(--radius-md);box-shadow:0 0 0 9999px var(--ui-scrim-strong);border:2px solid var(--color-accent);transition:top var(--motion-duration-slow) var(--motion-easing-standard),left var(--motion-duration-slow) var(--motion-easing-standard),width var(--motion-duration-slow) var(--motion-easing-standard),height var(--motion-duration-slow) var(--motion-easing-standard);pointer-events:none}.tour-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--ui-scrim-strong)}.tour-card{position:fixed;width:min(340px,calc(100vw - 32px));padding:var(--spacing-md);background:var(--color-background-surface);border:1px solid var(--color-border-strong);border-left:3px solid var(--color-accent);border-radius:var(--radius-md);box-shadow:var(--elevation-level3);display:grid;gap:var(--spacing-xs)}.tour-counter{margin:0;font-family:var(--typography-font-family-mono);font-size:var(--typography-font-size-xs);color:var(--color-text-tertiary)}.tour-title{margin:0;font-family:var(--typography-font-family-display);font-size:var(--typography-font-size-md);font-weight:var(--typography-font-weight-semibold);color:var(--color-text-primary)}.tour-text{margin:0;font-size:var(--typography-font-size-sm);line-height:var(--typography-line-height-relaxed);color:var(--color-text-secondary)}.tour-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);justify-content:flex-end;padding-top:var(--spacing-xxs)}@media (prefers-reduced-motion: reduce){.tour-spot{transition:none}}.shell{display:grid;grid-template-columns:236px minmax(0,1fr);min-height:100vh;background:var(--color-background-app)}.shell-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:var(--spacing-xxs);padding:var(--spacing-md) var(--spacing-sm);background:var(--color-background-overlay);border-right:1px solid var(--color-border-default);overflow-y:auto}.shell-logo{display:flex;align-items:center;gap:10px;padding:var(--spacing-xxs) var(--spacing-xs) var(--spacing-sm);background:none;border:none;cursor:pointer;text-align:left}.shell-mark{flex:none;width:28px;height:28px;border-radius:50%;object-fit:cover;box-shadow:-4px 0 10px -2px #ff642880,4px 0 10px -2px #3b82f680}.shell-word{font-family:var(--typography-font-family-display);font-weight:var(--typography-font-weight-semibold);font-size:12px;letter-spacing:.14em;white-space:nowrap}.shell-word-a{color:#ff8c5a}.shell-word-b{color:#5ea5ff}[data-theme=light] .shell-word-a{color:#e04e12}[data-theme=light] .shell-word-b{color:#2a6ef4}.shell-nav{display:flex;flex-direction:column;gap:var(--spacing-xxs)}.shell-nav-group{display:flex;flex-direction:column;gap:2px}.shell-nav-label{margin:0;padding:var(--spacing-sm) var(--spacing-xs) var(--spacing-xxs);font-family:var(--typography-font-family-display);font-size:10px;font-weight:var(--typography-font-weight-medium);letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-tertiary)}.shell-nav-item{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-xs);min-height:44px;padding:0 var(--spacing-xs) 0 10px;border:none;border-left:2px solid transparent;border-radius:var(--radius-sm);background:none;font-family:var(--typography-font-family-sans);font-size:var(--typography-font-size-sm);text-align:left;text-decoration:none;color:var(--color-text-secondary);cursor:pointer;transition:background var(--motion-duration-fast) var(--motion-easing-standard)}.shell-nav-item:hover{background:var(--color-background-surface);color:var(--color-text-primary)}.shell-nav-item--active{border-left-color:var(--color-accent);background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 16%,transparent),transparent 85%);color:var(--color-text-primary);font-weight:var(--typography-font-weight-semibold)}.shell-nav-item--button{width:100%}.shell-sidebar-foot{margin-top:auto;padding-top:var(--spacing-xs);border-top:1px solid var(--color-border-default);display:flex;flex-direction:column;gap:2px}.shell-main{display:flex;flex-direction:column;min-width:0}.shell-topbar{position:sticky;top:0;z-index:calc(var(--z-index-dropdown) - 10);display:flex;align-items:center;gap:var(--spacing-sm);min-height:var(--layout-header-height);padding:var(--spacing-xs) var(--spacing-lg);background:var(--color-background-surface);border-bottom:1px solid var(--color-border-default)}.shell-topbar-spacer{flex:1}.shell-session{font-size:var(--typography-font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.shell-impersonation{display:flex;gap:var(--spacing-xs);flex:none}.shell-tour-btn{flex:none;white-space:nowrap}.shell-burger{display:none;flex:none;flex-direction:column;justify-content:center;gap:4px;width:44px;height:44px;padding:12px;border:1px solid var(--color-border-default);border-radius:var(--radius-sm);background:none;cursor:pointer}.shell-burger span{display:block;height:2px;border-radius:2px;background:var(--color-text-primary)}.shell-content{flex:1;min-width:0}.shell-backdrop{display:none}.gtb{display:flex;align-items:center;gap:var(--spacing-sm);min-height:56px;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-background-surface);border-bottom:1px solid var(--color-border-default)}.gtb-back{min-width:44px;padding-inline:var(--spacing-xs)}.gtb-logo{padding:var(--spacing-xxs) var(--spacing-xs)}@media (max-width: 700px){.gtb .shell-session{display:none}.gtb .btn{padding-inline:var(--spacing-xs)}}@media (max-width: 920px){.shell{grid-template-columns:minmax(0,1fr)}.shell-sidebar{position:fixed;inset:0 auto 0 0;width:min(300px,84vw);z-index:var(--z-index-modal);transform:translate(-100%);transition:transform var(--motion-duration-slow) var(--motion-easing-enter);box-shadow:var(--elevation-level3)}.shell--nav-open .shell-sidebar{transform:translate(0)}.shell-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:calc(var(--z-index-modal) - 1);background:#00000080;opacity:0;pointer-events:none;transition:opacity var(--motion-duration-slow) var(--motion-easing-standard)}.shell--nav-open .shell-backdrop{opacity:1;pointer-events:auto}.shell-burger{display:flex}.shell-session{display:none}.shell-impersonation .btn{padding-inline:var(--spacing-xs)}}@media (prefers-reduced-motion: reduce){.shell-sidebar,.shell-backdrop{transition:none}}.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}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/unbounded-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF}@font-face{font-family:Unbounded;font-style:normal;font-weight:200 900;font-display:swap;src:url(/fonts/unbounded-cyrillic.woff2) format("woff2");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}: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: #FF6428;--color-accent-hover: #FF7A42;--color-accent-soft: #3A1A0C;--color-background-app: #0A0610;--color-background-board: #0F0818;--color-background-overlay: #150D1E;--color-background-surface: #1E1228;--color-background-timeline: #150D1E;--color-border-default: #2A1A36;--color-border-strong: #3F2752;--color-cockpit-highlight: #3F2752;--color-cockpit-selection: #2A1A36;--color-semantic-primary: #FF6428;--color-semantic-secondary: #FF8C5A;--color-semantic-tertiary: #8E7595;--color-status-background-danger: #3A1A1A;--color-status-background-info: #1A2240;--color-status-background-success: #163524;--color-status-background-warn: #3A2A10;--color-status-danger: #FF4444;--color-status-info: #3B82F6;--color-status-success: #3DDC84;--color-status-warn: #F5B94B;--color-text-inverse: #0A0610;--color-text-primary: #FFF0E8;--color-text-secondary: rgba(255, 240, 232, .65);--color-text-tertiary: rgba(255, 240, 232, .45);--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: #FF6428;--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-display: Unbounded, Inter, Segoe UI, sans-serif;--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-theme=maskahub]{--color-background-app: #0A0610;--color-background-board: #0F0818;--color-background-overlay: #150D1E;--color-background-surface: #1E1228;--color-background-timeline: #150D1E;--color-border-default: #2A1A36;--color-border-strong: #3F2752;--color-cockpit-highlight: #3F2752;--color-cockpit-selection: #2A1A36;--color-semantic-primary: #FF6428;--color-semantic-secondary: #FF8C5A;--color-semantic-tertiary: #8E7595;--color-status-background-danger: #3A1A1A;--color-status-background-info: #1A2240;--color-status-background-success: #163524;--color-status-background-warn: #3A2A10;--color-status-danger: #FF4444;--color-status-info: #3B82F6;--color-status-success: #3DDC84;--color-status-warn: #F5B94B;--color-text-inverse: #0A0610;--color-text-primary: #FFF0E8;--color-text-secondary: rgba(255, 240, 232, .65);--color-text-tertiary: rgba(255, 240, 232, .45);--focus-ring-color: #FF6428}[data-accent=fire]{--color-accent: #FF6428;--color-accent-hover: #FF7A42;--color-accent-soft: #3A1A0C}[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}:root{--ui-shine-soft: rgba(255, 255, 255, .18);--ui-shine-soft-alt: rgba(255, 255, 255, .15);--ui-shine-inset-soft: inset 0 1px 0 rgba(255, 255, 255, .05);--ui-shine-inset-md: inset 0 1px 0 rgba(255, 255, 255, .06);--ui-scrim-strong: rgba(0, 0, 0, .6);--ui-shadow-modal-deep: 0 24px 64px rgba(0, 0, 0, .5);--ui-shadow-actionbar-lift: 0 -6px 24px rgba(0, 0, 0, .28);--ui-shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .4);--ui-day-glow-core: rgba(255, 200, 75, .13);--ui-day-glow-edge: rgba(255, 150, 50, .06);--ui-ink-on-accent: #ffffff;--ui-check-shadow: 0 1px 3px rgba(0, 0, 0, .5);--ui-danger-deepen-tone: #ff0000;--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: var(--ui-ink-on-accent);--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: var(--ui-ink-on-accent);--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);--fear-leader-border-tone: #c084fc;--fear-leader-bg-tone: #3b1f5e;--fear-leader-ink: #e879f9;--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: var(--ui-status-info-bg);--players-open-border-hover: var(--ui-status-info-border);--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, color-mix(in srgb, var(--color-background-overlay) 96%, transparent) 0%, color-mix(in srgb, var(--color-background-surface) 95%, transparent) 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: var(--ui-ink-on-accent);--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);--theme-preview-dark-bg: #0E1525;--theme-preview-dark-topbar: #1E2D4A;--theme-preview-dark-card: #161F35;--theme-preview-light-bg: #F0F4FA;--theme-preview-light-topbar: #D8E2F5;--theme-preview-light-card: #FFFFFF;--theme-preview-maskahub-bg: #0A0610;--theme-preview-maskahub-topbar: #1E1228;--theme-preview-maskahub-card: #150D1E;--theme-preview-maskahub-card-accent: #FF6428}@media (pointer: coarse){:root{--action-icon-size: 44px}}.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)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:var(--ui-scrim-strong);z-index:1000;overflow-y:auto}.modal-overlay>.card{width:100%;max-width:480px;margin:auto}.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}@media (pointer: coarse){.action-icon-glyph{width:20px;height:20px;font-size:18px}.action-icon-loader{width:18px;height:18px}}@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-warn) 60%,transparent);background:color-mix(in srgb,var(--color-status-background-warn) 75%,transparent);color:var(--color-status-warn)}.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,var(--fear-leader-border-tone) 70%,transparent);background:color-mix(in srgb,var(--fear-leader-bg-tone) 85%,transparent);color:var(--fear-leader-ink)}.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:var(--theme-preview-dark-bg)}.theme-tile-preview--light{background:var(--theme-preview-light-bg)}.theme-tile-preview--maskahub{background:var(--theme-preview-maskahub-bg)}.theme-tile-preview-topbar{height:16px;flex-shrink:0}.theme-tile-preview--dark .theme-tile-preview-topbar{background:var(--theme-preview-dark-topbar)}.theme-tile-preview--light .theme-tile-preview-topbar{background:var(--theme-preview-light-topbar)}.theme-tile-preview--maskahub .theme-tile-preview-topbar{background:var(--theme-preview-maskahub-topbar)}.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:var(--theme-preview-dark-card)}.theme-tile-preview--light .theme-tile-preview-card{background:var(--theme-preview-light-card)}.theme-tile-preview--maskahub .theme-tile-preview-card{background:var(--theme-preview-maskahub-card);border-left:2px solid var(--theme-preview-maskahub-card-accent)}.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:var(--ui-ink-on-accent);font-size:16px;font-weight:700;line-height:1;text-shadow:var(--ui-check-shadow)}.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}--hero-*/--home-*/--portal-*/--entry-*/--action-icon-*/ --night-*/--owner-*/--license-*/--prep-badge-*/--modal-*/--cockpit-*/ --players-*/--platform-*/--posters-*) переехали в ui/styles/palette.css — там единственное разрешённое место для литералов вне tokens.css. ───────────────────────────────────────────── */ body{background-color:var(--color-background-app);position:relative;overflow-x:hidden}.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%,var(--ui-shine-soft) 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%,var(--ui-danger-deepen-tone) 20%));color:var(--ui-ink-on-accent);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%,var(--ui-shine-soft-alt) 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:var(--ui-shadow-modal-deep),0 0 0 1px color-mix(in srgb,var(--color-accent) 10%,transparent 90%),var(--ui-shine-inset-md)}.modal-backdrop{background:var(--ui-scrim-strong);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:var(--ui-shadow-modal-deep),0 0 32px -8px color-mix(in srgb,var(--color-status-info) 20%,transparent 80%),var(--ui-shine-inset-soft)}.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:var(--ui-shine-inset-soft);transition:box-shadow var(--motion-duration-base) var(--motion-easing-standard)}.phase-hero--night{box-shadow:var(--ui-shine-inset-soft),0 0 24px -6px color-mix(in srgb,var(--color-status-info) 30%,transparent 70%)}.phase-hero--day-vote{box-shadow:var(--ui-shine-inset-soft),0 0 24px -6px color-mix(in srgb,var(--color-status-warn) 30%,transparent 70%)}.phase-hero--shootout{box-shadow:var(--ui-shine-inset-soft),0 0 24px -6px color-mix(in srgb,var(--color-status-danger) 30%,transparent 70%)}.phase-hero--finished{box-shadow:var(--ui-shine-inset-soft),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:var(--ui-shine-inset-soft),0 0 24px -6px color-mix(in srgb,var(--color-status-info) 30%,transparent 70%)}50%{box-shadow:var(--ui-shine-inset-soft),0 0 40px -4px color-mix(in srgb,var(--color-status-info) 52%,transparent 48%)}}@keyframes phase-shootout-pulse{0%,to{box-shadow:var(--ui-shine-inset-soft),0 0 24px -6px color-mix(in srgb,var(--color-status-danger) 30%,transparent 70%)}50%{box-shadow:var(--ui-shine-inset-soft),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:var(--ui-shadow-actionbar-lift),inset 0 1px color-mix(in srgb,transparent 80%,white 20%)}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%,var(--ui-day-glow-core) 0%,var(--ui-day-glow-edge) 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%)}