@font-face{font-family:Barlow;src:url('/fonts/barlow-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Barlow;src:url('/fonts/barlow-semibold.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Condensed;src:url('/fonts/barlow-condensed-extrabold.ttf') format('truetype');font-weight:800;font-display:swap}
:root{color-scheme:dark;--page:#0e141a;--panel:#172029;--ink:#f2f4f5;--muted:#a9b6c1;--line:#34414c;--brand:#ff8059;--radius:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--page);color:var(--ink);font:400 1rem/1.5 Barlow,system-ui,-apple-system,'Segoe UI','PingFang SC','Microsoft YaHei',sans-serif}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #fff;outline-offset:4px}button:disabled{cursor:default}svg{width:20px;height:20px;flex:none}button svg{pointer-events:none}[hidden]{display:none!important}.shell{max-width:1328px;margin:auto;padding:0 40px}.skip{position:fixed;z-index:10;top:12px;left:12px;padding:12px 20px;color:#10151b;background:#fff;border-radius:6px;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;overflow:visible;clip-path:none}
header{min-height:84px;display:flex;flex-wrap:wrap;padding:12px 0;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.brand{font:800 1.875rem/1 Condensed,sans-serif;letter-spacing:-.035em;text-decoration:none;display:flex;align-items:center;min-height:44px}.brand span{color:var(--brand)}nav{display:flex;align-items:center;gap:28px;font-weight:600}nav a{display:flex;align-items:center;min-height:44px;text-decoration:none}nav a:hover{color:var(--brand)}#home-language{min-width:54px;min-height:44px;border:1px solid var(--line);border-radius:6px;color:var(--ink);background:transparent;padding:8px 12px}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:22px 0 21px;border-bottom:1px solid var(--line)}.intro h1{overflow-wrap:anywhere;font-size:clamp(1.75rem,3.2vw,2.75rem);font-weight:600;line-height:1.15;letter-spacing:-.04em;margin:0}.entry-note{font-size:0.875rem;color:var(--muted);margin:0 0 3px;flex:none}#home-motion{display:flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--line);border-radius:6px;background:transparent;color:var(--ink);padding:9px 13px;font-size:0.875rem;white-space:nowrap}#home-motion svg{width:16px;height:16px}#home-motion svg:nth-child(2){display:none}#home-motion[aria-pressed=true] svg:first-child{display:none}#home-motion[aria-pressed=true] svg:nth-child(2){display:block}
.collection{margin-top:22px}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:18px;margin:0 0 16px}.section-heading h2{display:flex;align-items:baseline;gap:12px;font-size:1.25rem;font-weight:600;line-height:1.3;margin:0}.section-number{color:#758692;font:600 0.875rem/1.3 Barlow,sans-serif;font-variant-numeric:tabular-nums}.section-heading p{margin:0;font-size:0.875rem;color:var(--muted)}
.game-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px}.game{display:grid;grid-template-rows:subgrid;grid-row:span 8;min-width:0;position:relative;background:var(--panel);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);overflow:hidden;transition:border-color .18s,box-shadow .18s}.game:focus-within{border-color:var(--accent)}.game-heading{display:grid;grid-template-rows:subgrid;grid-row:span 3;padding:17px 18px 14px;min-width:0}.game-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:24px;font-size:0.875rem;line-height:1.45}.genre{color:var(--muted)}.badge{border:1px solid #54616c;border-radius:4px;color:#d1d9df;font-size:0.75rem;line-height:1.4;padding:1px 6px;white-space:nowrap}.game[data-id=rushline] .badge{border-color:#9c7840;color:#efc379}.game-name{display:flex;align-items:baseline;flex-wrap:wrap;gap:0 10px;min-height:49px;padding:8px 0 0}.game-name h3{max-width:100%;overflow-wrap:anywhere;font:800 2.375rem/1.05 Condensed,sans-serif;letter-spacing:-.015em;margin:0}.local-title{font-size:0.875rem;color:var(--muted);white-space:nowrap}.action{margin:6px 0 0;font-size:1rem;line-height:1.5;font-weight:600;color:var(--accent)}
.preview{position:relative;isolation:isolate;margin:0 18px;aspect-ratio:6 / 5;overflow:hidden;background:#0b1117;border:1px solid #35424d;border-radius:6px}.preview img,.preview video{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:contain;object-position:center}.preview video{opacity:0}.preview.has-frame video{opacity:1}.preview-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;position:relative;padding:5px 18px;min-height:50px}.clip-caption{display:flex;flex:1 1 100px;align-items:center;gap:8px;min-width:0;flex-wrap:wrap;color:var(--muted);font-size:0.8125rem;line-height:1.4}.clip-time{font-variant-numeric:tabular-nums;color:#d9e0e5;flex:none}.clip-stage{min-width:0;overflow-wrap:anywhere}.preview-toggle{display:flex;align-items:center;justify-content:center;gap:5px;min-width:44px;min-height:44px;padding:6px 0 6px 8px;border:0;border-radius:4px;background:transparent;color:#dbe3e9;font-size:0.8125rem;line-height:1.4;flex:none}.preview-toggle svg{width:16px;height:16px}.preview-toggle svg:nth-child(2){display:none}.preview-toggle[aria-pressed=true] svg:first-child{display:none}.preview-toggle[aria-pressed=true] svg:nth-child(2){display:block}.preview-error{position:absolute;z-index:3;left:18px;right:18px;bottom:100%;margin:0;background:#111922;border:1px solid var(--line);border-radius:6px;padding:10px;font-size:0.875rem;color:#e7d4c3}.stage-buttons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0 18px}.stage-buttons button{min-width:0;min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #647482;border-radius:5px;background:transparent;color:#c2cdd6;font-size:0.875rem;line-height:1.45;padding:9px 6px}.stage-number{display:none;font-size:0.75rem;opacity:.75;font-variant-numeric:tabular-nums}.stage-buttons button[aria-pressed=true]{color:#10202b;background:var(--accent);border-color:var(--accent);font-weight:600}.pitch{font-size:1rem;line-height:1.55;color:#d4dce2;margin:15px 18px 0}.game-footer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:14px;padding:18px}.control{font-size:0.875rem;line-height:1.45;color:var(--muted);margin:0;max-width:none;overflow-wrap:break-word}.play-link{display:flex;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:48px;padding:11px 14px;border-radius:6px;background:var(--brand);color:#171a1f;font-size:1rem;font-weight:600;line-height:1.5;text-decoration:none;white-space:normal;overflow-wrap:anywhere}.play-link svg{width:18px;height:18px}.play-link:hover{background:#ffa181}.preview-toggle:hover{color:#fff}.stage-buttons button:hover:not([aria-pressed=true]){background:#26343f}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:24px;margin-top:42px;padding:26px 0 30px;border-top:1px solid var(--line);color:var(--muted);font-size:0.8125rem}footer p{color:var(--ink);font-size:1.5rem;font-weight:600;margin:0 0 8px}footer>div:last-child{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px}footer a{display:flex;align-items:center;min-height:44px;text-underline-offset:4px}
@media(hover:hover){.game:hover{border-color:var(--accent);box-shadow:0 8px 28px #0003}}
@media(min-width:1700px){.shell{max-width:1424px}}
@media(max-width:1050px){.shell{padding:0 28px}.intro{display:block}.entry-note{margin-top:14px}.game-grid{gap:0 16px}.game-heading{padding-left:14px;padding-right:14px}.game-name h3{font-size:2.125rem}.local-title{font-size:0.8125rem}.preview{margin:0 14px}.preview-toolbar{padding-left:14px;padding-right:14px}.stage-buttons{margin:0 14px}.pitch{margin-left:14px;margin-right:14px}.game-footer{padding:16px 14px;gap:10px;align-items:end}.control{max-width:none;min-height:41px;display:flex;align-items:center}.play-link{min-width:0}.section-heading p{max-width:none;text-align:right}.clip-caption{gap:5px}.preview-toggle{font-size:0.75rem;gap:3px}.preview-toggle svg{width:14px;height:14px}}
@media(max-width:950px){.shell{padding:0 24px}.game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.game{margin-bottom:18px}.game-name h3{font-size:2.25rem}.game-footer{align-items:end;gap:12px}.control{max-width:none;min-height:0}.play-link{min-width:0}.section-heading p{display:none}.intro h1{overflow-wrap:anywhere;font-size:2.25rem}.collection{margin-top:24px}.clip-caption,.preview-toggle{font-size:0.8125rem}}
@media(max-width:640px){.shell{padding:0 16px}header{min-height:70px}nav{gap:12px;font-size:0.875rem}nav>a{display:none}#home-motion{min-width:44px;justify-content:center}#home-motion .motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.brand{font-size:1.75rem}.intro{padding:25px 0 24px}.intro h1{overflow-wrap:anywhere;font-size:1.8125rem;line-height:1.25;letter-spacing:-.035em}.entry-note{font-size:0.8125rem;margin-top:13px}#home-motion{font-size:0.75rem;padding:8px;gap:5px}#home-motion svg{width:14px;height:14px}.section-heading{margin-bottom:12px}.section-heading h2{font-size:1.125rem}.game-grid{grid-template-columns:1fr;row-gap:18px}.game{grid-row:auto;grid-template-rows:auto;gap:0;margin:0;display:flex;flex-direction:column}.game-heading{padding:15px 16px 12px}.game-name{min-height:45px;padding-top:6px}.game-name h3{font-size:2.25rem}.local-title{font-size:0.875rem}.game-meta{font-size:0.875rem}.action{margin-top:5px}.preview{aspect-ratio:6/5;min-height:0;margin:0 16px}.preview-toolbar{padding:3px 16px;min-height:50px}.stage-buttons{margin:0 16px}.pitch{margin:13px 16px 0}.game-footer{padding:15px 16px;align-items:end}.control{font-size:0.875rem;max-width:none;overflow-wrap:break-word}.play-link{min-width:0;min-height:48px}.collection{margin-top:23px}footer{margin-top:28px;padding-top:22px}footer>div:last-child{align-items:flex-end}footer a{max-width:180px;text-align:right}.preview-error{left:16px;right:16px}}
@media(max-width:355px){.shell{padding:0 12px}nav{gap:10px}.brand{font-size:1.625rem}.intro h1{overflow-wrap:anywhere;font-size:1.6875rem}.game-name h3{font-size:2rem}.game-name{gap:0 8px}.local-title{font-size:0.8125rem}.game-footer{gap:10px}.play-link{min-width:0;padding:10px 12px;gap:10px}.control{max-width:none;font-size:0.8125rem}.preview-toggle,.clip-caption{font-size:0.75rem}.section-heading h2{font-size:1.0625rem}footer{gap:14px;font-size:0.75rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}