:root{--surface-0:#0b1426;--surface-1:#132040;--surface-2:#1a2d52;--surface-3:#1e3558;--surface-sunken:#0e1830;--ink-0:#e8e4f0;--ink-1:#8a9ab8;--ink-2:#5a6a88;--ink-3:#3a5580;--gold:#e8a830;--gold-soft:#ffc048;--gold-dark:#c48c20;--gold-ink:#0b1426;--teal:#4090b8;--teal-soft:#6cc0e0;--coral:#d94d30;--coral-soft:#f06848;--success:#2ecc71;--danger:#e74c3c;--warn:#f39c12;--border:#2a4068;--border-subtle:#1a2d52;--border-strong:#3a5580;--panel-bg:#151a28;--panel-bg-hover:#1f2638;--panel-bg-active:#272e44;--panel-border:#2e3649;--panel-border-hover:#3e4865;--panel-bevel:inset 0 1px 0 #e8a8301a, inset 0 -1px 0 #0000008c;--panel-bevel-strong:inset 0 1px 0 #ffd27838, inset 0 -1px 0 #0009;--panel-bevel-gold:inset 0 1px 0 #ffe1968c, inset 0 -1px 0 #0000008c;--panel-gold-bg:#3a2a10;--panel-gold-bg-hover:#4a3614;--panel-gold-border:#8c6a2a;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-pill:999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 14px #060a1473, 0 1px 2px #00000059;--shadow-lg:0 16px 40px #04081099, 0 2px 6px #0006;--glow-gold:0 0 0 1px #e8a83066, 0 6px 20px #e8a83033;--font-display:"LimanDisplay", "Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;--font-mono:ui-monospace, "SF Mono", Menlo, "JetBrains Mono", monospace;--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:24px;--s-6:32px;--s-7:48px;--s-8:64px;--ease-out:cubic-bezier(.2, .7, .25, 1);--ease-inout:cubic-bezier(.5, 0, .25, 1);--dur-fast:.12s;--dur:.2s;--dur-slow:.34s;--nav-h:60px;--sidebar-w:280px;--max-content:1180px;--z-bg:-1;--z-base:0;--z-overlay:2;--z-dock:3;--z-sticky:5;--z-floating:20;--z-sidebar:30;--z-header:40;--z-popover:60;--z-popover-raised:70;--z-scrim:900;--z-modal:1000;--z-modal-raised:1100;--z-modal-top:1150;--z-modal-peak:1200}@media (prefers-reduced-motion:reduce){:root{--dur-fast:0s;--dur:0s;--dur-slow:0s}}*{box-sizing:border-box}html,body,#root{height:100%;font-family:var(--font-ui);color:var(--ink-0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-size:14px;line-height:1.5}html{background:var(--surface-0)}body{background:0 0;overflow:hidden}body:before{content:"";z-index:-2;pointer-events:none;background:radial-gradient(at 20% -10%,#e8a8300f,#0000 50%),radial-gradient(at 100% 120%,#4090b80d,#0000 50%);position:fixed;inset:0}#root{background:0 0;flex-direction:column;display:flex}::selection{color:var(--ink-0);background:#e8a8304d}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:var(--r-pill);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background-color:var(--border-strong);background-clip:padding-box}:focus-visible{outline:2px solid var(--gold);outline-offset:2px;border-radius:var(--r-sm)}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink-0);margin:0;font-weight:600}h1{font-size:32px}h2{font-size:24px}h3{font-size:18px;font-family:var(--font-ui);font-weight:600}h4{font-size:14px;font-family:var(--font-ui);font-weight:600}a{color:var(--teal-soft);text-decoration:none}a:hover{color:var(--gold)}.muted{color:var(--ink-2)}.error{color:var(--danger)}.mono{font-family:var(--font-mono)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}@keyframes fadein{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fadein{animation:fadein var(--dur-slow) var(--ease-out) both}header.app-header{align-items:center;gap:var(--s-3);padding:0 var(--s-4);height:var(--nav-h);z-index:var(--z-header);pointer-events:none;background:0 0;flex-shrink:0;grid-template-columns:1fr auto 1fr;display:grid;position:fixed;top:0;left:0;right:0;overflow:visible}header.app-header>*{pointer-events:auto}.active-game-banner{margin-top:var(--nav-h)}header.app-header .spacer{flex:1}.app-header-left{justify-self:start;align-items:center;gap:2px;display:flex}.app-header-right{height:var(--nav-h);justify-self:end;align-items:center;gap:10px;display:flex}.app-header-right .pill.gold{letter-spacing:.03em;height:38px;box-shadow:var(--panel-bevel-gold), 0 3px 0 #00000080, 0 6px 12px #00000059;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);gap:8px;padding:0 16px;font-size:14px;font-weight:700}.app-header-right .pill.gold:hover{background:var(--panel-gold-bg-hover)}.app-header-right .pill.gold:active{box-shadow:var(--panel-bevel-gold), 0 1px 0 #0006;transform:translateY(2px)}.app-header-right .pill.gold [aria-hidden=true]{font-size:18px;line-height:1}.app-header-right .notif-bell-btn{border:1px solid var(--panel-border);background:var(--panel-bg);width:38px;height:38px;color:var(--ink-0);box-shadow:var(--panel-bevel), 0 3px 0 #00000073, 0 6px 12px #00000059;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;display:inline-flex}.app-header-right .notif-bell-btn:hover{background:var(--panel-bg-hover);border-color:var(--panel-border-hover)}.app-header-right .notif-bell-btn:active{background:var(--panel-bg-active);box-shadow:var(--panel-bevel), 0 1px 0 #0006;transform:translateY(2px)}.app-header-right .notif-badge{border-radius:10px;min-width:20px;height:20px;font-size:12px;top:-4px;right:-4px;box-shadow:0 0 0 2px #0009}.brand-logo{font-family:var(--font-display);letter-spacing:.02em;color:var(--gold);padding:0 var(--s-2);font-size:22px;text-decoration:none;position:relative}.brand-logo:before{content:"";border-radius:var(--r-md);z-index:-1;opacity:0;transition:opacity var(--dur) var(--ease-out);background:radial-gradient(circle,#e8a8302e,#0000 70%);position:absolute;inset:-2px -6px}.brand-logo:hover:before{opacity:1}.brand-center{text-shadow:0 2px 6px #0009;justify-self:center;font-size:38px}.brand-logo.brand-game{color:var(--ink-0);border-radius:var(--r-pill);letter-spacing:.04em;text-shadow:0 1px 2px #00000080;background:linear-gradient(#e8a8303d,#e8a83014);border:1px solid #e8a8308c;align-items:center;gap:10px;padding:6px 14px;font-size:20px;display:inline-flex;box-shadow:0 4px 14px #00000059,inset 0 1px #ffe1962e}.brand-logo.brand-game:hover{filter:brightness(1.08)}.brand-game-dot{background:var(--success);border-radius:50%;width:9px;height:9px;animation:1.4s ease-in-out infinite brand-game-pulse;box-shadow:0 0 #2ecc7199}@keyframes brand-game-pulse{0%,to{box-shadow:0 0 #2ecc718c}50%{box-shadow:0 0 0 7px #2ecc7100}}.brand-game-text{font-family:var(--font-display);color:var(--gold-soft);font-weight:700}.nav-flags{margin-left:var(--s-2);align-self:flex-start;align-items:flex-start;gap:4px;display:flex}.nav-flag{color:#fffffff2;transition:height var(--dur) var(--ease-out), filter var(--dur-fast) var(--ease-out);clip-path:polygon(0 0,100% 0,100% calc(100% - 18px),50% 100%,0 calc(100% - 18px));filter:drop-shadow(0 4px 8px #0006);flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;padding-top:20px;text-decoration:none;display:flex;position:relative}.nav-flag:hover{filter:drop-shadow(0 8px 14px #0000008c)}.nav-flag.active{filter:drop-shadow(0 0 8px #ffd77899)}.nav-flag-red{background:linear-gradient(#d45050 0%,#a83232 55%,#6b1a1a 100%);width:58px;height:128px}.nav-flag-red:hover{height:152px}.nav-flag-red:active{height:160px}.nav-flag-blue{background:linear-gradient(#5878d4 0%,#3250a8 55%,#1a2e6b 100%);width:50px;height:114px}.nav-flag-blue:hover{height:138px}.nav-flag-blue:active{height:146px}.nav-flag-icon{color:#fffffff2;width:26px;height:26px}.nav-flag-label{font-family:var(--font-display);color:#fffffff2;text-shadow:0 1px 3px #0009;font-size:16px;line-height:1}.nav-link{color:var(--ink-1);letter-spacing:.01em;border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out);padding:8px 12px;font-size:13px;font-weight:500;text-decoration:none}.nav-link:hover{color:var(--ink-0);background:var(--surface-2)}.nav-link.active{color:var(--gold);background:#e8a83014}.hex-bg{pointer-events:none;width:100vw;height:100vh;z-index:var(--z-bg);position:fixed;inset:0}.app-body{flex:1;min-height:0;display:flex}main.app-main{padding:var(--s-5);padding-top:calc(var(--nav-h) + var(--s-5));padding-left:calc(var(--sb-w-collapsed,92px) + var(--s-5));flex:1;min-width:0;overflow:auto}main.app-main.no-padding{padding:0}main.app-main.full-bleed{padding:0;overflow:hidden}main.app-main.full-bleed .home-game{height:100vh}main.app-main.full-bleed .island-scene{z-index:var(--z-base);position:fixed;inset:0}:root{--sb-w:220px;--sb-w-collapsed:92px;--sb-current-w:var(--sb-w);--sb2-w:160px;--sb-anim-dur:.32s;--sb-anim-ease:cubic-bezier(.32, .72, .2, 1)}body.sidebar-collapsed{--sb-current-w:var(--sb-w-collapsed)}.sidebar{top:var(--nav-h);width:var(--sb-w);padding:var(--s-2);transition:width var(--sb-anim-dur) var(--sb-anim-ease);z-index:var(--z-sidebar);pointer-events:none;will-change:width;background:0 0;border-right:none;flex-direction:column;flex-shrink:0;gap:2px;display:flex;position:fixed;bottom:0;left:0;overflow:hidden}.sidebar>*{pointer-events:auto}.sidebar.collapsed{width:var(--sb-w-collapsed)}.sidebar-toggle{border:1px solid var(--panel-border);background:var(--panel-bg);width:44px;height:44px;color:var(--ink-0);border-radius:var(--r-sm);cursor:pointer;margin-top:var(--s-2);box-shadow:var(--panel-bevel), 0 3px 0 #00000073;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);justify-content:center;align-self:flex-start;align-items:center;display:inline-flex}.sidebar-toggle:hover{color:var(--ink-0);border-color:var(--panel-border-hover);background:var(--panel-bg-hover)}.sidebar-toggle:active{background:var(--panel-bg-active);box-shadow:var(--panel-bevel), 0 1px 0 #0006;transform:translateY(2px)}.sidebar.collapsed .sidebar-toggle{align-self:flex-start}.sidebar-nav{flex-direction:column;flex:1;justify-content:center;gap:6px;min-width:0;display:flex}.sidebar-item{border-radius:var(--r-md);width:100%;height:56px;color:var(--ink-1);letter-spacing:.01em;white-space:nowrap;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-bevel), 0 2px 0 #0006;transition:width var(--sb-anim-dur) var(--sb-anim-ease), height var(--sb-anim-dur) var(--sb-anim-ease), padding var(--sb-anim-dur) var(--sb-anim-ease), gap var(--sb-anim-dur) var(--sb-anim-ease), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);align-items:center;gap:12px;margin:0 auto;padding:0 14px;font-size:15px;font-weight:700;text-decoration:none;display:flex;overflow:hidden}.sidebar-item:hover{color:var(--ink-0);background:var(--panel-bg-hover);border-color:var(--panel-border-hover)}.sidebar-item:active{box-shadow:var(--panel-bevel), 0 1px 0 #0006;transform:translateY(1px)}.sidebar-item.active{color:var(--gold);background:var(--panel-gold-bg);border-color:var(--panel-gold-border);box-shadow:var(--panel-bevel-gold), 0 2px 0 #00000080}.sidebar-item{position:relative}.sidebar-item-submenu-dot{background:var(--ink-2);width:6px;height:6px;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), opacity var(--sb-anim-dur) var(--sb-anim-ease);border-radius:50%;flex-shrink:0;margin-left:auto;box-shadow:0 0 0 1px #00000059}.sidebar-item:hover .sidebar-item-submenu-dot,.sidebar-item[aria-expanded=true] .sidebar-item-submenu-dot{background:var(--gold);transform:scale(1.25)}.sidebar-item.active .sidebar-item-submenu-dot{background:var(--gold-soft)}.sidebar.collapsed .sidebar-item-submenu-dot{margin:0;position:absolute;top:8px;right:8px}.sidebar-item-icon{color:currentColor;width:26px;height:26px;transition:width var(--sb-anim-dur) var(--sb-anim-ease), height var(--sb-anim-dur) var(--sb-anim-ease);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.sidebar-item-icon .sb-icon{width:100%;height:100%;display:block}.sidebar-toggle .sb-icon{width:32px;height:32px;display:block}.sidebar-item-label{text-overflow:ellipsis;opacity:1;min-width:0;max-width:200px;transition:opacity .18s var(--sb-anim-ease) 80ms, max-width var(--sb-anim-dur) var(--sb-anim-ease);overflow:hidden}.sidebar.collapsed .sidebar-item{justify-content:center;gap:0;width:56px;padding:0}.sidebar.collapsed .sidebar-item-label{opacity:0;pointer-events:none;max-width:0;transition:opacity .12s var(--sb-anim-ease), max-width var(--sb-anim-dur) var(--sb-anim-ease)}.secondary-sidebar{top:var(--sb-active-top,var(--nav-h));left:var(--sb-current-w);width:var(--sb2-w);padding:0 var(--s-2);z-index:calc(var(--z-sidebar) - 1);pointer-events:none;opacity:1;transition:left var(--sb-anim-dur) var(--sb-anim-ease);flex-direction:column;gap:2px;display:flex;position:fixed;transform:translate(0)}.secondary-sidebar[data-state=open],.secondary-sidebar[data-state=opening]{pointer-events:auto}.secondary-sidebar[data-state=opening]{animation:secondary-sidebar-enter .26s var(--sb-anim-ease) both}.secondary-sidebar[data-state=closing]{animation:secondary-sidebar-exit .26s var(--sb-anim-ease) both}@keyframes secondary-sidebar-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes secondary-sidebar-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(12px)}}.secondary-sidebar>*{pointer-events:auto}.secondary-sidebar-nav{flex-direction:column;gap:6px;min-width:0;display:flex}.secondary-sidebar-footer{margin-top:var(--s-2);flex-direction:column;gap:6px;display:flex}.secondary-sidebar-item{border-radius:var(--r-md);width:100%;min-height:56px;color:var(--ink-1);font-family:var(--font-ui);letter-spacing:.02em;text-align:center;white-space:nowrap;background:var(--panel-bg);border:1px solid var(--panel-border);box-shadow:var(--panel-bevel), 0 2px 0 #0006;cursor:pointer;transition:color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:8px;font-size:11px;font-weight:600;text-decoration:none;display:flex;position:relative;overflow:hidden}.secondary-sidebar-item:hover{color:var(--ink-0);background:var(--panel-bg-hover);border-color:var(--panel-border-hover)}.secondary-sidebar-item:active{box-shadow:var(--panel-bevel), 0 1px 0 #0006;transform:translateY(1px)}.secondary-sidebar-item.active{color:var(--gold);background:var(--panel-gold-bg);border-color:var(--panel-gold-border);box-shadow:var(--panel-bevel-gold), 0 2px 0 #00000080}.secondary-sidebar-item-dot{background:var(--success);border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 0 2px #2ecc7140}.secondary-sidebar-item-label{text-overflow:ellipsis;max-width:100%;overflow:hidden}.sb2-icon{color:currentColor;flex-shrink:0;width:20px;height:20px}.active-game-banner{align-items:center;gap:var(--s-3);padding:10px var(--s-5);background:linear-gradient(90deg,#4090b826,#4090b80d);border-bottom:1px solid #4090b84d;font-size:13px;display:flex}.active-game-banner .banner-dot{background:var(--teal);width:8px;height:8px;animation:pulse 1.8s var(--ease-inout) infinite;border-radius:50%;box-shadow:0 0 0 3px #4090b840}button{--filter-rest:brightness(1);font:inherit;background:var(--surface-2);color:var(--ink-0);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;filter:var(--filter-rest);transition:filter var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);padding:8px 14px;font-weight:500}button:hover:not(:disabled){filter:var(--filter-rest) brightness(1.1);border-color:var(--border-strong)}button:active:not(:disabled){filter:var(--filter-rest) brightness(.95);transform:translateY(1px)}button:disabled{opacity:.45;cursor:not-allowed}button:focus:not(:focus-visible){outline:none}button.primary{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:var(--gold-ink);box-shadow:var(--shadow-sm), inset 0 1px 0 #ffffff40;border-color:#0000;font-weight:600}button.primary:hover:not(:disabled){filter:brightness(1.05);box-shadow:var(--glow-gold), inset 0 1px 0 #ffffff4d}button.ghost{color:var(--ink-1);background:0 0;border-color:#0000}button.ghost:hover:not(:disabled){background:var(--surface-2);color:var(--ink-0)}button.danger{color:var(--danger);border-color:#d94d3066}button.danger:hover:not(:disabled){background:#d94d301f}.icon-btn,.icon-btn:hover{background:0 0;border-color:#0000}.icon-btn{border-width:0;padding:0}.icon-btn:active:not(:disabled){transform:none}input,select,textarea{font:inherit;border:1px solid var(--border);border-radius:var(--r-sm);background:var(--surface-sunken);color:var(--ink-0);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);padding:9px 12px}input::placeholder,textarea::placeholder{color:var(--ink-3)}input:focus,select:focus,textarea:focus{border-color:var(--gold);background:var(--surface-1);outline:none}label{color:var(--ink-2);flex-direction:column;gap:4px;font-size:12px;display:flex}label>input,label>select{color:var(--ink-0);font-size:14px}fieldset{border:1px solid var(--border-subtle);border-radius:var(--r-md);padding:var(--s-4);background:var(--surface-1);margin:0}legend{color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;padding:0 6px;font-size:11px}.row{gap:var(--s-2);align-items:center;display:flex}.col{gap:var(--s-2);flex-direction:column;display:flex}.card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:var(--s-5);transition:border-color var(--dur) var(--ease-out), transform var(--dur) var(--ease-out)}.card-interactive{cursor:pointer;transition:border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out)}.card-interactive:hover{border-color:var(--border-strong);background:var(--surface-2);box-shadow:var(--shadow-md)}.card-feature{background:linear-gradient(160deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);box-shadow:var(--shadow-md)}.card-hero{background:radial-gradient(ellipse at top right, #e8a83026, transparent 55%), linear-gradient(165deg, var(--surface-2), var(--surface-1));border:1px solid var(--border);box-shadow:var(--shadow-lg);border-radius:var(--r-xl)}.pill{border-radius:var(--r-pill);background:var(--surface-2);border:1px solid var(--border);color:var(--ink-1);letter-spacing:.02em;align-items:center;gap:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}.pill.gold{background:var(--panel-gold-bg);border-color:var(--panel-gold-border);color:var(--gold-soft);box-shadow:var(--panel-bevel-gold)}.pill.teal{color:var(--teal-soft);box-shadow:var(--panel-bevel);background:#0e2c3c;border-color:#2a5a72}.pill.danger{color:var(--danger);box-shadow:var(--panel-bevel);background:#3a1410;border-color:#7a2a1e}.tag{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--border-subtle);color:var(--ink-1);padding:2px 8px;font-size:11px;display:inline-block}.stat-label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:500}.stat-value{font-family:var(--font-display);color:var(--ink-0);font-size:28px;line-height:1.1}.section-title{align-items:baseline;gap:var(--s-3);margin-bottom:var(--s-3);display:flex}.section-title h2,.section-title h3{margin:0}.section-title .section-hint{color:var(--ink-2);font-size:12px}pre{background:var(--surface-sunken);border:1px solid var(--border-subtle);padding:var(--s-3);color:var(--ink-1);border-radius:var(--r-sm);margin:0;font-size:12px;overflow:auto}.emote-bar{gap:4px;padding:4px 0;display:flex;overflow-x:auto}.emote-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--ink-0);flex-shrink:0;padding:4px 8px;font-size:16px;line-height:1.2}.emote-btn:hover{background:var(--surface-3)}.panel-section{padding:var(--s-3);border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-1)}.lb-table{border-collapse:collapse;width:100%;font-size:13px}.lb-table th,.lb-table td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:8px 10px}.lb-table th{background:var(--surface-2);color:var(--ink-1);text-transform:uppercase;letter-spacing:.06em;font-size:11px;font-weight:600}.lb-table tr:hover td{background:var(--surface-2)}.lobby-grid{gap:var(--s-3);grid-template-columns:1fr 320px;height:100%;display:grid}.lobby-screen-wrapper{max-width:640px;height:100%;min-height:0;transform:translateX(calc(-1 * var(--sb-w-collapsed) / 2));flex-direction:column;margin:0 auto;display:flex}.lobby-list-screen{min-height:0;padding:var(--s-5) var(--s-4) var(--s-3);gap:var(--s-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.lobby-list-header{justify-content:center;align-items:center;gap:var(--s-2);margin-bottom:var(--s-2);display:flex}.lobby-list-title{font-family:var(--font-display);color:var(--ink-0);letter-spacing:-.01em;margin:0;font-size:22px;line-height:1.1}.lobby-list-count{color:var(--teal-soft);border-radius:var(--r-pill);background:#4090b829;padding:2px 10px;font-size:12px;font-weight:600}.lobby-list-section{flex-direction:column;gap:10px;display:flex}.lobby-empty{align-items:center;gap:var(--s-2);padding:var(--s-6) var(--s-4) var(--s-7);flex-direction:column;display:flex}.lobby-empty-icon{background:var(--surface-2);width:64px;height:64px;color:var(--ink-2);margin-bottom:var(--s-1);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.lobby-empty-title{font-family:var(--font-display);color:var(--ink-1);font-size:18px}.lobby-empty-sub{color:var(--ink-2);text-align:center;padding:0 var(--s-4);font-size:13px}.lobby-game-card{align-items:center;gap:var(--s-3);background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-out);padding:14px;display:flex;position:relative}.lobby-game-card:hover{border-color:var(--border-strong)}.lobby-game-card.own{border-color:var(--gold);box-shadow:0 0 0 1px #e8a83026, var(--shadow-sm);border-width:1.5px}.lobby-game-card.full{opacity:.55}.lobby-game-dismiss{background:var(--surface-2);border:1px solid var(--border);width:24px;height:24px;color:var(--ink-2);cursor:pointer;z-index:1;border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex;position:absolute;top:-10px;right:-10px}.lobby-game-dismiss:hover{background:var(--surface-3);color:var(--ink-0)}.lobby-game-icon{background:var(--surface-2);width:48px;height:48px;color:var(--teal-soft);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.lobby-game-icon.own{color:var(--gold);background:#e8a83029}.lobby-game-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.lobby-game-name-row{align-items:center;gap:6px;min-width:0;display:flex}.lobby-game-name{font-family:var(--font-display);color:var(--ink-0);text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.lobby-game-meta{color:var(--ink-1);flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;display:flex}.lobby-game-meta .dot{color:var(--ink-2)}.lobby-game-chips{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.lobby-game-chip{color:var(--teal-soft);border-radius:var(--r-pill);background:#4090b824;border:1px solid #4090b852;padding:2px 10px;font-size:11px}.lobby-game-right{flex-direction:column;flex-shrink:0;align-items:center;gap:6px;display:flex}.lobby-game-btn{border-radius:var(--r-pill);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--font-ui);border:0;justify-content:center;align-items:center;padding:7px 16px;display:inline-flex}.lobby-game-btn.join{background:var(--teal);color:var(--ink-0)}.lobby-game-btn.join:hover{background:var(--teal-soft);color:var(--gold-ink)}.lobby-game-btn.rejoin{background:var(--gold);color:var(--gold-ink)}.lobby-game-btn.rejoin:hover{background:var(--gold-soft)}.lobby-game-btn.full{background:var(--panel-bg);color:var(--ink-2);cursor:default}.lobby-game-slots{align-items:center;gap:3px;display:flex}.lobby-slot-dot{border:1px solid var(--ink-2);background:0 0;border-radius:50%;width:10px;height:10px}.lobby-slot-dot.human{background:var(--teal);border-color:var(--teal)}.lobby-slot-bot{width:12px;height:12px;color:var(--gold);justify-content:center;align-items:center;display:inline-flex}.lobby-expiry-chip{border-radius:var(--r-sm);color:var(--ink-1);background:#8a9ab824;align-items:center;gap:3px;padding:2px 6px;font-size:10px;display:inline-flex}.lobby-expiry-chip.urgent{color:var(--danger);background:#e74c3c29}.lobby-reconnect-spinner{border:2px solid #e8a83040;border-top-color:var(--gold);border-radius:50%;width:18px;height:18px;animation:.9s linear infinite lobby-spin}@keyframes lobby-spin{to{transform:rotate(360deg)}}.lobby-loading{flex-direction:column;gap:10px;display:flex}.lobby-game-card.skeleton{box-shadow:none;border-color:#0000}.skeleton-pulse{background:var(--surface-2);animation:1.4s ease-in-out infinite lobby-skeleton-pulse}.lobby-game-card.skeleton .lobby-game-icon{background:var(--surface-2);color:#0000}.skeleton-line{border-radius:7px;height:14px;margin-bottom:6px}.skeleton-btn{border-radius:14px;width:56px;height:28px}@keyframes lobby-skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}.lobby-loading-label{text-align:center;color:var(--ink-2);padding:var(--s-2);font-size:13px}.lobby-bottom-spacer{height:var(--s-4)}.lobby-bottom-section{padding:var(--s-3) var(--s-4) var(--s-5);gap:var(--s-3);background:0 0;flex-direction:column;flex-shrink:0;display:flex}.lobby-code-row{align-items:stretch;gap:10px;display:flex}.lobby-code-input{background:var(--surface-1);border:1px solid var(--border);color:var(--ink-0);letter-spacing:.3em;text-align:center;text-transform:uppercase;font-size:16px;font-family:var(--font-display);transition:border-color var(--dur-fast) var(--ease-out), box-shadow var(--dur-fast) var(--ease-out);border-radius:12px;outline:none;flex:1;padding:12px 16px;font-weight:600}.lobby-code-input::placeholder{color:var(--ink-2);letter-spacing:.25em;font-weight:500}.lobby-code-input:focus{border-color:var(--gold);box-shadow:0 0 0 2px #e8a83033}.lobby-code-join{background:var(--gold);color:var(--gold-ink);border:2px solid var(--gold-dark);font-family:var(--font-display);letter-spacing:.08em;cursor:pointer;border-bottom-width:3px;border-radius:12px;min-width:82px;padding:0 22px;font-size:15px;font-weight:700}.lobby-code-join:hover:not(:disabled){background:var(--gold-soft)}.lobby-code-join:disabled{opacity:.5;cursor:not-allowed}.lobby-code-error{color:var(--danger);text-align:center;margin-top:-4px;font-size:12px}.lobby-create-frame{display:flex}.lobby-create-btn{background:var(--gold);color:var(--gold-ink);border:2px solid var(--gold-dark);font-family:var(--font-display);letter-spacing:.04em;cursor:pointer;transition:background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);border-bottom-width:4px;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:10px;padding:16px 20px;font-size:18px;font-weight:700;display:flex}.lobby-create-btn:hover:not(:disabled){background:var(--gold-soft)}.lobby-create-btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(1px)}.lobby-create-btn:disabled{opacity:.5;cursor:not-allowed}.lobby-create-frame.active-game .lobby-create-btn{background:var(--gold);border-color:#9a7520}.lobby-disconnected{align-items:center;gap:var(--s-2);padding:var(--s-3);color:var(--gold);background:0 0;flex-direction:column;display:flex}.lobby-disconnected-text{font-family:var(--font-display);color:var(--gold);text-align:center;font-size:14px}.lobby-retry-btn{border:1.5px solid var(--gold-dark);width:100%;color:var(--ink-0);font-family:var(--font-display);cursor:pointer;background:#e8a83026;border-radius:12px;padding:14px;font-size:16px}.lobby-retry-btn:hover{background:#e8a83040}@media (width<=640px){.lobby-create-btn{padding:14px 18px;font-size:17px}}.lobby-screen{max-width:720px;height:100%;padding:var(--s-4);gap:var(--s-3);flex-direction:column;margin:0 auto;display:flex;position:relative}.lobby-header{align-items:center;gap:var(--s-2);display:flex}.lobby-header-right{gap:var(--s-2);margin-left:auto;display:flex}.lobby-icon-btn{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-pill);cursor:pointer;width:38px;height:38px;color:var(--ink-0);justify-content:center;align-items:center;font-size:14px;display:inline-flex}.lobby-icon-btn:hover{background:var(--surface-2)}.lobby-icon-btn.gold{color:var(--gold);border-color:#e8a83066}.lobby-code-chip{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-display);letter-spacing:.2em;color:var(--ink-0);align-items:center;gap:8px;padding:6px 14px;font-size:16px;display:inline-flex}.lobby-code-chip .lobby-code-hint{font-family:var(--font-ui);color:var(--ink-2);letter-spacing:.05em;text-transform:uppercase;font-size:10px}.lobby-toast{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-pill);color:var(--ink-0);box-shadow:var(--shadow-md);z-index:var(--z-floating);animation:fadein var(--dur-slow) var(--ease-out);padding:8px 14px;font-size:12px;position:absolute;top:64px;left:50%;transform:translate(-50%)}.lobby-error-toast{border-radius:var(--r-sm);color:var(--danger);background:#d94d3024;border:1px solid #d94d3066;padding:8px 12px;font-size:12px}.lobby-table-area{padding:var(--s-4) 0;justify-content:center;align-items:center;display:flex}.lobby-table-container{width:var(--lobby-table-area);height:var(--lobby-table-area);position:relative;overflow:visible}.lobby-table-plate{width:var(--lobby-table-size);height:var(--lobby-table-size);background:radial-gradient(circle at 30% 25%, #e8a83014, transparent 60%), var(--surface-1);border:2.5px solid #e8a83080;border-radius:50%;flex-direction:row;justify-content:space-between;align-items:center;padding:0 14px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 40px #00000073,inset 0 0 24px #4090b814}.lobby-table-step{background:var(--surface-2);border:1.5px solid var(--border);width:32px;height:32px;color:var(--ink-0);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.lobby-table-step:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.lobby-table-step:disabled{opacity:.3;cursor:not-allowed}.lobby-table-count{text-align:center;font-family:var(--font-display);color:var(--teal-soft);flex:1;font-size:36px;line-height:1}.lobby-seat-positioner{width:calc(var(--lobby-seat-size) + 16px);height:calc(var(--lobby-seat-size) + 24px);justify-content:center;align-items:flex-start;display:flex;position:absolute;transform:translate(-50%,-50%)}.lobby-seat-wrap{cursor:default;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;width:100%;padding:0;display:flex}.lobby-seat-wrap.lobby-seat-empty{cursor:pointer}.lobby-seat-wrap.lobby-seat-empty:disabled{cursor:default}.lobby-seat-circle{width:var(--lobby-seat-size);height:var(--lobby-seat-size);background:var(--surface-2);border:2.5px solid var(--border);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:relative}.lobby-seat-circle.disconnected{opacity:.4}.lobby-seat-circle.bot{background:var(--surface-1);border-width:2px}.lobby-seat-circle.empty{border-style:dashed;border-width:2px;border-color:var(--ink-2);color:var(--ink-2);opacity:.7;background:0 0}.lobby-seat-wrap.lobby-seat-empty:not(:disabled):hover .lobby-seat-circle.empty{border-color:var(--teal);color:var(--teal-soft);opacity:1}.lobby-seat-initial{font-family:var(--font-display);font-size:calc(var(--lobby-seat-size) * .42);line-height:1}.lobby-seat-host-badge{background:var(--surface-1);border:1px solid var(--gold);width:18px;height:18px;color:var(--gold);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:-4px;right:-4px}.lobby-seat-offline-badge{background:var(--surface-1);width:16px;height:16px;color:var(--danger);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;bottom:-2px;right:-2px}.lobby-seat-remove{background:var(--danger);color:#fff;cursor:pointer;z-index:2;border:0;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;padding:0;display:inline-flex;position:absolute;top:4px;right:4px}.lobby-seat-remove:hover{filter:brightness(1.1)}.lobby-seat-name{font-family:var(--font-display);color:var(--ink-1);text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;overflow:hidden}.lobby-seat-name.host{color:var(--gold)}.lobby-bot-dismiss{z-index:50;position:absolute;inset:-40px}.lobby-bot-option{background:var(--surface-1);font-family:var(--font-display);cursor:pointer;z-index:101;border-style:solid;border-width:2.5px;border-radius:50%;font-size:14px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 6px 16px #00000073}.lobby-bot-option:hover{filter:brightness(1.15)}.lobby-tabs{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);display:flex;overflow:hidden}.lobby-tab{color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:0;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:13px;display:inline-flex;position:relative}.lobby-tab.active{color:var(--gold);box-shadow:inset 0 -2px 0 var(--gold);background:#e8a83014}.lobby-tab-badge{background:var(--gold);min-width:18px;height:18px;color:var(--gold-ink);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex}.lobby-tab-content{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);flex-direction:column;flex:1;min-height:280px;display:flex;overflow:hidden}.lobby-settings{padding:var(--s-4);gap:var(--s-3);flex-direction:column;flex:1;display:flex;overflow-y:auto}.lobby-setting-row{justify-content:space-between;align-items:center;gap:var(--s-3);display:flex}.lobby-setting-label{color:var(--ink-2);text-transform:uppercase;letter-spacing:.08em;font-size:11px}.lobby-setting-label.block{margin-top:var(--s-2);margin-bottom:2px;display:block}.lobby-stepper{align-items:center;gap:8px;display:flex}.lobby-stepper button{border-radius:var(--r-sm);width:32px;height:32px;padding:0;font-size:16px}.lobby-stepper .mono{text-align:center;min-width:32px;font-size:15px}.lobby-chip-row{flex-wrap:wrap;gap:6px;display:flex}.lobby-chip{border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink-1);cursor:pointer;padding:6px 12px;font-size:12px}.lobby-chip.active{border-color:var(--teal);color:var(--teal-soft);background:#4090b826}.lobby-chip:disabled{opacity:.6}.lobby-map-grid,.lobby-rules{gap:var(--s-2);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.lobby-map-card,.lobby-rule-card{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:left;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.lobby-map-card strong,.lobby-rule-card strong{color:var(--ink-0);font-size:13px}.lobby-map-card small,.lobby-rule-card small{color:var(--ink-2);font-size:11px}.lobby-map-card.active,.lobby-rule-card.active{border-color:var(--teal);background:#4090b81f}.lobby-chat{flex-direction:column;flex:1;min-height:260px;display:flex}.lobby-chat-messages{padding:var(--s-3);flex-direction:column;flex:1;gap:4px;font-size:13px;display:flex;overflow-y:auto}.lobby-chat-messages .sys{color:var(--ink-2);font-style:italic}.lobby-chat-form{border-top:1px solid var(--border-subtle);display:flex}.lobby-chat-form input{background:var(--surface-sunken);border:0;border-radius:0;flex:1}.lobby-chat-form button{border:0;border-left:1px solid var(--border-subtle);background:var(--surface-2);border-radius:0;padding:0 20px}.lobby-bottom-bar{padding-top:var(--s-2)}.lobby-start-btn{width:100%;font-family:var(--font-display);letter-spacing:.05em;background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:var(--gold-ink);border-radius:var(--r-lg);cursor:pointer;box-shadow:var(--glow-gold);border:0;padding:14px;font-size:18px;font-weight:700}.lobby-start-btn:disabled{opacity:.5;cursor:not-allowed;background:var(--surface-2);color:var(--ink-2);box-shadow:none}.lobby-waiting{text-align:center;color:var(--ink-2);background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);padding:14px;font-size:13px}.lobby-share-overlay{z-index:var(--z-modal);background:#060a14b3;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.lobby-share-sheet{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl) var(--r-xl) 0 0;width:100%;max-width:480px;padding:var(--s-4) var(--s-5) var(--s-6);gap:var(--s-3);box-shadow:var(--shadow-lg);border-bottom:0;flex-direction:column;display:flex}.lobby-share-handle{background:var(--border);width:40px;height:4px;margin:0 auto var(--s-2);border-radius:2px}.lobby-share-sheet h3{margin:0 0 var(--s-2);text-align:center}.lobby-share-code{padding:var(--s-4);background:var(--surface-sunken);border-radius:var(--r-md);border:1px solid #e8a8304d;flex-direction:column;align-items:center;gap:4px;display:flex}.lobby-share-code .muted{text-transform:uppercase;letter-spacing:.1em;font-size:11px}.lobby-share-code-val{letter-spacing:.4em;color:var(--gold);font-size:30px}.lobby-share-opt{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 16px;display:flex}.lobby-share-opt span{color:var(--ink-0);font-size:14px}.lobby-share-opt small{color:var(--ink-2);font-size:11px}.lobby-share-opt:hover{background:var(--surface-3)}.chat-panel{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-md);flex-direction:column;min-height:240px;display:flex}.chat-messages{padding:var(--s-2) var(--s-3);flex-direction:column;flex:1;gap:3px;font-size:13px;display:flex;overflow:auto}.chat-messages .sys{color:var(--ink-2);font-style:italic}.chat-form{border-top:1px solid var(--border-subtle);display:flex}.chat-form input{background:var(--surface-sunken);border:0;border-radius:0;flex:1}.player-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.player-list li{background:var(--surface-2);border:1px solid var(--border-subtle);border-radius:var(--r-sm);align-items:center;gap:8px;padding:6px 10px;font-size:13px;display:flex}.player-list .color-swatch{border:1px solid var(--border-strong);border-radius:50%;width:10px;height:10px}.game-grid{grid-template-rows:1fr auto;grid-template-columns:1fr 320px;gap:0;height:100%;display:grid}.game-board-area{background:linear-gradient(160deg,#1a2d52,#132040);grid-area:1/1;position:relative;overflow:hidden}.game-side-panel{background:var(--surface-1);border-left:1px solid var(--border-subtle);flex-direction:column;grid-area:1/2/span 2;min-height:0;display:flex}.game-action-bar{background:var(--surface-1);border-top:1px solid var(--border-subtle);padding:var(--s-2);flex-wrap:wrap;grid-area:2/1;align-items:center;gap:6px;display:flex}.game-side-panel>.panel-section{padding:var(--s-3);border:0;border-bottom:1px solid var(--border-subtle);background:0 0;border-radius:0;font-size:12px}.game-side-panel>.panel-section.flex{flex-direction:column;flex:1;min-height:0;display:flex}.home-game{flex-direction:column;height:100%;display:flex;position:relative}main.app-main.no-padding .home-game{min-height:100%}.island-scene{pointer-events:none;background:#162e50;position:absolute;inset:0;overflow:hidden}.island-svg{width:100%;height:100%;position:absolute;inset:0}.devtools-launcher{z-index:var(--z-popover);background:var(--panel-bg-hover);border:1px solid var(--panel-border);color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:16px;display:flex;position:fixed;bottom:12px;right:12px}.devtools-launcher:hover{background:var(--panel-bg-active)}.devtools-backdrop{z-index:var(--z-popover-raised);background:0 0;justify-content:flex-end;align-items:flex-end;padding:0 8px 50px 0;display:flex;position:fixed;inset:0}.devtools-panel{background:#0e1a38f2;border:1px solid #e8a83059;border-radius:10px;max-width:260px;padding:6px;box-shadow:0 10px 30px #0006}.devtools-status{font-size:10px;font-family:var(--font-mono);color:var(--ink-2);letter-spacing:.02em;margin-bottom:4px;line-height:1.4}.devtools-grid{grid-template-columns:repeat(3,1fr);gap:3px;display:grid}.devtools-btn{color:#fff;cursor:pointer;text-align:center;border:0;border-radius:5px;padding:5px 6px;font-size:11px;font-weight:700;line-height:1.1}.devtools-btn:hover{filter:brightness(1.12)}.home-go-back-row{padding-right:var(--s-3);margin-bottom:var(--s-2);pointer-events:none;justify-content:flex-end;display:flex}.home-go-back-row>*{pointer-events:auto}.home-go-back{border:1px solid var(--panel-border-hover);color:#ffffffd9;cursor:pointer;width:40px;height:40px;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:#00000059;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.home-go-back:hover{color:#fff;background:#0000008c}.home-overlay{z-index:var(--z-overlay);padding:var(--s-5) var(--s-5) var(--s-7);pointer-events:none;flex-direction:column;flex:1;display:flex;position:relative}.home-overlay>*{pointer-events:auto}.home-overlay .spacer{pointer-events:none;flex:1}.home-header-row{align-items:center;gap:var(--s-3);animation:fadein var(--dur-slow) var(--ease-out);display:flex}.home-greeting{font-family:var(--font-display);color:var(--ink-0);text-shadow:0 2px 10px #0009;font-size:26px}.home-greeting small{font-family:var(--font-ui);color:var(--ink-1);letter-spacing:.02em;opacity:.85;margin-top:2px;font-size:12px;font-weight:400;display:block}.home-progress-dock{margin-top:var(--s-3);animation:fadein var(--dur-slow) var(--ease-out) 60ms both;flex-wrap:wrap;gap:6px;display:flex}.progress-chip{border:1px solid var(--border-subtle);border-radius:var(--r-pill);color:var(--ink-0);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#0b142699;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:flex}.progress-chip:hover{background:#e8a83014;border-color:#e8a83066;transform:translateY(-1px)}.progress-chip-ico{color:var(--gold);font-size:14px;line-height:1}.progress-chip-val{color:var(--ink-0);font-weight:600}.progress-chip-label{color:var(--ink-2);font-size:11px}.home-dock-btn{border:1px solid var(--border-subtle);border-radius:var(--r-pill);color:var(--ink-0);letter-spacing:.01em;box-shadow:var(--shadow-sm);transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#0b1426b8;align-items:center;gap:8px;padding:8px 14px 8px 10px;font-size:13px;font-weight:500;text-decoration:none;display:inline-flex}.home-dock-btn:hover{color:var(--gold-soft);background:#1a2d52e0;border-color:#e8a83066;transform:translate(-2px)}.home-dock-ico{text-align:center;width:22px;font-size:15px;line-height:1}.home-dock-label{white-space:nowrap}@media (width<=720px){.home-dock-label{display:none}.home-dock-btn{padding:8px 10px}}.home-left-dock{right:var(--s-5);align-items:flex-end;gap:var(--s-3);z-index:var(--z-dock);flex-direction:column;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.home-right-dock{top:172px;right:var(--s-5);align-items:flex-end;gap:var(--s-3);z-index:var(--z-dock);flex-direction:column;display:flex;position:absolute}.hatchery-egg{--filter-rest:drop-shadow(0 6px 18px #00000080) drop-shadow(0 0 24px #e8a8302e);transform-origin:50% 100%;padding:4px}.hatchery-egg:hover:not(:disabled){transform:translateY(-1px)}.hatchery-egg.shake{animation:egg-shake .42s var(--ease-inout)}@keyframes egg-shake{0%,to{transform:rotate(0)}15%{transform:rotate(-4deg)}35%{transform:rotate(5deg)}55%{transform:rotate(-3deg)}75%{transform:rotate(2deg)}}.hatchery-overlay{z-index:var(--z-modal);padding:var(--s-5);background:#060a14bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.hatchery-modal{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-xl);padding:var(--s-6);max-width:440px;box-shadow:var(--shadow-lg);text-align:center}.home-above-battle{padding:0 var(--s-4);margin-bottom:var(--s-2);pointer-events:none;justify-content:flex-end;align-items:flex-end;display:flex}.home-above-battle>*{pointer-events:auto}.raccoon-guide{align-items:flex-start;gap:10px;max-width:560px;display:flex;transform:translateY(32px)}.raccoon-bubble{border:1px solid var(--panel-border);border-radius:var(--r-md);max-width:320px;color:var(--ink-0);box-shadow:var(--shadow-md);background:#0e1830e0;margin-top:24px;padding:8px 12px;position:relative}.raccoon-bubble p{font-family:var(--font-display);color:var(--ink-0);margin:0;font-size:12px;line-height:1.45}.raccoon-bubble-tail{border-top:7px solid #0000;border-bottom:7px solid #0000;border-left:8px solid #0e1830e0;width:0;height:0;position:absolute;top:12px;right:-7px}.raccoon-col{flex-direction:column;align-items:center;gap:2px;display:flex}.raccoon-pouch-timer{font-family:var(--font-display);color:var(--ink-2);letter-spacing:.04em;font-size:10px}.raccoon-pouch-timer.capped{color:var(--gold)}.raccoon-btn{--filter-rest:drop-shadow(0 6px 18px #0000008c);width:140px;height:140px;padding:0}.raccoon-btn:hover:not(:disabled){transform:translateY(-2px)}.raccoon-btn img{object-fit:contain;width:100%;height:100%;transform:scaleX(-1)}.home-battle-section{align-items:stretch;gap:var(--s-3);flex-direction:column;width:100%;max-width:520px;margin:0 auto;display:flex}.home-rejoin{align-items:center;gap:var(--s-3);border-radius:var(--r-lg);animation:fadein var(--dur-slow) var(--ease-out);background:linear-gradient(#142638eb,#0e1a28f0);border:1px solid #60b0dc8c;padding:14px 18px;display:flex;box-shadow:0 10px 28px #00000073,inset 0 1px #ffffff0f}.home-rejoin .banner-dot{flex:none}.home-rejoin-ico{color:var(--gold,#f0b94a);text-shadow:0 1px 4px #0009;flex:none;font-size:22px;line-height:1}.home-rejoin-text{flex:1;min-width:0}.home-rejoin-text strong{color:#fff;font-size:14px;font-family:var(--font-display);letter-spacing:.02em;text-shadow:0 1px 2px #00000080;display:block}.home-rejoin-text small{color:#ffffffc7;margin-top:2px;font-size:12px;display:block}.home-rejoin.lobby{background:linear-gradient(#3a260ef0,#281a0af5);border-color:#e8a830b3;box-shadow:0 10px 28px #00000080,inset 0 1px #ffd2781f,0 0 0 1px #e8a83026}.home-rejoin .banner-dot.gold{background:var(--gold);box-shadow:0 0 0 3px #e8a83040}.home-banners{margin-top:var(--s-3);max-width:560px;animation:fadein var(--dur-slow) var(--ease-out) 90ms both;flex-direction:column;gap:6px;display:flex}.home-banner{align-items:center;gap:var(--s-3);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--ink-0);cursor:pointer;font:inherit;text-align:left;transition:border-color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out);background:#0b1426c7;padding:10px 12px;text-decoration:none;display:flex}.home-banner:hover{border-color:var(--border-strong);background:#1a2d52e6;transform:translateY(-1px)}.home-banner-ico{text-align:center;width:28px;color:var(--gold);font-size:20px;line-height:1}.home-banner-body{flex-direction:column;flex:1;gap:1px;display:flex}.home-banner-body strong{color:var(--ink-0);font-size:13px;font-weight:600}.home-banner-body small{color:var(--ink-2);font-size:11px}.home-banner-cta{color:var(--gold);letter-spacing:.02em;font-size:12px;font-weight:600}.home-banner.gold{background:linear-gradient(135deg,#e8a8302e,#0b1426c7);border-color:#e8a83059}.home-banner.teal{border-color:#4090b859}.home-banner.teal .home-banner-ico,.home-banner.teal .home-banner-cta{color:var(--teal-soft)}.home-right-signin{letter-spacing:.02em;color:var(--gold-ink);background:linear-gradient(180deg, var(--gold-soft), var(--gold));border-radius:var(--r-pill);cursor:pointer;box-shadow:var(--glow-gold);border:0;padding:8px 14px;font-size:12px;font-weight:600}.battle-wrap{animation:battle-rise var(--dur-slow) var(--ease-out) both;position:relative}@keyframes battle-rise{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.battle-search-info{font-family:var(--font-display);color:var(--ink-1);letter-spacing:.02em;justify-content:center;align-items:center;gap:10px;margin-bottom:10px;font-size:13px;display:flex}.battle-search-dot{background:var(--gold);width:8px;height:8px;animation:pulse 1.4s var(--ease-inout) infinite;border-radius:50%;box-shadow:0 0 0 4px #e8a83033}.battle-continue-row{align-items:stretch;gap:8px;display:flex}.battle-continue{border:2px solid var(--gold);min-width:0;color:var(--ink-0);cursor:pointer;font-family:var(--font-ui);text-align:left;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:linear-gradient(#e8a8302e,#e8a8300f);border-radius:18px;flex:1;align-items:center;gap:12px;padding:14px 18px;display:flex;box-shadow:0 12px 32px #e8a83038,0 2px 8px #0006,inset 0 1px #ffe19640}.battle-continue:hover{transform:translateY(-1px);box-shadow:0 16px 40px #e8a83052,0 2px 8px #00000073,inset 0 1px #ffe1964d}.battle-continue-dot{background:var(--success);border-radius:50%;flex:none;width:10px;height:10px;animation:1.4s ease-in-out infinite battle-pulse;box-shadow:0 0 #2ecc7199}@keyframes battle-pulse{0%,to{box-shadow:0 0 #2ecc7199}50%{box-shadow:0 0 0 8px #2ecc7100}}.battle-continue-label{flex-direction:column;flex:1;min-width:0;line-height:1.2;display:flex}.battle-continue-label strong{font:700 18px var(--font-display);color:var(--gold-soft)}.battle-continue-label span{color:var(--ink-1);font-size:13px}.battle-continue-arrow{color:var(--gold-soft);flex:none;font-size:22px}.battle-continue-dismiss{aspect-ratio:1;color:var(--ink-1);cursor:pointer;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:#0b142699;border:1px solid #ffffff24;border-radius:10px;flex:none;align-self:stretch;font-size:14px}.battle-continue-dismiss:hover{color:var(--ink-0);background:#0b1426d9}.battle-continue-row.battle-continue-lobby .battle-continue{background:linear-gradient(#e8a8301a,#14263899);border-color:#e8a8308c}.battle-continue-row.battle-continue-lobby .battle-continue-dot{background:var(--gold)}@keyframes battle-pulse-gold{0%,to{box-shadow:0 0 #e8a83099}50%{box-shadow:0 0 0 8px #e8a83000}}.battle-continue-row.battle-continue-lobby .battle-continue-dot{animation-name:battle-pulse-gold}.battle-frame{transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:linear-gradient(#f2cf7a,#c08a20 55%,#8a6114);border-radius:18px;align-items:stretch;padding:3px;display:flex;position:relative;box-shadow:0 18px 44px #e8a83047,0 4px 16px #00000080,inset 0 0 0 1px #ffffff1f}.battle-frame:hover{transform:translateY(-1px);box-shadow:0 22px 56px #e8a83061,0 4px 16px #00000080,inset 0 0 0 1px #ffffff2e}.battle-frame.searching{background:linear-gradient(#e27a63,#8b2a20 55%,#5a1510);box-shadow:0 16px 40px #d94d304d,0 4px 16px #00000073}.battle-main,.battle-mode{color:#0b1426;background:linear-gradient(#eab557,#c98d2a);border:0}.battle-main{font-family:var(--font-display);letter-spacing:.1em;text-shadow:0 1px #ffffff40;border-radius:15px 3px 3px 15px;flex:1;justify-content:center;align-items:center;gap:12px;min-height:72px;padding:18px 24px;font-size:30px;font-weight:700;display:flex}.battle-frame.searching .battle-main{color:#fff;text-shadow:0 1px #00000059;background:linear-gradient(#d65a48,#a02e20)}.battle-main:disabled{opacity:.55;cursor:not-allowed;filter:saturate(.6)}.battle-ico{font-size:28px;line-height:1}.battle-label{line-height:1}.battle-divider{background:#0003;width:1px;margin:4px 0}.battle-mode{border-radius:3px 15px 15px 3px;justify-content:center;align-items:center;width:72px;display:flex}.battle-mode-ico{font-size:24px;line-height:1}.battle-picker-backdrop{z-index:50;position:fixed;inset:0}.battle-picker{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);min-width:260px;box-shadow:var(--shadow-lg);z-index:51;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute;bottom:calc(100% + 12px);right:0}.battle-picker-item{border-radius:var(--r-md);cursor:pointer;text-align:left;color:var(--ink-0);font:inherit;transition:background var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:0 0;border:1px solid #0000;align-items:center;gap:12px;padding:10px 12px;display:flex}.battle-picker-item:hover:not(:disabled){background:var(--surface-2)}.battle-picker-item.selected{background:#e8a8301a;border-color:#e8a83066}.battle-picker-item:disabled{opacity:.4;cursor:not-allowed}.battle-picker-ico{text-align:center;flex:none;width:36px;font-size:22px}.battle-picker-meta{flex-direction:column;gap:1px;display:flex}.battle-picker-meta strong{color:var(--ink-0);font-size:14px}.battle-picker-meta span{color:var(--ink-2);font-size:11px}.battle-error{text-align:center;color:var(--danger);margin-top:10px;font-size:12px}.battle-hint{text-align:center;color:var(--ink-2);margin-top:10px;font-size:12px}.home-join-row{justify-content:center;align-items:center;gap:var(--s-2);margin-top:var(--s-3);color:var(--ink-2);font-size:12px;display:flex}.home-join-row input{width:120px;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--border);background:#00000059;padding:6px 10px;font-size:12px}.home-join-row button{background:0 0;padding:6px 10px;font-size:12px}@media (width<=640px){.battle-main{min-height:64px;padding:14px 18px;font-size:24px}.battle-mode{width:58px}.home-greeting{font-size:22px}.raccoon-btn{width:110px;height:110px}.raccoon-bubble{max-width:260px}.raccoon-guide{transform:none}}@media (width>=1100px){.raccoon-btn{width:170px;height:170px}.raccoon-bubble{max-width:380px;margin-top:40px}.raccoon-bubble p{font-size:13px}}.home-modal-backdrop{padding:var(--s-5);z-index:var(--z-modal-raised);background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.home-modal{background:var(--surface-1);border-radius:var(--r-xl);padding:var(--s-6) var(--s-5) var(--s-5);width:100%;min-width:280px;max-width:380px;box-shadow:var(--shadow-lg);animation:home-modal-in .22s var(--ease-out);border:1.5px solid #e8a83059;position:relative}@keyframes home-modal-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:none}}.home-modal-close{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:14px;position:absolute;top:10px;right:10px}.home-modal-close:hover{color:var(--ink-0);background:var(--surface-2)}.worker-popup-backdrop{z-index:var(--z-scrim);position:fixed;inset:0}.worker-popup{z-index:calc(var(--z-scrim) + 1);background:var(--surface-1);border-radius:var(--r-md);width:200px;box-shadow:var(--shadow-lg);border:1px solid #e8a83073;padding:12px;position:fixed}.worker-popup-head{align-items:center;gap:10px;margin-bottom:8px;display:flex}.worker-popup-emoji{font-size:26px;line-height:1}.worker-popup-info{flex-direction:column;gap:1px;display:flex}.worker-popup-info strong{color:var(--ink-0);font-size:14px;font-family:var(--font-display)}.worker-popup-info small{color:var(--ink-2);font-size:11px}.worker-popup-max{text-align:center;color:var(--gold);padding:6px 0;font-size:12px;font-weight:600}.worker-popup-upgrade{background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:100%;color:var(--gold-ink);border-radius:var(--r-sm);cursor:pointer;border:0;flex-direction:column;align-items:center;gap:2px;padding:8px 10px;font-weight:700;display:flex;box-shadow:inset 0 1px #ffffff40}.worker-popup-upgrade:hover:not(:disabled){filter:brightness(1.05)}.worker-popup-upgrade small{opacity:.85;font-size:10px;font-weight:500}.worker-popup-upgrade:disabled{opacity:.5;cursor:not-allowed}.home-modal.hatchery-modal-v2{max-width:420px;padding-top:var(--s-4);isolation:isolate;background:radial-gradient(circle at 50% 10%, #e8a83024, transparent 55%), linear-gradient(180deg, var(--surface-1), var(--surface-2));overflow:hidden}.dragon-scales{pointer-events:none;border-radius:inherit;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.hatchery-title{text-align:center;font-family:var(--font-display);color:var(--gold-soft);letter-spacing:.05em;margin:4px 0 10px;font-size:22px}.hatchery-info-btn{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:16px;position:absolute;top:10px;left:10px}.hatchery-info-btn:hover{color:var(--ink-0);background:var(--surface-2)}.hatchery-star{width:100%;height:320px;margin-top:8px;position:relative}.hatchery-egg-slot{--filter-rest:drop-shadow(0 4px 12px #00000080);flex-direction:column;align-items:center;gap:2px;display:flex;position:absolute;transform:translate(-50%,-50%)}.hatchery-egg-slot:hover:not(:disabled){--filter-rest:drop-shadow(0 6px 18px #e8a83040);transform:translate(-50%,-52%)}.hatchery-egg-slot.locked{--filter-rest:grayscale(.8) brightness(.6)}.hatchery-egg-slot img{object-fit:contain;pointer-events:none;width:100%;height:80%}.hatchery-egg-counts{color:var(--ink-1);border-radius:var(--r-pill);border:1px solid var(--border-subtle);background:#0e1830d9;gap:6px;padding:1px 7px;font-size:11px;display:inline-flex}.hatchery-egg-counts em{font-style:normal;font-weight:700}.hatchery-egg-counts .shard{color:#e8a830}.hatchery-egg-counts .rare{color:#d94d30}.hatchery-egg-counts .muted{color:var(--ink-3);font-weight:500}.hatchery-toast{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--ink-0);white-space:nowrap;z-index:10;background:#0e1830f2;padding:6px 14px;font-size:12px;position:absolute;top:4px;left:50%;transform:translate(-50%)}.hatchery-flow{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:#0003;justify-content:center;align-items:center;gap:6px;margin-top:10px;padding:8px 10px;display:flex}.hatchery-flow-step{flex-direction:column;align-items:center;gap:2px;display:flex}.hatchery-flow-step span{font-size:20px;line-height:1}.hatchery-flow-step small{color:var(--ink-2);font-size:10px}.hatchery-flow-arrow{color:var(--ink-3);font-size:12px}.hatchery-legend{color:var(--ink-2);justify-content:center;align-items:center;gap:6px;margin-top:14px;font-size:12px;display:flex}.hatchery-legend span:first-child{color:var(--gold)}.home-modal.pouch-modal{text-align:center;padding-top:38px}.pouch-bubble{background:var(--surface-1);width:56px;height:56px;box-shadow:var(--shadow-md);z-index:var(--z-overlay);border:1.5px solid #e8a83080;border-radius:50%;justify-content:center;align-items:center;font-size:28px;display:flex;position:absolute;top:-28px;left:50%;transform:translate(-50%)}.pouch-empty{flex-direction:column;align-items:center;gap:6px;padding:12px 0 16px;display:flex}.pouch-empty span{opacity:.55;font-size:32px}.pouch-empty p{margin:0;font-size:12px}.pouch-currency-row{justify-content:center;gap:24px;margin:10px 0 14px;display:flex}.pouch-currency{opacity:0;animation:pouch-pop .22s var(--ease-out) forwards;align-items:center;gap:6px;display:inline-flex}.pouch-currency em{font-size:22px;font-style:normal;line-height:1}.pouch-currency strong{font-family:var(--font-display);color:var(--ink-0);font-size:18px}.pouch-chip-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.pouch-chip{border:1px solid var(--border-subtle);border-radius:var(--r-md);opacity:0;animation:pouch-pop .22s var(--ease-out) forwards;align-items:center;gap:5px;padding:6px 10px;display:inline-flex}.pouch-chip em{font-size:18px;font-style:normal;line-height:1}.pouch-chip strong{font-family:var(--font-display);color:var(--ink-0);font-size:13px}@keyframes pouch-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.pouch-collect{margin-top:16px;padding:10px 36px;font-size:15px}.pouch-collected{margin-top:12px;font-size:30px}.fragment-picker-title{text-align:center;font-family:var(--font-display);color:var(--gold-soft);letter-spacing:.05em;margin:0 0 4px;font-size:20px}.fragment-picker-sub{text-align:center;margin:0 0 14px;font-size:12px}.fragment-picker-grid{grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:14px;display:grid}.fragment-picker-item{background:var(--panel-bg);border:1px solid var(--border-subtle);border-radius:var(--r-md);color:var(--ink-0);cursor:pointer;flex-direction:column;align-items:center;gap:4px;padding:10px 4px;font-size:10px;font-weight:600;display:flex}.fragment-picker-item:hover{background:var(--surface-2);border-color:var(--border-strong)}.fragment-picker-item em{font-size:22px;font-style:normal}.fragment-picker-cancel{margin:0 auto;font-size:12px;display:block}.home-modal.archive-modal{text-align:center;padding-top:var(--s-5)}.archive-boat{margin-bottom:6px;font-size:34px;line-height:1}.archive-title{font-family:var(--font-display);color:var(--ink-0);letter-spacing:.04em;margin:0 0 10px;font-size:22px}.archive-reward-row{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:8px;display:flex}.archive-reward-chip{background:var(--panel-bg);border:1px solid var(--border-subtle);border-radius:var(--r-sm);align-items:center;gap:5px;padding:5px 10px;display:inline-flex}.archive-reward-chip em{font-size:16px;font-style:normal;line-height:1}.archive-reward-chip strong{font-family:var(--font-display);color:var(--gold-soft);font-size:14px}.archive-info-btn{width:28px;height:28px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0;font-size:14px;position:absolute;top:10px;left:10px}.archive-info-btn:hover{color:var(--ink-0);background:var(--surface-2)}.archive-reset-row{justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.archive-reset-row small{color:var(--ink-2);font-size:11px;font-weight:600}.archive-reset-chip{background:var(--panel-bg-hover);border-radius:var(--r-sm);cursor:pointer;border:0;padding:3px 8px;font-size:18px;line-height:1}.archive-reset-chip:hover{background:var(--panel-bg-hover)}.archive-snack{text-align:center;border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-0);z-index:10;background:#0e1830f2;padding:8px 14px;font-size:11px;position:absolute;top:-40px;left:0;right:0}.archive-sail-btn{font-size:15px;font-family:var(--font-display);letter-spacing:.05em;align-items:center;gap:6px;margin:16px auto 0;padding:10px 22px;display:inline-flex}.home-archive-btn{z-index:var(--z-floating);background:linear-gradient(180deg, var(--gold-soft), var(--gold));width:56px;height:56px;color:var(--gold-ink);border:2px solid var(--gold-ink);box-shadow:0 6px 20px #e8a83080, var(--shadow-md);cursor:pointer;animation:archive-pop .32s var(--ease-out) both;border-radius:50%;font-size:26px;position:absolute;top:45%;right:22px}@keyframes archive-pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}.sail-reward-overlay{z-index:var(--z-modal-peak);pointer-events:none;animation:sail-fade .25s var(--ease-out) both;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.sail-reward-card{background:var(--surface-1);border-radius:var(--r-xl);min-width:220px;box-shadow:0 0 40px #ffd70059, var(--shadow-lg);animation:sail-card .4s var(--ease-out) .1s both;border:2px solid #e8a830;flex-direction:column;align-items:center;gap:20px;padding:28px 36px;display:flex}.sail-reward-item{opacity:0;flex-direction:column;align-items:center;gap:6px;display:flex}.sail-reward-item em{font-size:36px;font-style:normal;line-height:1}.sail-reward-item strong{font-family:var(--font-display);color:#e8a830;font-size:26px}.sail-reward-item.cosmetic-pop strong{color:var(--ink-0);font-size:16px}.sail-reward-item.gold-pop{animation:sail-pop .4s var(--ease-out) .35s both}.sail-reward-item.cosmetic-pop{animation:sail-pop .4s var(--ease-out) .6s both}@keyframes sail-fade{0%{opacity:0}to{opacity:1}}@keyframes sail-card{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes sail-pop{0%{opacity:0;transform:scale(0)}60%{opacity:1;transform:scale(1.25)}to{opacity:1;transform:scale(1)}}.tile-discovery-toast{z-index:var(--z-scrim);border-radius:var(--r-md);width:160px;box-shadow:var(--shadow-lg);background:#0e1a38f0;border:1px solid #e8a83066;flex-direction:column;align-items:center;gap:2px;padding:10px 14px 0;display:flex;position:fixed;bottom:150px;right:16px;overflow:hidden}.tile-discovery-toast.entering{animation:tile-toast-in .32s var(--ease-out) both}.tile-discovery-toast.exiting{animation:.3s ease-in both tile-toast-out}@keyframes tile-toast-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:none}}@keyframes tile-toast-out{0%{opacity:1;transform:none}to{opacity:0;transform:translate(120%)}}.tile-discovery-close{color:#ffffff73;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;position:absolute;top:4px;right:6px}.tile-discovery-emoji{font-size:28px;line-height:1}.tile-discovery-animal{animation:tile-animal-pop .4s var(--ease-out) .32s both;font-size:22px;line-height:1}@keyframes tile-animal-pop{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.tile-discovery-title{font-family:var(--font-display);color:var(--ink-0);margin-top:4px;font-size:13px}.tile-discovery-sub{color:var(--gold-soft);margin-bottom:6px;font-size:10px;font-weight:600}.tile-discovery-bar{background:var(--gold);transform-origin:0;border-radius:1.5px;width:100%;height:3px;animation:linear both tile-bar;display:block}@keyframes tile-bar{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.legendary-reveal-overlay{z-index:var(--z-modal-top);pointer-events:none;animation:sail-fade .3s var(--ease-out) both;background:#000000a6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.legendary-reveal-overlay.closing{animation:sail-fade .3s var(--ease-out) reverse both}.legendary-reveal-card{background:var(--surface-1);border-radius:var(--r-xl);text-align:center;width:280px;box-shadow:0 0 40px #ffd70066, var(--shadow-lg);animation:sail-card .4s var(--ease-out) .2s both;border:2px solid #e8a830;padding:32px}.legendary-reveal-stage-label{font-family:var(--font-display);color:#e8a830;margin-bottom:14px;font-size:18px}.legendary-reveal-img-wrap{width:96px;height:96px;animation:sail-pop .5s var(--ease-out) .6s both;margin:0 auto 10px}.legendary-reveal-img-wrap img{object-fit:contain;width:100%;height:100%}.legendary-reveal-name{font-family:var(--font-display);color:var(--ink-0);margin-bottom:4px;font-size:18px}.legendary-reveal-stage{color:var(--ink-2);align-items:center;gap:6px;font-size:12px;display:inline-flex}.easter-egg-bird{z-index:var(--z-modal);cursor:pointer;width:40px;height:40px;animation:bird-enter .26s var(--ease-out) both;background:0 0;border:0;padding:0;font-size:26px;position:fixed}.easter-egg-bird.flying{animation:.4s ease-in forwards bird-fly}@keyframes bird-enter{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes bird-fly{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-60px)}}.home-rank-badge{border:1.5px solid var(--border);border-radius:var(--r-md);cursor:pointer;color:var(--ink-0);background:#0b1426d9;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.home-rank-badge:hover{background:#0b1426f2}.home-rank-ico{font-size:14px;line-height:1}.home-rank-info{flex-direction:column;align-items:flex-end;line-height:1.15;display:flex}.home-rank-info strong{font-family:var(--font-display);font-size:14px;font-weight:700}.home-rank-info small{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.05em;font-size:9px}.dashboard{max-width:var(--max-content);gap:var(--s-5);padding-bottom:var(--s-7);flex-direction:column;margin:0 auto;display:flex}.hero-welcome{padding:var(--s-6);align-items:center;gap:var(--s-5);grid-template-columns:1fr auto;display:grid}.hero-welcome h1{margin:0 0 var(--s-2);font-size:40px;line-height:1.1}.hero-welcome .hero-sub{color:var(--ink-1);max-width:44ch;font-size:15px}.hero-welcome .hero-cta{gap:var(--s-2);margin-top:var(--s-4);display:flex}.hero-welcome .hero-cta button{padding:12px 22px;font-size:14px;font-weight:600}.hero-art{width:180px;height:180px;box-shadow:var(--glow-gold);background:radial-gradient(circle at 30% 30%,#ffc04880,#0000 60%),radial-gradient(circle at 70% 70%,#4090b866,#0000 60%),linear-gradient(135deg,#1a2d52,#132040);border-radius:50%;position:relative}.hero-art:after{content:"";border:1px solid #e8a8304d;border-radius:50%;position:absolute;inset:0}.mode-grid{gap:var(--s-3);grid-template-columns:repeat(auto-fit,minmax(220px,1fr));display:grid}.mode-card{padding:var(--s-4);text-align:left;background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);cursor:pointer;min-height:110px;color:var(--ink-0);transition:transform var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out), background var(--dur) var(--ease-out);font:inherit;flex-direction:column;align-items:flex-start;gap:6px;display:flex}.mode-card:hover:not(:disabled){background:var(--surface-2);border-color:#e8a83066;transform:translateY(-2px)}.mode-card:disabled{opacity:.5;cursor:not-allowed}.mode-card .mode-icon{font-size:22px}.mode-card strong{color:var(--ink-0);font-size:15px}.mode-card span{color:var(--ink-2);font-size:12px}.feed-grid{gap:var(--s-4);grid-template-columns:2fr 1fr;display:grid}@media (width<=900px){.feed-grid,.hero-welcome{grid-template-columns:1fr}.hero-art{display:none}}.watch-header{top:var(--nav-h);z-index:var(--z-sticky);padding:var(--s-4) var(--s-5) var(--s-3);pointer-events:none;background:0 0;position:absolute;left:0;right:0}.watch-header-inner{justify-content:center;align-items:center;gap:var(--s-5);max-width:var(--max-content);flex-wrap:wrap;margin:0 auto;display:flex;position:relative}.watch-header-inner>*{pointer-events:auto}.watch-title-block{flex-direction:column;min-width:0;display:flex}.watch-title{font-family:var(--font-display);color:var(--ink-0);letter-spacing:-.01em;margin:0;font-size:22px;line-height:1.1}.watch-subtitle{color:var(--ink-2);margin-top:2px;font-size:12px}.watch-tabs{background:var(--surface-sunken);border:1px solid var(--border-subtle);border-radius:var(--r-pill);align-items:center;padding:4px;display:inline-flex}.watch-tab{color:var(--ink-1);font-family:var(--font-ui);letter-spacing:.01em;cursor:pointer;border-radius:var(--r-pill);transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:6px;padding:7px 16px;font-size:13px;font-weight:500;display:inline-flex;position:relative}.watch-tab:hover{color:var(--ink-0)}.watch-tab.active{color:var(--gold-ink);background:var(--gold);font-weight:600;box-shadow:0 2px 8px #e8a83040}.watch-tab-dot{background:var(--success);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 2px #2ecc7140}.watch-tab.active .watch-tab-dot{box-shadow:0 0 0 2px #0b142659}.watch-header-extras{align-items:center;gap:var(--s-2);display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.watch-filter-pills{gap:6px;display:flex}.watch-filter-pill{border-radius:var(--r-pill);background:var(--surface-1);border:1px solid var(--border-subtle);color:var(--ink-1);cursor:pointer;transition:border-color var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);align-items:center;gap:5px;padding:6px 14px;font-size:12px;font-weight:500;display:inline-flex}.watch-filter-pill:hover{color:var(--ink-0);border-color:var(--border)}.watch-filter-pill.active{color:var(--gold-soft);background:#e8a8301a;border-color:#e8a83059}.watch-history-switch-anchor{top:calc(var(--nav-h) + var(--s-2));z-index:var(--z-sticky);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.watch-history-switch-anchor .watch-segmented{pointer-events:auto}.watch-segmented{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-pill);gap:0;padding:4px;display:inline-flex}.watch-segmented button{appearance:none;color:var(--ink-1);border-radius:var(--r-pill);cursor:pointer;transition:color var(--dur-fast) var(--ease-out), background var(--dur-fast) var(--ease-out);background:0 0;border:none;align-items:center;gap:5px;padding:9px 24px;font-size:14px;font-weight:600;display:inline-flex}.watch-segmented button:hover{color:var(--ink-0)}.watch-segmented button.active{color:var(--gold-soft);background:#e8a83024;box-shadow:inset 0 0 0 1px #e8a83059}.watch-history-tile-grid{gap:var(--s-4);padding:calc(var(--nav-h) + var(--s-4)) var(--s-5) var(--s-6);max-width:var(--max-content);grid-template-columns:repeat(auto-fill,minmax(360px,1fr));margin:0 auto;display:grid}.watch-history-tile{aspect-ratio:16/10;border:1px solid var(--border-subtle);cursor:pointer;transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out);background:#151515;border-radius:12px;outline:none;position:relative;overflow:hidden}.watch-history-tile:hover{border-color:var(--border);transform:translateY(-1px)}.watch-history-tile:focus-visible{border-color:var(--gold)}.watch-history-grid{gap:var(--s-3);padding:var(--s-4) var(--s-5) var(--s-6);max-width:var(--max-content);grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin:0 auto;display:grid}.watch-history-card{border-radius:var(--r-lg);cursor:pointer;color:inherit;text-align:left;font:inherit;aspect-ratio:9/14;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:#000;border:none;padding:0;position:relative;overflow:hidden}.watch-history-card:hover{transform:translateY(-2px)scale(1.01);box-shadow:0 12px 28px #00000080}.watch-history-card:focus-visible{box-shadow:0 0 0 2px var(--gold), var(--glow-gold);outline:none}.watch-history-thumb{background:radial-gradient(at 30% 20%,#4090b838,#0000 62%),linear-gradient(160deg,#0e1e3a 0%,#0a1628 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.watch-history-thumb>svg{filter:drop-shadow(0 6px 14px #0006);width:78%;height:auto}.watch-history-thumb-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--r-sm);color:#fff;letter-spacing:.02em;background:#0000008c;align-items:center;padding:3px 7px;font-size:10.5px;font-weight:600;display:inline-flex;position:absolute;top:8px;left:8px}.watch-history-stat-rail{z-index:2;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:64px;right:8px}.watch-history-stat{color:#fff;text-shadow:0 1px 2px #000000b3;flex-direction:column;align-items:center;gap:2px;font-size:10px;display:inline-flex}.watch-history-stat>span[aria-hidden]{filter:drop-shadow(0 1px 2px #0009);font-size:20px;line-height:1}.watch-history-stat.liked>span[aria-hidden]{color:#e74c5c}.watch-history-stat-count{font-weight:600}.watch-history-scrim{background:linear-gradient(#0000 0%,#0000008c 55%,#000000d1 100%);flex-direction:column;gap:6px;padding:38px 10px 10px;display:flex;position:absolute;bottom:0;left:0;right:0}.watch-history-winner{color:var(--gold-soft,#f4c86a);text-shadow:0 1px 2px #0009;align-items:center;gap:5px;max-width:100%;font-size:12px;font-weight:700;display:inline-flex}.watch-history-winner-name{text-overflow:ellipsis;white-space:nowrap;color:#fff;min-width:0;overflow:hidden}.watch-history-winner-vp{border-radius:var(--r-pill);color:var(--gold-soft,#f4c86a);background:#e8a83033;margin-left:auto;padding:1px 6px;font-size:10.5px;font-weight:700}.watch-history-sub{color:#ffffffd1;text-shadow:0 1px 2px #0009;justify-content:space-between;align-items:center;gap:8px;font-size:10.5px;display:flex}.watch-history-dots{align-items:center;gap:4px;display:inline-flex}.watch-history-sub-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.watch-history-player-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;box-shadow:0 0 0 1px #00000073}.watch-history-empty{padding:var(--s-7) var(--s-4);text-align:center;color:var(--ink-2);grid-column:1/-1;font-size:13px}.profile-page{gap:var(--s-2);max-width:720px;padding-bottom:var(--s-7);flex-direction:column;margin:0 auto;display:flex}.profile-hero{padding:var(--s-5) 0 var(--s-4);align-items:center;gap:var(--s-2);flex-direction:column;display:flex}.profile-avatar-ring{background:var(--panel-bg);border:2px solid #e8a83059;border-radius:50%;justify-content:center;align-items:center;width:88px;height:88px;display:flex}.profile-avatar-img{border-radius:50%;width:56px;height:56px}.profile-name-row{color:var(--ink-0);cursor:pointer;font-family:var(--font-display);background:0 0;border:none;align-items:center;gap:6px;padding:2px 4px;display:inline-flex}.profile-name-row:disabled{cursor:default}.profile-display-name{font-size:22px;font-family:var(--font-display);color:var(--ink-0)}.profile-name-edit-icon{color:var(--ink-2);font-size:14px}.profile-name-edit{align-items:center;gap:6px;display:flex}.profile-name-input{border-radius:var(--r-md);background:var(--surface-sunken);min-width:180px;color:var(--ink-0);font-family:var(--font-display);text-align:center;border:1px solid #e8a83066;padding:6px 12px;font-size:18px}.profile-title{font-size:11px;font-family:var(--font-display);color:var(--gold-soft);text-transform:uppercase;letter-spacing:1.5px}.profile-guest-hint,.profile-joined{color:var(--ink-2);font-size:12px}.profile-avatar-picker{margin-top:var(--s-3);gap:8px;display:flex}.profile-avatar-pill{background:var(--panel-bg);cursor:pointer;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex}.profile-avatar-pill img{border-radius:50%;width:22px;height:22px}.profile-avatar-pill.active{background:#e8a83014;border-color:#e8a83080}.profile-section-label{font-size:11px;font-family:var(--font-display);color:var(--ink-2);text-transform:uppercase;letter-spacing:1.2px;margin:var(--s-4) 2px var(--s-1)}.profile-card{background:var(--surface-1);border:1px solid var(--border-subtle);border-radius:var(--r-lg);overflow:hidden}.profile-setting-row{padding:12px var(--s-4);align-items:center;display:flex}.profile-divider{background:var(--border-subtle);height:1px}.profile-rating-card{padding:16px var(--s-4);justify-content:space-between;align-items:center;display:flex}.profile-rating-left{align-items:center;gap:12px;display:flex}.profile-rating-value{font-family:var(--font-display);font-size:22px;font-weight:700}.profile-rating-tier{font-family:var(--font-display);text-transform:uppercase;letter-spacing:1px;opacity:.8;font-size:11px}.profile-provider-row{gap:10px;display:flex}.profile-provider-tile{border-radius:var(--r-lg);background:var(--surface-1);border:1px solid var(--border-subtle);height:52px;color:var(--ink-0);font-family:var(--font-display);cursor:pointer;flex:1;position:relative}.profile-provider-tile.linked{background:#e8a8300f;border-color:#e8a83040}.profile-provider-tile:disabled{cursor:default;opacity:.8}.profile-linked-dot{background:var(--gold);width:18px;height:18px;color:var(--gold-ink);border-radius:50%;justify-content:center;align-items:center;font-size:11px;display:flex;position:absolute;top:-6px;right:-6px}.profile-lang-chip{background:var(--panel-bg);color:var(--ink-2);font-family:var(--font-display);cursor:pointer;border:none;border-radius:16px;padding:5px 12px;font-size:12px}.profile-lang-chip.active{color:var(--ink-0);background:#e8a83026}.profile-sign-out{margin-top:var(--s-5);color:var(--danger);font-family:var(--font-display);cursor:pointer;background:#d94d3014;border:1px solid #d94d3040;border-radius:20px;align-self:center;padding:10px 24px;font-size:14px}.profile-sign-out:hover{background:#d94d3024}.profile-sign-out:disabled{opacity:.6;cursor:default}.notif-bell-wrap{position:relative}.notif-bell-btn{border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;color:var(--ink-1);background:0 0;padding:6px 10px;font-size:14px;line-height:1;position:relative}.notif-bell-btn:hover{background:var(--surface-2);color:var(--ink-0)}.notif-badge{background:var(--danger);color:#fff;min-width:18px;height:18px;box-shadow:0 0 0 2px var(--surface-0);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex;position:absolute;top:-5px;right:-5px}.notif-dropdown{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);width:340px;max-height:440px;box-shadow:var(--shadow-lg);z-index:var(--z-modal);flex-direction:column;display:flex;position:absolute;top:calc(100% + 8px);right:0;overflow:hidden}.notif-header{border-bottom:1px solid var(--border-subtle);color:var(--ink-1);align-items:center;padding:10px 14px;font-size:13px;display:flex}.notif-mark-all{color:var(--teal-soft);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px}.notif-mark-all:hover{color:var(--gold)}.notif-empty{padding:var(--s-6);text-align:center;color:var(--ink-2);font-size:13px}.notif-list{margin:0;padding:0;list-style:none;overflow-y:auto}.notif-item{border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);padding:10px 14px;font-size:13px}.notif-item:hover{background:var(--surface-2)}.notif-unread{background:#e8a8300f}.notif-unread:hover{background:#e8a8301f}.notif-title{color:var(--ink-0);font-weight:600}.notif-body{color:var(--ink-1);margin-top:3px;font-size:12px}.notif-time{color:var(--ink-2);margin-top:4px;font-size:11px}.dm-conv-list{margin:0;padding:0;list-style:none}.dm-conv-item{align-items:center;gap:var(--s-2);border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);padding:10px 14px;display:flex}.dm-conv-item:hover{background:var(--surface-2)}.dm-conv-name{color:var(--ink-0);font-weight:600}.dm-conv-last{color:var(--ink-2);font-size:12px}.dm-unread-dot{background:var(--danger);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.dm-thread{border:1px solid var(--border-subtle);border-radius:var(--r-md);background:var(--surface-1);flex-direction:column;height:440px;display:flex;overflow:hidden}.dm-thread-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:var(--s-2);background:var(--surface-2);padding:10px 14px;display:flex}.dm-thread-messages{padding:var(--s-3) var(--s-4);flex-direction:column;flex:1;gap:6px;display:flex;overflow-y:auto}.dm-msg{border-radius:var(--r-md);word-wrap:break-word;max-width:75%;padding:7px 12px;font-size:13px;line-height:1.35}.dm-msg.mine{background:linear-gradient(180deg, var(--gold-soft), var(--gold));color:var(--gold-ink);align-self:flex-end}.dm-msg.theirs{background:var(--surface-2);color:var(--ink-0);align-self:flex-start}.dm-msg-invite{padding:var(--s-3) var(--s-4);border-radius:var(--r-md);max-width:90%;color:var(--ink-1);background:#e8a83014;border:1px dashed #e8a83080;align-self:center;font-size:12px}.dm-thread-form{border-top:1px solid var(--border-subtle);display:flex}.dm-thread-form input{font:inherit;background:var(--surface-1);border:0;border-radius:0;flex:1;padding:10px 14px}.dm-thread-form button{border:0;border-left:1px solid var(--border-subtle);background:var(--surface-2);cursor:pointer;border-radius:0;padding:0 20px}.dm-thread-form button:hover{background:var(--surface-3)}.lg-root{background:var(--surface-0);z-index:500;font-family:var(--font-ui);color:var(--ink-0);position:fixed;inset:0;overflow:hidden}.lg-board{z-index:0;position:absolute;inset:0}.lg-board>*{width:100%;height:100%}.lg-top{z-index:7;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:138px;left:50%;transform:translate(-50%)}.lg-top>*{pointer-events:auto}.lg-player-strip{-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;gap:10px;padding:6px 10px;display:flex}.lg-player{flex-direction:column;align-items:center;gap:4px;min-width:76px;padding:4px 6px;display:flex;position:relative}.lg-player-avatar{border:2px solid #ffffff40;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:box-shadow .18s,transform .18s;display:flex;position:relative;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 4px #00000059,0 2px 8px #0006}.lg-player.active .lg-player-avatar{border-color:var(--gold);animation:1.4s ease-in-out infinite lg-pulse;box-shadow:inset 0 1px #ffffff40,inset 0 -2px 4px #00000059,0 0 0 3px #e8a83059,0 4px 14px #e8a83059}@keyframes lg-pulse{0%,to{box-shadow:inset 0 1px #ffffff40,inset 0 -2px 4px #00000059,0 0 0 3px #e8a83059,0 4px 14px #e8a83059}50%{box-shadow:inset 0 1px #ffffff40,inset 0 -2px 4px #00000059,0 0 0 4px #ffc0488c,0 4px 20px #ffc0488c}}.lg-player-vp{font:700 18px var(--font-display);color:#fff;text-shadow:0 2px 4px #000000bf;line-height:1}.lg-player-sub{color:var(--ink-1);gap:4px;font-size:10px;display:flex}.lg-player-chip{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--ink-0);background:#0a1224bf;padding:1px 5px;font-weight:600}.lg-phase{border:1px solid var(--border);border-radius:var(--r-pill);color:var(--ink-1);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md);background:#0d162ad1;align-items:center;gap:8px;padding:4px 12px;font-size:12px;display:inline-flex}.lg-phase strong{color:var(--gold-soft);text-transform:capitalize;font-weight:700}.lg-phase .sep{color:var(--ink-2)}.lg-floating{z-index:1;pointer-events:none;flex-direction:column;align-items:center;gap:6px;display:flex;position:absolute;top:150px;left:50%;transform:translate(-50%)}.lg-floating>*{pointer-events:auto}.lg-banner{border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-0);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md);background:#0d162ae0;align-items:center;gap:10px;padding:8px 14px;font-size:13px;display:inline-flex}.lg-banner.warn{border-color:var(--warn);color:#ffe9bf;background:#32220ae6}.lg-banner.danger{border-color:var(--danger);color:#ffdad4;background:#321410e6}.lg-banner.info{border-color:var(--teal);background:#0a2032e6}.lg-banner button{background:var(--surface-2);color:var(--ink-0);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;padding:4px 10px;font-size:12px}.lg-banner button:hover{background:var(--surface-3)}.lg-trade-line{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.lg-trade-pair{align-items:center;gap:2px;font-weight:600;display:inline-flex}.lg-rail{z-index:3;flex-direction:column;gap:10px;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.lg-rail-btn{background:var(--surface-2);width:60px;height:60px;color:var(--ink-0);border:1px solid var(--border);border-radius:var(--r-lg);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top-width:2px;border-top-color:#ffe19659;border-bottom-width:3px;border-bottom-color:#0a1228;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0;transition:background .12s,transform 80ms,border-color .12s;display:flex;position:relative;box-shadow:0 4px 10px #00000059}.lg-rail-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.lg-rail-btn:active:not(:disabled){transform:translateY(1px)}.lg-rail-btn:disabled{opacity:.4;cursor:not-allowed}.lg-rail-icon{font-size:20px;line-height:1}.lg-rail-label{font:600 9px var(--font-ui);color:var(--ink-1);text-transform:uppercase;letter-spacing:.06em}.lg-rail-btn:hover:not(:disabled) .lg-rail-label{color:var(--ink-0)}.lg-rail-badge{background:var(--danger);color:#fff;min-width:18px;height:18px;font:700 10px var(--font-ui);border:1.5px solid var(--surface-0);border-radius:9px;justify-content:center;align-items:center;padding:0 5px;display:inline-flex;position:absolute;top:-4px;right:-4px}.lg-bottom{z-index:2;pointer-events:none;flex-direction:column;align-items:center;gap:10px;max-width:min(96vw,960px);display:flex;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.lg-bottom>*{pointer-events:auto}.lg-card-fan{border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d162aa6;gap:6px;padding:6px 8px;display:flex;box-shadow:0 -4px 18px #00000059}.lg-res-card{border-radius:var(--r-md);border:2px solid;flex-direction:column;justify-content:space-between;align-items:center;width:60px;height:84px;padding:8px 4px 6px;display:flex;position:relative;box-shadow:inset 0 1px #fff3,inset 0 -2px 4px #00000040,0 2px 6px #0006}.lg-res-card.zero{opacity:.35;filter:grayscale(.4)}.lg-res-count{font:700 16px var(--font-display);color:#fff;text-shadow:0 1px 2px #000000b3}.lg-action-row{border:1px solid var(--border);border-radius:var(--r-lg);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:var(--shadow-md);background:#0d162ad1;flex-wrap:wrap;justify-content:center;gap:8px;padding:8px 10px;display:flex}.lg-btn{background:var(--surface-2);color:var(--ink-0);border:1px solid var(--border);border-radius:var(--r-md);font:600 13px var(--font-ui);cursor:pointer;align-items:center;gap:6px;padding:8px 14px;transition:background .12s,border-color .12s,transform 80ms;display:inline-flex}.lg-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.lg-btn:active:not(:disabled){transform:translateY(1px)}.lg-btn:disabled{opacity:.45;cursor:not-allowed}.lg-btn.active{background:var(--gold);color:var(--gold-ink);border-color:var(--gold-dark);box-shadow:0 0 0 2px #e8a83059}.lg-btn.ghost{background:0 0}.lg-btn .count{opacity:.75;font-size:11px}.lg-btn.build{border-top-width:2px;border-top-color:#ffe19640;border-bottom-width:3px;border-bottom-color:#0a1228}.lg-btn.primary{background:var(--gold);color:var(--gold-ink);border-color:var(--gold-dark)}.lg-btn.primary:hover:not(:disabled){background:var(--gold-soft)}.lg-btn.danger{border-color:var(--danger);color:#ffdad4;background:0 0}.lg-btn.danger:hover:not(:disabled){background:#e74c3c26}.lg-primary-btn{background:linear-gradient(to bottom, var(--gold-soft), var(--gold-dark));min-width:116px;min-height:72px;color:var(--gold-ink);font:800 16px var(--font-display);letter-spacing:.03em;text-transform:uppercase;cursor:pointer;border:2px solid #8c6a2a;border-top-color:#ffe8b0;border-bottom:4px solid #5a3f10;border-radius:36px;flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:12px 24px;transition:transform 80ms,box-shadow .12s;display:inline-flex;box-shadow:inset 0 1px #ffffff73,inset 0 -2px 4px #00000040,0 6px 18px #e8a83066}.lg-primary-btn:hover:not(:disabled){box-shadow:inset 0 1px #ffffff8c,inset 0 -2px 4px #0003,0 8px 22px #ffc0488c}.lg-primary-btn:active:not(:disabled){border-bottom-width:2px;transform:translateY(2px)}.lg-primary-btn.compact{border-radius:var(--r-pill);min-width:0;min-height:0;padding:10px 22px;font-size:13px}.lg-primary-icon{font-size:24px;line-height:1}.lg-primary-label{line-height:1.1}.lg-navbar{z-index:3;align-items:center;gap:6px;display:flex;position:absolute;top:12px;left:12px}.lg-navbar a,.lg-navbar button{border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-0);font:600 12px var(--font-ui);cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0d162ad1;padding:6px 10px;text-decoration:none}.lg-navbar a:hover,.lg-navbar button:hover{background:var(--surface-2)}.lg-toolbar{z-index:3;border:1px solid var(--border);border-radius:var(--r-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:var(--ink-1);background:#0d162ad1;align-items:center;gap:8px;padding:6px 10px;font-size:12px;display:flex;position:absolute;top:12px;right:12px}.lg-log{z-index:4;border:1px solid var(--border);border-radius:var(--r-md);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);width:220px;max-height:200px;font-family:var(--font-mono);color:var(--ink-1);background:#0d162ab8;padding:6px 8px;font-size:10px;position:absolute;top:130px;right:16px;overflow-y:auto}.lg-log h4{font:700 10px var(--font-ui);color:var(--ink-0);letter-spacing:.05em;text-transform:uppercase;margin:0 0 4px}.lg-log ul{margin:0;padding:0;list-style:none}.lg-log li{border-bottom:1px solid var(--border-subtle);padding:1px 0}.lg-log li:last-child{border-bottom:none}.lg-timer{border:1px solid var(--border);border-radius:var(--r-pill);font:700 12px var(--font-mono);color:var(--ink-0);background:#0d162ab3;padding:2px 8px}.lg-timer.urgent{color:#ffb0a8;border-color:var(--danger)}.lg-loading{background:var(--surface-0);min-height:100vh;color:var(--ink-0);justify-content:center;align-items:center;padding:24px;display:flex}.lg-loading-msg{font:600 14px var(--font-ui);color:var(--ink-1)}.lg-resume-card{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-lg);max-width:420px;box-shadow:var(--shadow-md);padding:24px}.lg-resume-card h2{font:700 18px var(--font-display);color:var(--gold-soft);margin:0 0 8px}.lg-resume-card p{color:var(--ink-1);margin:0 0 16px;font-size:13px}.lg-resume-actions{align-items:center;gap:8px;display:flex}.lg-resume-actions .lg-btn{padding:8px 14px}.game-grid.full{background:linear-gradient(160deg,#1a2d52,#132040);width:100%;height:100%;display:block;position:fixed;inset:0;overflow:hidden}.game-grid.full .game-board-area{grid-area:auto;position:absolute;inset:0}.lg-player-strip{z-index:6;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none;background:0 0;border:none;border-radius:0;gap:6px;padding:8px 48px 10px 12px;display:flex;position:absolute;top:8px;left:50%;transform:translate(-50%)}.lg-player-strip .lg-player{flex-direction:column;align-items:center;gap:2px;width:64px;display:flex;position:relative}.lg-player-name{font:600 11px var(--font-ui);color:var(--ink-0);white-space:nowrap;text-overflow:ellipsis;text-shadow:0 1px 2px #000000bf;max-width:62px;overflow:hidden}.lg-player:not(.active) .lg-player-name,.lg-player:not(.active) .lg-player-avatar-wrap{opacity:.45}.lg-player.disconnected .lg-player-name,.lg-player.disconnected .lg-player-avatar-wrap{opacity:.35}.lg-player-avatar-wrap{justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}.lg-player-avatar-wrap .lg-player-avatar{width:44px;height:44px;font:700 17px var(--font-display);box-sizing:content-box;border:3px solid #0000;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff4d,inset 0 -2px 5px #00000059,0 2px 6px #00000080}.lg-player.active .lg-player-avatar-wrap:before{content:"";border:3px solid var(--gold);pointer-events:none;border-radius:50%;animation:2.2s ease-in-out infinite lg-avatar-pulse;position:absolute;inset:0}@keyframes lg-avatar-pulse{0%,to{border-color:#e8a83099}50%{border-color:#ffc048}}.lg-player-vp-badge{background:var(--surface-1);border:1.5px solid var(--gold);min-width:20px;height:20px;color:var(--gold-soft);font:700 11px var(--font-display);z-index:3;border-radius:10px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-4px;right:-8px}.lg-player-sidebadge{width:20px;height:20px;font:700 11px var(--font-display);cursor:pointer;z-index:3;color:#fff;border-style:solid;border-width:1.5px;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:6px;left:-10px}.lg-player-sidebadge.road{background:#1a5c2a;border-color:#2ecc71}.lg-player-sidebadge.army{cursor:default;background:#6b1a1a;border-color:#e74c3c}.lg-player-sidebadge.below{top:auto;bottom:6px}.lg-player-dc{background:var(--surface-1);border:1px solid var(--danger);width:16px;height:16px;color:var(--danger);z-index:3;border-radius:50%;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;bottom:-2px;left:50%;transform:translate(-50%)}.lg-hand-fan{flex-direction:column;align-items:center;width:64px;margin-top:-8px;display:flex}.lg-hand-fan-row{position:relative}.lg-player-dice{background:#00000080;border-radius:5px;gap:2px;margin-top:2px;padding:1px 5px;display:inline-flex}.lg-player-dice.danger{background:#e74c3c4d}.lg-player-die{color:#fff;font-size:16px;line-height:1}.lg-vp-target{background:var(--surface-1);border:1.5px solid var(--gold);width:28px;height:28px;color:var(--gold-soft);font:700 12px var(--font-display);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:10px}.lg-gb-root{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:0;left:0;right:0}.lg-gb-root>*{pointer-events:auto}.lg-gb-arc-bg{pointer-events:none;z-index:1;background:radial-gradient(120% 120% at 50% 120%,#132040f2 40%,#13204000 72%);border-top:2px solid #0000;height:140px;position:absolute;bottom:0;left:0;right:0}.lg-gb-arc-bg:before{content:"";filter:blur(.5px);background:linear-gradient(90deg,#a082324d,#f0d264f2,#a082324d);height:2px;position:absolute;top:0;left:0;right:0}.lg-gb-main{z-index:2;height:200px;position:relative;overflow:visible}.lg-gb-card{cursor:default;transition:transform .12s var(--ease-out);border:2px solid;border-bottom-width:4px;border-radius:8px;padding:3px;position:absolute;box-shadow:inset 0 1px #fff3,0 4px 10px #00000080}.lg-gb-card.dev{cursor:pointer;background:0 0}.lg-gb-card.dev:not(:disabled):hover{transform-origin:50% 120%}.lg-gb-card.dev:disabled{cursor:not-allowed}.lg-gb-card-inner{border:1px solid;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.lg-gb-dev-symbol{text-shadow:0 2px 4px #0009;font-size:24px;line-height:1}.lg-gb-dev-label{font:700 10px var(--font-display);letter-spacing:.04em;text-shadow:0 1px 2px #00000080;margin-top:2px}.lg-gb-center{pointer-events:none;z-index:60;justify-content:center;display:flex;position:absolute;bottom:16px;left:0;right:0}.lg-gb-primary{pointer-events:auto;border:5px solid var(--gold);border-top-color:var(--gold-soft);border-bottom-color:var(--gold-dark);cursor:pointer;background:0 0;border-bottom-width:8px;border-radius:58px;justify-content:center;align-items:center;width:116px;height:116px;padding:0;transition:transform 90ms,box-shadow .16s;display:flex;box-shadow:0 6px 14px #0000008c}.lg-gb-primary:hover{transform:translateY(-1px)}.lg-gb-primary:active{border-bottom-width:5px;transform:translateY(2px)}.lg-gb-primary.glow{animation:1.6s ease-in-out infinite lg-gb-glow;box-shadow:0 0 18px 2px #ffc04866,0 6px 14px #0000008c}@keyframes lg-gb-glow{0%,to{box-shadow:0 0 14px 1px #e8a83059,0 6px 14px #0000008c}50%{box-shadow:0 0 26px 4px #ffc048bf,0 10px 22px #0000008c}}.lg-gb-primary.muted{border-color:var(--border-strong);cursor:pointer;border-top-color:#fff3;border-bottom-color:#0a1228;box-shadow:0 4px 10px #00000073}.lg-gb-primary.muted:not(button){cursor:default}.lg-gb-primary.dim{border-color:var(--border);border-top-color:var(--border-strong);cursor:default;border-bottom-color:#0a1228;animation:none;box-shadow:0 4px 10px #00000059}.lg-gb-primary-inner{width:96px;height:96px;font:700 12px var(--font-display);letter-spacing:.08em;text-transform:uppercase;border:3px solid #0000;border-radius:48px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;box-shadow:inset 0 1px #ffffff4d,inset 0 -3px 5px #0003}.lg-gb-primary-inner.gold{background:radial-gradient(120% 120% at 50% 0%, #ffe8b0, var(--gold) 60%, var(--gold-dark));color:var(--gold-ink);border-color:var(--gold-dark);border-top-color:var(--gold-soft)}.lg-gb-primary-inner.muted{background:var(--surface-2);color:var(--ink-0);border-color:var(--border);border-top-color:#ffffff26}.lg-gb-primary-inner.dim{background:var(--surface-1);color:var(--ink-1);border-color:#1a2840;border-top-color:var(--border-strong)}.lg-gb-primary-icon{font-size:26px;line-height:1}.lg-gb-primary-label{line-height:1}.lg-gb-primary-sublabel{letter-spacing:.06em;color:var(--ink-1);text-transform:lowercase;font-size:9px}.lg-gb-waitdots{gap:6px;display:inline-flex}.lg-gb-waitdots span{background:var(--ink-1);opacity:.6;border-radius:50%;width:8px;height:8px;animation:1.1s ease-in-out infinite lg-gb-dots}.lg-gb-waitdots span:nth-child(2){animation-delay:.15s}.lg-gb-waitdots span:nth-child(3){animation-delay:.3s}@keyframes lg-gb-dots{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.lg-sidecol{z-index:7;flex-direction:column;align-items:center;gap:10px;display:flex;position:absolute;bottom:180px}.lg-sidecol.left{left:14px}.lg-sidecol.right{right:14px}.lg-side-btn{background:var(--surface-2);border:2px solid var(--border);width:46px;height:46px;color:var(--gold);font:700 16px var(--font-display);cursor:pointer;border-top:3px solid #ffe19659;border-bottom:4px solid #0a1228;border-radius:50%;justify-content:center;align-items:center;padding:0;transition:background .12s,border-color .12s,transform 80ms;display:flex;position:relative;box-shadow:0 3px 6px #00000073}.lg-side-btn:hover:not(:disabled){background:var(--surface-3);border-color:var(--border-strong)}.lg-side-btn:active:not(:disabled){transform:translateY(1px)}.lg-side-btn:disabled{opacity:.3;cursor:not-allowed}.lg-side-btn.active{border-color:var(--gold);border-top-color:var(--gold-soft);border-bottom-color:var(--gold);background:#e8a83040}.lg-side-icon{text-shadow:0 1px 2px #e8a83059;font-size:18px;line-height:1}.lg-menu-lines{flex-direction:column;align-items:center;gap:3px;display:flex}.lg-menu-lines span{background:var(--gold);border-radius:1px;width:14px;height:2px;box-shadow:0 0 4px #e8a83080}.lg-side-badge{background:var(--danger);color:#fff;min-width:16px;height:16px;font:700 9px var(--font-ui);border:1.5px solid var(--surface-0);border-radius:8px;justify-content:center;align-items:center;padding:0 4px;display:flex;position:absolute;top:-4px;right:-4px}.lg-side-devbuy{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:0;padding:4px;display:flex;position:relative}.lg-side-devbuy:disabled{opacity:.35;cursor:not-allowed}.lg-devfan{width:28px;height:22px;position:relative}.lg-devfan-card{color:#9a70cc;width:14px;height:20px;font:700 9px var(--font-display);background:#3a1850;border:1px solid #5a3078;border-radius:2px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:0}.lg-devfan-card.left{left:0;transform:rotate(-15deg)}.lg-devfan-card.right{right:0;transform:rotate(15deg)}.lg-devfan-card.center{z-index:2;background:#4a2068;border-color:#7c4daa;left:7px}.lg-devfan-plus{color:#fff;width:16px;height:16px;font:700 12px var(--font-display);background:#8b5cf6;border:1.5px solid #2a0e3a;border-radius:50%;justify-content:center;align-items:center;margin-top:-4px;display:flex}.lg-handcount{z-index:7;color:var(--ink-1);font:700 11px var(--font-display);text-shadow:0 1px 2px #0009;background:#0006;border:1px solid #ffffff14;border-radius:8px;padding:2px 7px;position:absolute;bottom:130px;left:18px}.lg-handcount.over{color:var(--coral-soft)}.lg-cost-overlay{z-index:40;position:fixed;inset:0}.lg-cost-backdrop{background:0 0;position:absolute;inset:0}.lg-cost-panel{background:var(--surface-1);border:1.5px solid var(--gold-dark);border-radius:var(--r-md);min-width:200px;color:var(--ink-0);font:500 12px var(--font-ui);padding:10px 12px;position:absolute;bottom:180px;left:68px;box-shadow:0 6px 18px #0009}.lg-cost-row{justify-content:space-between;align-items:center;padding:3px 0;display:flex}.lg-cost-left{color:var(--ink-0);align-items:center;gap:4px;display:inline-flex}.lg-cost-left em{color:var(--ink-1);font-size:10px;font-style:normal}.lg-cost-icons{align-items:center;gap:3px;display:inline-flex}.lg-cost-value{color:var(--gold);font:700 11px var(--font-display)}.lg-cost-value.owned{color:#4caf50}.lg-cost-bonus{color:var(--ink-1);font-size:11px}.lg-cost-div{background:var(--border);height:1px;margin:6px 0}.lg-cost-devcard{background:#7e57c2;border:1px solid #9575cd;border-radius:2px;width:12px;height:16px;display:inline-block}.lg-chat-overlay{z-index:50;display:flex;position:fixed;inset:0}.lg-chat-backdrop{background:#060a1473;position:absolute;inset:0}.lg-chat-panel{background:var(--surface-1);border:1.5px solid var(--gold-dark);border-radius:var(--r-lg);width:340px;height:420px;animation:lg-chat-slide .18s var(--ease-out);flex-direction:column;margin:auto 0 180px 62px;display:flex;position:relative;overflow:hidden;box-shadow:6px 0 18px #0009}.lg-chat-panel.max{flex:1;width:auto;height:auto;margin:24px}@keyframes lg-chat-slide{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.lg-chat-tabbar{border-bottom:1px solid var(--border);background:var(--surface-1);align-items:stretch;display:flex}.lg-chat-tab{color:var(--ink-2);font:600 12px var(--font-display);cursor:pointer;text-align:center;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;padding:10px 8px}.lg-chat-tab.active{color:var(--gold);border-bottom-color:var(--gold)}.lg-chat-max,.lg-chat-close{width:34px;color:var(--ink-1);cursor:pointer;background:0 0;border:none;font-size:16px}.lg-chat-max:hover,.lg-chat-close:hover{color:var(--ink-0)}.lg-chat-messages{flex-direction:column;flex:1;gap:6px;padding:10px;display:flex;overflow-y:auto}.lg-chat-empty{color:var(--ink-2);text-align:center;margin:auto;font-size:11px}.lg-chat-bubble{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-md);max-width:80%;color:var(--ink-0);align-self:flex-start;padding:5px 8px;font-size:12px}.lg-chat-bubble.mine{border-color:var(--gold-dark);background:#e8a8302e;align-self:flex-end}.lg-chat-sender{font:700 10px var(--font-display);margin-bottom:2px}.lg-chat-content{word-break:break-word;line-height:1.35}.lg-chat-time{color:var(--ink-2);text-align:right;margin-top:1px;font-size:9px}.lg-chat-form{border-top:1px solid var(--border);background:var(--surface-sunken);gap:6px;padding:6px 8px 8px;display:flex}.lg-chat-input{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-0);font:500 12px var(--font-ui);flex:1;padding:7px 10px}.lg-chat-input:focus{border-color:var(--gold);outline:none}.lg-chat-send{background:var(--gold);color:var(--gold-ink);border:1px solid var(--gold-dark);border-radius:var(--r-md);font:700 12px var(--font-display);cursor:pointer;padding:0 12px}.lg-chat-send:disabled{opacity:.4;cursor:not-allowed}.lg-chat-log{font-family:var(--font-mono);color:var(--ink-1);flex-direction:column;flex:1;gap:2px;padding:10px;font-size:11px;display:flex;overflow-y:auto}.lg-log-row{gap:6px;display:flex}.lg-log-time{color:var(--ink-2);flex-shrink:0;font-size:10px}.lg-log-entry{color:var(--ink-1)}.lg-chat-panel .emote-bar{border-top:1px solid var(--border-subtle);background:var(--surface-sunken);gap:4px;padding:4px 8px;display:flex;overflow-x:auto}.lg-chat-panel .emote-btn{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--r-sm);cursor:pointer;flex:none;min-width:32px;height:28px;padding:0;font-size:16px}.lg-chat-panel .emote-btn:hover{background:var(--surface-3)}.lg-topright{z-index:8;gap:6px;display:flex;position:absolute;top:10px;right:50px}.lg-topright .lg-btn{border:1px solid var(--border);border-radius:var(--r-md);color:var(--ink-0);font:600 12px var(--font-ui);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;background:#0d162ad1;padding:5px 12px}.lg-topright .lg-btn.danger{border-color:var(--danger);color:#ffdad4}.lg-topright .lg-btn.danger:hover{background:#e74c3c33}.error-boundary{padding:var(--s-7);text-align:center;background:var(--surface-0);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.error-boundary__icon{width:72px;height:72px;color:var(--danger);border:3px solid var(--danger);margin-bottom:var(--s-5);border-radius:50%;font-size:40px;font-weight:900;line-height:66px}.error-boundary__title{margin:0 0 var(--s-2);color:var(--ink-0);font-size:22px}.error-boundary__message{margin:0 0 var(--s-6);color:var(--ink-2);max-width:480px;font-size:13px;line-height:1.55}.error-boundary__button{font:inherit;border-radius:var(--r-md);background:var(--gold);color:var(--gold-ink);cursor:pointer;border:0;padding:12px 28px;font-weight:700}.error-boundary__button:hover{background:var(--gold-soft)}.loading-screen{justify-content:center;align-items:center;gap:var(--s-4);width:100%;min-height:240px;padding:var(--s-6) var(--s-4);color:var(--ink-0);-webkit-user-select:none;user-select:none;text-align:center;flex-direction:column;display:flex}.loading-screen--full{z-index:var(--z-popover);background:radial-gradient(ellipse at 50% 35%, #e8a83014, transparent 55%), radial-gradient(ellipse at 50% 110%, #4090b812, transparent 60%), var(--surface-0);min-height:100vh;position:fixed;inset:0}.loading-screen__brand{font-family:var(--font-display);letter-spacing:.04em;color:var(--gold);text-shadow:0 2px 10px #e8a83040,0 1px 2px #0009;animation:loading-brand-glow 2.8s var(--ease-inout) infinite;font-size:clamp(44px,8vw,72px)}.loading-screen__label{font-family:var(--font-ui);letter-spacing:.18em;text-transform:lowercase;color:var(--ink-1);animation:loading-label-pulse 1.8s var(--ease-inout) infinite;font-size:13px}@keyframes loading-brand-glow{0%,to{text-shadow:0 2px 10px #e8a83038,0 1px 2px #0009}50%{text-shadow:0 2px 18px #e8a83073,0 1px 2px #0009}}@keyframes loading-label-pulse{0%,to{opacity:.45}50%{opacity:1}}@media (prefers-reduced-motion:reduce){.loading-screen__brand,.loading-screen__label{animation:none}}