:root{color-scheme:dark;font-family:Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased;--bg: #0e1114;--surface-1: #14181c;--surface-2: #1a1f24;--surface-3: #232930;--surface-hover: #2b323a;--border: #262c33;--border-strong: #353d46;--overlay: rgba(20, 24, 28, .9);--text: #e7eaee;--text-2: #a4adb8;--text-3: #6f7883;--accent: #3b82f6;--accent-strong: #2563eb;--accent-soft: rgba(59, 130, 246, .16);--c-online: #22c55e;--c-plans: #a78bfa;--c-phases: #fbbf24;--c-draw: #f472b6;--c-chars: #38bdf8;--c-danger: #ef4444;--c-live: #ef4444;--c-success: #22c55e;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--shadow: 0 12px 32px rgba(0, 0, 0, .45);--ease: cubic-bezier(.2, .7, .2, 1);--fast: .12s}*{box-sizing:border-box;scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}html,body,#root{margin:0;height:100%;background:var(--bg);color:var(--text)}.num{font-variant-numeric:tabular-nums}.icon{flex:none;display:block}.icon--filled{fill:currentColor}button{display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;background:var(--surface-3);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:5px 10px;font:inherit;font-size:.82rem;font-weight:500;line-height:1.2;transition:background-color var(--fast),border-color var(--fast),color var(--fast),box-shadow var(--fast)}button:hover:not(:disabled){background:var(--surface-hover)}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:1px}button:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--tone, var(--accent-strong));border-color:var(--tone, var(--accent-strong));color:#fff;font-weight:600}.btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--tone, var(--accent-strong)) 85%,#fff)}.btn--ghost{background:transparent;border-color:transparent;color:var(--text-2)}.btn--ghost:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.btn--tone{background:color-mix(in srgb,var(--tone, var(--accent)) 14%,transparent);border-color:color-mix(in srgb,var(--tone, var(--accent)) 45%,transparent);color:color-mix(in srgb,var(--tone, var(--accent)) 70%,#fff)}.btn--tone:hover:not(:disabled){background:color-mix(in srgb,var(--tone, var(--accent)) 24%,transparent)}.btn--danger{border-color:color-mix(in srgb,var(--c-danger) 45%,transparent);color:#fca5a5;background:transparent}.btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger) 18%,transparent)}.icon-btn{width:26px;height:26px;padding:0;background:transparent;border-color:transparent;color:var(--text-2)}.icon-btn:hover:not(:disabled){background:var(--surface-hover);color:var(--text)}.icon-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger) 20%,transparent);color:#fca5a5}.icon-btn--on{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,transparent);color:#bfdbfe}input,select,textarea{font:inherit;font-size:.85rem;background:var(--surface-1);color:var(--text);border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:6px 8px;transition:border-color var(--fast),box-shadow var(--fast)}input:focus,select:focus,textarea:focus{border-color:var(--accent)}input[type=range]{padding:0;border:none;background:transparent;accent-color:var(--accent)}@keyframes rise-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.entry-screen{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:radial-gradient(ellipse at 50% 0%,#1c2733 0%,var(--bg) 60%)}.entry-screen__card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:14px;padding:28px 28px 24px;border:1px solid var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow);text-align:center;animation:rise-in .22s var(--ease)}.entry-screen__title{margin:0;font-family:Cinzel,Georgia,serif;font-weight:800;font-size:1.9rem;letter-spacing:.04em}.entry-screen__subtitle{margin:-6px 0 6px;color:var(--text-2);font-size:.88rem}.entry-screen label{display:flex;flex-direction:column;gap:5px;text-align:left;font-size:.8rem;font-weight:500;color:var(--text-2)}.entry-screen input{padding:8px 10px;font-size:.92rem}.entry-screen__card>button,.entry-screen__join button{padding:8px 12px;font-size:.9rem}.entry-screen__join{display:flex;flex-direction:column;gap:8px}.entry-screen__divider{display:flex;align-items:center;gap:10px;color:var(--text-3);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.entry-screen__divider:before,.entry-screen__divider:after{content:"";flex:1;height:1px;background:var(--border)}.app-layout{display:flex;flex-direction:column;height:100%}.app-header{display:flex;align-items:center;gap:12px;min-height:52px;padding:8px 14px;background:var(--surface-1);border-bottom:1px solid var(--border);overflow-x:clip}.app-header[data-fit~="1"] .fold-1,.app-header[data-fit~="2"] .fold-2,.app-header[data-fit~="3"] .fold-3,.app-header[data-fit~="4"] .fold-4{display:none}.app-header[data-fit~="5"],.app-header[data-fit~="5"] .toolbar{flex-wrap:wrap}.app-header[data-fit~="5"] .toolbar{flex-shrink:1;min-width:0}.app-header__brand{display:flex;align-items:center;gap:8px;flex:none}.app-header__logo{flex:none;filter:drop-shadow(0 1px 2px rgba(0,0,0,.6))}.app-header__name{font-family:Cinzel,Georgia,serif;font-weight:800;font-size:1rem;letter-spacing:.04em;color:#f3f4f6;white-space:nowrap}.room-chip{flex:none;gap:6px;padding:4px 8px 4px 10px;border-radius:999px;background:var(--surface-2);border-color:var(--border-strong);color:var(--text-2)}.room-chip__label{font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--text-3)}.room-chip__code{font-weight:700;letter-spacing:.04em;color:var(--text)}.room-chip--copied{border-color:color-mix(in srgb,var(--c-success) 60%,transparent);color:#86efac}.room-switcher{position:relative;flex:none}.room-switcher__badge{min-width:18px;padding:1px 5px;border-radius:999px;background:var(--c-online);color:#052e16;font-size:.7rem;font-weight:700;line-height:1.3;text-align:center}.room-switcher__panel{position:absolute;top:calc(100% + 10px);left:0;z-index:16777280;width:330px;display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px}.room-switcher__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:50vh;overflow-y:auto}.room-switcher__room{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px 8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-align:left;font-size:.85rem;font-weight:400}.room-switcher__room:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.room-switcher__room--here{border-color:color-mix(in srgb,var(--c-online) 45%,transparent);background:color-mix(in srgb,var(--c-online) 8%,var(--surface-2))}.room-switcher__head{display:flex;align-items:center;gap:8px;min-width:0}.room-switcher__code{font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere}.room-switcher__here{padding:1px 7px;border-radius:999px;background:color-mix(in srgb,var(--c-online) 18%,transparent);color:#86efac;font-size:.7rem;font-weight:600;white-space:nowrap}.room-switcher__count{display:inline-flex;align-items:center;gap:3px;color:var(--text-2);font-size:.75rem}.room-switcher__users{grid-column:1;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.78rem;color:var(--text-2)}.room-switcher__user{display:inline-flex;align-items:center;gap:5px}.room-switcher__dot{flex:none;width:7px;height:7px;border-radius:50%}.room-switcher__go{grid-column:2;grid-row:1 / span 2;color:var(--text-3);transition:color var(--fast),transform var(--fast)}.room-switcher__room:hover .room-switcher__go{color:var(--c-online);transform:translate(2px)}.room-switcher__join{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.room-switcher__label{font-size:.75rem;font-weight:600;color:var(--text-2)}.room-switcher__join-row{display:flex;gap:6px}.room-switcher__join-row input{flex:1;min-width:0}.room-switcher .btn--primary{color:#052e16}.room-switcher__error,.room-menu__error{margin:0;color:#fca5a5;font-size:.78rem;line-height:1.35}.segmented{display:flex;gap:2px;padding:3px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border)}.segmented__opt{flex:1;border:none;background:transparent;color:var(--text-2);padding:6px 12px;font-weight:600}.segmented__opt--on,.segmented__opt--on:hover:not(:disabled){background:var(--accent-strong);color:#fff;box-shadow:0 1px 2px #0006}.entry-screen__notice,.entry-screen__error,.entry-screen__hint{margin:0;padding:8px 10px;border-radius:var(--radius-sm);font-size:.82rem;line-height:1.4;text-align:left}.entry-screen__notice{border:1px solid color-mix(in srgb,var(--c-phases) 45%,transparent);background:color-mix(in srgb,var(--c-phases) 10%,transparent);color:#fde68a}.entry-screen__error{border:1px solid color-mix(in srgb,var(--c-danger) 45%,transparent);background:color-mix(in srgb,var(--c-danger) 10%,transparent);color:#fca5a5}.entry-screen__hint{display:flex;align-items:flex-start;gap:8px;padding:0 2px;color:var(--text-2)}.entry-screen__hint .icon{margin-top:1px;color:var(--c-phases)}.password-field{position:relative;display:flex}.password-field input{flex:1;min-width:0;padding-right:38px}.password-field__toggle{position:absolute;top:50%;right:5px;transform:translateY(-50%)}.avatar{flex:none;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#0b0d10;font-size:.78rem;font-weight:800;box-shadow:inset 0 0 0 2px #ffffff2e}.role-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c-phases) 55%,transparent);background:color-mix(in srgb,var(--c-phases) 14%,transparent);color:#fcd34d;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.entry-screen__card--rooms{max-width:460px}.entry-screen__account{display:flex;align-items:center;gap:8px;margin:-10px -12px 0;padding-bottom:10px;border-bottom:1px solid var(--border);text-align:left}.entry-screen__hello{flex:1;min-width:0;display:flex;align-items:center;gap:6px;font-size:.88rem;color:var(--text-2)}.entry-screen__hello strong{color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-rooms{display:flex;flex-direction:column;gap:8px;text-align:left}.entry-rooms__title{display:flex;align-items:center;gap:7px;margin:0;font-size:.88rem;font-weight:600;--tone: var(--c-online)}.entry-rooms__title .icon{color:var(--c-online)}.entry-rooms__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;max-height:min(40vh,340px);overflow-y:auto}.entry-rooms__room{width:100%;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:3px 8px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2);color:var(--text);text-align:left;font-weight:400}.entry-rooms__room:hover:not(:disabled){background:var(--surface-3);border-color:color-mix(in srgb,var(--c-online) 45%,transparent)}.entry-rooms__head{display:flex;align-items:center;gap:8px;min-width:0}.entry-rooms__code{font-weight:700;letter-spacing:.04em;overflow-wrap:anywhere}.entry-rooms__tag{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:.7rem;font-weight:600;white-space:nowrap}.entry-rooms__tag--mine{background:color-mix(in srgb,var(--c-phases) 16%,transparent);color:#fcd34d}.entry-rooms__meta{grid-column:1;font-size:.75rem;color:var(--text-3)}.entry-rooms__online{grid-column:1;display:flex;flex-wrap:wrap;gap:2px 10px;font-size:.78rem;color:#86efac}.entry-rooms__person{display:inline-flex;align-items:center;gap:5px}.entry-rooms__go{grid-column:2;grid-row:1 / span 3;color:var(--text-3);transition:color var(--fast),transform var(--fast)}.entry-rooms__room:hover .entry-rooms__go{color:var(--c-online);transform:translate(2px)}.room-menu{position:relative;flex:none}.room-chip--open{border-color:color-mix(in srgb,var(--c-online) 55%,transparent);background:color-mix(in srgb,var(--c-online) 10%,var(--surface-2))}.room-menu__panel{position:absolute;top:calc(100% + 10px);left:0;z-index:16777280;width:320px;display:flex;flex-direction:column;gap:10px;padding:10px 12px 12px}.room-menu__copy--done{border-color:color-mix(in srgb,var(--c-success) 60%,transparent);color:#86efac}.room-menu__hint{margin:-4px 0 0;font-size:.75rem;color:var(--text-3);line-height:1.35}.room-menu__owner{display:flex;align-items:center;gap:7px;font-size:.82rem;color:var(--text-2)}.room-menu__owner .icon{color:var(--c-phases)}.room-menu__owner strong{color:var(--text)}.room-menu__label{display:flex;align-items:center;gap:6px;font-size:.75rem;font-weight:600;color:var(--text-2)}.room-menu__members{list-style:none;margin:-4px 0 0;padding:0;display:flex;flex-direction:column;gap:2px;max-height:30vh;overflow-y:auto}.room-menu__members li{display:flex;align-items:center;gap:8px;min-height:28px;padding:0 2px 0 6px;border-radius:var(--radius-sm);font-size:.84rem}.room-menu__members li:hover{background:var(--surface-3)}.room-menu__dot{flex:none;width:8px;height:8px;border-radius:50%}.room-menu__name{flex:1;min-width:0;overflow-wrap:anywhere}.room-menu__online{color:#86efac;font-size:.7rem;font-weight:600}.room-menu__add{display:flex;gap:6px;padding-top:10px;border-top:1px solid var(--border)}.room-menu__add input{flex:1;min-width:0}.room-menu .btn--primary{color:#052e16}.user-menu{position:relative;flex:none}.user-menu__button{gap:7px;padding:3px 8px 3px 3px;border-radius:999px;background:var(--surface-2);border-color:var(--border-strong);color:var(--text)}.user-menu__button .icon{color:var(--text-3)}.user-menu__button--open{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}.user-menu__name{max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.user-menu__panel{position:absolute;top:calc(100% + 10px);right:0;z-index:16777280;width:220px;display:flex;flex-direction:column;gap:2px;padding:6px}.user-menu__who{display:flex;flex-direction:column;gap:1px;padding:6px 8px 8px;margin-bottom:4px;border-bottom:1px solid var(--border);font-size:.85rem}.user-menu__who span{font-size:.74rem;color:var(--text-3)}.user-menu__item{justify-content:flex-start;gap:8px;padding:7px 8px;background:transparent;border-color:transparent;color:var(--text);font-weight:500}.user-menu__item .icon{color:var(--text-2)}.user-menu__item--danger,.user-menu__item--danger .icon{color:#fca5a5}.user-menu__item--danger:hover:not(:disabled){background:color-mix(in srgb,var(--c-danger) 16%,transparent)}.admin-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:16777290;display:flex;align-items:flex-start;justify-content:center;padding:48px 16px 24px;background:#0507099e;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .14s var(--ease)}.admin-panel{width:min(900px,100%);max-height:100%;display:flex;flex-direction:column;gap:12px;padding:14px 16px 16px;border-top:3px solid var(--c-phases);background:var(--surface-1)}.admin-panel__header{display:flex;align-items:center;gap:12px}.admin-panel__header>.icon-btn{align-self:flex-start;margin-left:auto}.admin-panel__crest{flex:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius);background:color-mix(in srgb,var(--c-phases) 14%,transparent);border:1px solid color-mix(in srgb,var(--c-phases) 45%,transparent);color:#fcd34d}.admin-panel__heading h2{margin:0;font-family:Cinzel,Georgia,serif;font-size:1.15rem;font-weight:800;letter-spacing:.03em}.admin-panel__heading p{margin:2px 0 0;font-size:.78rem;color:var(--text-3)}.admin-panel__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.admin-stat{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.admin-stat__value{font-size:1.4rem;font-weight:800;line-height:1.1}.admin-stat__label{font-size:.74rem;color:var(--text-3)}.admin-stat--online{border-color:color-mix(in srgb,var(--c-online) 40%,transparent);background:color-mix(in srgb,var(--c-online) 8%,var(--surface-2))}.admin-stat--online .admin-stat__value{color:#86efac}.admin-panel__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.admin-panel__tabs{display:flex;flex-wrap:wrap;gap:2px;padding:3px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border)}.admin-tab{border:none;background:transparent;color:var(--text-2);padding:5px 10px;font-weight:600}.admin-tab--on,.admin-tab--on:hover:not(:disabled){background:var(--surface-3);color:var(--text);box-shadow:inset 0 -2px 0 var(--c-phases)}.admin-tab__count{min-width:18px;padding:0 5px;border-radius:999px;background:var(--surface-hover);font-size:.7rem;text-align:center}.admin-panel__search{flex:1;min-width:180px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-1);color:var(--text-3)}.admin-panel__search input{flex:1;min-width:0;border:none;background:transparent;padding:6px 0}.admin-panel__search:focus-within{border-color:var(--accent)}.admin-panel__search input:focus-visible{outline:none}.admin-panel__message{display:flex;align-items:center;gap:8px;margin:0;padding:6px 6px 6px 10px;border-radius:var(--radius-sm);border:1px solid color-mix(in srgb,var(--c-online) 40%,transparent);background:color-mix(in srgb,var(--c-online) 10%,transparent);color:#bbf7d0;font-size:.82rem}.admin-panel__message .icon-btn{margin-left:auto}.admin-panel__message--error{border-color:color-mix(in srgb,var(--c-danger) 45%,transparent);background:color-mix(in srgb,var(--c-danger) 10%,transparent);color:#fca5a5}.admin-panel__body{min-height:120px;overflow-y:auto}.admin-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.admin-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:8px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-2)}.admin-row--blocked{border-color:color-mix(in srgb,var(--c-danger) 35%,transparent);background:color-mix(in srgb,var(--c-danger) 6%,var(--surface-2))}.admin-row__main{flex:1;min-width:200px;display:flex;flex-direction:column;gap:2px}.admin-row__name{display:flex;flex-wrap:wrap;align-items:center;gap:6px;font-weight:600;font-size:.9rem}.admin-row__code{letter-spacing:.04em}.admin-row__me{color:var(--text-3);font-weight:500}.admin-row__sub{display:flex;align-items:center;gap:5px;font-size:.76rem;color:var(--text-3)}.admin-row__chips,.admin-row__actions{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.admin-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--c-online) 45%,transparent);background:color-mix(in srgb,var(--c-online) 12%,transparent);color:#bbf7d0;font-size:.76rem;font-weight:600;letter-spacing:.02em}button.admin-chip:hover:not(:disabled){background:color-mix(in srgb,var(--c-online) 22%,transparent)}.admin-chip--here{box-shadow:0 0 0 2px color-mix(in srgb,var(--c-online) 35%,transparent)}.admin-chip--idle{border-color:var(--border-strong);background:transparent;color:var(--text-3);font-weight:500}.admin-chip--person{border-color:var(--border-strong);background:var(--surface-3);color:var(--text);font-weight:500}.admin-row__password{flex-basis:100%;display:flex;flex-wrap:wrap;gap:6px}.admin-row__password input{flex:1;min-width:200px}.status{display:inline-flex;align-items:center;gap:3px;padding:1px 7px;border-radius:999px;background:var(--surface-3);color:var(--text-3);font-size:.68rem;font-weight:600}.status--online{background:color-mix(in srgb,var(--c-online) 16%,transparent);color:#86efac}.status--blocked{background:color-mix(in srgb,var(--c-danger) 16%,transparent);color:#fca5a5}@media(max-width:640px){.admin-backdrop{padding:12px 8px}.admin-stat{padding:6px 8px}}.entry-logo{display:block;margin:0 auto 2px;filter:drop-shadow(0 6px 14px rgba(0,0,0,.6))}.app-body{display:flex;flex:1;min-height:0}.app-sidebar{flex:none;width:272px;display:flex;flex-direction:column;gap:10px;padding:10px;overflow-y:auto;background:var(--surface-1);border-right:1px solid var(--border)}.app-layout--map-only .app-header,.app-layout--map-only .app-sidebar,.app-layout--map-only .app-main>:not(.scene-wrapper),.app-layout--map-only .minimap,.app-layout--map-only .minimap-zoom{display:none!important}.map-only-hint{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:1000;padding:6px 12px;border-radius:999px;background:#111316d9;color:#e5e7eb;font-size:.8rem;pointer-events:none;animation:map-only-hint 2.5s ease forwards}@keyframes map-only-hint{0%,70%{opacity:1}to{opacity:0}}.app-main{flex:1;min-width:0;position:relative}.scene-wrapper{position:relative;width:100%;height:100%}.scene-loading{display:flex;align-items:center;justify-content:center;color:#9aa4ae}.scene-overlay{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:#1a1d21cc;padding:8px 12px;border-radius:6px;border:1px solid #2a2f36;z-index:1000}.scene-overlay>*{white-space:nowrap}.connection-status{position:absolute;top:10px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;background:color-mix(in srgb,#f59e0b 22%,var(--surface-1));border:1px solid color-mix(in srgb,#f59e0b 55%,transparent);color:#fde68a;padding:5px 12px;border-radius:999px;box-shadow:var(--shadow);font-size:.8rem;font-weight:500;z-index:10;animation:fade-in .2s var(--ease)}.toolbar{flex:none;display:flex;align-items:center;gap:10px}.toolbar__group{display:flex;align-items:center;gap:4px}.toolbar__group+.toolbar__group{padding-left:10px;border-left:1px solid var(--border)}.tool-btn{position:relative;white-space:nowrap;background:transparent;border-color:transparent;color:var(--text-2)}.tool-btn .icon{color:var(--tone, var(--accent))}.tool-btn:hover:not(:disabled){background:var(--surface-3);color:var(--text)}.tool-btn--on,.tool-btn--on:hover:not(:disabled){background:color-mix(in srgb,var(--tone, var(--accent)) 18%,transparent);border-color:color-mix(in srgb,var(--tone, var(--accent)) 55%,transparent);color:var(--text)}.tool-btn__dot{width:6px;height:6px;border-radius:50%;background:var(--c-phases)}.character-gallery{position:absolute;top:12px;right:12px;bottom:12px;left:12px;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 40%,#3b4a5c,#161a20);border:1px solid var(--border-strong);border-top:2px solid var(--c-chars);border-radius:var(--radius-lg);box-shadow:var(--shadow);overflow:hidden;animation:rise-in .18s var(--ease);z-index:16777272}.character-gallery__header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px 8px 14px;background:var(--surface-1);border-bottom:1px solid var(--border)}.character-gallery__title{display:flex;align-items:center;gap:8px;font-weight:600}.character-gallery__title .icon{color:var(--c-chars)}.character-gallery__actions{display:flex;align-items:center;gap:6px}.character-gallery__label{display:flex;flex-direction:column;align-items:center;color:#f3f4f6;font-size:.8rem;line-height:1.25;white-space:nowrap;text-shadow:0 1px 2px #000;pointer-events:none}.character-gallery__label span{color:#fcd34d;font-size:.68rem}.character-gallery__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--text-2)}.float-card{background:var(--overlay);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise-in .16s var(--ease)}.float-card__header{display:flex;align-items:center;gap:8px;font-weight:600}.float-card__header>.icon-btn:last-child{margin-left:auto}.float-card__icon{color:var(--tone, var(--text-2))}.squad-editor{position:absolute;top:12px;max-height:calc(100% - 24px);width:348px;display:flex;flex-direction:column;gap:8px;padding:10px 10px 12px;border-top:3px solid var(--tone);overflow-y:auto;z-index:16777272;font-size:.8rem}.squad-editor__header{padding-bottom:8px;border-bottom:1px solid var(--border)}.squad-editor__title{display:flex;flex-direction:column;min-width:0}.squad-editor__name{font-family:Cinzel,Georgia,serif;font-weight:800;letter-spacing:.05em;text-transform:uppercase;font-size:.9rem;color:#f3f4f6}.squad-editor__counts{font-size:.72rem;font-weight:400;color:var(--text-2)}.squad-editor__section{display:flex;justify-content:space-between;align-items:center;margin-top:2px;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.squad-editor__section span{display:flex;gap:4px;text-transform:none;letter-spacing:0}.squad-editor__all{padding:3px 8px;font-size:.72rem}.squad-editor__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.squad-editor__pick{justify-content:flex-start;gap:6px;text-align:left;font-size:.76rem;padding:4px 6px;background:var(--surface-2);border-color:var(--border)}.squad-editor__pick:hover:not(:disabled){border-color:var(--border-strong)}.squad-editor__pick--wbct{grid-column:1 / -1;font-weight:600;border-color:#b45309}.squad-editor__members{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.squad-editor__members li{display:flex;align-items:center;gap:6px;padding:4px;border-radius:var(--radius-sm);background:var(--surface-2)}.squad-editor__members li.panel__empty{background:none}.squad-editor__members li>span{flex:1}.squad-editor__member{display:flex;flex-direction:column;min-width:0}.squad-editor__kda{display:flex;align-items:center;gap:4px;margin-top:3px;font-size:.7rem;color:var(--text-2)}.squad-editor__kda label{display:flex;align-items:center;gap:2px}.squad-editor__kda input{width:28px;font-size:.75rem;padding:1px 3px;text-align:right;background:var(--bg);border-color:var(--border);border-radius:4px;font-variant-numeric:tabular-nums}.squad-editor__kd{margin-left:auto;white-space:nowrap;color:var(--text);font-variant-numeric:tabular-nums}.squad-editor__class{font-size:.72rem;color:var(--text-2)}.squad-editor__nick{width:100%;font-size:.8rem;padding:2px 5px;background:var(--bg);border-color:var(--border);border-radius:4px}.squad-editor__leader{color:var(--text-3)}.squad-editor__leader--on,.squad-editor__leader--on:hover:not(:disabled){color:#facc15;background:#facc151f}.squad-panel__add{display:flex;gap:6px;margin-bottom:8px}.squad-panel__add select,.squad-panel__rename{flex:1;min-width:0;padding:4px 6px;font-size:.8rem}.squad-panel__add button{flex:none}.squad-panel{border-top:3px solid var(--tone);padding:8px}.squad-panel__team{color:color-mix(in srgb,var(--tone) 55%,#fff);font-size:.95rem!important;letter-spacing:.02em}.squad-panel__teams--over{background:color-mix(in srgb,var(--c-danger) 25%,transparent)!important;color:#fca5a5!important}.member-nick{display:flex;align-items:center;gap:3px;font-size:12px;font-weight:700;white-space:nowrap;text-shadow:0 0 3px #000,0 0 3px #000,0 0 2px #000;-webkit-user-select:none;user-select:none}.member-nick__crown{color:#facc15;margin-right:3px}.facing-bar{position:absolute;bottom:16px;left:50%;transform:translate(-50%);display:flex;gap:8px;align-items:center;background:var(--overlay);border:1px solid var(--border-strong);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:6px 10px;font-size:.85rem;white-space:nowrap;animation:fade-in .16s var(--ease)}.facing-bar__label{display:flex;align-items:center;gap:6px;font-weight:600}.facing-bar__label .icon{color:var(--text-2)}.facing-bar__value{min-width:36px;text-align:right;color:var(--text-2)}.facing-bar input[type=range]{width:160px}.squad-editor__fly--on{background:color-mix(in srgb,#22d3ee 22%,transparent);border-color:color-mix(in srgb,#22d3ee 60%,transparent);color:#a5f3fc}.squad-editor__toggles{display:flex;flex-direction:column;gap:2px}.squad-editor__toggles button{min-width:66px;padding:2px 6px;font-size:.7rem;border-radius:999px}.squad-editor__fly--beast{background:color-mix(in srgb,#f59e0b 22%,transparent);border-color:color-mix(in srgb,#f59e0b 60%,transparent);color:#fde68a}.squad-editor__fly--ct{background:color-mix(in srgb,#fb923c 22%,transparent);border-color:color-mix(in srgb,#fb923c 60%,transparent);color:#fed7aa}.squad-panel__teams{padding:2px 8px;border-radius:999px;background:var(--surface-3);color:var(--text-2);font-size:.72rem;font-weight:600}.squad-editor--left{left:12px}.squad-editor--right{right:12px}.app-sidebar--right{width:450px;border-right:none;border-left:1px solid var(--border)}.app-sidebar__teams{min-width:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;align-items:start}.squad-panel__wing{--wing: #f59e0b;list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:3px 5px;margin:2px 0 4px;padding:4px 6px;border-radius:4px;border-left:3px solid var(--wing);background:color-mix(in srgb,var(--wing) 16%,transparent);color:var(--wing);font-family:Cinzel,Georgia,serif;font-size:.78rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}.squad-panel__wing--defense{--wing: #22d3ee}.squad-panel__wing-icon{flex:none}.squad-panel__wing-counts{margin-left:auto;display:flex;gap:2px}.squad-panel__wing-count{display:inline-flex;align-items:center;gap:2px;white-space:nowrap;min-width:20px;padding:0 4px;border-radius:999px;background:var(--wing);color:#111316;font-family:system-ui,sans-serif;font-size:.64rem;font-weight:800;letter-spacing:0;text-align:center}.squad-panel__divider{position:relative;margin-top:12px;cursor:grab;-webkit-user-select:none;user-select:none}.squad-panel__divider:before{content:"";position:absolute;left:0;right:0;top:-7px;border-top:2px dashed #6b7280}.squad-panel__grip{margin:0 -3px 0 -4px;color:var(--text-3)}.squad-panel__divider:hover:before{border-top-color:#facc15}.squad-panel__divider:hover .squad-panel__grip{color:#facc15}.squad-panel__empty{font-size:.78rem;color:var(--text-3);padding:4px 0}.panel{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);padding:10px}.panel__header{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px}.panel__header h2{font-size:.88rem;font-weight:600;margin:0}.panel__title{display:flex;align-items:center;gap:7px;min-width:0;white-space:nowrap}.panel__icon{color:var(--tone, var(--text-2))}.panel__count{min-width:20px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--tone, var(--text-2)) 16%,transparent);color:color-mix(in srgb,var(--tone, var(--text-2)) 75%,#fff);font-size:.7rem;font-weight:700;text-align:center}.panel__empty{font-size:.8rem;color:var(--text-3);padding:4px 2px;line-height:1.4}.panel ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:2px}.row-actions{flex:none;display:flex;align-items:center;gap:2px}.phase-panel__item,.squad-panel__item{padding:6px 8px;border-radius:var(--radius-sm);font-size:.85rem;cursor:pointer;transition:background-color var(--fast),box-shadow var(--fast)}.phase-panel__item:hover,.squad-panel__item:hover{background:var(--surface-3)}.squad-panel__item--active,.squad-panel__item--active:hover{background:var(--accent-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 70%,transparent)}.phase-panel__item--active,.phase-panel__item--active:hover{background:color-mix(in srgb,var(--c-phases) 12%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--c-phases) 55%,transparent)}.squad-panel__name{flex:none;min-width:0;display:flex;align-items:center}.squad-panel__label{min-width:0;overflow-wrap:break-word;line-height:1.2}.participants-list{flex:none;display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:.78rem;font-weight:500;color:var(--text-2);background:var(--surface-2);border:1px solid var(--border);border-radius:999px;padding:4px 10px;cursor:default}.participants-list__dot{width:7px;height:7px;border-radius:50%;background:var(--c-online);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-online) 22%,transparent)}.online-panel__user{display:flex;align-items:center;gap:8px;padding:3px 6px;font-size:.85rem}.online-panel__dot{flex:none;width:8px;height:8px;border-radius:50%}.online-panel__name{min-width:0;overflow-wrap:anywhere}.online-panel__me{font-size:.72rem;color:var(--text-3)}.map-label{background:#0f1114d9;color:#e5e7eb;padding:2px 6px;border-radius:4px;font-size:.7rem;white-space:nowrap;pointer-events:none}.map-label--dimmed{opacity:.35}.map-label--small{font-size:.6rem;padding:1px 4px;opacity:.85}.minimap{position:absolute;right:12px;bottom:12px;z-index:1000;-webkit-user-select:none;user-select:none;pointer-events:none}.minimap-map{position:absolute;border-radius:50%;overflow:hidden;background-repeat:no-repeat;background-color:#2c3a22;cursor:pointer;pointer-events:auto}.minimap-pt{position:absolute;pointer-events:none;filter:drop-shadow(0 1px 1px #000)}.minimap-player{position:absolute;z-index:2;pointer-events:none;image-rendering:pixelated}.minimap-layer{position:absolute;pointer-events:none}.class-icon{flex:none;vertical-align:middle;-webkit-user-select:none;user-select:none}.squad-panel__icon{flex:none;vertical-align:middle;margin-right:5px}.squad-panel__actions{flex:none;display:flex;gap:2px;justify-content:center}.squad-panel__actions .icon-btn{width:26px;height:24px}.map-label--squad{display:flex;align-items:center;gap:4px}.pt-marker{position:absolute;bottom:0;left:0;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 2px 3px #000a)}.pt-marker img{display:block}.pt-marker--selected>img{filter:drop-shadow(0 0 6px #22c55e) drop-shadow(0 0 2px #22c55e)}.pt-marker--selected>.map-label,.map-label--selected{outline:2px solid #22c55e;color:#bbf7d0}.pt-marker--dimmed{opacity:.35}.life-bar{display:flex;flex-direction:column;align-items:center;gap:2px;margin-top:3px;font-size:.7rem;font-weight:700;color:#fff;text-shadow:0 0 3px #000,0 0 2px #000;white-space:nowrap;pointer-events:none}.life-bar__track{width:120px;height:8px;background:#1b0c0c;border:1px solid #000;border-radius:2px;box-shadow:0 0 0 1px #c9a24a88;overflow:hidden}.life-bar__fill{height:100%;background:linear-gradient(#ff6a5a,#c4140c 60%,#8c0a06)}.map-label--selected{outline:1px solid #facc15}.life-panel__input{width:92px;text-align:right;font-variant-numeric:tabular-nums}.minimap-zoom{position:absolute;width:23px;height:23px;padding:0;border:none;background:var(--normal) center / 100% 100% no-repeat;cursor:pointer;pointer-events:auto}.minimap-zoom:hover:not(:disabled){background:var(--hover) center / 100% 100% no-repeat}.minimap-zoom:active:not(:disabled){background:var(--down) center / 100% 100% no-repeat}.minimap-zoom:disabled{cursor:default;opacity:.45}.squad-panel__row{display:flex;flex-direction:column;align-items:stretch;row-gap:3px}.squad-panel__caret{margin-right:2px;color:var(--text-3)}.squad-panel__item--later{opacity:.45}.squad-panel__members{list-style:none;margin:4px 0 0 12px;padding:0}.squad-panel__members>li{display:flex;align-items:center;gap:6px;padding:3px 4px;border-radius:4px;font-size:.78rem;color:var(--text)}.squad-panel__members>li:hover{background:var(--surface-hover)}.squad-panel__leader{color:#facc15}.squad-panel__flying{color:#67e8f9}.squad-panel__member-kda{font-size:.7rem;color:#9ca3af;font-variant-numeric:tabular-nums;white-space:nowrap}.squad-panel__member-kda strong{color:#e5e7eb}.squad-panel__member-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drag-item--dragging{opacity:.4}.drag-item--over{box-shadow:inset 0 2px #facc15}.phase-panel .phase-panel__item{display:flex;align-items:center;gap:8px;min-height:34px;padding:4px 4px 4px 6px}.phase-panel__number{flex:none;width:22px;height:22px;border-radius:50%;background:var(--surface-3);color:var(--text-2);font-size:.72rem;font-weight:700;display:flex;align-items:center;justify-content:center}.phase-panel__item--active .phase-panel__number{background:var(--c-phases);color:#1c1400}.phase-panel__name{flex:1;min-width:0;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.25;overflow-wrap:anywhere}.phase-panel__play,.phase-panel__snapshot{width:100%;margin-top:8px}.phase-panel__play{color:#1c1400}.phase-panel__snapshot{margin-top:6px}.phase-panel__note{display:flex;gap:6px;align-items:flex-start;margin-top:8px;padding:6px 4px 6px 8px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--c-success) 10%,transparent);font-size:.75rem;color:#86efac;word-break:break-word}.phase-panel__note>span{flex:1;padding-top:2px}.phase-panel__note>.icon{margin-top:2px}.phase-panel__note--error{background:color-mix(in srgb,var(--c-danger) 10%,transparent);color:#fca5a5}.phase-panel__note .icon-btn{width:22px;height:22px}.playback-banner{position:absolute;top:12px;left:50%;transform:translate(-50%);z-index:20;display:flex;align-items:center;gap:10px;padding:6px 8px 6px 14px;border-radius:999px;background:var(--overlay);border:1px solid color-mix(in srgb,var(--c-phases) 60%,transparent);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fde68a;font-weight:600;animation:fade-in .16s var(--ease)}.playback-banner>.icon{color:var(--c-phases)}.playback-banner__step{margin-left:4px;font-weight:500;color:var(--text-2)}.app-tabs{flex:none;display:flex;gap:2px;padding:3px;border-radius:var(--radius);background:var(--bg);border:1px solid var(--border)}.app-tabs__tab{border:none;background:transparent;color:var(--text-2);padding:5px 12px;font-weight:600}.app-tabs__tab:hover:not(:disabled){background:var(--surface-3)}.app-tabs__tab--on,.app-tabs__tab--on:hover:not(:disabled){background:var(--accent-strong);color:#fff;box-shadow:0 1px 2px #0006}.squad-panel__role{display:block;font-size:.7rem;color:var(--text-3)}.lineup{flex:1;min-height:0;overflow-y:auto;padding:16px 20px 32px;background:var(--bg)}.lineup__bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:14px;padding:10px 12px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}.lineup__title{display:flex;align-items:center;gap:8px;margin:0 8px 0 2px;font-size:1.05rem;font-weight:600;white-space:nowrap}.lineup__title .icon{color:var(--accent)}.lineup__url{flex:1;min-width:260px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text-3);transition:border-color var(--fast)}.lineup__url:focus-within{border-color:var(--accent)}.lineup__url input{flex:1;min-width:0;padding:6px 0;border:none;background:none;box-shadow:none}.lineup__url input:focus-visible{outline:none}.lineup__link{display:inline-flex;align-items:center;gap:4px;padding:4px 6px;border-radius:var(--radius-sm);color:#93c5fd;font-size:.85rem;text-decoration:none;transition:background-color var(--fast)}.lineup__link:hover{background:var(--accent-soft)}.lineup__message{display:flex;align-items:flex-start;gap:8px;margin-bottom:12px;padding:10px 14px;border-radius:var(--radius);border:1px solid var(--border);background:var(--surface-1);font-size:.88rem;animation:fade-in .16s var(--ease)}.lineup__message>.icon{flex:none;margin-top:1px}.lineup__message--error{border-color:color-mix(in srgb,var(--c-danger) 55%,transparent);background:color-mix(in srgb,var(--c-danger) 8%,var(--surface-1));color:#fca5a5}.lineup__message--ok{border-color:color-mix(in srgb,var(--c-success) 55%,transparent);background:color-mix(in srgb,var(--c-success) 8%,var(--surface-1));color:#86efac}.lineup__preview{display:flex;flex-direction:column;gap:6px;border-color:color-mix(in srgb,var(--c-phases) 55%,transparent)}.lineup__preview span{color:var(--text-2)}.lineup__preview ul{margin:0;padding-left:4px;list-style:none;color:#fde68a}.lineup__preview li{display:flex;align-items:center;gap:6px}.lineup__actions{display:flex;gap:8px}.lineup__teams{display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:16px;align-items:start}@media(max-width:1100px){.lineup__teams{grid-template-columns:minmax(0,1fr)}}.lineup__versus{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 16px;align-items:stretch}.lineup__team-head,.lineup__team>header{display:flex;align-items:baseline;justify-content:space-between;border-bottom:2px solid var(--border-strong);margin-bottom:10px;padding-bottom:4px}.lineup__team-head h3,.lineup__team h3{margin:0;font-size:1rem;letter-spacing:.04em;text-transform:uppercase}.lineup__team-head span,.lineup__team>header span{font-size:.8rem;color:var(--text-2);font-variant-numeric:tabular-nums}.lineup__over{color:#f87171!important;font-weight:700}.lineup__cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.lineup__card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);overflow:hidden;transition:border-color var(--fast)}.lineup__card:hover{border-color:var(--border-strong)}.lineup__card>header{display:flex;align-items:center;gap:6px;padding:6px 8px;border-bottom:1px solid;font-weight:700;font-size:.85rem}.lineup__card-name{flex:1;min-width:0}.squad-panel__pt-name,.lineup__pt-name{font-family:Cinzel,Georgia,serif;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#f3f4f6}.squad-panel__pt-size{display:inline-block;margin-left:5px;padding:0 5px;border-radius:999px;background:var(--surface-hover);color:var(--text-2);font-size:.68rem;font-weight:700;vertical-align:1px}.lineup__card-name small{font-weight:400;color:var(--text-2)}.lineup__count{font-size:.75rem;color:var(--text-2);font-variant-numeric:tabular-nums}.lineup__count--over{color:#fbbf24;font-weight:700}.lineup__role{padding:4px 8px 0;font-size:.75rem;color:var(--text-2);font-style:italic}.lineup table{width:100%;border-collapse:collapse;font-size:.8rem}.lineup__card table{margin:4px 0 6px}.lineup td,.lineup th{padding:3px 8px;text-align:left}.lineup tbody tr:nth-child(2n){background:var(--surface-2)}.lineup__class{white-space:nowrap;width:1%;color:var(--text);font-weight:600}.lineup__class .class-icon{vertical-align:middle;margin-right:5px}.lineup__leader td{color:#fde68a}.lineup__badge{text-align:right!important;white-space:nowrap;font-size:.7rem}.lineup__leader-badge{display:inline-flex;align-items:center;gap:3px;padding:1px 6px;border-radius:999px;background:#facc1524;color:#fde047;font-weight:600}.lineup__empty{color:var(--text-3);font-size:.8rem}.lineup__summary{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);padding:8px 0}.lineup__summary>header{padding:0 10px 4px}.lineup__summary th:not(:first-child),.lineup__summary td:not(:first-child){text-align:right}.lineup__zero{color:var(--text-3)}.lineup__total td{border-top:1px solid var(--border-strong);font-weight:700}.plans-panel__item{display:flex;align-items:center;gap:6px;padding:6px 4px 6px 8px;border-radius:var(--radius-sm);font-size:.85rem;transition:background-color var(--fast)}.plans-panel__item:hover{background:var(--surface-3)}.plans-panel__label{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.plans-panel__name{font-weight:500;overflow-wrap:anywhere}.plans-panel__meta{font-size:.72rem;color:var(--text-3);overflow-wrap:anywhere}.plans-panel__footer{display:flex;gap:6px;margin-top:8px;padding-top:8px;border-top:1px solid var(--border)}.plans-panel__footer button{flex:1 1 auto;padding-inline:6px;white-space:nowrap}.lineup-wrap{flex:1;min-height:0;display:flex;position:relative}.lineup__war{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;padding:10px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1);font-size:1rem}.lineup__winner{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;border-radius:999px;background:#facc1524;color:#fde047;font-size:.85rem;font-weight:600}.lineup__muted{color:var(--text-3);font-size:.8rem}.lineup__card>header .icon-btn{width:24px;height:22px}.lineup__kda{width:26px;text-align:center;color:var(--text);font-variant-numeric:tabular-nums}.lineup__card th.lineup__kda{font-size:.7rem;color:var(--text-2)}.war-history{margin-top:24px;padding:12px 14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface-1)}.war-history h3{display:flex;align-items:center;gap:8px;margin:0 0 10px;font-size:.95rem;font-weight:600}.war-history h3>.icon{color:var(--c-plans)}.war-history h3 small{font-weight:400;color:var(--text-2)}.war-history table{width:100%}.war-history th{text-align:left;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--text-3)}.war-history__won{color:#4ade80;font-weight:700}.war-history__lost{color:#f87171;font-weight:700}.war-history__toggle{margin:12px 0 8px}.war-history__players td{font-variant-numeric:tabular-nums}.scene-wrapper--relocating canvas{cursor:crosshair}.relocate-ghost{display:flex;flex-direction:column;align-items:center;gap:2px;transform:translateY(-24px);opacity:.9;filter:drop-shadow(0 0 6px #22c55e)}.map-label--grab{cursor:grab}.scene-wrapper--drawing canvas{cursor:crosshair}.draw-palette{position:absolute;top:12px;left:12px;z-index:30;width:220px;display:flex;flex-direction:column;gap:8px;padding:10px}.draw-palette__tools{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}.draw-palette__tool{height:34px;padding:0;border-radius:var(--radius-sm);background:var(--surface-3);border:1px solid transparent;color:var(--text-2)}.draw-palette__tool:hover:not(:disabled){color:var(--text)}.draw-palette__tool--on,.draw-palette__tool--on:hover:not(:disabled){border-color:color-mix(in srgb,var(--c-draw) 70%,transparent);background:color-mix(in srgb,var(--c-draw) 18%,transparent);color:#fbcfe8}.draw-palette__label{margin-top:-2px;font-size:.75rem;color:var(--text-2);text-align:center}.draw-palette__colors{display:grid;grid-template-columns:repeat(6,1fr);gap:5px}.draw-palette__swatch,.draw-palette__custom span{display:block;width:100%;aspect-ratio:1;padding:0;border-radius:50%;border:2px solid var(--border-strong);cursor:pointer;transition:transform var(--fast),border-color var(--fast)}.draw-palette__swatch:hover{transform:scale(1.08)}.draw-palette__swatch--on,.draw-palette__swatch--on:hover{border-color:#f9fafb;transform:scale(1.14)}.draw-palette__custom{position:relative}.draw-palette__custom input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.draw-palette__custom span{background-image:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red)!important}.draw-palette__stamps{display:grid;grid-template-columns:repeat(6,1fr);gap:4px}.draw-palette__stamp{padding:2px 0;font-size:1.1rem;background:var(--surface-3);border:1px solid transparent;border-radius:var(--radius-sm)}.draw-palette__stamp--on{border-color:color-mix(in srgb,var(--c-draw) 70%,transparent);background:color-mix(in srgb,var(--c-draw) 18%,transparent)}.draw-palette__width{display:grid;grid-template-columns:auto 1fr 28px;align-items:center;gap:6px;font-size:.75rem;color:var(--text-2)}.draw-palette__width input{accent-color:var(--c-draw)}.draw-palette__width input{min-width:0}.draw-palette__preview{display:block;min-height:2px;border-radius:999px;text-align:center;font-size:1.1rem}.draw-palette__actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.draw-palette__danger--confirm,.draw-palette__danger--confirm:hover:not(:disabled){background:#991b1b;border-color:var(--c-danger);color:#fff}.draw-palette__hint{margin:0;font-size:.68rem;line-height:1.4;color:var(--text-3)}.map-stamp{line-height:1;filter:drop-shadow(0 2px 3px rgba(0,0,0,.7));-webkit-user-select:none;user-select:none}.map-stamp--dimmed,.map-note--dimmed{opacity:.35}.map-note{position:relative;display:flex;flex-direction:column;align-items:center;--note: #facc15}.map-note__pin{width:34px;height:34px;padding:0;border-radius:50% 50% 50% 4px;transform:rotate(-45deg);border:2px solid #111316;background:var(--note);box-shadow:0 4px 10px #00000080;font-size:1rem;cursor:pointer;animation:map-note-float 2.6s ease-in-out infinite}.map-note__pin:hover:not(:disabled){background:var(--note);filter:brightness(1.15)}@keyframes map-note-float{0%,to{translate:0 0}50%{translate:0 -4px}}.map-note__title{margin-top:4px;max-width:140px;padding:1px 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-radius:4px;background:#111316d9;color:#f3f4f6;font-size:.72rem;pointer-events:none}.map-note__card{position:absolute;bottom:44px;width:230px;border-radius:8px;border-top:4px solid var(--note);background:#fefce8;color:#1f2937;box-shadow:0 12px 30px #0000008c;overflow:hidden}.map-note__card header{display:flex;align-items:center;gap:4px;padding:4px 6px;font-size:.72rem;font-weight:700;color:#6b7280}.map-note__card header span{flex:1}.map-note__card header button{width:22px;height:22px;padding:0;background:transparent;border:none;color:#4b5563}.map-note__card header button:hover:not(:disabled){background:#00000014;color:#111827}.map-note__card textarea{display:block;width:100%;min-height:110px;box-sizing:border-box;padding:6px 8px 8px;border:none;outline:none;resize:vertical;background:transparent;color:#111827;font:.85rem/1.4 system-ui,sans-serif}.scene-wrapper canvas,.minimap-map{filter:var(--map-filter, none)}.display-settings{position:relative}.display-settings__panel{position:absolute;top:calc(100% + 10px);left:0;z-index:900;width:300px;display:flex;flex-direction:column;gap:8px;padding:10px 12px}.display-settings__presets{display:flex;flex-wrap:wrap;gap:4px}.display-settings__preset{padding:3px 8px;border-radius:999px;font-size:.75rem}.display-settings__preset--on,.display-settings__preset--on:hover:not(:disabled){background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 70%,transparent);color:#bfdbfe}.display-settings__row{display:grid;grid-template-columns:80px 1fr 44px;align-items:center;gap:8px;font-size:.8rem;color:var(--text)}.display-settings__row input{min-width:0}.display-settings__row output{text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}.display-settings__temperature{accent-color:#f59e0b}.display-settings__panel footer{display:flex;align-items:center;gap:8px;padding-top:8px;border-top:1px solid var(--border);font-size:.68rem;color:var(--text-3)}.display-settings__panel footer span{flex:1}.battle-panel{display:flex;flex-direction:column;gap:8px}.battle-panel__clock{font-family:ui-monospace,monospace;font-size:1rem;font-weight:700;color:#fbbf24}.battle-panel__start{width:100%;background:linear-gradient(90deg,#7f1d1d,#b45309);border-color:#b45309;font-weight:700}.battle-panel__controls{display:flex;gap:4px}.battle-panel__controls button{flex:1;padding:4px 0}.battle-panel__speed--on{background:#2563eb;border-color:#3b82f6;color:#fff}.battle-panel__phase{font-size:.8rem;color:#e5e7eb;font-weight:600}.battle-panel__siege{display:flex;flex-direction:column;gap:6px}.battle-panel__siege-name{display:flex;justify-content:space-between;align-items:center;font-size:.78rem;margin-bottom:2px}.battle-panel__weakened,.map-label__weakened{color:#c084fc;font-size:.7rem;font-weight:700}.battle-panel__deaths{font-size:.75rem;color:#9ca3af}.battle-panel__events{font-size:.75rem;color:#d1d5db}.battle-panel__events span{font-family:ui-monospace,monospace;color:#fbbf24;margin-right:4px}.member-nick--dead{opacity:.6;filter:grayscale(.7)}.screen-menu{position:relative;flex:none}.screen-menu__live{min-width:18px;padding:1px 5px;border-radius:999px;background:var(--c-live);color:#fff;font-size:.68rem;font-weight:700;text-align:center}.screen-menu__panel{position:absolute;top:calc(100% + 10px);right:0;z-index:16777280;width:300px;display:flex;flex-direction:column;gap:2px;padding:8px}.screen-menu__head{display:flex;flex-direction:column;gap:2px;padding:2px 4px 8px;border-bottom:1px solid var(--border);font-size:.85rem}.screen-menu__head span{font-size:.74rem;line-height:1.35;color:var(--text-3)}.screen-menu__label{margin-top:8px;padding:0 4px 2px;font-size:.66rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}.screen-menu__note,.screen-menu__error{margin:0;padding:2px 4px;font-size:.76rem;line-height:1.4;color:var(--text-3)}.screen-menu__error{color:#fca5a5}.screen-menu__shares{list-style:none;margin:0;padding:0}.screen-menu__share{display:flex;align-items:center;gap:8px;padding:3px 4px;font-size:.85rem}.screen-menu__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}.screen-menu__since{font-size:.72rem;color:var(--text-3);white-space:nowrap}.screen-menu__item{justify-content:flex-start;gap:8px;padding:7px 8px;background:transparent;border-color:transparent;color:var(--text)}.screen-menu__item .icon{color:var(--c-live)}.screen-menu__item:hover:not(:disabled){background:var(--surface-3)}.screen-menu__item--stop{color:#fca5a5}.live-dot{flex:none;width:7px;height:7px;border-radius:50%;background:var(--c-live);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-live) 25%,transparent);animation:live-pulse 1.6s ease-in-out infinite}@keyframes live-pulse{50%{opacity:.45}}.live-badge{flex:none;margin-left:auto;padding:2px 6px;border:none;border-radius:4px;background:var(--c-live);color:#fff;font-size:.62rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase}button.live-badge:hover:not(:disabled){background:color-mix(in srgb,var(--c-live) 82%,#fff)}.live-badge--on{background:color-mix(in srgb,var(--c-live) 22%,transparent);color:#fca5a5}.telao{position:fixed;right:16px;bottom:16px;z-index:16777276;width:min(480px,calc(100vw - 32px));display:flex;flex-direction:column;gap:6px;padding:6px}.telao--large{top:68px;left:16px;width:auto}.telao--minimized{width:auto}.telao--minimized .telao__grid{display:none}.telao__bar{display:flex;align-items:center;gap:8px;padding-left:6px;font-size:.85rem}.telao__icon{color:var(--c-live)}.telao__count{min-width:20px;padding:1px 6px;border-radius:999px;background:color-mix(in srgb,var(--c-live) 16%,transparent);color:#fca5a5;font-size:.7rem;font-weight:700;text-align:center}.telao__spacer{flex:1}.telao__grid{display:grid;gap:6px}.telao--large .telao__grid{flex:1;min-height:0;grid-auto-rows:minmax(0,1fr)}.telao__tile{position:relative;min-width:0;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--radius);background:#000}.telao--large .telao__tile,.telao__tile:fullscreen{aspect-ratio:auto}.telao__tile:fullscreen{border-radius:0}.telao__host{width:100%;height:100%}.telao__video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.telao__tile-bar{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:4px;padding:5px 5px 16px 9px;background:linear-gradient(rgba(0,0,0,.75),transparent);color:#fff;font-size:.78rem;opacity:0;transition:opacity var(--fast)}.telao__tile:hover .telao__tile-bar,.telao__tile:focus-within .telao__tile-bar,.telao__tile--waiting .telao__tile-bar{opacity:1}@media(hover:none){.telao__tile-bar{opacity:1}}.telao__tile-bar .icon-btn{color:#fff}.telao__tile-bar .icon-btn:hover:not(:disabled){background:#ffffff29}.telao__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8)}.telao__viewers{display:inline-flex;align-items:center;gap:4px;padding:0 4px;color:#e5e7eb}.telao__status{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:16px;text-align:center;font-size:.8rem;color:var(--text-2)}