:root{--tabbar-h:66px}.tabbar-spacer{block-size:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s-3))}.tabbar{z-index:35;background:var(--bg-raised);border-block-start:1px solid var(--line);padding-block-end:env(safe-area-inset-bottom);position:fixed;inset-block-end:0;inset-inline:0;box-shadow:0 -6px 22px -14px #78280a59}[data-theme=dark] .tabbar{box-shadow:0 -8px 24px -12px #0009}.tabbar-in{padding:0 var(--s-1);max-inline-size:640px;block-size:var(--tabbar-h);grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;margin:0 auto;list-style:none;display:grid}.tabbar-in>li{justify-content:center;min-inline-size:0;display:flex}.tab{inline-size:100%;min-inline-size:var(--tap-min);min-block-size:var(--tabbar-h);color:var(--text-muted);-webkit-tap-highlight-color:transparent;border-radius:var(--r-md);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding-block:6px 8px;text-decoration:none;display:flex;position:relative}.tab:focus-visible{box-shadow:inset 0 0 0 3px var(--focus-line);outline:none}.tab-ico{block-size:32px;inline-size:52px;transition:background .16s var(--ease-out), transform .16s var(--ease-out);border-radius:999px;place-items:center;display:grid}.tab-ico svg .tab-fill{fill:#0000;transition:fill .16s}.tab-label{font-size:var(--fs-sm);text-overflow:ellipsis;white-space:nowrap;max-inline-size:100%;font-weight:700;line-height:1.25;overflow:hidden}.tab:active .tab-ico{transform:scale(.92)}.tab.active{color:var(--accent)}.tab.active .tab-label{font-weight:800}.tab.active .tab-ico{background:color-mix(in srgb, var(--accent) 14%, transparent)}.tab.active .tab-ico svg .tab-fill{fill:color-mix(in srgb, var(--accent) 26%, transparent)}.tab-games .tab-ico{background:var(--grad-brand);color:#fff;border:4px solid var(--bg-raised);block-size:56px;inline-size:56px;box-shadow:0 10px 18px -8px color-mix(in srgb, var(--brand-red) 70%, transparent), var(--sh-1);margin-block:-24px 2px}[data-theme=dark] .tab-games .tab-ico{color:var(--ink)}.tab-games.active .tab-ico{background:var(--grad-brand);transform:translateY(-1px)}.tab-games .tab-ico svg .tab-fill,.tab-games.active .tab-ico svg .tab-fill{fill:#ffffff38}.tab-badge{background:var(--sadu-red);color:#fff;text-align:center;border:2px solid var(--bg-raised);border-radius:999px;block-size:20px;min-inline-size:20px;padding-inline:5px;font-size:11px;font-weight:800;line-height:20px;position:absolute;inset-block-start:4px;inset-inline-start:calc(50% + 6px)}.has-tabbar .update-region,.has-tabbar .app-toast-region{inset-block-end:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + var(--s-3))}@media (prefers-reduced-motion:reduce){.tab-ico,.tab-ico svg .tab-fill{transition:none}}.game-menu-slot.game-menu-slot-off{display:none}.tab-page{min-block-size:100dvh}.tab-hero{background:var(--hero-bg);color:var(--hero-fg);padding:var(--safe-top) var(--gutter) var(--s-5);border-end-end-radius:32px;border-end-start-radius:32px;position:relative;overflow:hidden}.tab-hero:before{content:"";pointer-events:none;background:#ffffff17;border-radius:50%;block-size:220px;inline-size:220px;position:absolute;inset-block-start:-120px;inset-inline-start:-60px}.tab-hero-in{z-index:1;align-items:center;gap:var(--s-3);min-block-size:64px;max-inline-size:760px;margin-inline:auto;display:flex;position:relative}.tab-hero-text{flex-direction:column;flex:1;min-inline-size:0;display:flex}.tab-title{font-family:var(--font-display);font-weight:var(--display-weight);text-shadow:var(--hero-shadow);font-size:clamp(22px,6.2vw,30px);line-height:1.2}.tab-sub{font-size:var(--fs-sm);opacity:.92;font-weight:600}.tab-hero-icon{filter:drop-shadow(0 6px 10px #5a0a0040);flex:none}.tab-hero .game-menu-btn,.tab-hero .btn-icon{background:var(--pill-bg);color:var(--pill-fg);box-shadow:var(--pill-shadow);border:0}.tab-body{max-inline-size:760px;padding:var(--s-5) var(--gutter) 0;gap:var(--s-4);flex-direction:column;margin-inline:auto;display:flex}.soon{text-align:center;align-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-5);flex-direction:column;display:flex}.soon-title{font-family:var(--font-display);font-weight:var(--display-weight);font-size:var(--fs-title)}.soon-text{color:var(--text-muted);font-size:var(--fs-base);text-wrap:pretty;max-inline-size:34ch;line-height:1.6}
