.about-page{--page-border:color-mix(in srgb, var(--color-border) 100%, transparent);--page-surface:color-mix(in srgb, var(--color-surface-glass) 88%, var(--color-background) 12%);--page-surface-strong:color-mix(in srgb, var(--color-surface) 82%, var(--color-background) 18%);--page-foreground:var(--color-text);--page-text-soft:var(--color-text-secondary);--page-action:color-mix(in srgb, var(--color-primary) 74%, black 26%);--page-action-hover:color-mix(in srgb, var(--color-primary) 62%, black 38%);--page-action-text:#fff;--page-lift:0 1px 2px color-mix(in srgb, var(--color-background) 30%, transparent), 0 12px 32px color-mix(in srgb, var(--color-background) 22%, transparent);--about-top-clearance:clamp(7.5rem, 10vw, 9rem);--ease-out:cubic-bezier(.16, 1, .3, 1);padding-top:var(--about-top-clearance);background:radial-gradient(circle at top left, color-mix(in srgb, var(--color-primary) 16%, transparent), transparent 30%), radial-gradient(circle at top right, color-mix(in srgb, var(--color-secondary) 14%, transparent), transparent 24%), linear-gradient(180deg, color-mix(in srgb, var(--color-background) 92%, white 8%) 0%, color-mix(in srgb, var(--color-background) 96%, var(--color-surface) 4%) 100%);color:var(--page-foreground);min-height:100vh;position:relative;overflow:clip}[data-theme=dark] .about-page{--page-surface:color-mix(in srgb, var(--color-surface-glass) 90%, var(--color-background) 10%);--page-surface-strong:color-mix(in srgb, var(--color-surface) 90%, var(--color-background) 10%);--page-lift:0 1px 2px #00000080, 0 16px 40px #0000006b;--page-action:var(--color-primary);--page-action-hover:color-mix(in srgb, var(--color-primary) 84%, white 16%);--page-action-text:#04121c;background:radial-gradient(circle at 0 0,#00d4ff24,#0000 30%),radial-gradient(circle at 100% 0,#00ffff1f,#0000 24%),linear-gradient(#030712 0%,#07101f 42%,#030712 100%)}[data-theme=lunar-new-year] .about-page{--page-surface:color-mix(in srgb, var(--color-surface-glass) 92%, var(--color-background) 8%);--page-surface-strong:color-mix(in srgb, var(--color-surface) 86%, var(--color-background) 14%);--page-lift:0 1px 2px #22050566, 0 16px 40px #22050552;background:radial-gradient(circle at top left, #e5393533, transparent 32%), radial-gradient(circle at top right, #ffd54f24, transparent 26%), linear-gradient(180deg, #351010 0%, #471616 42%, var(--color-background) 100%)}.about-page ::selection{background:color-mix(in srgb, var(--color-primary) 38%, transparent);color:inherit}.about-page a,.about-page button{-webkit-tap-highlight-color:transparent}.about-page :focus-visible{outline:2px solid color-mix(in srgb, var(--color-primary) 70%, white 30%);outline-offset:3px;border-radius:6px}.about-shell{width:min(var(--site-content-max,1100px), calc(100% - 2rem));margin:0 auto}.about-hero{padding:0 0 clamp(2.5rem,6vw,4.5rem)}.about-hero__grid{grid-template-columns:minmax(0,1.6fr) minmax(15rem,1fr);align-items:end;gap:2rem clamp(2rem,6vw,5rem);display:grid}.about-hero h1{max-width:11em;color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,6.4vw,5rem);font-weight:800;line-height:1.04}.about-index{border-top:1px solid var(--page-border);margin:0;padding:0;list-style:none}.about-index a{border-bottom:1px solid var(--page-border);color:var(--color-text);transition:color .2s var(--ease-out), padding .26s var(--ease-out);grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:.9rem;padding:.95rem .25rem;text-decoration:none;display:grid}.about-index__title{font-weight:600;line-height:1.3}.about-index__count{background:color-mix(in srgb, var(--color-primary) 12%, transparent);min-width:2.1em;color:var(--page-text-soft);font-variant-numeric:tabular-nums;text-align:center;border-radius:999px;padding:.12rem .5rem;font-size:.8rem}.about-index__arrow{color:var(--page-text-soft);transition:transform .26s var(--ease-out), color .2s var(--ease-out)}.about-index a:hover{color:var(--color-primary);padding-inline:.75rem .25rem}.about-index a:hover .about-index__arrow{color:var(--color-primary);transform:translate(2px,-2px)}.about-sections{padding:0 0 clamp(4rem,9vw,6.5rem)}.section-stack{gap:clamp(3.5rem,8vw,6rem);display:grid}.section-block{scroll-margin-top:6rem}.section-header{margin-bottom:clamp(1.1rem,2.4vw,1.6rem)}.section-header h2{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(1.6rem,3.4vw,2.4rem);font-weight:800;line-height:1.12}.section-block ul{margin:0;padding:0;list-style:none}.entry-kind{border:1px solid color-mix(in srgb, var(--color-text) 14%, transparent);background:color-mix(in srgb, var(--color-text) 5%, transparent);width:fit-content;color:var(--page-text-soft);letter-spacing:.04em;border-radius:999px;align-items:center;padding:.18rem .6rem;font-size:.75rem;font-weight:600;line-height:1.3;display:inline-flex}.entry-brand-badge{background:color-mix(in srgb, var(--tone,var(--color-primary)) 14%, transparent);border:1px solid color-mix(in srgb, var(--tone,var(--color-primary)) 32%, transparent);min-height:1.5rem;color:var(--color-text);letter-spacing:.04em;border-radius:999px;align-items:center;padding:.15rem .6rem;font-size:.72rem;font-weight:600;line-height:1;display:inline-flex}.entry-detail{max-width:46ch;color:var(--page-text-soft);margin:0;font-size:.95rem;line-height:1.55}[data-tone]{--tone:var(--color-primary)}[data-tone=youtube]{--tone:#ff3b30}[data-tone=steam]{--tone:#66c0f4}[data-tone=hot]{--tone:#ff4d6d}[data-tone=sky]{--tone:#2979ff}[data-tone=ink]{--tone:#7d8da6}[data-tone=jade]{--tone:#0f9d74}[data-tone=gold]{--tone:#ff9f43}.entry-cta{background:var(--page-action);width:fit-content;min-height:2.75rem;color:var(--page-action-text);letter-spacing:.01em;transition:background .18s var(--ease-out), transform .22s var(--ease-out);border-radius:12px;align-items:center;gap:.5rem;padding:.55rem 1.1rem;font-size:.9375rem;font-weight:600;line-height:1.3;text-decoration:none;display:inline-flex}.entry-cta svg{transition:transform .24s var(--ease-out)}.entry-cta:hover{background:var(--page-action-hover);transform:translateY(-1px)}.entry-cta:hover svg{transform:translate(2px,-2px)}.platform-icon{box-shadow:inset 0 0 0 1px #ffffff29, 0 6px 14px color-mix(in srgb, var(--tone,var(--color-primary)) 22%, transparent);flex:none;justify-content:center;align-items:center;display:inline-flex;overflow:visible}.platform-icon svg{width:60%;height:60%;display:block;overflow:visible}.platform-icon text{dominant-baseline:central;alignment-baseline:central;font-family:SF Mono,Menlo,Cascadia Code,Consolas,Roboto Mono,JetBrains Mono,monospace}.platform-icon-sm{border-radius:.7rem;width:2.5rem;height:2.5rem}.platform-icon-md{border-radius:.85rem;width:3rem;height:3rem}.platform-icon-lg{border-radius:1.15rem;width:4.25rem;height:4.25rem}.entry-platform-icon-tone-youtube{background:linear-gradient(145deg,#ff5a51 0%,#e51d15 100%)}.entry-platform-icon-tone-steam{background:linear-gradient(145deg,#1b2838 0%,#0b1018 100%)}.entry-platform-icon-tone-hot{background:linear-gradient(145deg,#ff7f72 0%,#ff4d6d 100%)}.entry-platform-icon-tone-sky{background:linear-gradient(145deg,#5cb9ff 0%,#2979ff 100%)}.entry-platform-icon-tone-ink{background:linear-gradient(145deg,#394555 0%,#131820 100%)}.entry-platform-icon-tone-jade{background:linear-gradient(145deg,#36d399 0%,#0f9d74 100%)}.entry-platform-icon-tone-gold{background:linear-gradient(145deg,#ffcf66 0%,#ff9f43 100%)}.entry-platform-icon-play{fill:#ff3b30}.entry-platform-icon-inner{fill:#1696ff}.handle{flex-wrap:wrap;align-items:center;gap:.6rem .85rem;margin:0;display:flex}.handle-value{color:var(--color-text);font-variant-numeric:tabular-nums;letter-spacing:.01em;word-break:break-all;user-select:all;font-family:SF Mono,Menlo,Cascadia Code,Consolas,Roboto Mono,JetBrains Mono,monospace;font-size:clamp(1.25rem,2.6vw,1.6rem);font-weight:600}.handle-copy{z-index:2;border:1px solid color-mix(in srgb, var(--color-text) 22%, transparent);min-height:2.25rem;color:var(--color-text);font:inherit;cursor:pointer;transition:background .16s var(--ease-out), border-color .16s var(--ease-out), color .16s var(--ease-out);background:0 0;border-radius:999px;padding:.3rem .85rem;font-size:.85rem;font-weight:600;position:relative}.handle-copy:hover{border-color:var(--color-primary);background:color-mix(in srgb, var(--color-primary) 10%, transparent)}.handle-copy[data-copied=true]{border-color:var(--color-success);background:color-mix(in srgb, var(--color-success) 14%, transparent)}.scan-tile{aspect-ratio:1;width:clamp(8.5rem,22vw,11rem);box-shadow:var(--page-lift);background:#fff;border-radius:14px;flex:none;place-items:center;padding:.7rem;display:grid}.scan-tile img{object-fit:contain;width:100%;height:100%;display:block}.store-stack{gap:1rem;display:grid}.store-panel{border:1px solid var(--page-border);background:radial-gradient(60% 120% at 100% 50%, color-mix(in srgb, var(--tone) 16%, transparent), transparent 70%), var(--page-surface-strong);box-shadow:var(--page-lift);border-radius:16px;grid-template-columns:minmax(0,1.2fr) minmax(10rem,.8fr);align-items:center;gap:2rem;padding:clamp(1.5rem,4vw,3rem);display:grid;position:relative;overflow:hidden}.store-panel__body{justify-items:start;gap:1rem;display:grid}.store-panel__title{flex-wrap:wrap;align-items:center;gap:.9rem 1.1rem;display:flex}.store-panel__title h3{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.02em;margin:0;font-size:clamp(1.9rem,4.4vw,3rem);font-weight:800;line-height:1.05}.store-panel .entry-detail{font-size:1.05rem}.store-panel .entry-cta{min-height:3.25rem;margin-top:.4rem;padding-inline:1.7rem;font-size:1rem}.store-panel__panes{aspect-ratio:1;grid-template-columns:repeat(2,1fr);justify-self:end;gap:.6rem;width:clamp(9rem,20vw,13rem);display:grid}.store-panel__panes i{background:linear-gradient(145deg, color-mix(in srgb, var(--pane,var(--color-primary)) 92%, white 8%), color-mix(in srgb, var(--pane,var(--color-primary)) 70%, black 30%));box-shadow:inset 0 0 0 1px #ffffff2e, 0 10px 24px color-mix(in srgb, var(--pane,var(--color-primary)) 30%, transparent);border-radius:14px;display:block}.store-panel__panes i:first-child{--pane:var(--color-primary)}.store-panel__panes i:nth-child(2){--pane:var(--color-secondary)}.store-panel__panes i:nth-child(3){--pane:var(--color-success)}.store-panel__panes i:nth-child(4){--pane:var(--color-accent)}.community-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:1rem;display:grid}.community-card{border:1px solid var(--page-border);background:var(--page-surface-strong);transition:border-color .22s var(--ease-out), transform .26s var(--ease-out), box-shadow .26s var(--ease-out);border-radius:16px;grid-column:span 4;align-items:flex-start;gap:1.4rem;padding:clamp(1.25rem,2.6vw,1.75rem);display:flex;position:relative}.community-grid:has(.community-card-media,.community-card-combo) .community-card{grid-column:span 3}.community-grid:has(.community-card-media,.community-card-combo) .community-card-media,.community-grid:has(.community-card-media,.community-card-combo) .community-card-combo{grid-column:span 6}.community-card__body{align-content:start;justify-items:start;gap:.8rem;min-width:0;display:grid}.community-card__title{align-items:center;gap:.75rem;display:flex}.community-card h3{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.01em;margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.community-card .handle-value{font-size:clamp(1.15rem,2.2vw,1.4rem)}.community-card:hover{border-color:color-mix(in srgb, var(--tone) 50%, var(--page-border));box-shadow:var(--page-lift);transform:translateY(-3px)}.community-card[data-linked=true] .entry-cta:after,.scan-card .entry-cta:after{content:"";border-radius:inherit;position:absolute;inset:0}.community-card .entry-cta,.scan-card .entry-cta{position:static}.content-stack{gap:clamp(2rem,5vw,3.25rem);display:grid}.scan-row{grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));gap:1rem;display:grid}.scan-card{border:1px solid var(--page-border);background:radial-gradient(70% 90% at 0% 0%, color-mix(in srgb, var(--tone) 12%, transparent), transparent 70%), var(--page-surface-strong);transition:border-color .22s var(--ease-out), transform .26s var(--ease-out), box-shadow .26s var(--ease-out);border-radius:16px;align-items:center;gap:1.5rem;padding:clamp(1.25rem,2.6vw,1.75rem);display:flex;position:relative}.scan-card:hover{border-color:color-mix(in srgb, var(--tone) 50%, var(--page-border));box-shadow:var(--page-lift);transform:translateY(-3px)}.scan-card__body{justify-items:start;gap:.75rem;min-width:0;display:grid}.scan-card__title{align-items:center;gap:.75rem;display:flex}.scan-card h3{color:var(--color-text);font-family:var(--font-heading);margin:0;font-size:1.3rem;font-weight:700;line-height:1.2}.scan-card .handle-value{font-size:1.15rem}.channel-wall{--mx:50%;--my:50%;isolation:isolate;grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));column-gap:clamp(1rem,3vw,2.5rem);display:grid;position:relative}.channel-wall:before{content:"";z-index:-1;background:radial-gradient(22rem circle at var(--mx) var(--my), color-mix(in srgb, var(--color-primary) 13%, transparent), transparent 72%);opacity:0;transition:opacity .32s var(--ease-out);pointer-events:none;border-radius:24px;position:absolute;inset:-1.5rem -1rem}.channel-wall[data-lit=true]:before{opacity:1}.channel-tile{border-bottom:1px solid var(--page-border);min-height:4.25rem;color:inherit;transition:padding .26s var(--ease-out), border-color .2s var(--ease-out);align-items:center;gap:.9rem;padding:.85rem .35rem;text-decoration:none;display:flex}.channel-tile .platform-icon{filter:grayscale();opacity:.72;transition:filter .26s var(--ease-out), opacity .26s var(--ease-out), transform .32s var(--ease-out)}.channel-tile__text{flex:auto;gap:.1rem;min-width:0;display:grid}.channel-tile__text strong{color:var(--color-text);font-size:1rem;font-weight:700;line-height:1.3}.channel-tile__detail{color:var(--page-text-soft);text-overflow:ellipsis;white-space:nowrap;font-size:.85rem;line-height:1.4;overflow:hidden}.channel-tile__handle{font-variant-numeric:tabular-nums;font-family:SF Mono,Menlo,Cascadia Code,Consolas,Roboto Mono,JetBrains Mono,monospace}.channel-tile__arrow{color:var(--page-text-soft);opacity:0;transition:opacity .2s var(--ease-out), transform .26s var(--ease-out), color .2s var(--ease-out);flex:none;transform:translate(-4px,4px)}a.channel-tile:hover,a.channel-tile:focus-visible{border-color:color-mix(in srgb, var(--tone) 55%, var(--page-border));padding-inline-start:.85rem}a.channel-tile:hover .platform-icon,a.channel-tile:focus-visible .platform-icon{filter:none;opacity:1;transform:scale(1.06)}a.channel-tile:hover .channel-tile__arrow,a.channel-tile:focus-visible .channel-tile__arrow{color:var(--tone);opacity:1;transform:translate(0)}@media (hover:none){.channel-tile .platform-icon{filter:none;opacity:1}.channel-tile__arrow{opacity:.7;transform:none}}@media (prefers-reduced-motion:no-preference){@keyframes about-rise{0%{opacity:0;transform:translateY(1.25rem)}}.about-hero h1,.about-index li{animation:about-rise .9s var(--ease-out) both;animation-delay:calc(var(--i,0) * 90ms)}@supports (animation-timeline:view()){@keyframes store-wipe{0%{clip-path:inset(0 100% 0 0 round 16px)}to{clip-path:inset(0 round 16px)}}@keyframes pane-in{0%{opacity:0;transform:scale(.7)}}@keyframes card-rise{0%{opacity:0;transform:translateY(2rem)}}@keyframes wall-draw{0%{clip-path:inset(0 0 100%);opacity:.4}to{clip-path:inset(-2rem)}}.store-panel{animation:linear both store-wipe view();animation-range:entry entry 60%}.store-panel__panes i{animation:linear both pane-in view();animation-range:entry 25% entry 85%}.store-panel__panes i:nth-child(2){animation-range:entry 32% entry 92%}.store-panel__panes i:nth-child(3){animation-range:entry 39% entry 99%}.store-panel__panes i:nth-child(4){animation-range:entry 46% entry 106%}.community-card,.scan-card{animation:linear both card-rise view();animation-range:entry calc(var(--i,0) * 7%) entry calc(60% + var(--i,0) * 7%)}.channel-wall{animation:linear both wall-draw view();animation-range:entry entry 75%}}}@media (width<=1000px){.community-grid:has(.community-card-media,.community-card-combo) .community-card,.community-card{grid-column:span 6}.community-grid:has(.community-card-media,.community-card-combo) .community-card-media,.community-grid:has(.community-card-media,.community-card-combo) .community-card-combo{grid-column:span 12}}@media (width<=860px){.about-hero__grid{grid-template-columns:minmax(0,1fr);align-items:start}.store-panel{grid-template-columns:minmax(0,1fr)}.store-panel__panes{display:none}}@media (width<=720px){.about-page{--about-top-clearance:7rem}.about-shell{width:min(100% - 1.5rem,100%)}.community-grid:has(.community-card-media,.community-card-combo) .community-card,.community-card,.community-grid:has(.community-card-media,.community-card-combo) .community-card-media,.community-grid:has(.community-card-media,.community-card-combo) .community-card-combo{grid-column:span 12}.community-card-media,.community-card-combo,.scan-card{flex-direction:column;align-items:flex-start}.scan-tile{width:min(100%,12rem)}.channel-wall{grid-template-columns:minmax(0,1fr)}}
