@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{color-scheme:dark;--bg:#121210;--ink:#f2f0e8;--muted:#99988f;--orange:#f16c35}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Helvetica Neue',Arial,sans-serif}body:before{content:'';position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 58% 66%,#78321b33,transparent 57%);z-index:-1}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--orange);outline-offset:6px}.header{height:112px;margin:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff16}.brand{font-family:'Barlow Condensed',Impact,sans-serif;font-size:32px;font-weight:800;line-height:1}.brand>span{color:var(--orange);padding:0 8px}.brand small{display:block;font:9px 'DM Sans',sans-serif;letter-spacing:3.3px;margin-top:10px}.header nav{display:flex;gap:44px}.header button{border:0;background:none;font-size:12px;letter-spacing:2px;padding:12px 0}.header nav span{color:var(--orange);font-size:10px;vertical-align:super;margin-left:3px}.sound{color:#bab9af}.bars{color:var(--orange);margin-right:10px}.showcase{padding-top:29px;overflow:hidden}.eyebrow{display:flex;justify-content:space-between;margin:0 5%;font-size:10px;letter-spacing:2px;color:var(--muted)}.hero-title{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:800;letter-spacing:-.025em;text-align:center;line-height:.86;font-size:clamp(90px,17.4vw,290px);margin:28px 0 -30px;color:transparent;-webkit-text-stroke:1px #66645b;white-space:nowrap}.hero-title span{-webkit-text-stroke:1px var(--orange);color:var(--orange)}.stage{position:relative;padding-top:30px;padding-bottom:26px;touch-action:pan-y}.track{display:flex;align-items:center;gap:30px;transition:transform .65s cubic-bezier(.2,.75,.25,1);will-change:transform}.game-card{position:relative;flex:0 0 47vw;height:clamp(290px,29vw,480px);overflow:hidden;border:1px solid #ffffff19;padding:25px;text-align:left;isolation:isolate;transition:opacity .5s,transform .5s;transform:scale(.91) rotate(-3deg);opacity:.55;background:#252523;box-shadow:0 30px 50px #0005}.game-card.selected{transform:scale(1);opacity:1}.game-card.selected~.game-card{transform:scale(.91) rotate(3deg)}.card-top,.card-bottom{display:flex;justify-content:space-between;position:absolute;left:25px;right:25px;font-size:10px;letter-spacing:1.5px;z-index:2}.card-top{top:22px;align-items:center}.card-bottom{bottom:20px}.badge{padding:6px 9px;border:1px solid #ffffff65;font-size:8px;letter-spacing:1px}.mech-art{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:-2}.mech-card{background:linear-gradient(125deg,#4d2017,#a25326)}.mech-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#160f0b80,transparent 80%),linear-gradient(0deg,#120f0c80,transparent 60%)}.cover-title{position:absolute;left:6%;top:27%}.cover-title small{font-size:9px;letter-spacing:3px}.cover-title strong{display:block;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(40px,5.7vw,90px);line-height:.85;letter-spacing:-1px;margin-top:12px;font-weight:800}.cover-title strong span{font:14px Arial;vertical-align:top;letter-spacing:0;margin-left:5px}.snake-card{background:#c8e258;color:#1b2920}.snake-card .badge{border-color:#25312366}.snake-art{position:absolute;inset:0;opacity:.7;z-index:-1}.snake-art canvas{width:100%;height:100%;object-fit:cover}.snake-card .cover-title{top:29%}.velocity-card{background:#bcc8e9;color:#172544}.velocity-card .cover-title{top:auto;bottom:20%}.velocity-card .cover-title strong{font-style:italic;font-size:clamp(36px,5vw,78px)}.velocity-card .badge{border-color:#17254466}.velocity-word{position:absolute;right:10px;top:-35px;font:bold italic 160px/.75 'Barlow Condensed',Impact,sans-serif;letter-spacing:-10px;color:#293d8525;transform:rotate(-12deg)}.below-stage{display:flex;justify-content:space-between;margin:10px 5% 0;font-size:12px;letter-spacing:1.5px;color:var(--muted)}.below-stage i{display:inline-block;background:var(--orange);width:5px;height:5px;margin-right:12px;border-radius:50%}.drag-hint{font-size:10px}.game-details{display:grid;grid-template-columns:145px 1fr auto;gap:30px;margin:36px 5% 0;min-height:230px}.number-block>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.number-block strong{display:block;font:800 126px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-4px;color:var(--orange)}.genre{font-size:11px;letter-spacing:2px;color:var(--orange);margin-bottom:10px}.genre:before{content:'◆';font-size:10px;margin-right:10px}.description h2{font:800 clamp(34px,3.8vw,60px)/1 'Barlow Condensed',Impact,sans-serif;margin:0 0 12px}.description h3{font-size:17px;margin:0 0 12px;font-weight:500}.description p{max-width:510px;font-size:14px;line-height:1.9;color:#aaa79e;margin:0}.meta{font-size:10px;letter-spacing:2px;color:#aaa79e;margin-top:20px}.meta span{margin:0 12px;color:var(--orange)}.detail-actions{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.play-button{border:none;border-radius:50px;background:var(--ink);color:#171714;font-weight:700;font-size:14px;letter-spacing:1px;padding:24px 42px;min-width:220px}.play-button:disabled{background:transparent;border:1px solid #777368;color:#c4c0b4;cursor:default}.detail-actions>span{font-size:11px;color:var(--muted)}.section-bottom{margin:32px 5% 24px;display:flex;align-items:center;justify-content:space-between}.edition{font-size:10px;letter-spacing:2px;color:#77776f}.pagination{display:flex;align-items:center;gap:24px}.pagination button{border:1px solid #ffffff2b;background:transparent;border-radius:50%;width:48px;height:48px;font-size:22px}.pagination button:hover{background:var(--orange);color:#151512;border-color:var(--orange)}.pagination>span{font-size:12px;letter-spacing:3px;color:#77776f}.pagination b{color:var(--ink);font-weight:400}footer{border-top:1px solid #ffffff16;margin:0 5%;padding:24px 0;display:flex;justify-content:space-between;font-size:10px;color:#828278;letter-spacing:1px}.footer-brand{font-weight:700;color:#bbb8aa}dialog{border:1px solid #5b5548;background:#191916;color:var(--ink);padding:32px;width:min(650px,90vw);max-height:90dvh}dialog::backdrop{background:#090909c9;backdrop-filter:blur(12px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;color:var(--muted)}.dialog-head button{background:none;border:0;font-size:30px;padding:2px 10px}dialog h2{font:800 54px/.95 'Barlow Condensed',Impact,sans-serif}dialog p{font-size:16px;line-height:2;color:#bbb8ae}.list-item{display:flex;width:100%;align-items:center;gap:20px;padding:22px 0;text-align:left;border:0;border-top:1px solid #ffffff22;background:none}.list-item>span{color:var(--orange);font-family:'Barlow Condensed',sans-serif;font-size:30px}.list-item b{flex:1}.list-item small{font-size:10px;color:var(--muted)}#play-dialog{width:min(750px,96vw);padding:15px}iframe{display:block;width:100%;height:min(720px,75dvh);border:none;margin-top:12px;background:#111}
@media(min-width:1600px){.game-details{margin-top:45px}.description p{font-size:16px}}@media(max-width:750px){.header{height:90px}.brand{font-size:24px}.brand small{font-size:7px;letter-spacing:2px}.header nav{gap:18px}.header button{font-size:10px}.sound{font-size:0!important}.sound #sound-state{font-size:10px}.bars{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1px}.eyebrow>span:last-child{display:none}.hero-title{font-size:18vw;margin-top:32px;margin-bottom:-10px}.stage{padding-top:25px}.game-card{flex-basis:82vw;height:350px;padding:18px}.track{gap:12px}.cover-title strong{font-size:64px}.velocity-card .cover-title strong{font-size:52px}.card-top,.card-bottom{left:18px;right:18px;font-size:8px}.game-details{grid-template-columns:75px 1fr;gap:15px;margin-top:32px}.number-block>span{font-size:7px;letter-spacing:1px}.number-block strong{font-size:80px}.description h2{font-size:37px}.description h3{font-size:16px}.description p{font-size:14px}.detail-actions{grid-column:1/-1;margin-top:12px;align-items:stretch;text-align:center}.play-button{padding:20px}.below-stage{font-size:10px;letter-spacing:0}.drag-hint{display:none}.edition{max-width:145px;font-size:8px;line-height:1.8}.pagination{gap:14px}.section-bottom{margin-top:30px}footer{font-size:9px}footer>span:nth-child(2){display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}
@media(max-width:390px){.header{flex-wrap:wrap;position:relative;padding:20px 0;height:106px;align-content:space-between;gap:12px}.brand{font-size:23px}.brand small{font-size:7px}.header nav{order:3;width:100%;gap:25px}.header nav button{padding:0}.sound{position:absolute;right:0;top:25px}.header .sound{max-width:60px}.cover-title strong{font-size:56px}.card-top{font-size:7px}.badge{font-size:7px;padding:5px}.description h2{font-size:32px}}

.evo-card{background:#c8e258;color:#1b2920}.evo-card .badge{border-color:#25312366}.evo-card .cover-title{top:38%;right:6%}.evo-card .cover-title strong{font-family:Arial,'Hiragino Kaku Gothic ProN',sans-serif;font-size:clamp(34px,5.3vw,82px);font-weight:900;letter-spacing:-.05em;line-height:1.2}@media(max-width:750px){.evo-card .cover-title strong{font-size:clamp(32px,11vw,60px)}}

.hato-card{background:#9fd6ec;color:#fff}.hato-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#152936a8,transparent 75%);z-index:-1}.hato-card .cover-title{top:auto;bottom:20%}.hato-card .cover-title strong{font-size:clamp(32px,5vw,76px)}

.evo-card{background:#e5eef3;color:#263f4b}.evo-card .mech-art{object-fit:contain}.evo-card .cover-title{top:22%;left:5%;right:5%}.evo-card .cover-title small{display:none}.evo-card .cover-title strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(32px,4.8vw,70px);text-shadow:0 2px 8px #fff}.evo-card .card-top,.evo-card .card-bottom{background:#e5eef3e8;padding:5px}