@property --chin-bg{syntax: "<color>"; inherits: true; initial-value: #0a84ff;}:root{--glass-blur: 20px;--radius-outer: 28px;--radius-inner: 18px;--radius-pill: 999px;--glass-fill-light: color-mix(in srgb, white 55%, transparent);--glass-fill-dark: color-mix(in srgb, #1c1c1e 45%, transparent);--glass-edge-light: color-mix(in srgb, white 60%, transparent);--glass-edge-dark: color-mix(in srgb, white 18%, transparent);--ink: #0b0b0f;--ink-soft: color-mix(in srgb, #0b0b0f 62%, transparent);--bg: #eef0f5;--danger: #ff3b30;--good: #34c759;--accent: #0a84ff;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-left: env(safe-area-inset-left, 0px);--safe-right: env(safe-area-inset-right, 0px);--turn-glow-dim: .65;--turn-glow-bright: .92;--turn-glow-scale-dim: .72;--turn-glow-scale-active: 1.18;--turn-shadow-strength: 40%;--turn-edge-strength: 38%;--turn-scrim: 50%;--pause-fill: color-mix(in srgb, white 54%, transparent);--pause-ink: #ffffff;--guide-accent-fill: rgba(10, 132, 255, .12);--guide-accent-stroke: rgba(10, 132, 255, .4);--guide-neutral-fill: rgba(0, 0, 0, .06)}@media (prefers-color-scheme: dark){:root{--ink: #f5f5f7;--ink-soft: color-mix(in srgb, #f5f5f7 62%, transparent);--bg: #0b0b0f;--danger: #ff453a;--good: #30d158;--accent: #0a84ff;--pause-fill: color-mix(in srgb, #1c1c1e 48%, transparent);--pause-ink: #ffffff;--guide-accent-fill: rgba(10, 132, 255, .18);--guide-accent-stroke: rgba(10, 132, 255, .5);--guide-neutral-fill: rgba(255, 255, 255, .08)}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100dvh;height:auto;margin:0}html{background:radial-gradient(ellipse 80% 70% at 12% 12%,var(--c1, #0a84ff) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 88% 12%,var(--c2, #ff375f) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 12% 88%,var(--c3, #30d158) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 88% 88%,var(--c4, #ff9f0a) 0%,transparent 70%),var(--chin-bg, #0a84ff);transition:--chin-bg 5s ease}#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,system-ui,sans-serif;color:var(--ink);background:radial-gradient(ellipse 80% 70% at 12% 12%,var(--c1, #0a84ff) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 88% 12%,var(--c2, #ff375f) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 12% 88%,var(--c3, #30d158) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 88% 88%,var(--c4, #ff9f0a) 0%,transparent 70%),var(--chin-bg);padding-bottom:env(safe-area-inset-bottom,0px);overflow:hidden;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}#root{position:relative;isolation:isolate;min-height:100dvh}.glass{background:var(--glass-fill-light);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-edge-light);border-radius:var(--radius-outer);box-shadow:inset 0 1px #ffffff73}@media (prefers-color-scheme: dark){.glass{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark);box-shadow:inset 0 1px #ffffff2e}}.timer-digits{font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 16px) calc(var(--safe-right) + 16px) calc(var(--safe-bottom) + 16px) calc(var(--safe-left) + 16px);overflow:hidden}.scroll{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-y:contain;display:flex;flex-direction:column;gap:14px;padding-bottom:24px}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:14px;flex-shrink:0}.topbar h1{font-size:clamp(1.25rem,5vw,1.7rem);font-weight:700;letter-spacing:-.02em;margin:0;flex:1}.panel{padding:18px}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;font:inherit;font-weight:600;color:var(--ink);background:var(--glass-fill-light);backdrop-filter:blur(var(--glass-blur)) saturate(160%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(160%);border:1px solid var(--glass-edge-light);border-radius:var(--radius-pill);padding:14px 18px;font-size:1.05rem;cursor:pointer;transition:transform .12s ease,filter .12s ease,opacity .12s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-align:center;white-space:nowrap}@media (prefers-color-scheme: dark){.btn{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark)}}.btn:active{transform:scale(.97);filter:brightness(.95)}.btn:disabled{opacity:.4;pointer-events:none}.btn-primary{background:var(--accent);border-color:transparent;color:#fff}.btn-danger{background:var(--danger);border-color:transparent;color:#fff}.btn-ghost{background:transparent;border-color:transparent}.btn-icon{width:48px;height:48px;padding:0;border-radius:50%;font-size:1.3rem;flex-shrink:0}.btn-row{display:flex;gap:10px}.btn-row>.btn{flex:1}.btn-row>.home-person{flex:0 0 auto;align-self:center;width:60px;height:60px;min-width:60px;padding:0;border-radius:50%}.btn-block{width:100%}.btn-lg{padding:18px 22px;font-size:1.2rem}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-pill);background:var(--glass-fill-light);border:1px solid var(--glass-edge-light);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);font-weight:600;font-size:.95rem}@media (prefers-color-scheme: dark){.pill{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark)}}.dot{width:12px;height:12px;border-radius:50%;flex-shrink:0;box-shadow:inset 0 0 0 1px #00000026}.row{display:flex;align-items:center;gap:12px;padding:14px 16px}.row+.row{border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.row .name{flex:1;font-weight:600;font-size:1.05rem}.muted{color:var(--ink-soft);font-size:.9rem}.num{font-variant-numeric:tabular-nums;font-weight:700}input[type=text],input[type=number]{-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:var(--ink);background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px solid color-mix(in srgb,var(--ink) 16%,transparent);border-radius:var(--radius-inner);padding:12px 14px;width:100%}input:focus{outline:2px solid var(--accent);outline-offset:1px}.field{display:flex;flex-direction:column;gap:6px}.field label{font-size:.85rem;font-weight:600;color:var(--ink-soft)}.empty{text-align:center;color:var(--ink-soft);padding:28px 16px;font-size:1rem}.section-title{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);margin:4px 4px -4px}.play{position:fixed;top:0;left:0;right:0;bottom:calc(-1*env(safe-area-inset-bottom,0px));overflow:hidden;background:#000}.advance-btn{position:absolute;inset:calc(var(--safe-top) + 14px) calc(var(--safe-right) + 14px) calc(var(--safe-bottom) + 14px) calc(var(--safe-left) + 14px);z-index:1;--turn-color: var(--accent);--chamfer: 110px;clip-path:polygon(0 0,100% 0,100% calc(100% - var(--chamfer)),calc(100% - var(--chamfer)) 100%,0 100%);border:1px solid var(--glass-edge-light);border-radius:40px;background:color-mix(in srgb,white 34%,transparent);backdrop-filter:blur(10px) saturate(160%);-webkit-backdrop-filter:blur(10px) saturate(160%);box-shadow:inset 0 1px #fff6;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,filter .12s ease}.advance-btn:after{content:"";position:absolute;bottom:0;right:0;width:var(--chamfer);height:var(--chamfer);background:linear-gradient(135deg,transparent calc(50% - 1px),rgba(255,255,255,.45) 50%);pointer-events:none}@media (prefers-color-scheme: dark){.advance-btn{background:color-mix(in srgb,#1c1c1e 30%,transparent);border-color:var(--glass-edge-dark)}}.play-glows{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.glow{position:absolute;width:120vmax;height:120vmax;border-radius:50%;mix-blend-mode:screen;filter:blur(60px) saturate(1.95);opacity:var(--turn-glow-dim);transform:translate(-50%,-50%) scale(var(--turn-glow-scale-dim));transition:transform .55s cubic-bezier(.22,1,.36,1),opacity .55s ease,filter .55s ease;will-change:transform,opacity}.glow.active{opacity:var(--turn-glow-bright);transform:translate(-50%,-50%) scale(var(--turn-glow-scale-active))}@media (prefers-reduced-motion: reduce){.glow{transition:none}}.advance-btn.pressed{transform:scale(.985);filter:brightness(.96)}.advance-btn.paused{opacity:.55;pointer-events:none}.clock{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:10px;transition:transform .55s cubic-bezier(.22,1,.36,1);will-change:transform}@media (prefers-reduced-motion: reduce){.clock{transition:none}}.clock .active-name{font-size:clamp(1.1rem,5vw,1.8rem);font-weight:700;letter-spacing:-.01em;display:inline-flex;align-items:center;gap:10px}.clock .digits{font-variant-numeric:tabular-nums;font-weight:800;letter-spacing:-.03em;line-height:.95;font-size:clamp(5rem,34vw,16rem);transition:color .3s ease,transform .3s ease;color:var(--ink)}.clock .digits.warn{color:var(--danger);transform:scale(1.08)}.clock .hint{font-size:1rem;color:var(--ink-soft);font-weight:600}.seat-ring{position:absolute;inset:var(--safe-top) var(--safe-right) var(--safe-bottom) var(--safe-left);z-index:2;pointer-events:none}.seat-pip{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:var(--radius-pill);background:var(--glass-fill-light);border:1px solid var(--glass-edge-light);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);font-size:.8rem;font-weight:600;white-space:nowrap;opacity:.5;transition:opacity .4s ease,transform .4s cubic-bezier(.22,1,.36,1)}@media (prefers-color-scheme: dark){.seat-pip{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark)}}.seat-pip.active{opacity:1;background:color-mix(in srgb,var(--seat-color, var(--accent)) 22%,var(--glass-fill-light));box-shadow:0 0 0 3px var(--seat-color, var(--accent)),0 6px 20px color-mix(in srgb,var(--seat-color, var(--accent)) 45%,transparent)}@media (prefers-color-scheme: dark){.seat-pip.active{background:color-mix(in srgb,var(--seat-color, var(--accent)) 28%,var(--glass-fill-dark))}}.pause-corner{position:absolute;bottom:calc(var(--safe-bottom) + 14px);right:calc(var(--safe-right) + 14px);z-index:20;width:104px;height:104px}.pause-btn{width:100%;height:100%;border:none;position:relative;clip-path:polygon(100% 0,100% 100%,0 100%);border-radius:0 0 40px;background:var(--glass-fill-light);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);color:var(--pause-ink);font-size:1.3rem;display:flex;align-items:flex-end;justify-content:flex-end;padding:0 28px 26px 0;cursor:pointer;transition:filter .12s ease,transform .12s ease}.pause-corner:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,transparent calc(50% - .5px),var(--glass-edge-light) 50%,transparent calc(50% + .5px))}@media (prefers-color-scheme: dark){.pause-btn{background:var(--glass-fill-dark)}.pause-corner:after{background:linear-gradient(135deg,transparent calc(50% - .5px),var(--glass-edge-dark) 50%,transparent calc(50% + .5px))}}.pause-btn:active{transform:scale(.94)}.admin-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:center;justify-content:center;padding:16px;background:color-mix(in srgb,black 35%,transparent)}.admin-panel{width:auto;min-width:220px;max-width:min(440px,100%);padding:18px;display:flex;flex-direction:column;align-items:center;gap:14px}.pause-main{width:280px;display:flex;flex-direction:column;align-items:center;gap:14px}.play-big{width:100%;height:62px;border-radius:var(--radius-pill);border:none;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px color-mix(in srgb,var(--accent) 40%,transparent);transition:transform .12s ease,filter .12s ease}.play-big:active{transform:scale(.97)}.play-big svg{margin-left:3px}.seg-pill{display:flex;width:100%;align-items:stretch;border-radius:var(--radius-pill);background:var(--glass-fill-light);border:1px solid var(--glass-edge-light);backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);overflow:hidden}@media (prefers-color-scheme: dark){.seg-pill{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark)}}.seg-pill button{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;border:none;background:transparent;color:var(--ink);padding:16px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .12s ease}.seg-pill button:active{background:color-mix(in srgb,var(--ink) 10%,transparent)}.seg-div{width:1px;background:color-mix(in srgb,var(--ink) 16%,transparent)}.round-row{display:flex;width:100%;justify-content:space-between}.round-btn{width:52px;height:52px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ink) 10%,transparent);background:color-mix(in srgb,white 22%,transparent);backdrop-filter:blur(14px) saturate(150%);-webkit-backdrop-filter:blur(14px) saturate(150%);color:var(--ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease,filter .12s ease}@media (prefers-color-scheme: dark){.round-btn{background:color-mix(in srgb,white 10%,transparent);border-color:color-mix(in srgb,white 14%,transparent)}}.round-btn:active{transform:scale(.93)}.round-btn.sm{width:40px;height:40px}.admin-settings,.admin-confirm{display:flex;flex-direction:column;align-items:center;gap:14px;width:min(360px,84vw)}.settings-list{width:100%;display:flex;flex-direction:column}.confirm-text{font-size:1.1rem;font-weight:600;text-align:center}.rename-input{width:100%;padding:10px 14px;border-radius:12px;border:1px solid var(--glass-edge-light);background:color-mix(in srgb,white 40%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);font-size:1rem;color:var(--ink);outline:none;box-sizing:border-box}.rename-input:focus{border-color:var(--accent)}@media (prefers-color-scheme: dark){.rename-input{background:color-mix(in srgb,#1c1c1e 50%,transparent);border-color:var(--glass-edge-dark)}}.trophy{color:var(--ink);flex-shrink:0}.alltime-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.alltime-info .name{flex:0 0 auto;font-weight:600;font-size:1.05rem}.alltime-sub{font-size:.8rem}.alltime-total{font-size:1.35rem;flex-shrink:0}.inline-ic{vertical-align:-4px}.inline-ic{vertical-align:-4px;margin:0 2px}.sheet-panel{width:min(520px,100%);padding:20px;display:flex;flex-direction:column;gap:12px}.sheet-panel h2{margin:0 0 4px;font-size:1.3rem}.starter-menu{width:min(360px,86vw);padding:20px;display:flex;flex-direction:column;gap:12px;text-align:center}.starter-menu h2{margin:0;font-size:1.4rem}.starter-menu .btn-row{display:flex;gap:10px}.starter-menu .btn-grow{flex:1}.pick-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:30;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}.pick-hint .pill{font-size:1rem;padding:12px 18px}.seat-pip.pickable{cursor:pointer;opacity:1}.seat-pip.pickable:active{filter:brightness(.95)}.table-view{position:relative;width:min(360px,78vw);aspect-ratio:1;margin:6px auto 10px;border-radius:50%;background:color-mix(in srgb,var(--ink) 6%,transparent);border:1px dashed color-mix(in srgb,var(--ink) 22%,transparent)}.seat-slot{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:86px;display:flex;flex-direction:column;align-items:center;gap:4px}.seat-slot button{width:100%}.seat-slot .seat-time{font-size:.72rem;color:var(--ink-soft);font-weight:600}.score-grid{display:grid;grid-template-columns:1.4em 1fr auto auto;gap:0;align-items:center}.score-grid .gh{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-soft);padding:6px 8px}.score-grid .gc{padding:12px 8px;border-top:1px solid color-mix(in srgb,var(--ink) 10%,transparent)}.score-grid .rank{font-weight:800;color:var(--ink-soft)}.score-grid .leader .rank,.score-grid .leader .num{color:var(--good)}.stepper{display:flex;align-items:center;gap:10px}.stepper input{text-align:center;font-variant-numeric:tabular-nums;font-weight:700;font-size:1.2rem;width:96px}.score-input{width:92px;text-align:center;font-variant-numeric:tabular-nums;font-weight:700;font-size:1.3rem;padding:10px 8px}.color-swatches{display:flex;flex-wrap:wrap;gap:10px}.swatch{width:34px;height:34px;border-radius:50%;border:2px solid transparent;cursor:pointer;box-shadow:inset 0 0 0 1px #00000026}.swatch.sel{border-color:var(--ink);transform:scale(1.12)}.checkrow{display:flex;align-items:center;gap:12px;padding:12px 14px;cursor:pointer}.checkbox{width:26px;height:26px;border-radius:8px;border:2px solid color-mix(in srgb,var(--ink) 35%,transparent);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:.9rem}.checkrow.sel .checkbox{background:var(--accent);border-color:var(--accent)}.spacer{flex:1}.device-frame{position:relative;margin:6px auto;width:min(420px,84vw);max-height:56vh;background:color-mix(in srgb,var(--ink) 7%,transparent);border:2px solid color-mix(in srgb,var(--ink) 22%,transparent);border-radius:26px;box-shadow:inset 0 1px #ffffff4d;touch-action:none}.device-frame .device-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--ink-soft);font-size:.8rem;font-weight:600;text-align:center;pointer-events:none;line-height:1.4}.slot{position:absolute;transform:translate(-50%,-50%);width:64px;height:64px;display:flex;align-items:center;justify-content:center;touch-action:none}.slot-empty{width:40px;height:40px;border-radius:50%;border:2px dashed color-mix(in srgb,var(--ink) 30%,transparent);transition:transform .12s ease,border-color .12s ease,background .12s ease}.slot.hover .slot-empty{transform:scale(1.25);border-color:var(--accent);background:color-mix(in srgb,var(--accent) 22%,transparent)}.seat-chip{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;border-radius:var(--radius-pill);background:var(--glass-fill-light);border:1px solid var(--glass-edge-light);backdrop-filter:blur(12px) saturate(160%);-webkit-backdrop-filter:blur(12px) saturate(160%);box-shadow:0 0 0 2px var(--chip-color, var(--accent));font-weight:700;font-size:.85rem;white-space:nowrap;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}@media (prefers-color-scheme: dark){.seat-chip{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark)}}.seat-chip .chip-time{font-size:.7rem;font-weight:600;color:var(--ink-soft)}.seat-chip.dragging{opacity:.35}.tray{display:flex;flex-wrap:wrap;gap:10px;min-height:56px;padding:12px;align-items:center}.tray .seat-chip{flex-direction:row;gap:8px}.tray-empty{color:var(--ink-soft);font-size:.9rem;width:100%;text-align:center}.drag-ghost{position:fixed;z-index:1000;transform:translate(-50%,-50%) scale(1.06);pointer-events:none;cursor:grabbing}.device-picker{display:flex;flex-wrap:wrap;gap:8px}.setup-board-screen{overflow:hidden}.setup-board-screen .section-title{flex-shrink:0;margin-bottom:6px}.board-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:6px 0}.board-wrap .device-frame{height:100%;width:auto;max-width:100%;max-height:100%;margin:0}.tray-top{flex-shrink:0;display:flex;flex-wrap:wrap;gap:10px;justify-content:center;align-items:center;min-height:46px;padding:2px 0}.drag-arrow{flex-shrink:0;display:flex;justify-content:center;color:var(--ink-soft);margin:2px 0 4px}.setup-actions{display:flex;gap:10px;flex-shrink:0}.setup-actions .btn-grow{flex:1}.app-bg{position:fixed;top:0;left:0;right:0;bottom:calc(-1*env(safe-area-inset-bottom,0px));z-index:0;pointer-events:none;overflow:hidden;background:radial-gradient(ellipse 80% 70% at 12% 12%,var(--c1, #0a84ff) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 88% 12%,var(--c2, #ff375f) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 12% 88%,var(--c3, #30d158) 0%,transparent 70%),radial-gradient(ellipse 80% 70% at 88% 88%,var(--c4, #ff9f0a) 0%,transparent 70%),var(--chin-bg)}.app-blobs{position:absolute;top:0;right:0;bottom:0;left:0;filter:blur(60px) saturate(1.8)}.app-glow{position:absolute;width:100vmax;height:100vmax;border-radius:50%;opacity:var(--turn-glow-dim);transform:translate(-50%,-50%) scale(var(--turn-glow-scale-dim));transition:transform 5s cubic-bezier(.22,1,.36,1),opacity 5s ease;will-change:transform,opacity}.app-glow.active{opacity:var(--turn-glow-bright);transform:translate(-50%,-50%) scale(var(--turn-glow-scale-active))}@media (prefers-reduced-motion: reduce){.app-glow{transition:none}}.session-hdr{display:flex;align-items:center;gap:12px;padding:2px 2px 4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-soft)}.session-col-flag{width:32px;text-align:center;flex-shrink:0;display:flex;align-items:center;justify-content:center}.session-col-pts{width:48px;text-align:right;flex-shrink:0}.session-confirm{display:flex;flex-direction:column;gap:8px}.home-title{flex-shrink:0;padding:44px 12px 8px;max-height:44vh;overflow:hidden;display:flex;flex-direction:column;line-height:.88}.home-title-line{display:block;font-weight:600;white-space:nowrap;background:linear-gradient(180deg,#fffffff7,#ffffffb3 40%,#ffffff6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}.home-footer{flex-shrink:0;text-align:center;font-size:.68rem;color:var(--ink-soft);opacity:.45;padding:6px 0 2px;display:flex;flex-direction:column;gap:1px}.home-footer-version{font-size:.62rem;opacity:.7}.guide-scroll{gap:0}.guide-group-header{font-size:.72rem;font-weight:600;color:var(--ink-soft);letter-spacing:.06em;text-transform:uppercase;padding:1rem 0 .3rem;margin:0}.guide-group-header:first-child{padding-top:.25rem}.guide-step{display:flex;gap:12px;align-items:flex-start;padding:.85rem 0;border-bottom:1px solid var(--glass-edge-light)}@media (prefers-color-scheme: dark){.guide-step{border-color:var(--glass-edge-dark)}}.guide-step-badge{flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:var(--accent);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;color:#fff;margin-top:2px}.guide-step-content{flex:1;min-width:0}.guide-step-title{font-size:.95rem;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:4px}.guide-step-body{font-size:.88rem;color:var(--ink-soft);line-height:1.6;margin:0}.guide-visual{margin:10px auto 0;max-width:260px;border-radius:10px;background:color-mix(in srgb,var(--bg) 60%,transparent);border:1px solid var(--glass-edge-light);overflow:hidden}@media (prefers-color-scheme: dark){.guide-visual{background:color-mix(in srgb,#1c1c1e 50%,transparent);border-color:var(--glass-edge-dark)}}.guide-pills{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.guide-pill{font-size:.78rem;padding:3px 10px;border-radius:20px;font-weight:600}.guide-pill-amber{background:#ff9f0a26;color:#a06200}.guide-pill-green{background:color-mix(in srgb,var(--good) 15%,transparent);color:var(--good)}@media (prefers-color-scheme: dark){.guide-pill-amber{background:#ff9f0a33;color:#ff9f0a}}.guide-tip{margin-top:8px;padding:12px 14px;border-radius:12px;background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);display:flex;gap:10px;align-items:flex-start;color:var(--accent)}.guide-tip-text{font-size:.88rem;line-height:1.55;margin:0;color:var(--accent)}.guide-scroll{gap:8px}.guide-step{padding:0;border-bottom:none}@media (prefers-color-scheme: dark){.guide-step{border-color:transparent}}.guide-card{background:var(--glass-fill-light);backdrop-filter:blur(var(--glass-blur)) saturate(180%);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(180%);border:1px solid var(--glass-edge-light);border-radius:18px;box-shadow:inset 0 1px #ffffff73;padding:14px 16px}@media (prefers-color-scheme: dark){.guide-card{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark);box-shadow:inset 0 1px #ffffff2e}}.guide-card .guide-tip{margin:0;padding:0;background:transparent;border:none;border-radius:0}.export-check-row{cursor:pointer;padding:11px 14px;gap:10px}.export-check-row--all{border-bottom:1.5px solid var(--glass-edge-light)}.export-check{flex-shrink:0;width:20px;height:20px;accent-color:var(--accent);cursor:pointer}.export-footer{flex-shrink:0;padding:12px 16px}.import-player-row{padding:10px 2px;gap:10px;align-items:center}.import-select{flex:0 0 auto;max-width:160px;padding:6px 8px;border-radius:8px;border:1px solid var(--glass-edge-light);background:color-mix(in srgb,var(--bg) 80%,transparent);color:var(--ink);font-size:.85rem;font-family:inherit}@media (prefers-color-scheme: dark){.import-select{border-color:var(--glass-edge-dark);background:color-mix(in srgb,#1c1c1e 80%,transparent)}}.topbar-menu-wrap{position:relative}.topbar-dropdown{position:absolute;right:0;top:calc(100% + 6px);min-width:172px;background:var(--glass-fill-light);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border:1px solid var(--glass-edge-light);border-radius:14px;box-shadow:0 4px 20px #0000002e,inset 0 1px #ffffff73;overflow:hidden;z-index:50}@media (prefers-color-scheme: dark){.topbar-dropdown{background:var(--glass-fill-dark);border-color:var(--glass-edge-dark);box-shadow:0 4px 20px #0006,inset 0 1px #ffffff1a}}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;padding:13px 16px;color:var(--ink);background:none;border:none;border-bottom:1px solid var(--glass-edge-light);width:100%;text-align:left;font-size:.95rem;font-family:inherit;cursor:pointer}.topbar-dropdown-item:last-child{border-bottom:none}.topbar-dropdown-item:active{background:color-mix(in srgb,var(--ink) 8%,transparent)}@media (prefers-color-scheme: dark){.topbar-dropdown-item{border-color:var(--glass-edge-dark)}}