.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-shadow:0 20px 60px color-mix(in srgb, var(--color-background) 18%, transparent);--cyber-panel:linear-gradient(145deg, color-mix(in srgb, var(--page-surface-strong) 88%, var(--color-background) 12%) 0%, color-mix(in srgb, var(--page-surface) 92%, var(--color-background) 8%) 100%);--cyber-grid:linear-gradient(color-mix(in srgb, var(--color-border) 55%, transparent) 1px, transparent 1px), linear-gradient(90deg, color-mix(in srgb, var(--color-border) 45%, transparent) 1px, transparent 1px);--cyber-scan:repeating-linear-gradient(180deg, color-mix(in srgb, var(--color-text) 0%, transparent) 0, color-mix(in srgb, var(--color-text) 0%, transparent) 9px, color-mix(in srgb, var(--color-primary) 8%, transparent) 10px, color-mix(in srgb, var(--color-primary) 8%, transparent) 11px);--cyber-glow:0 0 0 1px color-mix(in srgb, var(--color-primary) 14%, transparent), 0 18px 44px color-mix(in srgb, var(--color-background) 64%, transparent);--cyber-edge:color-mix(in srgb, var(--color-primary) 50%, var(--color-secondary) 50%);--about-accent-1:var(--color-primary);--about-accent-2:var(--color-secondary);--about-accent-3:var(--color-success);--about-accent-4:var(--color-accent);--about-accent-steam:#171a21;--about-accent-steam-soft:#325670;--about-accent-youtube:#ff3b30;--about-accent-youtube-soft:#ff4e42;--about-top-clearance:clamp(7.5rem, 10vw, 9rem);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:hidden}[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-foreground:var(--color-text);--page-text-soft:var(--color-text-secondary);--page-shadow:0 24px 72px #00000052;--cyber-panel:linear-gradient(145deg, color-mix(in srgb, #07101f 82%, var(--color-primary) 18%) 0%, color-mix(in srgb, #050a15 84%, var(--color-secondary) 16%) 100%);--cyber-grid:linear-gradient(#00d4ff14 1px, transparent 1px), linear-gradient(90deg, #00ffff0f 1px, transparent 1px);--cyber-scan:repeating-linear-gradient(180deg, transparent 0, transparent 10px, #00d4ff14 11px, #00d4ff14 12px);--cyber-glow:0 0 0 1px #00d4ff24, 0 18px 44px #0000009e, 0 0 42px #00d4ff14;--cyber-edge:color-mix(in srgb, var(--color-primary) 55%, var(--color-secondary) 45%);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-foreground:var(--color-text);--page-text-soft:var(--color-text-secondary);--page-shadow:0 24px 72px #2205053d;--cyber-panel:linear-gradient(145deg, color-mix(in srgb, #5a1818 82%, var(--color-secondary) 18%) 0%, color-mix(in srgb, #3a0d0d 86%, var(--color-primary) 14%) 100%);--cyber-grid:linear-gradient(#ffd54f1c 1px, transparent 1px), linear-gradient(90deg, #e5393517 1px, transparent 1px);--cyber-scan:repeating-linear-gradient(180deg, transparent 0, transparent 10px, #ffd54f17 11px, #ffd54f17 12px);--cyber-glow:0 0 0 1px #ffd54f2e, 0 20px 52px #22050575, 0 0 42px #ffd54f14;--cyber-edge:color-mix(in srgb, var(--color-secondary) 62%, var(--color-primary) 38%);--about-accent-1:var(--color-secondary);--about-accent-2:var(--color-primary);--about-accent-3:color-mix(in srgb, var(--color-secondary) 70%, white 30%);--about-accent-4:var(--color-accent);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-shell{width:min(1100px,100% - 2rem);margin:0 auto}.about-hero{padding:0 0 1.25rem}.about-hero__content{border-bottom:1px solid color-mix(in srgb, var(--page-border) 100%, transparent);padding:0 1.25rem .75rem}.about-hero__content h1{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.06em;margin:0;font-size:clamp(2.3rem,5vw,3.7rem);line-height:.98}.about-sections{padding:0 0 5rem}.section-stack{gap:1.4rem;display:grid}.section-block{box-shadow:none;-webkit-backdrop-filter:none;background:0 0;border:0;border-radius:0;overflow:visible}.section-header{border-bottom:1px solid color-mix(in srgb, var(--page-border) 100%, transparent);background:0 0;padding:1.2rem 1.25rem .9rem}.section-block-store .section-header{padding-top:1.2rem;padding-bottom:.9rem}.section-header h2{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,3vw,2rem);line-height:1.05}.section-block-store .section-header h2{font-size:clamp(1.6rem,3.2vw,2.15rem)}.entry-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;padding:.9rem;display:grid}.section-block-store .entry-list{grid-template-columns:repeat(auto-fit,minmax(min(100%,19rem),1fr));gap:1rem;padding-top:.9rem}.entry-item{border:1px solid color-mix(in srgb, var(--page-border) 100%, transparent);border-left:3px solid var(--entry-accent);box-shadow:none;color:inherit;background:0 0;grid-template-columns:minmax(0,1fr);gap:1rem;padding:1rem 1.05rem;text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s;display:grid;position:relative;overflow:hidden}.section-block-store .entry-item{min-height:100%;padding-block:1.15rem}.entry-item-youtube{background:linear-gradient(135deg, color-mix(in srgb, var(--entry-accent) 10%, transparent), transparent 46%), transparent}.entry-item-steam{background:linear-gradient(135deg, color-mix(in srgb, var(--entry-accent-soft) 14%, transparent), transparent 52%), transparent}.section-block-store .entry-item-steam{background:linear-gradient(135deg, color-mix(in srgb, var(--entry-accent-soft) 20%, transparent), transparent 58%), color-mix(in srgb, var(--page-surface-strong) 24%, transparent);border-color:color-mix(in srgb, var(--entry-accent-soft) 22%, var(--page-border) 78%)}a.entry-item:hover{background:color-mix(in srgb, var(--entry-accent) 4%, transparent);border-left-color:color-mix(in srgb, var(--entry-accent) 82%, white 18%);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--entry-accent) 18%, transparent), 0 10px 24px color-mix(in srgb, var(--color-background) 18%, transparent);transform:translate(3px)translateY(-1px)}a.entry-item-youtube:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--entry-accent-soft) 14%, transparent), transparent 52%), color-mix(in srgb, var(--entry-accent) 4%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--entry-accent) 28%, transparent), 0 14px 30px color-mix(in srgb, var(--entry-accent) 16%, transparent)}a.entry-item-steam:hover{background:linear-gradient(135deg, color-mix(in srgb, var(--entry-accent-soft) 22%, transparent), transparent 58%), color-mix(in srgb, var(--entry-accent) 6%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--entry-accent-soft) 30%, transparent), 0 14px 30px #66c0f41f}.entry-item-with-preview{grid-template-columns:minmax(0,1fr) 7.5rem;align-items:center}.entry-main{z-index:1;gap:.5rem;min-width:0;display:grid;position:relative}.entry-heading{gap:.25rem;display:grid}.entry-title-row{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.entry-kind{border:1px solid color-mix(in srgb, var(--entry-accent) 28%, transparent);background:color-mix(in srgb, var(--entry-accent) 12%, transparent);width:fit-content;color:var(--color-text-secondary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--entry-accent) 8%, transparent);letter-spacing:.06em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.18rem .48rem;font-size:.75rem;line-height:1.2;display:inline-flex}.entry-heading h3{color:var(--color-text);font-family:var(--font-heading);letter-spacing:-.03em;margin:0;font-size:1.15rem;line-height:1.2}.entry-platform-icon{border-radius:1rem;flex:none;justify-content:center;align-items:center;width:3.5rem;height:3.5rem;display:inline-flex;overflow:visible}.entry-platform-icon svg{width:2.1rem;height:2.1rem;display:block;overflow:visible}.entry-platform-icon text{dominant-baseline:central;alignment-baseline:central;font-family:JetBrains Mono,Fira Code,monospace}.entry-platform-icon-tone-youtube{background:linear-gradient(145deg,#ff5a51 0%,#e51d15 100%);box-shadow:inset 0 0 0 1px #ffffff2e,0 10px 18px #ff3b3042}.entry-platform-icon-tone-steam{background:linear-gradient(145deg,#1b2838 0%,#0b1018 100%);box-shadow:inset 0 0 0 1px #ffffff29,0 10px 18px #66c0f42e}.entry-platform-icon-tone-hot{background:linear-gradient(145deg,#ff7f72 0%,#ff4d6d 100%);box-shadow:inset 0 0 0 1px #ffffff29,0 10px 18px #ff4d6d38}.entry-platform-icon-tone-sky{background:linear-gradient(145deg,#5cb9ff 0%,#2979ff 100%);box-shadow:inset 0 0 0 1px #ffffff24,0 10px 18px #2979ff38}.entry-platform-icon-tone-ink{background:linear-gradient(145deg,#394555 0%,#131820 100%);box-shadow:inset 0 0 0 1px #ffffff1a,0 10px 18px #13182057}.entry-platform-icon-tone-jade{background:linear-gradient(145deg,#36d399 0%,#0f9d74 100%);box-shadow:inset 0 0 0 1px #ffffff24,0 10px 18px #0f9d7438}.entry-platform-icon-tone-gold{background:linear-gradient(145deg,#ffcf66 0%,#ff9f43 100%);box-shadow:inset 0 0 0 1px #ffffff29,0 10px 18px #ff9f433d}.entry-platform-icon-play{fill:#ff3b30}.entry-platform-icon-inner{fill:#1696ff}.entry-brand-badge{background:color-mix(in srgb, var(--entry-accent) 12%, transparent);border:1px solid color-mix(in srgb, var(--entry-accent) 24%, transparent);min-height:1.55rem;color:color-mix(in srgb, var(--color-text) 84%, white 16%);letter-spacing:.04em;text-transform:uppercase;border-radius:999px;align-items:center;padding:.18rem .58rem;font-size:.72rem;line-height:1;display:inline-flex}.entry-value{color:var(--color-text);word-break:break-all;margin:0;font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem}.entry-detail{color:var(--color-text-secondary);margin:0;font-size:.92rem;line-height:1.5}.entry-link{color:var(--color-primary);word-break:break-all;margin:0;font-size:.9rem;line-height:1.5}.entry-item-youtube .entry-link{color:color-mix(in srgb, var(--entry-accent) 76%, white 24%)}.entry-item-steam .entry-link{color:#82cbf6}.entry-preview{z-index:1;aspect-ratio:1;border:1px solid color-mix(in srgb, var(--entry-accent) 24%, var(--page-border) 76%);background:linear-gradient(135deg, color-mix(in srgb, white 92%, var(--entry-accent) 8%), white 100%);width:7.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--entry-accent) 10%, transparent), 0 10px 24px color-mix(in srgb, var(--color-background) 24%, transparent);border-radius:1rem;place-items:center;padding:.65rem;display:grid;position:relative;overflow:hidden}.entry-preview img{object-fit:contain;width:100%;height:100%;display:block}[data-theme=dark] .entry-preview{background:color-mix(in srgb, white 96%, var(--color-primary) 4%)}[data-theme=lunar-new-year] .entry-preview{background:#fff7d8}.entry-item:focus-visible{outline:2px solid color-mix(in srgb, var(--entry-accent) 68%, white 32%);outline-offset:3px}@media (width<=720px){.about-page{--about-top-clearance:7rem}.about-shell{width:min(100% - 1rem,100%)}.about-sections{padding:1rem 0 4rem}.about-hero__content,.section-header,.entry-item{padding-left:1rem;padding-right:1rem}.entry-list{grid-template-columns:1fr;padding:.75rem}.entry-item-with-preview{grid-template-columns:1fr}.entry-preview{width:6.5rem}}
