:root{--bg: #cfccc8;--surface: #d6d5d3;--surface-2: #cfccc8;--text: #1c1917;--text-muted: #78716c;--border: #b0aba5;--checkbox-bg: #f7f5f2;--accent: #a87e3a;--accent-hover: #8c6a2e;--accent-fg: #ffffff;--glow: #f5a623;--success: #059669;--error: #dc2626;--warning: #f59e0b;--online: #22c55e;--overlay: rgba(0, 0, 0, .4);--fg-on-solid: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 6px rgba(0, 0, 0, .07), 0 2px 4px rgba(0, 0, 0, .05);--team-red: #b86060;--team-green: #5a9468;--team-blue: #5a80b0;--radius-xs: 4px;--radius-sm: 6px;--radius: 12px;--radius-pill: 99px;--transition: .15s ease;--topbar-h: 52px}[data-theme=dark]{--bg: #131312;--surface: #1c1c1a;--surface-2: #242422;--text: #e2e0da;--text-muted: #8a8880;--border: #2e2e2b;--checkbox-bg: #3f3f3c;--accent: #c9a55a;--accent-hover: #b8943e;--accent-fg: #1a1200;--glow: var(--accent);--success: #10b981;--error: #f87171;--overlay: rgba(0, 0, 0, .6);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow: 0 1px 3px rgba(0, 0, 0, .4), 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px rgba(0, 0, 0, .4), 0 2px 4px rgba(0, 0, 0, .3)}[data-theme=dusk]{--bg: #3a4250;--surface: #4a5263;--surface-2: #5a6275;--text: #f1f4f8;--text-muted: #b0b9ca;--border: #6b7488;--checkbox-bg: color-mix(in srgb, var(--bg) 80%, white);--accent: #f0b969;--accent-hover: #f6c988;--accent-fg: #211705;--glow: var(--accent);--success: #4ade80;--error: #f87171;--overlay: rgba(0, 0, 0, .55);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .25);--shadow: 0 1px 3px rgba(0, 0, 0, .32), 0 1px 2px rgba(0, 0, 0, .25);--shadow-md: 0 4px 6px rgba(0, 0, 0, .35), 0 2px 4px rgba(0, 0, 0, .28)}:root{--text-2xs: .625rem;--text-xs: .75rem;--text-sm: .8rem;--text-base: .875rem;--text-md: .9rem;--text-lg: 1rem;--text-xl: 1.2rem;--text-2xl: 1.4rem;--text-3xl: 2rem;--leading-none: 1;--leading-snug: 1.4;--leading-normal: 1.5;--leading-relaxed: 1.65;--leading-loose: 1.7;--tracking-tight: -.02em;--tracking-wide: .04em;--tracking-wider: .05em;--tracking-widest: .06em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px}@media (min-width: 768px){:root{--topbar-h: 64px}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{overflow-x:hidden;transition:background-color var(--transition),color var(--transition)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh;font-size:15px;line-height:var(--leading-normal)}#root{min-height:100vh;display:flex;flex-direction:column}.layout{display:flex;flex-direction:column;min-height:100vh}.layout-content{flex:1;display:flex;flex-direction:column}.app-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight)}.card{background:color-mix(in srgb,var(--surface) 25%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);margin-bottom:var(--space-4);box-shadow:var(--shadow)}.card-title{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-sm);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:background-color var(--transition),opacity var(--transition),transform var(--transition);white-space:nowrap;flex-shrink:0}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.4;cursor:default}.btn--primary{background:var(--accent);color:var(--accent-fg)}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.btn--ghost:hover:not(:disabled){color:var(--text);background:var(--border)}.btn--full{width:100%;padding:10px 16px}.btn--icon{padding:6px 10px;font-size:var(--text-lg)}.error{margin-top:var(--space-4);padding:10px 14px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--error) 10%,transparent);border:1px solid color-mix(in srgb,var(--error) 30%,transparent);color:var(--error);font-size:var(--text-base)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:var(--text-base);font-weight:500;color:var(--text-muted)}.form-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.form-error{font-size:var(--text-sm);color:var(--error)}.toggle-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:var(--text-base);color:var(--text-muted);-webkit-user-select:none;user-select:none}.toggle-label input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:15px;height:15px;border:1px solid var(--border);border-radius:3px;cursor:pointer;background-color:var(--checkbox-bg);flex-shrink:0;position:relative;transition:background-color var(--transition),border-color var(--transition)}.toggle-label input[type=checkbox]:checked{background-color:var(--accent);border-color:var(--accent)}.toggle-label input[type=checkbox]:checked:after{content:"";position:absolute;left:4.5px;top:2.5px;width:4px;height:8px;border:solid var(--accent-fg);border-width:0 2px 2px 0;transform:rotate(45deg)}@keyframes dialog-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-backdrop-in{0%{opacity:0}to{opacity:1}}dialog[open]{overflow:visible;animation:dialog-in .18s ease-out}@media (max-width: 700px){dialog[open]{margin-top:8vh}}dialog::backdrop{animation:dialog-backdrop-in .18s ease-out}.chat-fab{position:fixed;bottom:24px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--accent);color:var(--accent-fg);border:none;font-size:var(--text-xl);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md);z-index:100;transition:background var(--transition),transform var(--transition)}.chat-fab:hover{background:var(--accent-hover);transform:scale(1.05)}.chat-fab:active{transform:scale(.97)}.chat-badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--error);color:var(--fg-on-solid);font-size:var(--text-2xs);font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.chat-box{position:fixed;bottom:84px;right:24px;width:320px;height:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:99;display:flex;flex-direction:column;overflow:hidden}.chat-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);flex-shrink:0}.chat-title{font-size:var(--text-base);font-weight:600;color:var(--text)}.chat-close{background:none;border:none;font-size:var(--text-sm);color:var(--text-muted);cursor:pointer;padding:2px 6px;border-radius:var(--radius-xs);transition:background var(--transition),color var(--transition)}.chat-close:hover{background:var(--surface-2);color:var(--text)}.chat-messages{flex:1;overflow-y:auto;padding:12px;display:flex;flex-direction:column;gap:10px}.chat-empty{text-align:center;color:var(--text-muted);font-size:var(--text-base);opacity:.6;margin:auto 0}.chat-message{display:flex;flex-direction:column;gap:2px}.chat-message-header{display:flex;align-items:baseline;gap:6px}.chat-message-name{font-size:var(--text-xs);font-weight:600;color:var(--text-muted)}.chat-message--me .chat-message-name{color:var(--accent)}.chat-message-time{font-size:var(--text-2xs);color:var(--text-muted);opacity:.6}.chat-message-text{font-size:var(--text-base);color:var(--text);word-break:break-word;line-height:var(--leading-snug)}.chat-input-row{display:flex;gap:8px;padding:10px 12px;border-top:1px solid var(--border);flex-shrink:0}.chat-input{flex:1;padding:7px 10px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--text-base);outline:none;transition:border-color var(--transition);font-family:inherit}.chat-input:focus{border-color:var(--accent)}.chat-send{padding:7px 14px;font-size:var(--text-base)}@media (max-width: 500px){.chat-box{right:12px;left:12px;width:auto;bottom:80px}.chat-fab{right:16px;bottom:16px}}.footer{display:flex;justify-content:center;padding:var(--space-4) var(--space-4);font-size:var(--text-xs);color:var(--text-muted)}.card-icon{position:relative;display:block}.card-icon svg{display:block;width:100%;height:100%}.card-icon-simple{display:none}@media (max-width: 767px){.card-icon-detail{display:none}.card-icon-simple{display:block}}@keyframes card-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}.card-component{display:inline-flex;border:2px solid transparent;border-radius:var(--radius-sm);padding:0;background:none;cursor:pointer;transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition);flex-shrink:0;animation:card-in .22s ease-out}.card-component:disabled{cursor:default}.card-component:not(:disabled):hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.card-component--selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 30%,transparent)}.card-component .card-icon{aspect-ratio:5 / 7;height:auto;border-radius:var(--radius-xs);overflow:hidden}.card-component--sm .card-icon{width:40px}.card-component--md .card-icon{width:64px}.card-component--lg .card-icon{width:96px}.deck{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:80px;border:2px solid var(--border);border-radius:var(--radius-sm);background:repeating-linear-gradient(45deg,transparent 0 5px,color-mix(in srgb,var(--accent) 35%,transparent) 5px 6px),repeating-linear-gradient(-45deg,transparent 0 5px,color-mix(in srgb,var(--accent) 35%,transparent) 5px 6px),var(--surface-2);box-shadow:inset 0 0 0 3px var(--surface),3px 4px 0 0 var(--border),3px 4px 0 -2px var(--surface-2),6px 8px 0 0 var(--border),6px 8px 0 -2px var(--surface-2),var(--shadow);font-size:1.1rem;font-weight:700;color:var(--text);text-shadow:0 1px 3px color-mix(in srgb,var(--surface) 85%,transparent);flex-shrink:0}@keyframes deck-pulse{0%{scale:1;border-color:var(--border)}40%{scale:1.12;border-color:var(--accent)}to{scale:1;border-color:var(--border)}}.deck--pulse{animation:deck-pulse .26s ease-out}.hand{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;padding:20px 24px;border:2px dashed var(--border);border-radius:var(--radius-xs);background:color-mix(in srgb,var(--surface) 25%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.hand .card-component:disabled{opacity:.5}.hand-deck{display:none}@media (max-width: 700px){.hand{display:none}.hand-deck{display:flex}}.hand-fab{display:none}@media (max-width: 700px){.hand-fab{display:flex;align-items:center;justify-content:center;position:fixed;bottom:84px;right:24px;width:48px;height:48px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-xl);cursor:pointer;box-shadow:var(--shadow-md);z-index:100;transition:background var(--transition),transform var(--transition)}.hand-fab:hover{background:var(--surface-3, var(--surface-2));transform:scale(1.05)}.hand-fab:active{transform:scale(.97)}.hand-fab-count{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:var(--accent);color:var(--accent-fg);font-size:var(--text-2xs);font-weight:700;display:flex;align-items:center;justify-content:center;pointer-events:none}.hand-fab-panel{position:fixed;bottom:144px;right:12px;left:12px;z-index:99;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);max-height:45svh;overflow-y:auto}.hand-fab-panel .hand{display:flex;border-top:none}}@media (max-width: 500px){.hand-fab{right:16px;bottom:72px}.hand-fab-panel{bottom:132px}}.docs-page{position:relative;flex:1;display:flex;align-items:flex-start;gap:16px;max-width:1200px;margin:0 auto;width:100%;min-width:0;padding:24px 24px 40px}.docs-progress{position:fixed;top:var(--topbar-h);left:0;right:0;height:2px;background:transparent;z-index:20;pointer-events:none}.docs-progress-bar{height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--accent),color-mix(in srgb,var(--accent) 40%,var(--success)));transition:transform .1s linear}.docs-sidebar{width:170px;flex-shrink:0;padding:20px 14px;position:sticky;top:calc(var(--topbar-h) + 24px);max-height:calc(100vh - var(--topbar-h) - 48px);overflow-y:auto;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);scrollbar-width:none;-ms-overflow-style:none}.docs-sidebar::-webkit-scrollbar{display:none}.docs-sidebar-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:8px;opacity:.6}.docs-nav{list-style:none;display:flex;flex-direction:column;gap:2px}.docs-nav-link{position:relative;display:block;font-size:var(--text-base);color:var(--text-muted);text-decoration:none;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border-left:2px solid transparent;transition:color var(--transition),border-color var(--transition),background-color var(--transition),transform var(--transition)}.docs-nav-link:hover{color:var(--text);background:var(--surface-2);transform:translate(2px)}.docs-nav-link--active{color:var(--accent);font-weight:600;border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 12%,transparent)}.docs-nav-sub{list-style:none;display:flex;flex-direction:column;gap:1px;margin:2px 0 4px;padding-left:8px;border-left:1px solid var(--border)}.docs-nav-sublink{display:block;font-size:var(--text-sm);color:var(--text-muted);text-decoration:none;padding:3px 8px;border-radius:var(--radius-sm);border-left:2px solid transparent;opacity:.65;transition:color var(--transition),border-color var(--transition),background-color var(--transition),opacity var(--transition),transform var(--transition)}.docs-nav-sublink:hover{color:var(--text);background:var(--surface-2);opacity:1;transform:translate(2px)}.docs-nav-sublink--active{color:var(--accent);border-left-color:var(--accent);background:color-mix(in srgb,var(--accent) 6%,transparent);opacity:1}.docs-content{flex:1;width:100%;min-width:0;padding:0 40px 80px;background:radial-gradient(600px 320px at 15% 0%,color-mix(in srgb,var(--accent) 12%,transparent) 0%,transparent 70%),var(--surface);border:1px solid var(--border);border-radius:var(--radius);font-size:var(--text-lg);overflow:hidden}.docs-hero{position:relative;padding:56px 0 40px;margin-bottom:8px}.docs-title{position:relative;font-size:var(--text-3xl);font-weight:800;letter-spacing:-.03em;background:linear-gradient(120deg,var(--text) 40%,var(--accent) 120%);-webkit-background-clip:text;background-clip:text;color:transparent}.docs-section{margin-bottom:36px;padding-bottom:36px;border-bottom:1px dashed var(--border);opacity:0;transform:translateY(14px);transition:opacity .5s ease,transform .5s ease}.docs-section--visible{opacity:1;transform:translateY(0)}.docs-section:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.docs-anchor{margin-left:10px;color:var(--accent);font-size:.8em;font-weight:400;text-transform:none;letter-spacing:0;text-decoration:none;opacity:0;transition:opacity var(--transition)}.docs-h2:hover .docs-anchor,.docs-h3:hover .docs-anchor{opacity:1}.docs-h2{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:16px;padding-bottom:12px;border-bottom:2px solid var(--border)}.docs-h3{font-size:var(--text-md);font-weight:650;letter-spacing:-.01em;color:var(--text);margin:32px 0 12px;scroll-margin-top:calc(var(--topbar-h) + 16px)}.docs-section{scroll-margin-top:calc(var(--topbar-h) + 16px)}.docs-p{color:var(--text-muted);line-height:var(--leading-loose);margin-bottom:12px}.docs-p:last-child{margin-bottom:0}.docs-stack{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin-top:16px}.docs-stack-item{display:flex;align-items:center;gap:10px;font-size:var(--text-base);color:var(--text-muted);padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);transition:transform var(--transition),border-color var(--transition),box-shadow var(--transition)}.docs-stack-item:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:var(--shadow-md)}.docs-stack-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);min-width:60px;text-align:center;flex-shrink:0}.docs-pre-wrapper{position:relative;max-width:100%;margin:12px 0}.docs-pre-wrapper .docs-pre{margin:0;padding-right:72px}.docs-pre-lang{position:absolute;top:10px;left:14px;font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wider);color:var(--text-muted);opacity:.6}.docs-copy-btn{position:absolute;top:10px;right:10px;padding:3px 10px;font-size:var(--text-xs);font-weight:500;font-family:inherit;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:color var(--transition),background-color var(--transition),border-color var(--transition),transform .12s ease}.docs-copy-btn:hover{color:var(--text);background:var(--surface-2)}.docs-copy-btn:active{transform:scale(.95)}.docs-copy-btn--copied{color:var(--success);border-color:color-mix(in srgb,var(--success) 35%,var(--border));animation:docs-copy-pop .32s ease}.docs-badge{display:inline-block;font-size:var(--text-xs);font-weight:600;padding:2px 9px;border-radius:var(--radius-pill);letter-spacing:.02em;white-space:nowrap}.docs-badge--admin{background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent)}.docs-badge--any{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);border:1px solid color-mix(in srgb,var(--success) 30%,transparent)}.docs-badge--member{background:color-mix(in srgb,var(--warning) 12%,transparent);color:var(--warning);border:1px solid color-mix(in srgb,var(--warning) 30%,transparent)}.docs-badge--none{background:var(--surface-2);color:var(--text-muted);border:1px solid var(--border)}.docs-callout{display:flex;gap:12px;align-items:flex-start;padding:var(--space-3) var(--space-4);border-radius:var(--radius-sm);border-left:3px solid;margin:16px 0;font-size:var(--text-md);line-height:var(--leading-relaxed);transition:transform var(--transition),box-shadow var(--transition)}.docs-callout:hover{transform:translate(2px)}.docs-callout-icon{flex-shrink:0;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:700;font-style:normal;margin-top:1px}.docs-callout-body{color:var(--text-muted);flex:1}.docs-callout--info{background:color-mix(in srgb,var(--accent) 6%,transparent);border-color:var(--accent)}.docs-callout--info .docs-callout-icon{background:color-mix(in srgb,var(--accent) 15%,transparent);color:var(--accent)}.docs-callout--tip{background:color-mix(in srgb,var(--success) 6%,transparent);border-color:var(--success)}.docs-callout--tip .docs-callout-icon{background:color-mix(in srgb,var(--success) 15%,transparent);color:var(--success)}.docs-callout--warning{background:color-mix(in srgb,var(--warning) 6%,transparent);border-color:var(--warning)}.docs-callout--warning .docs-callout-icon{background:color-mix(in srgb,var(--warning) 15%,transparent);color:var(--warning);animation:docs-pulse 2.2s ease-in-out infinite}.docs-pre{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px 18px;overflow-x:auto;font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:var(--text-sm);line-height:var(--leading-relaxed);color:var(--text);margin:12px 0}.docs-code{font-family:ui-monospace,Cascadia Code,Fira Code,monospace;font-size:.82em;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-xs);padding:1px 5px;color:var(--text)}.docs-list{list-style:none;display:flex;flex-direction:column;gap:6px;margin:12px 0;padding-left:4px}.docs-list-item{position:relative;padding-left:18px;color:var(--text-muted);line-height:var(--leading-relaxed);font-size:var(--text-md)}.docs-list-item:before{content:"—";position:absolute;left:0;color:var(--border)}.docs-ol{list-style:none;display:flex;flex-direction:column;gap:10px;margin:12px 0;counter-reset:steps}.docs-ol-item{counter-increment:steps;position:relative;padding-left:30px;color:var(--text-muted);line-height:var(--leading-relaxed);font-size:var(--text-md)}.docs-ol-item:before{content:counter(steps);position:absolute;left:0;top:1px;width:18px;height:18px;border-radius:50%;background:var(--surface-2);border:1px solid var(--border);font-size:var(--text-xs);font-weight:600;color:var(--text-muted);display:flex;align-items:center;justify-content:center;text-align:center;line-height:18px}.docs-table-wrapper{max-width:100%;overflow-x:auto;margin:12px 0}.docs-table{width:100%;min-width:480px;border-collapse:collapse;font-size:var(--text-base)}.docs-table th{text-align:left;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);border-bottom:1px solid var(--border)}.docs-table td{padding:10px 12px;border-bottom:1px solid var(--border);color:var(--text-muted);vertical-align:top;transition:background-color var(--transition)}.docs-table tr:last-child td{border-bottom:none}.docs-table tbody tr:hover td{background:var(--surface-2)}@keyframes docs-copy-pop{0%{transform:scale(.9)}50%{transform:scale(1.06)}to{transform:scale(1)}}@keyframes docs-pulse{0%,to{opacity:1}50%{opacity:.55}}@media (prefers-reduced-motion: reduce){.docs-section,.docs-nav-link,.docs-nav-sublink,.docs-copy-btn,.docs-stack-item,.docs-callout,.docs-progress-bar{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}@media (max-width: 640px){.docs-page{padding:16px 16px 40px;flex-direction:column}.docs-sidebar{position:static;width:100%;max-height:none;display:flex;align-items:center;gap:10px;padding:10px 12px;overflow-x:auto;overflow-y:visible}.docs-sidebar-label{display:none}.docs-nav{flex-direction:row;gap:6px}.docs-nav>li{flex-shrink:0}.docs-nav-link{white-space:nowrap;border-left:none;border:1px solid transparent}.docs-nav-link--active{border:1px solid color-mix(in srgb,var(--accent) 35%,transparent)}.docs-nav-sub{display:none}.docs-content{padding:0 20px 60px}.docs-hero{padding:32px 0 24px}.docs-content{font-size:var(--text-base)}.docs-title{font-size:var(--text-2xl)}.docs-h2{font-size:var(--text-xl)}.docs-h3,.docs-p,.docs-list-item,.docs-ol-item{font-size:var(--text-base)}.docs-table,.docs-stack-item{font-size:var(--text-sm)}}.confirm-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:340px;width:calc(100vw - 32px);box-shadow:var(--shadow-md)}.confirm-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:8px}.confirm-modal-body{font-size:var(--text-base);color:var(--text-muted);margin-bottom:20px;line-height:var(--leading-normal)}.confirm-modal-actions{display:flex;gap:8px;justify-content:flex-end}@keyframes chip-drop-in{0%{opacity:0;translate:0 -16px}to{opacity:1;translate:0 0}}.seq-chip{position:absolute;top:50%;left:50%;width:42%;aspect-ratio:1;transform:translate(-50%,-54%) perspective(180px) rotateX(32deg);border-radius:50%;border:1.5px solid rgba(255,255,255,.35);box-shadow:0 3px color-mix(in srgb,var(--chip-color) 55%,black),0 5px 8px #00000080;z-index:1;pointer-events:none;filter:saturate(.55) brightness(.88);animation:chip-drop-in .22s ease-out}.seq-chip--removing{animation:chip-drop-in .2s ease-in reverse}.seq-chip--clickable{pointer-events:auto;cursor:pointer}.seq-chip:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(ellipse at 38% 28%,rgba(255,255,255,.55) 0%,rgba(255,255,255,.08) 42%,transparent 65%);pointer-events:none}@keyframes chip-tooltip-in{0%{opacity:0;transform:translate(-50%) translateY(5px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes chip-tooltip-out{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(5px)}}.chip-tooltip{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 8px;font-size:var(--text-2xs);font-weight:600;white-space:nowrap;color:var(--text);z-index:10;pointer-events:auto;cursor:default;animation:chip-tooltip-in .15s ease forwards}.chip-tooltip--out{animation:chip-tooltip-out .18s ease forwards}.seq-cell{aspect-ratio:5 / 7;background:var(--surface);position:relative;-webkit-user-select:none;user-select:none;cursor:pointer}.seq-cell .card-icon{width:100%;height:100%}@media (min-width: 768px){.seq-cell{aspect-ratio:7 / 5}.seq-cell .card-icon{position:absolute;width:calc(100% * 5 / 7);height:140%;top:50%;left:50%;transform:translate(-50%,-50%) rotate(90deg)}}.seq-cell--wild{background:color-mix(in srgb,var(--accent) 20%,var(--surface));cursor:default}.seq-cell:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;pointer-events:none;opacity:0;background:transparent;box-shadow:inset 0 0 0 2px transparent;transition:opacity var(--transition),background-color var(--transition),box-shadow var(--transition)}.seq-cell--active:after{opacity:1;background:color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:inset 0 0 0 2px var(--accent)}.seq-cell--remove:after{opacity:1;background:color-mix(in srgb,var(--error) 30%,transparent);box-shadow:inset 0 0 0 2px var(--error)}@keyframes sequence-glow-in{0%{opacity:0;box-shadow:inset 0 0 0 0 var(--sequence-color)}50%{opacity:1;box-shadow:inset 0 0 0 6px var(--sequence-color)}to{opacity:1;box-shadow:inset 0 0 0 3px var(--sequence-color)}}.seq-cell--sequence:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;box-shadow:inset 0 0 0 3px var(--sequence-color);border-radius:2px;pointer-events:none;z-index:1;animation:sequence-glow-in .5s ease-out}.play-overlay{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;background:var(--overlay);z-index:2}@media (hover: hover) and (pointer: fine){.play-overlay{opacity:0;pointer-events:none;transition:opacity var(--transition)}.seq-cell--active:hover .play-overlay,.seq-cell--remove:hover .play-overlay{opacity:1;pointer-events:auto}}.place-btn,.remove-btn{border:none;border-radius:var(--radius-sm);padding:3px 7px;font-size:var(--text-2xs);font-weight:700;letter-spacing:var(--tracking-widest);cursor:pointer;pointer-events:auto;color:var(--fg-on-solid);transition:transform var(--transition)}.place-btn:active,.remove-btn:active{transform:scale(.92)}@media (max-width: 767px){.place-btn,.remove-btn{padding:2px 4px;font-size:.5rem;letter-spacing:0}}.place-btn{background:var(--accent)}.remove-btn{background:var(--error)}.seq-board-scroll{overflow-x:auto;min-height:500px;display:flex;align-items:flex-start}.seq-board{display:grid;grid-template-columns:repeat(10,1fr);gap:2px;background-color:var(--border);border:2px solid var(--border);border-radius:var(--radius-sm);min-width:360px;max-width:860px;margin-inline:auto;flex:1}@media (max-width: 767px){.seq-board-scroll{flex:1;min-height:0;overflow:hidden;touch-action:pan-y;align-items:flex-start}.seq-board{min-width:0;width:100%}}@media (min-width: 768px){.seq-board-scroll{min-height:unset}}.restart-vote{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.restart-vote-status{font-size:var(--text-sm);color:var(--text-muted);text-align:center;line-height:var(--leading-normal)}.restart-vote-actions{display:flex;gap:8px}.restart-vote-actions .btn{flex:1;min-width:0}.game-end-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:340px;width:calc(100vw - 32px);box-shadow:var(--shadow-md);text-align:center;overflow-x:hidden}.game-end-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes emoji-fade-in{0%{opacity:0;scale:.85}to{opacity:1;scale:1}}@keyframes emoji-pop{0%{opacity:0;scale:.3}50%{opacity:1;scale:1.3}75%{scale:.92}to{scale:1}}@keyframes game-end-line-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.game-end-emoji{font-size:3rem;line-height:1;margin-bottom:8px;animation:emoji-fade-in .3s ease-out}.game-end-emoji--won{animation:emoji-pop .55s cubic-bezier(.34,1.56,.64,1)}.game-end-title{font-size:var(--text-2xl);font-weight:700;margin-bottom:8px}.game-end-title--won{color:var(--success)}.game-end-title--lost{color:var(--error)}.game-end-body{font-size:var(--text-base);color:var(--text-muted);margin-bottom:12px;line-height:var(--leading-normal);animation:game-end-line-in .3s ease-out .05s backwards}.game-end-quote{font-size:var(--text-sm);font-style:italic;color:var(--text-muted);margin-bottom:20px;line-height:var(--leading-normal);animation:game-end-line-in .3s ease-out .12s backwards}.game-end-actions{display:flex;gap:8px}.game-end-actions .btn{flex:1;min-width:0}.edit-avatar-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:300px;width:calc(100vw - 32px);box-shadow:var(--shadow-md)}.edit-avatar-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.edit-avatar-modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:16px}.edit-avatar-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.edit-avatar-option{display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;background:none;border:none;cursor:pointer}.edit-avatar-option-preview{width:54px;height:54px;border-radius:50%;overflow:hidden;border:2px solid transparent;transition:border-color var(--transition),transform var(--transition)}.edit-avatar-option-preview svg{width:100%;height:100%;display:block}.edit-avatar-option:hover .edit-avatar-option-preview{border-color:var(--border);transform:scale(1.06)}.edit-avatar-option--active .edit-avatar-option-preview{border-color:var(--accent)}.edit-avatar-modal-footer{display:flex;justify-content:space-between;align-items:center}.player-avatar{position:relative;border-radius:50%;background:var(--accent);color:var(--accent-fg);font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;-webkit-user-select:none;user-select:none;border:none;padding:0;font-family:inherit;font-size:inherit}.player-avatar--editable{cursor:pointer;transition:filter var(--transition)}.player-avatar--editable:hover{filter:brightness(.9)}.player-avatar-icon{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;overflow:hidden}.player-avatar-icon svg{width:100%;height:100%;display:block}.player-avatar-edit{position:absolute;bottom:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--surface);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--text-muted);z-index:1;pointer-events:none}@media (min-width: 768px){.player-avatar-edit{width:16px;height:16px}.player-avatar--lg .player-avatar-edit{width:20px;height:20px;bottom:-3px;right:-3px}}.player-avatar-status{position:absolute;bottom:-1px;right:-1px;width:11px;height:11px;border-radius:50%;background:var(--border);border:2px solid var(--surface-2);z-index:1}.player-avatar-status--online{background:var(--online)}.player-avatar--lg .player-avatar-status{width:12px;height:12px;border-width:2px}.player-avatar--sm{width:32px;height:32px;font-size:var(--text-base)}.player-avatar--lg{width:52px;height:52px;font-size:var(--text-xl)}.game-player-card{display:flex;flex-direction:column;gap:16px;margin-bottom:0}.game-player-card-header{display:flex;align-items:center;justify-content:space-between}.game-player-info{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 0}.game-player-name-group{display:flex;flex-direction:column;align-items:center;gap:2px}.game-player-name{font-weight:600;font-size:var(--text-lg)}.game-player-team--mobile{display:none}.game-player-team{display:flex;align-items:center;gap:5px;font-size:var(--text-sm);color:var(--accent);font-weight:600}.game-player-team-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.game-player-card[data-color=red] .game-player-team-dot{background:var(--team-red)}.game-player-card[data-color=green] .game-player-team-dot{background:var(--team-green)}.game-player-card[data-color=blue] .game-player-team-dot{background:var(--team-blue)}.game-player-role{font-size:var(--text-xs);color:var(--text-muted);text-transform:capitalize}.spectator-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.spectator-list-item{display:flex;align-items:center;gap:8px}.spectator-list-name{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.game-team-pills{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:flex-end;gap:8px;z-index:50}.game-team-pill{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow-md);overflow:hidden;transition:border-color var(--transition),box-shadow var(--transition)}.game-team-pill[data-color=red]{background:linear-gradient(90deg,color-mix(in srgb,var(--team-red) 18%,var(--surface)),var(--surface) 60%)}.game-team-pill[data-color=green]{background:linear-gradient(90deg,color-mix(in srgb,var(--team-green) 18%,var(--surface)),var(--surface) 60%)}.game-team-pill[data-color=blue]{background:linear-gradient(90deg,color-mix(in srgb,var(--team-blue) 18%,var(--surface)),var(--surface) 60%)}.game-team-pill-header{display:flex;align-items:center;gap:7px;padding:6px 10px;background:transparent;border:none;cursor:pointer;font-family:inherit;white-space:nowrap;width:100%;text-align:left}.game-team-pill-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.game-team-pill[data-color=red] .game-team-pill-dot{background:var(--team-red)}.game-team-pill[data-color=green] .game-team-pill-dot{background:var(--team-green)}.game-team-pill[data-color=blue] .game-team-pill-dot{background:var(--team-blue)}.game-team-pill-name{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wider)}@keyframes team-pill-turn-pulse{0%{box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,currentColor 40%,transparent)}50%{box-shadow:var(--shadow-md),0 0 0 6px color-mix(in srgb,currentColor 25%,transparent)}to{box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,currentColor 40%,transparent)}}.game-team-pill--active-turn{border-width:2px;border-color:currentColor;box-shadow:var(--shadow-md),0 0 0 1px color-mix(in srgb,currentColor 40%,transparent);animation:team-pill-turn-pulse .6s ease-out}.game-team-pill[data-color=red].game-team-pill--active-turn{color:var(--team-red)}.game-team-pill[data-color=green].game-team-pill--active-turn{color:var(--team-green)}.game-team-pill[data-color=blue].game-team-pill--active-turn{color:var(--team-blue)}.game-team-pill-avatars{display:flex}.game-team-pill-avatar-wrap{position:relative;display:flex}.game-team-pill-avatar-wrap+.game-team-pill-avatar-wrap{margin-left:-6px}.game-team-pill-avatars .player-avatar{width:22px;height:22px;font-size:var(--text-2xs);box-shadow:0 0 0 2px var(--surface)}.game-team-pill-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .2s ease}.game-team-pill--expanded .game-team-pill-body{grid-template-rows:1fr}.game-team-pill-members{overflow:hidden;min-height:0;list-style:none;border-top:1px solid transparent;transition:border-color .2s ease,padding .2s ease}.game-team-pill--expanded .game-team-pill-members{border-top-color:var(--border);padding:4px 0 6px}.game-team-pill-member{display:flex;align-items:center;gap:7px;padding:var(--space-1) var(--space-3)}.game-team-pill-member .player-avatar{width:22px;height:22px;font-size:var(--text-2xs);flex-shrink:0}.game-team-pill-member-name{font-size:var(--text-sm);font-weight:500;color:var(--text);white-space:nowrap}.game-team-pill-turn-arrow{font-size:var(--text-xs);color:var(--text-muted);margin-left:2px;flex-shrink:0}.game-team-pill-empty{padding:6px 12px;font-size:var(--text-xs);color:var(--text-muted);opacity:.6}@media (max-width: 480px){.game-team-pills{left:12px;transform:none;bottom:12px;gap:6px;max-width:calc(100vw - 80px);overflow-x:auto;scrollbar-width:none}.game-team-pills::-webkit-scrollbar{display:none}.game-team-pill-header{padding:5px 8px;gap:5px}.game-team-pill-name{font-size:var(--text-2xs)}.game-team-pill-avatars .player-avatar{width:18px;height:18px;font-size:.55rem}}@media (max-width: 430px){.game-team-pills{gap:4px;bottom:10px}.game-team-pill-header{padding:4px 7px;gap:4px}.game-team-pill-avatars{margin-left:auto}.game-team-pill-body{width:100%}.game-team-pill--expanded{min-width:120px}.game-team-pill-name{display:none}.game-team-pill--expanded .game-team-pill-name{display:block}.game-team-pill-avatars .player-avatar{width:16px;height:16px;font-size:.5rem}.game-team-pill-avatars .player-avatar+.player-avatar{margin-left:-5px}.game-team-pill-dot{width:7px;height:7px}}.game{display:flex;align-items:flex-start;gap:16px;padding:24px 20px;max-width:1200px;margin:0 auto;width:100%;min-height:calc(100vh - var(--topbar-h))}.game-sidebar{width:220px;flex-shrink:0;display:flex;flex-direction:column;gap:16px;position:sticky;top:calc(var(--topbar-h) + 24px)}.game-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:0}.game-bottom{display:flex;align-items:center;gap:12px;margin-top:16px}@media (max-width: 700px){.game{flex-direction:column;padding:12px 0;min-height:unset;height:calc(100svh - var(--topbar-h));overflow:hidden}.game-sidebar{display:none}.game-main{width:100%;flex:1;min-height:0;overflow:hidden}.game-bottom{display:none}}.create-room-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:360px;width:calc(100vw - 32px);box-shadow:var(--shadow-md)}.create-room-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.create-room-modal form{display:flex;flex-direction:column;gap:14px}.create-room-modal-title{font-size:var(--text-lg);font-weight:600;margin-bottom:2px}.create-room-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:6px}.char-count{font-size:var(--text-xs);color:var(--text-muted);opacity:.7;white-space:nowrap}.tooltip{position:relative;display:inline}.tooltip-trigger{text-decoration:underline;text-decoration-style:dashed;text-decoration-color:color-mix(in srgb,var(--text-muted) 60%,transparent);text-underline-offset:5px;cursor:pointer}.tooltip-tip{display:none;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);width:max-content;max-width:90vw;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 10px;font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--text-muted);white-space:normal;box-shadow:var(--shadow);z-index:200;pointer-events:none}.tooltip:hover .tooltip-tip,.tooltip:focus .tooltip-tip{display:block}.tooltip--plain{display:inline-flex;align-items:center}.tooltip--plain .tooltip-trigger{text-decoration:none;cursor:default;display:inline-flex;align-items:center}.input{padding:9px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);font-size:var(--text-md);outline:none;width:100%;transition:border-color var(--transition),box-shadow var(--transition)}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 20%,transparent)}.input--error{border-color:var(--error)}.input--error:focus{border-color:var(--error);box-shadow:0 0 0 3px color-mix(in srgb,var(--error) 20%,transparent)}.join-name-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:340px;width:calc(100vw - 32px);box-shadow:var(--shadow-md)}.join-name-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.join-name-modal-title{font-size:var(--text-lg);font-weight:600}.join-name-modal .form-label-row{margin-bottom:12px}.join-name-modal .form-error{font-size:var(--text-sm);color:var(--error)}.join-name-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:20px}.tag{display:inline-block;font-size:var(--text-2xs);font-weight:600;letter-spacing:var(--tracking-wider);text-transform:uppercase;padding:1px 5px;border-radius:var(--radius-xs);line-height:var(--leading-normal)}.tag--default{color:var(--text-muted);background:color-mix(in srgb,var(--text-muted) 10%,transparent)}.tag--accent{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.tag--success{color:var(--success);background:color-mix(in srgb,var(--success) 12%,transparent)}.tag--warning{color:var(--warning);background:color-mix(in srgb,var(--warning) 12%,transparent)}.rooms-panel-create{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.rooms-panel-create-title{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight)}.rooms-panel-create-subtitle{font-size:var(--text-base);color:var(--text-muted);margin-top:2px}.rooms-panel-create-btn{box-shadow:0 0 color-mix(in srgb,var(--accent) 45%,transparent);transition:background-color var(--transition),opacity var(--transition),transform var(--transition),box-shadow var(--transition)}.rooms-panel-create-btn:hover:not(:disabled){box-shadow:0 4px 14px color-mix(in srgb,var(--accent) 45%,transparent)}.rooms-panel-divider{height:1px;background:var(--border);margin:var(--space-5) 0}.join-key-form{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--space-4)}.join-key-row{display:flex;gap:10px}.join-key-row .input{flex:1}.rooms-panel-or-divider{display:flex;align-items:center;gap:12px;font-size:var(--text-sm);color:var(--text-muted);margin-bottom:var(--space-4)}.rooms-panel-or-divider:before,.rooms-panel-or-divider:after{content:"";flex:1;height:1px;background:var(--border)}.rooms-panel-list-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.rooms-panel-last-refreshed{font-size:var(--text-xs);color:var(--text-muted)}.rooms-panel-refresh-btn{display:flex;align-items:center;gap:6px;line-height:1}.rooms-panel-refresh-icon{flex-shrink:0}.rooms-panel-refresh-label{font-size:var(--text-sm)}@media (max-width: 640px){.rooms-panel-refresh-btn{padding:6px 10px}.rooms-panel-refresh-label{display:none}}@keyframes rooms-panel-refresh-spin{to{transform:rotate(360deg)}}.rooms-panel-refresh-icon--spinning{animation:rooms-panel-refresh-spin 1s linear infinite}.rooms-panel-refresh-icon--settling{animation:rooms-panel-refresh-spin .35s cubic-bezier(.34,1.56,.64,1)}.rooms-empty{font-size:var(--text-base);color:var(--text-muted);padding:var(--space-2) 0}.room-list{list-style:none;display:flex;flex-direction:column;gap:6px}@keyframes room-item-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.room-list>li{animation:room-item-in .22s ease-out backwards}.room-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;text-align:left;transition:background-color var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}.room-list-item:hover{background:color-mix(in srgb,var(--accent) 8%,var(--surface-2));border-color:color-mix(in srgb,var(--accent) 30%,var(--border));transform:translateY(-1px);box-shadow:var(--shadow-sm)}.room-list-info{display:flex;flex-direction:column;gap:2px;min-width:0}.room-list-name{font-size:var(--text-md);font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-list-key{font-size:var(--text-xs);font-family:ui-monospace,monospace;color:var(--text-muted)}.room-list-counts{display:flex;flex-direction:column;align-items:flex-end;gap:2px;flex-shrink:0}.room-list-count{font-size:var(--text-sm);font-weight:500;color:var(--accent);white-space:nowrap}.room-list-spectator-count{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:12px}.pagination-info{font-size:var(--text-base);color:var(--text-muted);min-width:40px;text-align:center}.home-page{flex:1;display:flex;flex-direction:column;align-items:stretch;gap:20px;max-width:800px;margin:0 auto;padding:40px 20px 80px;width:100%}@media (max-width: 640px){.home-page{padding:20px 16px 60px}}.feature-card{background:color-mix(in srgb,var(--surface) 10%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);box-shadow:var(--shadow-sm);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent)}.feature-card-icon{font-size:1.8rem;line-height:1;margin-bottom:var(--space-4)}.feature-card-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.feature-card-description{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}.features{padding:var(--space-6) 0}.features-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:var(--space-6)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}@media (max-width: 900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.features-grid{grid-template-columns:1fr}}.hero{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:56px 0 var(--space-6)}.hero-copy{max-width:520px}.hero-badge{display:inline-block;padding:6px 14px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-4)}.hero-title{font-size:var(--text-3xl);font-weight:800;letter-spacing:var(--tracking-tight);line-height:var(--leading-snug);margin-bottom:var(--space-4)}.hero-subtitle{font-size:var(--text-lg);color:var(--text-muted);line-height:var(--leading-relaxed);margin-bottom:var(--space-6)}.hero-actions{display:flex;gap:var(--space-3)}.hero-cta{padding:12px 22px;font-size:var(--text-lg);font-weight:600;text-decoration:none}.hero-cards{display:flex;flex-shrink:0;padding-right:var(--space-6)}.hero-card{margin-left:-34px}.hero-card:first-child{margin-left:0}@media (max-width: 767px){.hero-card .card-icon-detail{display:block}.hero-card .card-icon-simple{display:none}}@media (max-width: 900px){.hero{flex-direction:column;text-align:center;padding-top:32px}.hero-copy{max-width:none}.hero-actions{justify-content:center}.hero-cards{padding-right:0}}@media (max-width: 480px){.hero-actions{flex-direction:column}.hero-cards{max-width:100%}.hero-card{margin-left:-24px}}.how-it-works{padding:var(--space-6) 0}.how-it-works-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);text-align:center;margin-bottom:var(--space-6)}.how-it-works-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5);list-style:none}.how-it-works-step{position:relative;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-6);padding-top:44px}.how-it-works-step-number{position:absolute;top:-18px;left:var(--space-6);width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--accent-fg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-lg);box-shadow:var(--shadow-md)}.how-it-works-step-title{font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}.how-it-works-step-description{font-size:var(--text-base);color:var(--text-muted);line-height:var(--leading-relaxed)}@media (max-width: 700px){.how-it-works-steps{grid-template-columns:1fr}}.landing-page{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:0 20px 80px;display:flex;flex-direction:column;gap:var(--space-6)}.landing-final-cta{text-align:center;padding:48px var(--space-6);border-radius:var(--radius);background:color-mix(in srgb,var(--accent) 8%,color-mix(in srgb,var(--surface) 70%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border)}.landing-final-cta-title{font-size:var(--text-2xl);font-weight:700;letter-spacing:var(--tracking-tight);margin-bottom:var(--space-5)}.game-settings-trigger{display:inline-flex;align-items:center;justify-content:flex-end;align-self:flex-end;gap:8px}.game-settings-trigger-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.game-settings-trigger .btn--icon{width:30px;height:30px}.game-settings-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:380px;width:calc(100vw - 32px);box-shadow:var(--shadow-md)}.game-settings-modal[open]{display:flex;flex-direction:column;gap:14px}.game-settings-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.game-settings-modal-title{font-size:var(--text-lg);font-weight:600}.game-settings-modal-title--with-close{padding-right:28px}.game-settings-modal .room-team-controls{justify-content:space-between}.game-settings-modal-close{position:absolute;top:10px;right:10px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xl);line-height:1;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--transition),color var(--transition)}.game-settings-modal-close:hover{background:var(--surface-2);color:var(--text)}.game-settings-modal-actions{display:flex;align-items:center;margin-top:6px}.game-settings-modal-actions .btn{margin-left:auto}.game-settings-modal-subtext{font-size:var(--text-sm);font-style:italic;color:var(--text-muted)}.player-item{display:flex;flex-direction:column;gap:6px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);position:relative}.player-item-main{display:flex;align-items:center;gap:10px}.player-info{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.player-name{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-tags{display:flex;gap:4px}.player-item--draggable{cursor:grab;-webkit-user-select:none;user-select:none;touch-action:none}.player-item--draggable:active{cursor:grabbing}.player-drag-handle{flex-shrink:0;color:var(--text-muted);opacity:.45;transition:opacity var(--transition)}.player-item--draggable:hover .player-drag-handle{opacity:.9}.ready-control{display:flex;align-items:center;justify-content:flex-end;gap:6px}.ready-label{font-size:var(--text-2xs);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);opacity:.5;white-space:nowrap;transition:color var(--transition),opacity var(--transition)}.ready-label--on{color:var(--success);opacity:.8}.ready-switch{width:22px;height:12px;border-radius:var(--radius-sm);background:var(--border);border:none;padding:0;cursor:pointer;position:relative;transition:background var(--transition);flex-shrink:0}.ready-switch--on{background:var(--success)}.ready-switch-knob{position:absolute;top:2px;left:2px;width:8px;height:8px;border-radius:50%;background:var(--fg-on-solid);transition:transform var(--transition);pointer-events:none}.ready-switch--on .ready-switch-knob{transform:translate(10px)}.kick-button{position:absolute;top:4px;right:6px;background:none;border:none;font-size:var(--text-md);line-height:1;padding:4px;cursor:pointer;border-radius:var(--radius-sm);opacity:.6;transition:opacity var(--transition),background-color var(--transition)}.kick-button:hover{opacity:1;background:var(--border)}.color-selector{display:flex;align-items:center;gap:4px;padding:3px 6px;border-radius:var(--radius-pill);background:var(--surface);border:1px solid var(--border);flex-shrink:0}.color-swatch{position:relative;width:8px;height:8px;border-radius:50%;padding:0;cursor:pointer;border:none}.color-selector--disabled .color-swatch{cursor:default;opacity:.5}.color-swatch--red{background:var(--team-red);--swatch-color: var(--team-red)}.color-swatch--green{background:var(--team-green);--swatch-color: var(--team-green)}.color-swatch--blue{background:var(--team-blue);--swatch-color: var(--team-blue)}.color-swatch--active:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid var(--swatch-color);opacity:.7}@media (min-width: 768px){.color-selector{gap:6px;padding:4px 8px}.color-swatch{width:11px;height:11px}.color-swatch--active:after{bottom:-8px;border-left-width:5px;border-right-width:5px;border-bottom-width:5px}}.rename-team-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:320px;width:calc(100vw - 32px);box-shadow:var(--shadow-md)}.rename-team-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.rename-team-modal form{display:flex;flex-direction:column;gap:10px}.rename-team-modal-title{font-size:var(--text-lg);font-weight:600}.rename-team-modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:10px}.teams{display:flex;gap:12px}@media (max-width: 700px){.teams{flex-direction:column}}.team-column{flex:1;min-width:0;padding:var(--space-3);border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface-2);min-height:80px;transition:border-color var(--transition),background-color var(--transition)}.team-column--over{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 8%,var(--surface-2))}.team-column-label{font-size:var(--text-sm);font-weight:600;text-transform:uppercase;letter-spacing:var(--tracking-widest);color:var(--text-muted);margin:0;line-height:var(--leading-none);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.team-column-header{margin-bottom:10px;display:flex;align-items:center;gap:8px}.team-column-edit-btn{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;flex-shrink:0;border:1px solid var(--border);border-radius:var(--radius-xs);background:var(--surface);color:var(--text-muted);cursor:pointer;transition:background-color var(--transition),border-color var(--transition),color var(--transition),transform var(--transition)}.team-column-edit-btn:hover:not(:disabled){background:color-mix(in srgb,var(--accent) 10%,var(--surface));border-color:color-mix(in srgb,var(--accent) 40%,var(--border));color:var(--accent);transform:scale(1.06)}.team-column-edit-btn:active:not(:disabled){transform:scale(.94)}.team-column-edit-btn:disabled{opacity:.35;cursor:default}.team-join-btn{display:block;width:100%;margin-top:8px;padding:6px 10px;font-size:var(--text-xs);font-weight:600;text-align:center;color:var(--text-muted);background:none;border:1px dashed var(--border);border-radius:var(--radius-xs);cursor:pointer;transition:color var(--transition),border-color var(--transition),background-color var(--transition)}.team-join-btn:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 50%,var(--border));background:color-mix(in srgb,var(--accent) 8%,transparent)}.team-empty{font-size:var(--text-sm);color:var(--text-muted);opacity:.5;text-align:center;-webkit-user-select:none;user-select:none}.team-player-list{list-style:none;display:flex;flex-direction:column;gap:6px}.team-column[data-color=red]{border-top:3px solid var(--team-red)}.team-column[data-color=green]{border-top:3px solid var(--team-green)}.team-column[data-color=blue]{border-top:3px solid var(--team-blue)}.room{max-width:900px;margin:0 auto;padding:40px 20px 80px;width:100%}.room-card{display:flex;flex-direction:column;gap:20px;margin-bottom:0}.room-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.room-header-info{display:flex;flex-direction:column;gap:6px}.room-name-row{display:flex;align-items:baseline;gap:8px}.room-name{font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text)}.room-meta{display:flex;align-items:center;gap:8px}.room-key-badge{font-size:var(--text-xs);font-weight:600;font-family:ui-monospace,monospace;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--text-muted);letter-spacing:var(--tracking-wide)}.room-copy-btn{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}.room-team-controls{display:flex;align-items:center;gap:10px}.room-team-label{font-size:var(--text-sm);font-weight:600;color:var(--text-muted)}.room-team-options{display:flex;gap:6px}.btn--icon{width:34px;height:34px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:600}.room-ready-subtext{text-align:right;font-size:var(--text-sm);font-style:italic;color:var(--text-muted)}.room-ready-subtext--ready{color:var(--success);font-weight:600}.room-footer{display:flex;flex-direction:column;gap:8px}@media (max-width: 700px){.room{padding:20px 16px 60px}.room-ready-subtext{font-size:var(--text-xs)}}.toast{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-md);max-width:380px;z-index:1000;animation:toast-in .18s ease}@keyframes toast-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.toast--error{border-color:color-mix(in srgb,var(--error) 35%,transparent);background:color-mix(in srgb,var(--error) 6%,var(--surface))}.toast--info{border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 6%,var(--surface))}.toast-message{font-size:var(--text-base);flex:1;line-height:var(--leading-snug)}.toast--error .toast-message{color:var(--error)}.toast--info .toast-message{color:var(--accent)}.toast-close{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:var(--text-sm);padding:2px 4px;border-radius:var(--radius-xs);line-height:var(--leading-none);flex-shrink:0;transition:color var(--transition),background-color var(--transition)}.toast-close:hover{color:var(--text);background:var(--border)}.connection-status,.connection-retry{display:inline-flex;align-items:center;gap:var(--space-2)}.connection-retry-text{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap}.connection-retry .btn{padding:2px var(--space-2);font-size:var(--text-xs)}@media (max-width: 767px){.connection-retry-text{display:none}}.status{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-xs);font-weight:500;padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);border:1px solid var(--border);background:var(--surface);color:var(--text-muted);-webkit-user-select:none;user-select:none}.status:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--text-muted);flex-shrink:0}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.status--connected{color:var(--success);border-color:var(--success)}.status--connected:before{background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent);animation:pulse 2s ease infinite}@media (max-width: 767px){.status,:root:not([data-theme=dark]) .status{font-size:0;padding:0;gap:0;border:none;background:transparent}.status:before{width:8px;height:8px}}:root:not([data-theme=dark]) .status{background:var(--text-muted);border-color:transparent;color:var(--fg-on-solid)}:root:not([data-theme=dark]) .status:before{background:#fff9;box-shadow:none}:root:not([data-theme=dark]) .status--connected{background:var(--success);border-color:transparent;color:var(--fg-on-solid)}:root:not([data-theme=dark]) .status--connected:before{background:#ffffffd9;box-shadow:none}@media (max-width: 767px){:root:not([data-theme=dark]) .status--connected:before{background:var(--success);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent)}}@media (min-width: 768px){:root[data-theme=dusk] .status{background:color-mix(in srgb,var(--text-muted) 55%,black);color:var(--text);border-color:transparent}:root[data-theme=dusk] .status:before{background:#ffffff8c}:root[data-theme=dusk] .status--connected{background:color-mix(in srgb,var(--success) 55%,black);color:var(--text);border-color:transparent}:root[data-theme=dusk] .status--connected:before{background:#ffffffd9}}@media (max-width: 767px){:root[data-theme=dusk] .status--connected:before{background:color-mix(in srgb,var(--success) 55%,black);box-shadow:0 0 0 2px color-mix(in srgb,var(--success) 25%,transparent)}}.theme-menu{position:relative;display:inline-flex}.theme-menu-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:130px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:200;overflow:hidden;animation:theme-menu-in .14s ease}@keyframes theme-menu-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.theme-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:9px 14px;text-align:left;background:none;border:none;font-family:inherit;font-size:var(--text-base);color:var(--text);cursor:pointer;transition:background var(--transition)}.theme-menu-item:hover{background:var(--surface-2)}.theme-menu-item--active{color:var(--accent);font-weight:600;background:color-mix(in srgb,var(--accent) 8%,transparent)}.theme-menu-icon{font-size:var(--text-md);line-height:1}.spectators-modal{margin:auto;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);padding:var(--space-6);max-width:340px;width:calc(100vw - 32px);max-height:60svh;overflow-y:auto;box-shadow:var(--shadow-md)}.spectators-modal::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.spectators-modal .card-title{margin-bottom:var(--space-4)}.topbar{height:var(--topbar-h);background:var(--surface);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm)}.topbar-inner{position:relative;max-width:900px;margin:0 auto;padding:0 20px;height:100%;display:flex;align-items:center;justify-content:space-between}.topbar-left{display:flex;align-items:center;gap:10px}.topbar-your-turn{position:absolute;left:50%;transform:translate(-50%);font-size:var(--text-sm);font-weight:700;color:var(--accent);letter-spacing:.03em;pointer-events:none}.topbar-logo{display:flex;align-items:center;gap:8px;font-size:var(--text-xl);font-weight:700;letter-spacing:var(--tracking-tight);color:var(--text);background:none;border:none;cursor:pointer;padding:0}@media (max-width: 767px){.topbar-logo svg{width:28px;height:39px}}.topbar-nav{display:flex;align-items:center;gap:4px}.topbar-menu{display:none;position:relative}.topbar-menu-trigger{display:inline-flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;border-radius:50%;line-height:0;color:var(--text);transition:opacity var(--transition)}.topbar-menu-trigger:hover{opacity:.8}.topbar-menu-trigger .player-avatar--sm{width:38px;height:38px}.topbar-dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:150px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-md);z-index:200;overflow:hidden;animation:topbar-dropdown-in .14s ease}@keyframes topbar-dropdown-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.topbar-dropdown-item{display:block;width:100%;padding:10px 16px;text-align:left;text-decoration:none;background:none;border:none;font-family:inherit;font-size:var(--text-base);color:var(--text);cursor:pointer;transition:background var(--transition)}.topbar-dropdown-item:hover{background:var(--surface-2)}.topbar-dropdown-item--active{color:var(--accent);font-weight:600}.topbar-dropdown-item--danger{color:var(--error, #e05252)}.topbar-dropdown-item--danger:hover{background:color-mix(in srgb,var(--error, #e05252) 10%,transparent)}.topbar-dropdown-divider{height:1px;background:var(--border);margin:3px 0}@media (max-width: 767px){.topbar-nav{display:none}.topbar-menu{display:block}.topbar-your-turn{position:static;transform:none;margin-left:auto;margin-right:8px}}.nav-link{background:none;border:none;cursor:pointer;text-decoration:none;padding:var(--space-1) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:500;color:var(--text-muted);transition:color var(--transition),background-color var(--transition)}.nav-link:hover{color:var(--text);background:var(--surface-2)}.nav-link--active{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.nav-link--active:hover{color:var(--accent);background:color-mix(in srgb,var(--accent) 15%,transparent)}.bg-guides{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:-1}.bg-guide{position:absolute}.bg-guide--left,.bg-guide--right,.bg-guide--left-wide,.bg-guide--right-wide{top:0;bottom:0;width:1px;background:repeating-linear-gradient(to bottom,var(--border) 0px,var(--border) 3px,transparent 3px,transparent 9px)}.bg-guide--left{left:calc(50% - 400px)}.bg-guide--right{left:calc(50% + 400px)}.bg-guide--left-wide{left:calc(50% - 512px)}.bg-guide--right-wide{left:calc(50% + 512px)}.bg-guide--top,.bg-guide--bottom{left:0;width:100%;height:1px;background:repeating-linear-gradient(to right,var(--border) 0px,var(--border) 3px,transparent 3px,transparent 9px)}.bg-guide--top{top:200px}.bg-guide--bottom{top:calc(100% - 200px)}.bg-point{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--border);transform:translate(-50%,-50%)}.bg-point--top-left{top:200px;left:calc(50% - 400px)}.bg-point--top-right{top:200px;left:calc(50% + 400px)}.bg-point--bottom-left{top:calc(100% - 200px);left:calc(50% - 400px)}.bg-point--bottom-right{top:calc(100% - 200px);left:calc(50% + 400px)}.bg-point--top-left-wide{top:200px;left:calc(50% - 512px)}.bg-point--top-right-wide{top:200px;left:calc(50% + 512px)}.bg-point--bottom-left-wide{top:calc(100% - 200px);left:calc(50% - 512px)}.bg-point--bottom-right-wide{top:calc(100% - 200px);left:calc(50% + 512px)}.bg-glow-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.bg-glow-dot-core,.bg-glow-dot-halo{fill:var(--glow)}.bg-glow-trail-seg{stroke:var(--glow);stroke-width:1.2;stroke-linecap:round}@media (prefers-reduced-motion: reduce){.bg-glow-svg{display:none}}