.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}@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){[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=rail] .shell{grid-template-columns:var(--shell-drawer-w) minmax(0, 1fr) var(--shell-right-rail-w)}[data-right=hidden] .shell{grid-template-columns:var(--shell-drawer-w) minmax(0, 1fr) 0}[data-drawer=rail][data-right=rail] .shell{grid-template-columns:var(--shell-drawer-rail-w) minmax(0, 1fr) var(--shell-right-rail-w)}[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{border-right:1px solid var(--line-soft);background:var(--bg);height:100dvh;transition:padding var(--shell-move);flex-direction:column;grid-area:drawer;gap:18px;padding:22px 14px;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{align-items:center;padding:22px 8px}.drawer-top{justify-content:space-between;align-items:center;gap:8px;padding-inline:6px;display:flex}.brand{color:inherit;align-items:center;gap:9px;text-decoration:none;display:flex}.brand-mark{width:34px;height:34px;color:var(--brand);background:var(--brand-plate);border-radius:8px;flex:none;place-items:center;display:grid}.brand-word{letter-spacing:-.01em;white-space:nowrap;font-size:15px;font-weight:600}.brand-tail{color:var(--brand)}[data-drawer=rail] .brand-word,[data-drawer=rail] .drawer-eyebrow,[data-drawer=rail] .foot-txt{display:none}[data-drawer=rail] .drawer-top{flex-direction:column;gap:10px;padding-inline:0}.drawer-scroll{flex-direction:column;flex:1;gap:4px;display:flex;overflow:hidden auto}.drawer-eyebrow{padding:6px 12px 4px}.drawer-nav{flex-direction:column;gap:2px;display:flex}.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(--coral-2);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}.nav-rail:hover,.top-ico:hover{background:var(--surface-2);color:var(--text)}.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)}.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)}.topbar{z-index:var(--shell-z-rail);height:var(--shell-topbar-h);border-bottom:1px solid var(--line-soft);background:color-mix(in srgb, 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;padding:0 18px;display:flex;position:relative}[data-topbar=compact] .topbar{height:var(--shell-topbar-compact-h)}[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){flex:none}.countdown{border:1px solid var(--line-soft);height:34px;color:var(--dim);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;margin-left:auto;padding:0 12px;font-size:11.5px;display:flex}[data-topbar=compact] .countdown{display:none}.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:hover{background:var(--surface-2);color:var(--text)}.stepper{background:var(--surface-2);border-radius:9px;align-items:center;gap:1px;padding:2px;display:inline-flex}.stepper .step{border-radius:7px;min-width:24px;height:24px;padding:0}.stepper .step:hover{background:var(--surface-1);color:var(--accent)}[data-drawer=rail] .stepper{flex-direction:column;gap:2px;padding:3px}[data-right=rail] .right-top{justify-content:center;padding-inline:6px}[data-right=rail] .stepper{flex-direction:column;padding:3px}.search-field{border:1px solid var(--line-soft);background:var(--surface-1);width:clamp(200px,26vw,340px);height:36px;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}.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)}.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;grid-area:main;min-width:0;padding:30px 32px 40px;overflow-y:auto}.right{border-left:1px solid var(--line-soft);background:var(--bg);flex-direction:column;grid-area:right;height:100dvh;display:none;position:sticky;top:0;overflow:hidden}@media (min-width:1180px){.right{display:flex}}[data-right=hidden] .right{visibility:hidden;border-left:0}.right-top{justify-content:space-between;align-items:center;gap:8px;padding:18px 16px 10px;display:flex}[data-right=rail] .right-top .eyebrow{display:none}.right-body{flex-direction:column;gap:14px;padding:0 14px 20px;display:flex;overflow-y:auto}[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(--line-soft);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(--accent);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);background:var(--line-soft);transition:background var(--shell-fade);border-radius:99px;display:none;position:fixed}.edge:hover{background:var(--accent)}.edge-left,.edge-right{width:5px;height:74px;top:50%;transform:translateY(-50%)}.edge-left{left:3px}.edge-right{right:3px}.edge-top{width:74px;height:5px;top:3px;left:50%;transform:translate(-50%)}[data-drawer=hidden] .edge-left,[data-topbar=hidden] .edge-top{display:block}@media (min-width:1180px){[data-right=hidden] .edge-right{display:block}}.only-phone{display:none}@media (max-width:1179px){.right{display:none}}@media (max-width:719px){.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 18px 30px}.countdown,.topbar-cycle{display:none}.search-field{flex:1;width:auto}.edge-left{display:none!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (max-width:719px){.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}[data-drawer=expanded] .drawer:after{opacity:1;pointer-events:auto}.topbar .value-chip,.topbar .debug,.topbar .stepper-host,.topbar [data-feature=theme],.topbar [data-feature=help]{display:none}.topbar .conn{border:0;justify-content:center;width:34px;padding:0}.topbar .conn-label,.topbar .conn-retry{display:none}.topbar{gap:6px;padding:0 10px}}.right-slot{flex-direction:column;min-width:0;display:flex}[data-right=rail] .right-slot{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);border-radius:14px;flex-direction:column;display:flex;position:fixed}.panel-head{align-items:center;gap:8px;padding:14px 14px 10px;display:flex}.panel-title{flex:1;font-size:14px;font-weight:600}.panel-body{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);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}.btn{border:1px solid var(--line-soft);height:34px;color:var(--text);background:var(--surface-1);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-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}.cz{background:var(--surface-1);width:min(760px,100vw - 28px);max-height:84dvh;box-shadow:var(--shadow-pop);border-radius:18px;flex-direction:column;display:flex}.cz-legend{color:var(--dim);margin:0;padding:0 16px 12px;font-size:12.5px;line-height:1.6}.cz-body{flex-direction:column;gap:16px;padding:4px 16px 20px;display:flex;overflow-y:auto}.cz-head{align-items:baseline;gap:9px;margin-bottom:7px;display:flex}.cz-name{font-size:13px;font-weight:600}.cz-hint,.cz-empty{color:var(--faint);font-size:11.5px}.cz-list{border:1px dashed var(--line-soft);border-radius:12px;flex-direction:column;gap:6px;min-height:48px;margin:0;padding:7px;list-style:none;display:flex}.chip{border:1px solid var(--line-soft);background:var(--surface-1);border-radius:10px;grid-template-columns:26px 18px auto minmax(0,1fr);align-items:center;gap:9px;padding:8px 10px;display:grid}.chip-grip{width:26px;height:26px;color:var(--faint);border-radius:7px;place-items:center;display:grid}.chip-grip:hover,.chip-grip:focus-visible{background:var(--surface-2);color:var(--accent)}.chip-label{white-space:nowrap;font-size:13px;font-weight:600}.chip-hint{color:var(--faint);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.lib{max-width:980px}.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:14px;margin-bottom:20px;padding:16px 18px;display:flex}.inp{border:1px solid var(--line-soft);background:var(--surface-1);width:100%;font:inherit;color:var(--text);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(260px,1fr));gap:14px;display:grid}.game-card{border:1px solid var(--line-soft);background:var(--surface-1);transition:border-color var(--shell-fade);border-radius:16px;flex-direction:column;padding:18px;display:flex}.game-card:hover{border-color:var(--line)}.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}.chip{cursor:grab}.chip:active{cursor:grabbing}.chip-grip{cursor:pointer}.chip.is-dragging{opacity:.4}.cz-list{transition:border-color var(--shell-fade), background var(--shell-fade)}.cz-list.is-over{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}.cz-list.is-deny{border-color:var(--coral-2);background:color-mix(in srgb, var(--coral-2) 7%, transparent)}