:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body{margin:0}body{background:radial-gradient(ellipse 70% 58% at 50% 44%, #fde6c8 0, transparent 70%), var(--fe-paper);color:var(--fe-ink);font:16px/1.6 var(--fe-body)}a{color:inherit}:focus-visible{outline:3px solid var(--fe-blue);outline-offset:4px}.stage{grid-template-rows:auto auto minmax(300px,1fr) auto auto;grid-template-columns:minmax(0,1fr);min-height:100svh;padding:0 40px;display:grid;position:relative;overflow:hidden}#selector{touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab;width:100%;height:100%;display:block;position:absolute;inset:0}#selector.dragging{cursor:grabbing}#selector.over-disc{cursor:pointer}.hero,.info,.stage>.fe-footer{z-index:2;position:relative}.hero,.info,.stage>.fe-footer,.game-list{pointer-events:none}.info button,.game-list a,.game-list button,.stage>.fe-footer a{pointer-events:auto}.hero{text-align:center;padding:10px 0 8px}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--fe-muted);font-size:12px;font-weight:750;display:inline-block}h1{font:clamp(34px, 4.2vw, 58px)/1.02 var(--fe-display);letter-spacing:.005em;margin:6px 0 0}h1 em{color:var(--fe-red);font-style:normal;display:inline-block;transform:rotate(-3deg)}.viewport{z-index:3;pointer-events:none;position:relative}.play-layer{z-index:2;pointer-events:none;position:absolute;inset:0}.play{pointer-events:auto;white-space:nowrap;background:var(--fe-red-strong);color:#fff;font:19px/1 var(--fe-display);letter-spacing:.03em;box-shadow:0 10px 24px -10px #1f1a2e99, 0 3px 0 var(--fe-ink);transform-origin:50% 100%;will-change:transform, opacity;border-radius:999px;align-items:center;gap:9px;padding:12px 22px 12px 17px;text-decoration:none;transition:background .15s;display:inline-flex;position:absolute;top:0;left:0}.play:after{content:"";background:inherit;border-radius:2px;width:12px;height:12px;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)rotate(45deg)}.play svg{flex:none;width:16px;height:16px}.play:hover{background:var(--fe-red-dark)}.play[data-front=false]{background:var(--fe-ink);padding:9px 16px 9px 13px;font-size:15px}.play[data-front=false] .label-now,.play[hidden]{display:none}.arrow{pointer-events:auto;cursor:pointer;border:2px solid var(--fe-ink);width:58px;height:58px;color:var(--fe-ink);box-shadow:0 4px 0 var(--fe-ink);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#fffdf8e6;border-radius:50%;place-items:center;margin-top:-29px;padding:0;transition:background .15s,color .15s,transform .15s,box-shadow .15s;display:grid;position:absolute;top:50%}.arrow svg{width:26px;height:26px}.arrow:hover{background:var(--fe-ink);color:var(--fe-card)}.arrow:active{box-shadow:0 1px 0 var(--fe-ink);transform:translateY(3px)}.arrow.prev{left:0}.arrow.next{right:0}.info{text-align:center;width:100%;max-width:620px;margin:0 auto;padding:4px 0 6px}.badge{background:var(--fe-ink);color:var(--fe-card);letter-spacing:.12em;text-transform:uppercase;border-radius:30px;padding:3px 11px;font-size:10.5px;font-weight:750;display:inline-block}.info-top{justify-content:center;align-items:center;min-height:26px;display:flex}.info h2{font:clamp(34px, 3.6vw, 48px)/1.05 var(--fe-display);letter-spacing:.01em;margin:8px 0 6px}.tags{text-transform:uppercase;letter-spacing:.07em;color:var(--fe-muted);flex-wrap:wrap;justify-content:center;gap:8px;margin:0;font-size:11.5px;font-weight:650;display:flex}.tags span+span:before{content:"·";margin-right:8px}.info .description{color:var(--fe-ink-soft);min-height:4.8em;margin:8px 0 4px;font-size:15.5px}.info .note{color:var(--fe-muted);margin:0;font-size:12.5px}.info .swap{transition:opacity .18s,transform .18s}.info.changing .swap{opacity:0;transform:translateY(4px)}.dots{justify-content:center;gap:6px;margin-top:10px;display:flex}.dots button{cursor:pointer;background:0 0;border:0;place-items:center;width:28px;height:28px;padding:0;display:grid}.dots button:before{content:"";background:#d9cdb8;border-radius:50%;width:9px;height:9px;transition:background .2s,width .2s}.dots button[aria-current=true]:before{background:var(--fe-red-strong);border-radius:6px;width:24px}.stage>.fe-footer .fe-footer-inner{padding:6px 0 14px}.has-3d .game-list{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.no-3d #selector,.no-3d .viewport,.no-3d .info{display:none}.no-3d .stage{display:block;overflow:visible}.no-3d .hero{padding:30px 0}.game-list h2{font:22px/1.2 var(--fe-display);letter-spacing:.02em;text-align:center}.game-list ul{grid-template-columns:repeat(auto-fit,minmax(280px,400px));justify-content:center;gap:24px;max-width:900px;margin:0 auto 30px;padding:0;list-style:none;display:grid}.game-list li{border:2px solid var(--fe-ink);background:var(--fe-card);box-shadow:0 5px 0 var(--fe-ink);border-radius:16px;padding-bottom:18px;overflow:hidden}.game-list li>:not(.art){margin-left:20px;margin-right:20px}.game-list .art{display:none}.no-3d .game-list .art{display:block}.game-list .art img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.game-list h3{font:30px/1.1 var(--fe-display);margin-top:16px;margin-bottom:8px}.game-list .tags{justify-content:start;display:block}.game-list .tags span+span:before{margin:0 6px}.game-list h3 a{text-decoration:none}.game-list .description{color:var(--fe-ink-soft)}.game-list .note{color:var(--fe-muted);font-size:12px}@media (width<=720px){.stage{grid-template-rows:auto auto minmax(250px,1fr) auto auto;padding:0 16px}.hero{padding-top:4px}.eyebrow{letter-spacing:.1em;font-size:10.5px}h1{font-size:30px}.arrow{width:46px;height:46px;margin-top:-23px}.arrow svg{width:22px;height:22px}.play{font-size:17px}.info h2{margin-top:6px;font-size:32px}.info .description{min-height:6em;font-size:14px;line-height:1.5}.tags{letter-spacing:.05em;gap:6px;font-size:10.5px}.tags span+span:before{margin-right:6px}.info .note{display:none}.dots{margin-top:4px}}@media (height<=800px) and (width>=721px){h1{font-size:clamp(30px,3.4vw,44px)}.info h2{margin:6px 0 4px;font-size:36px}.info .note{display:none}.dots{margin-top:4px}}@media (prefers-reduced-motion:reduce){.info .swap,.arrow,.dots button:before{transition:none}}
