.shell{grid-template-areas:"drawer topbar""drawer main""drawer bottom";grid-template-columns:var(--shell-drawer-w) minmax(0, 1fr);height:100dvh;transition:grid-template-columns var(--shell-move);grid-template-rows:auto minmax(0,1fr) auto;display:grid;overflow:hidden}[data-layout-settled=false] .shell{transition:none}@media (min-width:1180px){.shell{grid-template-areas:"drawer topbar topbar""drawer main right""drawer bottom bottom";grid-template-columns:var(--shell-drawer-w) minmax(0, 1fr) var(--shell-right-w)}}@media (min-width:720px) and (min-height:501px){[data-drawer=rail] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr)}[data-drawer=hidden] .shell{grid-template-columns:0 minmax(0,1fr)}}@media (min-width:1180px){[data-drawer=rail] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr) var(--shell-right-w)}[data-drawer=hidden] .shell{grid-template-columns:0 minmax(0, 1fr) var(--shell-right-w)}[data-right=hidden] .shell{grid-template-columns:var(--shell-drawer-w) minmax(0, 1fr) 0}[data-drawer=rail][data-right=hidden] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr) 0}[data-drawer=hidden][data-right=hidden] .shell{grid-template-columns:0 minmax(0,1fr) 0}}.drawer{box-sizing:border-box;height:100dvh;padding:0 14px 22px calc(14px + env(safe-area-inset-left));border-right:1px solid var(--divider);background:var(--bg);transition:padding var(--shell-move);flex-direction:column;grid-area:drawer;gap:18px;display:flex;position:sticky;top:0;overflow:hidden}[data-drawer=hidden] .drawer{pointer-events:none;visibility:hidden;border-right:0;padding:0}[data-drawer=rail] .drawer{padding:0 8px 22px calc(8px + env(safe-area-inset-left));align-items:center}[data-drawer=rail] .drawer-scroll{padding-bottom:12px}[data-drawer=rail] .drawer .nav-label,[data-drawer=rail] .drawer .drawer-eyebrow,[data-drawer=rail] .drawer .nav-row .nav-label{display:none}[data-drawer=rail] .drawer .nav-row{justify-content:center;padding-inline:0}.drawer-top{box-sizing:border-box;height:calc(var(--shell-topbar-h) + env(safe-area-inset-top));padding-inline:6px;padding-top:env(safe-area-inset-top);flex:none;justify-content:center;align-items:center;gap:8px;display:flex;position:relative}.panel-toggle{flex:none}.drawer-top .panel-toggle{position:absolute;left:6px}@media (max-width:719px),(max-height:500px){.icon-btn.panel-toggle{display:none}}.brand{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.brand-mono{display:none}.brand-word{letter-spacing:-.01em;white-space:nowrap;font-size:20px;font-weight:600}[data-drawer=rail] .brand-word,[data-drawer=rail] .drawer-eyebrow,[data-drawer=rail] .foot-txt{display:none}[data-drawer=rail] .brand-mono{display:block}[data-drawer=rail] .drawer-top{padding-inline:0;flex-direction:column;gap:10px;height:auto;padding-top:0}[data-drawer=rail] .drawer-top .panel-toggle{order:1;position:static}[data-drawer=rail] .drawer-top .brand{box-sizing:border-box;width:100%;height:calc(var(--shell-topbar-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);order:-1;justify-content:center}.drawer-scroll{scrollbar-width:none;flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden auto}.drawer-scroll::-webkit-scrollbar{display:none}.drawer-eyebrow{padding:6px 12px 4px}.drawer-nav{flex-direction:column;gap:2px;display:flex}.drawer-foot-links{flex-wrap:wrap;align-items:center;gap:4px 16px;padding:10px 6px 0;display:flex}.drawer-foot-link{color:var(--faint);cursor:pointer;transition:color var(--shell-fade);background:0 0;border:0;border-radius:4px;align-items:center;gap:7px;padding:2px 0;font-size:12px;text-decoration:none;display:flex}.drawer-foot-link .ico{display:none}.drawer-foot-link:hover{color:var(--dim);text-underline-offset:2px;text-decoration:underline}[data-drawer=rail] .drawer-foot-links{flex-flow:column;align-items:center;gap:4px;padding-top:10px}[data-drawer=rail] .drawer-foot-link{border-radius:8px;padding:6px}[data-drawer=rail] .drawer-foot-link .ico{display:flex}[data-drawer=rail] .drawer-foot-label{display:none}.drawer-foot{border:1px solid var(--line-soft);border-radius:var(--shell-radius);align-items:center;gap:10px;padding:10px;display:flex}.foot-orb{color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:12px;display:grid}.foot-txt{flex-direction:column;min-width:0;display:flex}.foot-name{font-size:13px;font-weight:600}.foot-sub{letter-spacing:.06em;color:var(--faint);font-size:10.5px}.nav-row{width:100%;min-height:var(--shell-row-h);color:var(--dim);text-align:left;transition:background var(--shell-fade), color var(--shell-fade);border-radius:10px;align-items:center;gap:11px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.nav-row:hover{background:var(--surface-2);color:var(--text)}.nav-row .nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-ico{color:var(--faint);flex:none;place-items:center;display:grid}.nav-row:hover .nav-ico{color:var(--accent)}.nav-badge{font-family:var(--font-mono);color:var(--faint);font-size:11px}.nav-badge.is-alert{color:#fff;background:var(--alert-fill);border-radius:99px;padding:1px 7px}.nav-rail,.top-ico{width:40px;height:40px;color:var(--dim);transition:background var(--shell-fade), color var(--shell-fade);border-radius:10px;place-items:center;display:grid;position:relative}@media (pointer:coarse){.nav-rail,.top-ico{width:44px;height:44px}}.nav-rail:hover,.top-ico:hover{background:var(--surface-2);color:var(--text)}.drawer .nav-rail{border-radius:12px;width:48px;height:48px}.nav-rail.is-on{background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--accent)}.drawer .nav-rail.is-on:before{content:"";background:var(--accent);border-radius:2px;width:3px;height:22px;position:absolute;left:-12px}.dot-badge{background:var(--accent);width:7px;height:7px;box-shadow:0 0 0 2px var(--bg);border-radius:50%;position:absolute;top:7px;right:7px}.dot-badge.is-alert{background:var(--coral-2)}.count-badge{box-sizing:border-box;min-width:16px;height:16px;font-family:var(--font-mono);color:#fff;background:var(--accent);box-shadow:0 0 0 2px var(--bg);border-radius:99px;place-items:center;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:grid;position:absolute;top:3px;right:3px}.count-badge.is-alert{background:var(--alert-fill)}.bot-ico .count-badge{top:-6px;right:-10px}.tip{z-index:var(--shell-z-rail);white-space:nowrap;color:var(--bg);background:var(--text);opacity:0;pointer-events:none;transition:opacity var(--shell-fade), transform var(--shell-fade);border-radius:7px;padding:5px 9px;font-size:12px;position:absolute;top:50%;left:calc(100% + 10px);transform:translateY(-50%)scale(.96)}.top-ico .tip,.conn-bare .tip{top:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.96)}.nav-rail:hover .tip,.nav-rail:focus-visible .tip,.top-ico:hover .tip,.top-ico:focus-visible .tip,.conn-bare:hover .tip,.conn-bare:focus-visible .tip{opacity:1;transform:translateY(-50%)scale(1)}.top-ico:hover .tip,.top-ico:focus-visible .tip,.conn-bare:hover .tip,.conn-bare:focus-visible .tip{transform:translate(-50%)scale(1)}.discovery-links{align-items:center;display:flex}.streak-chip{background:var(--surface-2);border:1px solid var(--line-soft);height:32px;color:var(--dim);white-space:nowrap;border-radius:16px;align-items:center;gap:6px;padding:0 12px;font-size:12px;font-weight:600;display:flex}.streak-chip-link{border-radius:16px;text-decoration:none;display:flex}.streak-chip-link:hover .streak-chip{border-color:var(--line);color:var(--text)}.streak-flame{transform-origin:50% 80%;font-size:1em;display:inline-block}.streak-chip[data-tier="2"] .streak-flame{filter:drop-shadow(0 0 3px color-mix(in srgb, var(--coral-1) 45%, transparent));font-size:1.15em}.streak-chip[data-tier="3"] .streak-flame{filter:drop-shadow(0 0 5px color-mix(in srgb, var(--coral-1) 65%, transparent));font-size:1.3em}.streak-chip[data-tier="4"] .streak-flame{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--coral-1) 85%, transparent));font-size:1.45em}.streak-chip[data-tier="4"]{border-color:color-mix(in srgb, var(--coral-1) 55%, var(--line-soft))}.streak-chip[data-gold=true] .streak-flame{filter:drop-shadow(0 0 7px color-mix(in srgb, var(--gold) 85%, transparent))}.streak-chip[data-gold=true]{border-color:color-mix(in srgb, var(--gold) 55%, var(--line-soft))}.streak-flame[data-flare=true]{animation:.48s cubic-bezier(.34,1.56,.64,1) streak-pop}.streak-chip[data-sweep=true]{background-image:linear-gradient(110deg, transparent 40%, color-mix(in srgb, var(--coral-1) 40%, transparent) 50%, transparent 60%);background-size:250% 100%;animation:.9s ease-out streak-sweep}@keyframes streak-sweep{0%{background-position:100% 0}to{background-position:0 0}}.streak-chip[data-risk=risk]{color:var(--coral-1);border-color:currentColor}.streak-chip[data-risk=urgent]{color:var(--coral-1);border-color:currentColor;animation:2.4s ease-in-out infinite streak-urgent}@keyframes streak-urgent{50%{box-shadow:0 0 0 4px color-mix(in oklab, currentColor 22%, transparent)}}.discovery-link{color:#fff;letter-spacing:.01em;white-space:nowrap;height:32px;transition:transform var(--shell-fade), box-shadow var(--shell-fade), background-position var(--shell-fade);background-position:0%;background-size:180% 100%;align-items:center;gap:6px;padding:0 13px;font-size:12.5px;font-weight:600;text-decoration:none;animation:9s ease-in-out infinite discovery-shimmer;display:flex;position:relative;box-shadow:inset 0 1px #ffffff4d}.discovery-link.is-hr{z-index:2;background-image:linear-gradient(120deg,#ffb457,#ff6a4a,#ffb457);border-radius:16px 6px 6px 16px;margin-right:-20px;padding-right:32px;box-shadow:inset 0 1px #ffffff4d,0 3px 12px -4px #ff6a4a8c;-webkit-mask-image:linear-gradient(90deg,#000 0% 68%,#0000 96%);mask-image:linear-gradient(90deg,#000 0% 68%,#0000 96%)}.discovery-link.is-teams{z-index:1;background-image:linear-gradient(120deg,#ff6a4a,#34d0ff,#ff6a4a);border-radius:6px 16px 16px 6px;padding-left:30px;box-shadow:inset 0 1px #ffffff4d,0 3px 12px -4px #34d0ff8c}.discovery-link:hover,.discovery-link:focus-visible{transform:translateY(-1px)}.discovery-link.is-hr:hover,.discovery-link.is-hr:focus-visible{box-shadow:inset 0 1px #fff6,0 6px 18px -4px #ff6a4abf}.discovery-link.is-teams:hover,.discovery-link.is-teams:focus-visible{box-shadow:inset 0 1px #fff6,0 6px 18px -4px #34d0ffbf}@keyframes discovery-shimmer{0%,to{background-position:0%}50%{background-position:100%}}.discovery-label{line-height:1}.discovery-tip{z-index:var(--shell-z-rail);white-space:normal;max-width:220px;color:var(--bg);background:var(--text);pointer-events:none;opacity:0;animation:discovery-tip-in var(--shell-fade) forwards;border-radius:8px;padding:6px 10px;font-size:12px;font-weight:400;line-height:1.35;position:fixed;transform:translate(-50%)scale(.96)}@keyframes discovery-tip-in{to{opacity:1;transform:translate(-50%)scale(1)}}.topbar{z-index:var(--shell-z-rail);box-sizing:border-box;height:calc(var(--shell-topbar-h) + env(safe-area-inset-top));padding:env(safe-area-inset-top) 18px 0 32px;border-bottom:1px solid var(--divider);background:color-mix(in srgb, color-mix(in srgb, var(--accent) calc(var(--daily-progress,0) * 6%), var(--bg)) 88%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:height var(--shell-move);grid-area:topbar;align-items:center;gap:10px;display:flex;position:relative}[data-theme=light] .topbar{background:color-mix(in srgb, var(--bg) 88%, transparent)}[data-topbar=compact] .topbar{height:calc(var(--shell-topbar-compact-h) + env(safe-area-inset-top))}[data-topbar=hidden] .topbar{visibility:hidden;border-bottom:0;height:0;padding:0;overflow:hidden}.topbar-items{flex:1;align-items:center;gap:6px;min-width:0;display:flex}.topbar>:not(.topbar-items),.topbar-items>:not(.search-field){flex:none}.search-field+.discovery-links{margin-left:0}.discovery-links+*{margin-left:auto}.search-field+.streak-chip{margin-left:0}.streak-chip+*,.search-field+.topbar-status-cluster,.search-field+*{margin-left:auto}.topbar-status-cluster{opacity:.65;transition:opacity var(--shell-fade);align-items:center;gap:6px;display:flex}.topbar-status-cluster:hover,.topbar-status-cluster:focus-within{opacity:1}.icon-btn{min-width:32px;height:32px;color:var(--dim);transition:background var(--shell-fade), color var(--shell-fade);border-radius:8px;place-items:center;padding:0 7px;font-size:11px;display:grid}.icon-btn.has-dot{position:relative}.icon-btn:hover{background:var(--surface-2);color:var(--text)}.search-field{border:1px solid var(--line-soft);background:var(--surface-1);width:clamp(240px,32vw,420px);height:40px;color:var(--faint);transition:border-color var(--shell-fade);border-radius:10px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field:hover{border-color:var(--line)}.search-ph{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.avatar{width:32px;height:32px;font-family:var(--font-mono);color:#fff;background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:50%;flex:none;place-items:center;font-size:11px;display:grid;position:relative;overflow:hidden}.avatar>img{border-radius:50%}@media (pointer:coarse){.avatar:not(.sm){overflow:visible}.avatar:not(.sm):after{content:"";position:absolute;inset:-6px}}.avatar.sm{width:26px;height:26px;font-size:10px}.acct-row .nav-label{color:var(--text);font-weight:600}.conn{border:1px solid var(--line-soft);height:34px;transition:border-color var(--shell-fade);border-radius:10px;align-items:center;gap:8px;padding:0 12px;display:flex}.conn:hover{border-color:var(--line)}.conn-bare{border:0;justify-content:center;width:34px;padding:0;position:relative}.conn-label{color:var(--dim);white-space:nowrap;font-size:11.5px}.conn-retry{color:var(--coral-2)}.value-chip{background:var(--surface-2);border-color:#0000}.value-chip .sp-plays .ico,.value-chip .sp-coins .ico,.value-chip .sp-rank .ico{color:var(--brand)}.value-chip.is-warn{border-color:color-mix(in srgb, var(--coral-2) 55%, transparent);color:var(--coral-2)}.value-chip.is-warn .sp-plays .ico{color:var(--coral-2)}.top-ico:active,.search-field:active,.value-chip:active,.topbar .icon-btn:active,.topbar .avatar:active{transform:scale(.94)}.top-ico,.search-field,.value-chip,.topbar .icon-btn,.topbar .avatar{transition:background var(--shell-fade), color var(--shell-fade), transform var(--shell-fade)}.conn-dot{background:var(--faint);border-radius:50%;flex:none;width:8px;height:8px}.tone-ok{background:var(--ok);box-shadow:0 0 0 3px var(--ok-soft)}.tone-accent{background:var(--accent);animation:1.4s ease-in-out infinite pulse}.tone-coral{background:var(--coral-2)}.tone-faint{background:var(--faint)}@keyframes pulse{50%{opacity:.35}}.main{overscroll-behavior:contain;scrollbar-width:none;grid-area:main;min-width:0;padding:30px 32px 40px;overflow-y:auto}.main::-webkit-scrollbar{display:none}.right{box-sizing:border-box;height:100%;min-height:0;padding-right:env(safe-area-inset-right);border-left:1px solid var(--divider);background:var(--bg);flex-direction:column;grid-area:right;display:none;position:relative;overflow:hidden}.right :is(.card,.rounded-2xl.border,.rounded-xl.border,.rounded-\[14px\].border,.rounded-\[12px\].border){border-color:#0000}@media (min-width:1180px){.right{display:flex}}[data-right=hidden] .right{visibility:hidden;border-left:0}.right-top{z-index:1;align-items:center;gap:8px;display:flex;position:absolute;top:2px;right:16px}[data-right=rail] .right-top .eyebrow{display:none}.right-body{scrollbar-width:none;flex-direction:column;gap:14px;padding:30px 14px 20px;display:flex;overflow-y:auto}.sheet-shortcuts{grid-auto-columns:1fr;grid-auto-flow:column;gap:8px}.sheet-shortcut{border:1px solid var(--line-soft);min-height:44px;color:var(--text);border-radius:12px;flex:1;justify-content:center;align-items:center;gap:6px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.right-body::-webkit-scrollbar{display:none}[data-right=rail] .right-body{align-items:center;padding:0 6px 16px}.bottombar{z-index:var(--shell-z-rail);min-height:var(--shell-bottombar-h);padding:6px 12px calc(6px + env(safe-area-inset-bottom));border-top:1px solid var(--divider);background:color-mix(in srgb, var(--bg) 92%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);grid-area:bottom;justify-content:center;align-items:center;display:none;position:relative}[data-bottom=expanded] .bottombar,[data-bottom=dock] .bottombar{display:flex}.bottom-items{justify-content:space-around;align-items:center;gap:4px;width:100%;max-width:560px;display:flex}.bot-tab{min-width:0;color:var(--dim);border-radius:10px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:5px 4px;display:flex;position:relative}.bot-tab:hover{color:var(--text);background:var(--surface-2)}.bot-ico{place-items:center;display:grid;position:relative}.bot-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:10.5px;font-weight:500;overflow:hidden}.dock{border:1px solid var(--line-soft);background:var(--surface-1);box-shadow:var(--shadow-pop);border-radius:14px;align-items:center;gap:6px;padding:5px 8px;display:flex}.dock-clock{color:var(--text);padding:0 10px 0 6px;font-size:14px}.dock-btn{width:38px;height:38px;color:var(--dim);border-radius:10px;place-items:center;display:grid;position:relative}.dock-btn:hover{background:var(--surface-2);color:var(--text)}.dock-btn .tip{top:auto;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)scale(.96)}.dock-btn:hover .tip,.dock-btn:focus-visible .tip{opacity:1;transform:translate(-50%)scale(1)}.hint-drain{background:var(--ok);transform-origin:0;border-radius:99px;height:2px;position:absolute;bottom:4px;left:4px;right:4px;transform:scaleX(0)}.dock-hint:active .hint-drain{animation:5s linear drain}@keyframes drain{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.edge{z-index:var(--shell-z-rail);border:1px solid var(--line);background:var(--bg);color:var(--accent);cursor:pointer;transition:background var(--shell-fade), color var(--shell-fade);place-items:center;padding:0;display:none;position:fixed;box-shadow:0 8px 22px -8px #0f0a2e66}.edge:hover{background:var(--surface-2)}.edge-right{border-right:0;border-radius:12px 0 0 12px;width:22px;height:56px;top:50%;right:0;transform:translateY(-50%)}.edge-top{border-top:0;border-radius:0 0 12px 12px;width:56px;height:22px;top:0;left:50%;transform:translate(-50%)}[data-topbar=hidden] .edge-top{display:grid}@media (min-width:720px) and (min-height:501px){[data-right=hidden] .edge-right{display:grid}}.only-phone,.only-portal{display:none}.only-mobile-lobby{display:block}@media (min-width:720px) and (min-height:501px){.only-portal{display:block}.only-mobile-lobby{display:none}}@media (max-width:1179px){.right{display:none}}@media (min-width:720px) and (max-width:1179px) and (min-height:501px){.shell{grid-template-areas:"drawer topbar topbar""drawer main right""drawer bottom bottom";grid-template-columns:var(--shell-drawer-w) minmax(0, 1fr) var(--shell-right-tablet-w)}[data-drawer=rail] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr) var(--shell-right-tablet-w)}[data-drawer=hidden] .shell{grid-template-columns:0 minmax(0, 1fr) var(--shell-right-tablet-w)}[data-right=hidden] .shell{grid-template-columns:var(--shell-drawer-w) minmax(0, 1fr) 0}[data-drawer=rail][data-right=hidden] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr) 0}[data-drawer=hidden][data-right=hidden] .shell{grid-template-columns:0 minmax(0,1fr) 0}[data-drawer-overlay=true] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr) var(--shell-right-tablet-w)}[data-drawer-overlay=true][data-right=hidden] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr) 0}[data-drawer-overlay=true][data-drawer=expanded] .drawer{z-index:var(--shell-z-sheet);width:var(--shell-drawer-w);box-shadow:var(--shadow-pop);position:absolute;top:0;bottom:0;left:0}.right,[data-right=rail] .shell .right-slot{display:flex}[data-right=rail] .shell .right-chat-rail{display:block}[data-right=rail] .shell .right-body{align-items:stretch;padding:0 14px 20px}}@media (min-width:720px) and (max-width:1179px){.topbar .search-field{width:clamp(120px,22vw,420px);min-width:0}.topbar-items{min-width:0}}@media (max-width:719px),(max-height:500px){.only-phone{display:grid}.shell{grid-template-columns:minmax(0,1fr);grid-template-areas:"topbar""main""bottom"}.drawer{z-index:var(--shell-z-sheet);width:min(300px,86vw);box-shadow:var(--shadow-pop);transition:transform var(--shell-move);padding:20px 14px;position:fixed;top:0;left:0;transform:translate(-102%)}[data-drawer=expanded] .drawer{visibility:visible;pointer-events:auto;transform:none}[data-drawer=rail] .drawer,[data-drawer=hidden] .drawer{visibility:hidden;transform:translate(-102%)}.bottombar{display:flex}.main{padding:20px calc(18px + env(safe-area-inset-right)) 30px calc(18px + env(safe-area-inset-left))}.topbar-cycle,.discovery-links{display:none}.search-field,.icon-btn.only-phone{width:44px;height:44px;color:var(--dim);background:0 0;border:0;border-radius:10px;flex:none;justify-content:center;place-items:center;padding:0}.search-field:hover,.icon-btn.only-phone:hover{background:var(--surface-2);color:var(--text);border-color:#0000}.search-field .search-ph,.search-field .kbd{display:none}.topbar-items .avatar{width:34px;height:34px}}@media (min-width:1180px) and (max-width:1339px){.topbar .value-chip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:719px),(max-height:500px){.drawer:after{content:"";z-index:-1;background:color-mix(in srgb, var(--text) 38%, transparent);opacity:0;pointer-events:none;transition:opacity var(--shell-fade);position:fixed;inset:0 0 0 min(300px,86vw)}[data-drawer=expanded] .drawer:after{opacity:1;pointer-events:auto}.topbar .debug,.topbar .stepper-host,.topbar [data-feature=theme],.topbar [data-feature=help],.topbar .value-chip:not(.no-plays) .sp-coins,.topbar .value-chip:not(.no-plays) .sp-rank,.topbar .value-chip:not(.no-plays) .sp-caret{display:none}.topbar .value-chip .sp-plays{opacity:1}.topbar .conn:not(.value-chip){border:0;justify-content:center;width:34px;padding:0}.topbar .conn:not(.value-chip) .conn-label,.topbar .conn-retry{display:none}.topbar{gap:6px;padding:0 10px}.topbar .search-field,.topbar .locale-control,.topbar .sp-rank,.topbar .value-chip .sp-caret{display:none}.topbar .streak-chip{gap:4px;padding:0 10px}.topbar .streak-chip-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.topbar .streak-chip-count{display:inline}}.streak-chip-count,.drawer-search{display:none}@media (max-width:719px),(max-height:500px){.drawer-search{display:flex}}.topbar-slot{display:none}@media (max-width:1179px){[data-focus=true] .topbar .locale-control{display:none}[data-focus=true] .topbar .topbar-items{flex:none}[data-focus=true] .topbar .topbar-items>:not(.streak-chip):not(.topbar-status-cluster){display:none}[data-focus=true] .topbar .streak-chip{display:flex}[data-focus=true] .topbar .topbar-status-cluster{opacity:1}[data-focus=true] .topbar .topbar-status-cluster>:not(:has(.value-chip)),[data-focus=true] .topbar .topbar-status-cluster .sp-rank,[data-focus=true] .topbar .topbar-status-cluster a[href$=\/rings]{display:none}}@media (max-width:499px){[data-focus=true] .topbar .topbar-status-cluster{display:none}}[data-focus=true] .topbar-slot{scrollbar-width:none;flex:1;justify-content:center;align-items:center;gap:8px;min-width:0;display:flex;overflow-x:auto}[data-focus=true] .topbar-slot::-webkit-scrollbar{display:none}@media (min-width:1180px){[data-focus=true] .topbar .topbar-items{flex:0 auto}[data-focus=true] .topbar .search-field{width:clamp(160px,20vw,320px)}[data-focus=true] .topbar-slot{flex:1 0 auto}}[data-topbar=compact] .topbar .search-field{height:34px}.right-slot{flex-direction:column;gap:14px;min-width:0;display:flex}[data-right=rail] .right-slot,[data-right=rail] .right-chat-rail{display:none}.pop-layer{z-index:var(--shell-z-panel);position:fixed;inset:0}.pop{border:1px solid var(--line);background:var(--surface-1);box-shadow:var(--shadow-pop);animation:var(--animate-pop-in);border-radius:14px;flex-direction:column;display:flex;position:fixed;overflow:hidden}.panel-head{flex:none;align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.panel-title{flex:1;font-size:14px;font-weight:600}.panel-body{flex:auto;min-height:0;padding:0 14px 14px;overflow-y:auto}.panel-lead{color:var(--dim);margin:0 0 10px;font-size:13px;line-height:1.55}.panel-foot{font-family:var(--font-mono);letter-spacing:.09em;color:var(--faint);margin:12px 0 0;font-size:10px}.rule{border:0;border-top:1px solid var(--line-soft);margin:14px 0}.state-note{border:1px dashed var(--line);color:var(--dim);border-radius:12px;padding:16px;font-size:13px}.state-note strong{color:var(--text);margin-bottom:6px;display:block}.state-note p{margin:0;line-height:1.55}.set-row{align-items:center;gap:14px;padding:11px 0;display:flex}.set-txt{flex-direction:column;flex:1;min-width:0;display:flex}.set-label{font-size:13.5px;font-weight:600}.set-hint{color:var(--faint);font-size:12px}.conn-big{align-items:center;gap:9px;margin:0 0 6px;font-size:15px;font-weight:600;display:flex}.conn-detail{color:var(--dim);margin:0 0 12px;font-size:13px;line-height:1.55}.keys{color:var(--dim);grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:7px 14px;margin:10px 0 0;padding:0;font-size:12.5px;list-style:none;display:grid}.keys li{align-items:center;gap:8px;display:flex}.seg{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:10px;gap:2px;padding:3px;display:inline-flex}.seg-btn{color:var(--dim);transition:color var(--shell-fade), background var(--shell-fade), box-shadow var(--shell-fade), transform .1s ease-out;border-radius:7px;padding:5px 11px;font-size:12px;font-weight:500}.seg-btn.is-enum{text-transform:capitalize}.seg-btn:hover{color:var(--text)}.seg-btn.is-on{color:var(--text);background:var(--surface-1);box-shadow:0 1px 3px #00000014}.seg-btn:active:not(:disabled){transform:scale(.94)}.mode-switch{border:1px solid var(--line-soft);background:var(--surface-2);isolation:isolate;border-radius:999px;grid-template-columns:1fr 1fr;padding:4px;display:inline-grid;position:relative}.mode-switch-thumb{transition:transform var(--shell-move), background var(--shell-fade), box-shadow var(--shell-fade);background:linear-gradient(120deg,#ffb457,#ff6a4a);border-radius:999px;position:absolute;inset:4px 50% 4px 4px;box-shadow:0 3px 12px -3px #ff6a4a80,inset 0 1px #ffffff4d}[data-mode=practice] .mode-switch-thumb{background:linear-gradient(120deg,#ff6a4a,#34d0ff);transform:translate(100%);box-shadow:0 3px 12px -3px #34d0ff80,inset 0 1px #ffffff4d}.mode-seg{z-index:1;min-height:28px;color:var(--dim);white-space:nowrap;transition:color var(--shell-fade);border-radius:999px;place-items:center;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;display:grid;position:relative}.mode-seg:hover{color:var(--text)}.mode-seg.is-active,.mode-seg.is-active:hover{color:#1a1206}.mode-pulse{background:#fff;border-radius:999px;width:5px;height:5px;animation:2.4s ease-out infinite mode-switch-pulse;position:absolute;top:50%;right:10px;transform:translateY(-50%)}@keyframes mode-switch-pulse{0%{box-shadow:0 0 #ffffff8c}70%{box-shadow:0 0 0 7px #fff0}to{box-shadow:0 0 #fff0}}@media (prefers-reduced-motion:reduce){.mode-switch-thumb{transition:background var(--shell-fade), box-shadow var(--shell-fade)}.mode-pulse{animation:none}}.btn{border:1px solid var(--line-soft);height:34px;color:var(--text);background:var(--surface-1);transition:border-color var(--shell-fade), background var(--shell-fade), transform .1s ease-out;border-radius:9px;justify-content:center;align-items:center;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.btn:hover{border-color:var(--line)}.btn:active:not(:disabled){transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn-quiet{color:var(--dim);background:0 0;font-weight:500}.scrim{z-index:var(--shell-z-sheet);background:color-mix(in srgb, var(--text) 34%, transparent);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.pal-scrim{z-index:var(--shell-z-palette);align-items:flex-start;padding-top:min(14vh,110px)}.pal{border:1px solid var(--line);background:var(--surface-1);width:min(620px,100vw - 28px);max-height:70dvh;box-shadow:var(--shadow-pop);border-radius:16px;flex-direction:column;display:flex;overflow:hidden}.pal-input-row{border-bottom:1px solid var(--line-soft);color:var(--faint);align-items:center;gap:10px;padding:14px;display:flex}.pal-input-row input{min-width:0;font:inherit;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:15px}.pal-list{flex:1;margin:0;padding:6px;list-style:none;overflow-y:auto}.pal-item{cursor:pointer;color:var(--dim);border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13.5px;display:flex}.pal-item.is-on{background:var(--surface-2)}.pal-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;overflow:hidden}.pal-hint{font-family:var(--font-mono);color:var(--faint);white-space:nowrap;font-size:10.5px}.pal-none{text-align:center;color:var(--faint);padding:22px 14px;font-size:13px}.lib{max-width:1160px;margin-inline:auto}.lib-h{margin:8px 0 20px;font-size:clamp(28px,4vw,42px)}.lib-filters{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:14px;flex-direction:column;gap:9px;margin-bottom:16px;padding:12px 16px;display:flex}.lib-filters-bar{align-items:center;gap:8px;display:flex}.lib-filters-bar .lib-search{flex:1}.lib-filters-toggle{white-space:nowrap;flex:none;align-items:center;gap:6px;display:inline-flex}.lib-filters-chevron{transition:transform var(--shell-fade);font-size:10px;display:inline-block}.lib-filters-chevron.is-open{transform:rotate(180deg)}.lib-filters-clear-all{white-space:nowrap;flex:none}.lib-filters-panel{border-top:1px solid var(--line-soft);flex-direction:column;gap:9px;padding-top:9px;display:flex}.lib-chips{flex-wrap:wrap;gap:6px;display:flex}.lib-chip{border:1px solid var(--line-soft);background:var(--surface-2);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:4px;padding:4px 9px;font-size:12px;display:inline-flex}.lib-chip:hover{border-color:var(--accent)}.inp{border:1px solid var(--line-soft);background:var(--surface-1);width:100%;font:inherit;color:var(--text);resize:vertical;border-radius:10px;padding:9px 12px;font-size:13.5px}.inp:focus{border-color:var(--accent);outline:none}.lib-search{max-width:420px}.lib-f{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lib-f>.eyebrow{flex:none;width:84px}.lib-sort{border-top:1px solid var(--line-soft);padding-top:12px}.lib-sort .lib-f{padding:0}.seg.wrap{flex-wrap:wrap}.lib-count{color:var(--faint);margin:0 0 12px;font-size:10.5px}.lib-clear{margin-top:16px}.lib-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;display:grid}.blurb-clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.game-cover{aspect-ratio:5/2;border-radius:10px;margin-bottom:12px;position:relative;overflow:hidden}.game-card{border:1px solid var(--line-soft);background:var(--surface-1);transition:border-color var(--shell-fade), transform var(--shell-fade), box-shadow var(--shell-fade);border-radius:16px;flex-direction:column;padding:18px;display:flex}.game-card:hover{border-color:var(--line);transform:translateY(-3px);box-shadow:0 14px 34px #00000038}.group:hover .cover-marks,.game-card:hover .cover-marks,.cover-ambient .cover-marks{--cover-live:1}.cover-marks{transition:transform .3s var(--ease-out-quint), filter .3s ease-out, opacity .3s ease-out;transform-box:fill-box;transform-origin:50%}.cover-preview{transform:scale(calc(1 + var(--cover-live,0) * .05));filter:drop-shadow(0 calc(var(--cover-live,0) * 2px) calc(var(--cover-live,0) * 4px) #00000047)}.cover-discs{transform:scale(calc(1 + var(--cover-live,0) * .08));filter:drop-shadow(0 calc(var(--cover-live,0) * 3px) calc(var(--cover-live,0) * 5px) #00000052)}.cover-digits{filter:brightness(calc(1 + var(--cover-live,0) * .15)) drop-shadow(0 0 calc(var(--cover-live,0) * 3px) currentColor)}@keyframes cover-trail-draw{0%{stroke-dashoffset:375px}to{stroke-dashoffset:0}}.group:hover .cover-trail path,.game-card:hover .cover-trail path,.cover-ambient .cover-trail path{stroke-dasharray:375;animation:cover-trail-draw .65s var(--ease-out-quint) 1}.cover-regions{filter:saturate(calc(1 + var(--cover-live,0) * .4)) brightness(calc(1 + var(--cover-live,0) * .08))}.cover-checker circle{transition:transform .26s var(--ease-out-quint);transform-box:fill-box;transform-origin:50%;transform:translateY(0)}.group:hover .cover-checker circle:nth-of-type(2n),.game-card:hover .cover-checker circle:nth-of-type(2n),.cover-ambient .cover-checker circle:nth-of-type(2n){transform:translateY(-2.5px)}.group:hover .cover-checker circle:nth-of-type(odd),.game-card:hover .cover-checker circle:nth-of-type(odd),.cover-ambient .cover-checker circle:nth-of-type(odd){transform:translateY(2px)}.cover-card-inner{transition:transform .26s var(--ease-out-quint);transform-box:fill-box;transform-origin:bottom;transform:rotate(calc(var(--cover-live,0) * 7deg))}.cover-letters text{transition:transform .22s var(--ease-out-quint);transform-box:fill-box;transform-origin:50%;transform:scale(calc(1 + var(--cover-live,0) * .22))}.group:hover .cover-letters text:nth-of-type(3n+1),.game-card:hover .cover-letters text:nth-of-type(3n+1),.cover-ambient .cover-letters text:nth-of-type(3n+1){transition-delay:70ms}.group:hover .cover-letters text:nth-of-type(3n+2),.game-card:hover .cover-letters text:nth-of-type(3n+2),.cover-ambient .cover-letters text:nth-of-type(3n+2){transition-delay:.14s}.game-title{margin:8px 0 6px;font-size:19px;font-weight:600}.game-blurb{color:var(--dim);flex:1;margin:0 0 12px;font-size:13px;line-height:1.5}.game-meta{justify-content:space-between;align-items:center;gap:10px;margin:0 0 12px;display:flex}.cx{align-items:center;gap:7px;display:inline-flex}.cx-dots{letter-spacing:1px;color:var(--accent);font-size:9px}.cx-off{color:var(--line)}.cx-l{color:var(--faint);font-size:11px}.g-med{color:var(--faint);font-size:10.5px}.tag-row,.tag-pick{flex-wrap:wrap;gap:5px;display:flex}.tag{border:1px solid var(--line-soft);font-family:var(--font-mono);color:var(--dim);background:var(--surface-2);border-radius:99px;padding:3px 9px;font-size:10.5px}button.tag:hover{border-color:var(--line);color:var(--text)}.tag.is-on{color:var(--accent-ink);background:var(--accent);border-color:#0000}.card-btn{align-self:flex-start;margin-top:14px;text-decoration:none}.btn-brand{color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), var(--accent-2));border:0}.bottom-items:empty{display:none}.bottom-dock:not(:empty){justify-content:center;width:100%;padding:0 16px;display:flex}.shell:has(.bottom-dock:not(:empty)) .bottombar{display:flex}.back{color:var(--dim);align-self:flex-start;font-size:13.5px}.kbd{font-family:var(--font-mono);border:1px solid var(--line-soft);color:var(--dim);background:var(--surface-2);border-bottom-width:2px;border-radius:6px;padding:2px 6px;font-size:11px}.screen{max-width:940px}.h-hero{margin:10px 0 12px;font-size:clamp(30px,4.4vw,46px)}.lede{max-width:56ch;color:var(--dim);margin:0 0 22px;font-size:15px}.cta-row{flex-wrap:wrap;gap:10px;margin-bottom:30px;display:flex}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:16px;padding:18px}.card h3{margin:8px 0 4px;font-size:19px;font-weight:600}.card-sub{color:var(--faint);margin:0 0 12px;font-size:11px}.bar{background:var(--line-soft);border-radius:99px;height:5px;overflow:hidden}.bar>span{background:linear-gradient(135deg, var(--accent), var(--accent-2));border-radius:99px;height:100%;display:block}.hint-line{color:var(--faint);margin-top:28px;font-size:12.5px}.form-error{color:var(--violation);font-size:12.5px}.lb{margin:4px 0 0;padding:0;list-style:none}.lb-row{border-radius:8px;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.lb-row:hover{background:var(--surface-2)}.lb-row.is-you{background:color-mix(in srgb, var(--accent) 9%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--accent) 26%, transparent)}.lb-rank{color:var(--faint);font-size:12px}.lb-cover{border-radius:7px;width:26px;height:26px;display:block;position:relative;overflow:hidden}.lb-name{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.lb-pts{color:var(--dim);text-align:right;font-size:12px}.rank-medal{border-radius:999px;place-items:center;width:22px;height:22px;font-weight:700;display:inline-grid}.rank-medal.gold{color:#3a2a05;background:linear-gradient(135deg,#f5d47a,#c9971f)}.rank-medal.silver{color:#2a2a30;background:linear-gradient(135deg,#e6e6ea,#a8a8b3)}.rank-medal.bronze{color:#2a1706;background:linear-gradient(135deg,#d99a63,#9c5a2e)}.quota{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:14px;flex-wrap:wrap;align-items:center;gap:18px;margin:22px 0 26px;padding:14px 18px;display:flex}.quota.is-out{border-color:color-mix(in srgb, var(--coral-2) 50%, transparent);background:color-mix(in srgb, var(--coral-2) 6%, var(--surface-1))}.quota-l{flex:1;min-width:240px}.quota-line{color:var(--dim);margin:5px 0 8px;font-size:13.5px}.quota-line strong{color:var(--text)}.quota-reset{color:var(--faint);font-size:10.5px}.pips{gap:4px;display:inline-flex}.pip{background:var(--line);border-radius:50%;width:9px;height:9px}.pip.is-on{background:var(--accent)}.pip.is-spent{background:var(--line);box-shadow:inset 0 0 0 1px var(--faint)}.inv-kinds{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px;margin-bottom:10px;display:grid}.inv-kind{border:1px solid var(--line-soft);color:var(--dim);background:var(--surface-1);text-align:left;transition:border-color var(--shell-fade);border-radius:11px;align-items:center;gap:8px;padding:10px 12px;font-size:12.5px;font-weight:600;display:flex}.inv-kind:hover{border-color:var(--line)}.inv-kind.is-on{color:var(--text);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 7%, transparent)}.inv-kind.is-on svg{color:var(--accent)}.inv-kind svg{flex:none}.inv-blurb{color:var(--dim);margin:0 0 16px;font-size:12.5px;line-height:1.55}.inv-methods{margin-bottom:16px}.inv-link-row{gap:8px;margin-bottom:10px;display:flex}.inv-url{min-width:0;font-family:var(--font-mono);flex:1;font-size:12.5px}.inv-share{gap:8px;margin-bottom:12px;display:flex}.inv-note,.inv-token{color:var(--faint);align-items:flex-start;gap:7px;margin:0 0 14px;font-size:11.5px;line-height:1.55;display:flex}.inv-note svg,.inv-token svg{color:var(--ok);flex:none;margin-top:2px}.lnk{font-size:inherit;color:var(--accent-text);cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.inv-opts{border:1px solid var(--line-soft);background:var(--surface-2);border-radius:11px;flex-direction:column;gap:10px;margin-bottom:12px;padding:14px;display:flex}.inv-co{color:var(--dim);align-items:flex-start;gap:10px;margin:0;font-size:12.5px;line-height:1.5;display:flex}.inv-co input{accent-color:var(--accent);margin-top:3px}.inv-field-l{letter-spacing:.04em;text-transform:uppercase;color:var(--faint);margin-bottom:4px;font-size:11px;display:block}.inv-sec{margin:18px 0 8px}.inv-sent{margin:0;padding:0;list-style:none}.inv-sent li{border-bottom:1px solid var(--line-soft);grid-template-columns:minmax(0,1fr) auto auto auto;align-items:center;gap:10px;padding:8px 0;font-size:12.5px;display:grid}.inv-s-to{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.inv-s-k{color:var(--faint);font-size:11px}.inv-empty{color:var(--faint);margin:6px 0 0;font-size:12px}.ch{color:var(--dim);text-align:left;border-radius:8px;align-items:center;gap:7px;width:100%;padding:6px 8px;font-size:12.5px;display:flex}.ch:hover{background:var(--surface-2)}.ch-hash{color:var(--faint)}.ch-av{width:20px;height:20px;font-family:var(--font-mono);background:var(--surface-2);box-shadow:inset 0 0 0 1px var(--line-soft);border-radius:50%;flex:none;place-items:center;font-size:8.5px;display:grid;position:relative}.ch-av .conn-dot{position:absolute;bottom:-1px;right:-1px}.ch-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.ch-text{flex-direction:column;flex:1;min-width:0;display:flex}.ch-preview{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.chat-main{flex-direction:column;min-width:0;display:flex}.msgs{flex:1;margin:0 0 10px;padding:0;list-style:none;overflow-y:auto}.msg{flex-direction:column;gap:2px;padding:6px 0;display:flex}.msg-who{color:var(--text);align-items:baseline;gap:7px;font-size:12px;font-weight:600;display:flex}.msg.is-me .msg-who{color:var(--accent-text)}.msg-at{color:var(--faint);font-size:10px}.msg-day{letter-spacing:.06em;text-transform:uppercase;color:var(--faint);align-items:center;gap:8px;padding:10px 0 4px;font-size:10px;font-weight:600;display:flex}.msg-day:before,.msg-day:after{content:"";background:var(--line-soft);flex:1;height:1px}.msg-txt{color:var(--dim);font-size:13px;line-height:1.5}.empty-note{color:var(--faint);padding:12px 0;font-size:13px}.chat-form{gap:7px;display:flex}.chat-form input{border:1px solid var(--line-soft);background:var(--surface-1);min-width:0;height:38px;font:inherit;color:var(--text);border-radius:10px;flex:1;padding:0 12px;font-size:16px}.chat-form input:focus{border-color:var(--accent);outline:none}.chat-form .btn{height:38px;padding:0 13px}.chat-window{width:320px;z-index:var(--shell-z-overlay);border:1px solid var(--line-soft);background:var(--surface-1);border-radius:12px;position:fixed;bottom:20px;right:20px;overflow:hidden;box-shadow:0 12px 32px #00000059}.chat-window-head{border-bottom:1px solid var(--line-soft);align-items:center;gap:8px;padding:10px 12px;display:flex}.chat-window-title{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;color:var(--text);flex:1;font-size:13px;font-weight:600;overflow:hidden}.chat-window-actions{flex:none;gap:4px;display:flex}.chat-window .chat-main{height:320px;padding:0 12px 12px}.chat-window-mini{right:0;bottom:var(--shell-bottombar-h,0px);z-index:var(--shell-z-overlay);padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:1px solid var(--line-soft);background:var(--surface-1);align-items:center;gap:8px;display:flex;position:fixed;left:0}.chat-fullscreen{z-index:var(--shell-z-overlay);background:var(--surface-1);flex-direction:column;display:flex;position:fixed;inset:0}.chat-fullscreen.is-hidden{display:none}.chat-fullscreen-head{padding:calc(14px + env(safe-area-inset-top,0px)) 14px 14px;border-bottom:1px solid var(--line-soft);align-items:center;gap:10px;display:flex}.chat-fullscreen .chat-main{flex:1;min-height:0;padding:12px 14px}@media (min-width:1601px){.main{justify-self:center;width:min(100%,1440px)}}.streak-pop{animation:.48s cubic-bezier(.34,1.56,.64,1) streak-pop;display:inline-block}@keyframes streak-pop{0%{opacity:0;transform:scale(.6)}60%{transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.play-tab{background:var(--accent);width:52px;height:52px;color:var(--accent-ink);box-shadow:0 8px 22px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:-22px;text-decoration:none;display:flex;position:relative}.play-tab:active{transform:scale(.94)}.play-tab-hint{border:1px solid var(--line-soft);background:var(--surface-1);color:var(--text);white-space:nowrap;pointer-events:none;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%)}@media (max-width:719px),(max-height:500px){.pal-scrim{padding-top:0}.pal{border:0;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}[data-rsheet=open] .right{z-index:var(--shell-z-palette);border-top:1px solid var(--line);background:var(--surface-1);max-height:72dvh;padding-bottom:env(safe-area-inset-bottom);isolation:isolate;border-radius:18px 18px 0 0;display:flex;position:fixed;inset:auto 0 0;transform:translateZ(0)}.rsheet-scrim{z-index:calc(var(--shell-z-palette) - 1);background:color-mix(in srgb, var(--bg) 55%, transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);position:fixed;inset:0}}@media (min-width:720px) and (min-height:501px){.rsheet-scrim{display:none}}[data-topbar=compact] .topbar .avatar:not(.sm){width:30px;height:30px}.search-field+.dot-toggle,.dot-toggle+.discovery-links,.dot-toggle+.streak-chip{margin-left:0}.dot-toggle+.topbar-status-cluster,.dot-toggle+.relative{margin-left:auto}
.toasts{top:calc(var(--shell-topbar-h) + 10px);z-index:var(--shell-z-toast);pointer-events:none;flex-direction:column-reverse;gap:8px;width:min(360px,100vw - 28px);display:flex;position:fixed;right:14px}.toast-card{--toast-left:1;border:1px solid var(--line-soft);border-left:3px solid var(--toast-tone);background:var(--surface-1);box-shadow:var(--shadow-pop);pointer-events:auto;animation:toast-in .26s var(--ease-spring) both;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:11px 12px 13px;display:grid;position:relative;overflow:hidden}.toast-card.is-leaving{animation:.22s ease-in both toast-out}@keyframes toast-in{0%{opacity:0;transform:translate(18px,-8px)scale(.96)}to{opacity:1;transform:none}}@keyframes toast-out{to{opacity:0;transform:translate(14px)scale(.98)}}.toast-icon{width:28px;height:28px;color:var(--toast-tone);background:color-mix(in srgb, var(--toast-tone) 16%, transparent);border-radius:9px;place-items:center;animation:.42s cubic-bezier(.34,1.56,.64,1) 90ms both toast-pop;display:grid}@keyframes toast-pop{0%{opacity:0;transform:scale(.55)}60%{transform:scale(1.14)}to{opacity:1;transform:scale(1)}}.toast-text{min-width:0}.toast-title{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:600;line-height:1.3;overflow:hidden}.toast-body{-webkit-line-clamp:2;color:var(--dim);-webkit-box-orient:vertical;margin:1px 0 0;font-size:12.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.toast-go{border:1px solid var(--toast-tone);color:var(--toast-tone);white-space:nowrap;cursor:pointer;transition:background var(--shell-fade), color var(--shell-fade);background:0 0;border-radius:8px;flex:none;padding:6px 11px;font-size:12px;font-weight:600;text-decoration:none}.toast-go:hover{color:var(--accent-ink);background:var(--toast-tone)}.toast-close{width:24px;height:24px;color:var(--faint);cursor:pointer;background:0 0;border-radius:7px;place-items:center;display:grid}.toast-close:hover{color:var(--text);background:var(--surface-2)}.toast-time{background:color-mix(in srgb, var(--toast-tone) 14%, transparent);height:3px;position:absolute;inset:auto 0 0;overflow:hidden}.toast-time-fill{background:linear-gradient(90deg, var(--toast-tone), color-mix(in srgb, var(--toast-tone) 45%, var(--accent-2)));height:100%;transform:scaleX(var(--toast-left));transform-origin:0;display:block}.toast-duel{--toast-tone:var(--coral-1)}.toast-social{--toast-tone:var(--accent)}.toast-streak{--toast-tone:var(--brand)}.toast-ladder{--toast-tone:var(--mark)}.toast-info{--toast-tone:var(--dim)}.toast-ok{--toast-tone:var(--ok)}.toast-error{--toast-tone:var(--coral-2)}@media (max-width:719px){.toasts{left:10px;right:10px;top:calc(var(--shell-topbar-h) + env(safe-area-inset-top,0px) + 8px);width:auto}.toast-card{animation-name:toast-drop}.toast-card.is-leaving{animation-name:toast-lift}}@keyframes toast-drop{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:none}}@keyframes toast-lift{to{opacity:0;transform:translateY(-10px)scale(.98)}}
[data-focus=true] .main{padding:12px 24px}@media (max-width:719px),(max-height:500px){[data-focus=true] .main{padding:4px calc(8px + env(safe-area-inset-right)) 6px calc(8px + env(safe-area-inset-left))}}.play-stage{padding-block:4px 12px}.play-stage[data-enter=pop]{animation:.25s cubic-bezier(.16,1,.3,1) pop-in}@media (max-width:719px),(max-height:500px){.play-stage{padding-block:0 6px}}.stage-head{grid-template-columns:minmax(0,auto) minmax(0,1fr) auto auto;grid-template-areas:"id alert clock rules";align-items:center;gap:10px;min-height:40px;margin-bottom:6px;padding-inline:2%;display:grid}.stage-id{grid-area:id;align-items:center;gap:8px;min-width:0;display:flex}.stage-title{letter-spacing:-.005em;white-space:nowrap;text-overflow:ellipsis;min-width:0;color:var(--text);font-size:15px;font-weight:600;overflow:hidden}.stage-alert{min-width:0;font-family:var(--font-mono);letter-spacing:.1em;text-align:center;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;color:var(--violation);grid-area:alert;margin:0;font-size:11px;overflow:hidden}.stage-clock{letter-spacing:.04em;color:var(--dim);grid-area:clock;font-size:15px}.stage-rules{border:1px solid var(--line-soft);width:40px;height:40px;color:var(--dim);cursor:pointer;transition:border-color var(--shell-fade), color var(--shell-fade);border-radius:10px;grid-area:rules;place-items:center;display:grid}.stage-rules:hover{border-color:var(--line);color:var(--text)}@media (max-width:719px),(max-height:500px){.stage-head{gap:8px;margin-bottom:4px}.stage-rules{border-color:#0000;width:44px;height:44px}.stage-head[data-alert=true] .stage-id{display:none}.stage-head[data-alert=true] .stage-alert{text-align:left;grid-column:1/3}}.play-dock{align-items:center;gap:8px;width:100%;max-width:1040px;margin-inline:auto;display:flex}.play-dock-actions{flex:1;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:6px;min-width:0;max-width:640px;margin-inline:auto;display:grid}.dock-act{border:1px solid var(--line-soft);min-width:0;min-height:48px;color:var(--text);background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:14px;font-weight:500;display:flex}.dock-act:hover:not(:disabled){border-color:var(--line)}.dock-act .ico{color:var(--dim);flex:none}.dock-act-warn{border-color:color-mix(in srgb, var(--coral-2) 45%, transparent);color:var(--coral-2)}.dock-act-warn .ico{color:inherit}.dock-act-face{display:inherit;flex-direction:inherit;align-items:inherit;gap:inherit;min-width:0}.dock-act-label{white-space:nowrap;min-width:0;overflow:hidden}.dock-status{letter-spacing:.04em;min-width:0;color:var(--dim);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;font-size:13px;line-height:1.3;display:-webkit-box;overflow:hidden}.dock-more{align-items:center;display:flex}.dock-more:has(>.dock-more-panel:empty),.dock-more-toggle,.dock-more-scrim,.dock-options-toggle,.dock-options-scrim{display:none}.dock-more-panel,.dock-options-panel{align-items:center;gap:14px;display:flex}.dock-options-slot{margin-left:auto;display:flex}.dock-options{align-items:center;display:flex}.dock-options[hidden]{display:none}@media (max-width:1179px),(max-height:500px){.dock-more-toggle,.dock-options-toggle{z-index:1;width:52px;min-height:48px;color:var(--dim);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.dock-more-toggle[aria-expanded=true],.dock-options-toggle[aria-expanded=true]{background:var(--surface-2);color:var(--text)}.dock-more-toggle .dock-act-label,.dock-options-toggle .dock-act-label{font-size:10.5px;font-weight:500}.dock-more-panel,.dock-options-panel{z-index:1;border:1px solid var(--line);background:var(--surface-1);width:max-content;max-width:min(420px,100% - 16px);max-height:60dvh;box-shadow:var(--shadow-pop);animation:var(--animate-pop-in);border-radius:16px;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:12px;padding:14px;display:none;position:absolute;bottom:calc(100% + 8px);right:8px;overflow-y:auto}.dock-more[data-open=true] .dock-more-panel,.dock-options[data-open=true] .dock-options-panel{flex-direction:column;display:flex}.dock-more[data-open=true] .dock-more-scrim,.dock-options[data-open=true] .dock-options-scrim{display:block;position:fixed;inset:0}.dock-more-panel>*,.dock-options-panel>*{justify-content:flex-start}}@media (max-width:719px),(max-height:500px){.play-dock,.play-dock-actions{gap:4px}.dock-act{border-color:#0000;flex-direction:column;gap:3px;min-height:52px;padding:4px 2px;font-size:11px;line-height:1.1}.dock-act:hover:not(:disabled){background:var(--surface-2);border-color:#0000}.dock-act .ico{color:var(--text)}.dock-act-warn,.dock-act-warn .ico{color:var(--coral-2)}.dock-act-label{white-space:normal;overflow-wrap:anywhere;text-align:center;-webkit-hyphens:auto;hyphens:auto;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%;display:-webkit-box}}@media (max-height:500px) and (orientation:landscape){[data-focus=true] .shell{grid-template:"topbar topbar""main bottom"minmax(0,1fr)/minmax(0,1fr) auto}[data-focus=true] .bottombar{min-height:0;padding:6px calc(6px + env(safe-area-inset-right)) calc(6px + env(safe-area-inset-bottom)) 6px;border-top:0;border-left:1px solid var(--divider);flex-direction:column}[data-focus=true] .bottom-dock:not(:empty){width:auto;height:100%;padding:0}.play-dock{flex-direction:column;justify-content:space-between;width:68px;height:100%}.play-dock-actions{flex:none;grid-auto-rows:auto;grid-auto-flow:row;width:100%;margin:auto 0}.dock-act{min-height:48px}.dock-more-panel,.dock-options-panel{bottom:8px;right:calc(100% + 8px)}.dock-options-slot{margin-left:0}.dock-status{text-align:center;-webkit-line-clamp:4;flex:none;width:100%;font-size:11px}.stage-head{min-height:32px;margin-bottom:2px}.stage-rules{width:36px;height:36px}}.play-aside{display:none}.phased-stage[data-stage=ready]{background:linear-gradient(135deg, hsl(var(--stage-hue) var(--cover-sat) var(--cover-from) / .32), hsl(calc(var(--stage-hue) + 20) var(--cover-sat) var(--cover-to) / .22) 55%, hsl(calc(var(--stage-hue) + 38) var(--cover-sat) var(--cover-to) / .14));background-size:200% 200%;border-radius:16px;animation:14s ease-in-out infinite alternate stage-drift}@keyframes stage-drift{0%{background-position:0 0}to{background-position:100% 100%}}.phased-stage-band{text-align:center;flex-direction:column;gap:2px;width:100%;padding:10px 14px 4px;display:flex}.phased-stage-rule{text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13.5px;font-weight:600;overflow:hidden}.phased-stage-social{color:var(--dim);margin:0;font-size:12px}.play-aside-today{border:1px solid var(--line-soft);border-radius:12px;flex-direction:column;gap:4px;padding:10px 12px;display:flex}@media (min-width:1440px) and (min-height:700px){[data-right=hidden] .phased-stage-social{display:none}[data-right=hidden] .play-aside{scrollbar-width:none;opacity:.92;flex-direction:column;gap:16px;width:min(300px,50% - 412px);display:flex;position:absolute;top:12px;bottom:12px;left:8px;overflow-y:auto}[data-right=hidden] .play-aside::-webkit-scrollbar{display:none}[data-right=hidden] .play-aside[data-overflow=true]{-webkit-mask-image:linear-gradient(#000 calc(100% - 56px),#0000);mask-image:linear-gradient(#000 calc(100% - 56px),#0000)}}.orientation-note{top:calc(var(--shell-topbar-compact-h) + env(safe-area-inset-top) + 6px);z-index:var(--shell-z-overlay);border:1px solid var(--line);background:var(--surface-1);width:max-content;max-width:calc(100% - 32px);box-shadow:var(--shadow-pop);color:var(--text);animation:var(--animate-pop-in);border-radius:999px;align-items:center;gap:10px;padding:6px 6px 6px 12px;font-size:13px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.orientation-close{width:36px;height:36px;color:var(--dim);cursor:pointer;border-radius:999px;flex:none;place-items:center;display:grid}.orientation-close:hover{color:var(--text)}.orientation-glyph{border:1.5px solid var(--text);width:18px;height:12px;animation:orientation-turn 2.4s var(--ease-spring) infinite;border-radius:3px;flex:none}@keyframes orientation-turn{0%,30%{transform:rotate(0)}60%,to{transform:rotate(90deg)}}@media (prefers-reduced-motion:reduce){.orientation-glyph{animation:none}}.duel-verdict{font-family:var(--font-mono);letter-spacing:.1em;border-radius:7px;padding:7px 16px;font-size:12px;font-weight:700}.duel-verdict.is-win{background:var(--ok-soft);color:var(--ok)}.duel-verdict.is-loss{background:var(--warn-soft);color:color-mix(in oklab, var(--coral-2) 78%, var(--text))}.duel-verdict.is-draw{background:var(--surface-2);color:var(--dim)}.duel-verdict-times{justify-content:center;align-items:baseline;gap:28px;display:flex}.duel-side{color:var(--faint);flex-direction:column;gap:3px;font-size:12px;display:flex}.duel-side b{font-weight:600}.duel-side .metric{color:var(--dim);font-size:19px}.duel-side.is-won .metric{color:var(--ok)}.duel-verdict-margin,.duel-verdict-wait{color:var(--dim);margin:0;font-size:13px}.duel-verdict-link{min-height:44px;color:var(--dim);align-items:center;font-size:13.5px;font-weight:500;text-decoration:none;display:flex}.duel-verdict-link:hover{color:var(--text)}.win-confetti{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.win-time[data-tier]:after{content:"";background:var(--gold);transform-origin:0;border-radius:2px;height:3px;margin-top:8px;display:block}.win-time[data-fresh=true]:after{animation:win-underline .7s var(--ease-out-quint,ease-out) .25s both}@keyframes win-underline{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.win-streak[data-tier=streak-milestone]{color:var(--coral-text);text-shadow:0 0 12px color-mix(in srgb, var(--coral-1) 55%, transparent);font-size:15px}.receipt{flex-direction:column;gap:6px;min-width:0;display:flex}.receipt-row{color:var(--ink);justify-content:space-between;gap:12px;display:flex}.receipt-row .metric{color:var(--ok)}.hint-card-slot{z-index:30;pointer-events:none;justify-content:center;display:flex;position:absolute;inset:auto 8px 8px}.hint-card-slot.is-top{inset:8px 8px auto}.hint-card{--toast-left:1;--hint-tone:var(--ok);border:1px solid var(--line-soft);border-left:3px solid var(--hint-tone);background:var(--surface-1);width:min(100%,440px);max-height:min(62cqh,300px);box-shadow:var(--shadow-pop);pointer-events:auto;animation:hint-card-in .24s var(--ease-spring) both;border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:11px 10px 14px 12px;display:grid;position:relative;overflow:hidden}.hint-card.is-leaving{animation:.2s ease-in both hint-card-out}.hint-card.is-pinned{border-color:color-mix(in srgb, var(--coral-2) 45%, var(--line-soft));border-left-color:var(--coral-2)}@keyframes hint-card-in{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:none}}@keyframes hint-card-out{to{opacity:0;transform:translateY(8px)scale(.98)}}.hint-card-icon{width:28px;height:28px;color:var(--hint-tone);background:color-mix(in srgb, var(--hint-tone) 16%, transparent);border-radius:9px;place-items:center;display:grid}.hint-card-text{overscroll-behavior:contain;min-width:0;max-height:calc(min(62cqh,300px) - 28px);overflow-y:auto}.hint-card-kicker{font-family:var(--font-mono,ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;color:var(--faint);flex-wrap:wrap;align-items:center;gap:6px;margin:0 0 2px;font-size:10.5px;display:flex}.hint-card-tech{color:var(--hint-tone);background:color-mix(in srgb, var(--hint-tone) 14%, transparent);border-radius:999px;padding:1px 6px}.hint-card-title{color:var(--text);margin:0;font-size:14px;font-weight:600;line-height:1.3}.hint-card-reasons{color:var(--dim);margin:4px 0 0;padding:0;font-size:13px;line-height:1.4;list-style:none}.hint-card-reasons li+li{margin-top:3px}.hint-card-pin{width:36px;height:36px;color:var(--dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;place-items:center;margin:-6px -4px 0 0;display:grid}.hint-card-pin:hover{color:var(--text);background:var(--surface-2)}.hint-card.is-pinned .hint-card-pin{border-color:color-mix(in srgb, var(--coral-2) 45%, transparent);color:var(--coral-2);background:color-mix(in srgb, var(--coral-2) 12%, transparent)}.hint-card-time{background:color-mix(in srgb, var(--hint-tone) 14%, transparent);height:3px;position:absolute;inset:auto 0 0;overflow:hidden}.hint-card-time-fill{background:var(--hint-tone);height:100%;transform:scaleX(var(--toast-left));transform-origin:0;display:block}@media (max-width:719px) and (orientation:portrait){.hint-card-slot{inset:auto 6px 6px}.hint-card-slot.is-top{inset:6px 6px auto}.hint-card{gap:8px;width:100%}}@media (max-height:500px){.hint-card{padding-block:8px 11px}.hint-card-title{font-size:13px}.hint-card-reasons{font-size:12px;line-height:1.35}}