:root{--paper:#f7f5ef;--ink:#292d27;--muted:#75786d;--line:#dedfd4;--orange:#b74b29;--soft-orange:#f3e6d9;--display:Arial,"Helvetica Neue",sans-serif;font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}svg{display:block}.page-wrap{max-width:1256px;margin:0 auto;padding:0 56px}.skip-link{position:fixed;top:12px;left:12px;z-index:10;background:var(--ink);color:white;padding:14px 20px;border-radius:6px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{height:108px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;grid-template-columns:repeat(2,9px);gap:4px;transform:rotate(-12deg)}.brand-mark i{width:9px;height:9px;background:var(--ink);border-radius:2px}.brand-mark i:nth-child(2){background:var(--orange);border-radius:50%}.brand-mark i:nth-child(3){border-radius:50%}.wordmark{font:800 41px/1 var(--display);letter-spacing:-2.8px}.brand-dot{color:var(--orange)}.header-caption{font-size:11px;letter-spacing:.13em;border-left:1px solid #d5d7cc;padding-left:27px}.gallery-nav{margin-left:auto;display:flex;align-items:center;gap:20px;font-size:12px;font-weight:700}.gallery-nav svg{width:31px;height:31px;border:1px solid #c9ccc0;border-radius:50%;padding:7px;fill:none;stroke:currentColor;stroke-width:1.5;transition:background .2s}.gallery-nav:hover svg{background:var(--soft-orange);border-color:var(--orange)}
.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;padding:70px 0 67px;align-items:end}.eyebrow{display:flex;align-items:center;gap:10px;font:600 10px/1.5 var(--display);letter-spacing:2px;margin:0 0 22px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--orange)}h1{font-size:clamp(40px,4.65vw,60px);font-weight:800;line-height:1.55;letter-spacing:.005em;margin:0}.twist-word{position:relative;white-space:nowrap}.twist-word svg{position:absolute;bottom:-3px;left:-2px;width:100%;height:12px;fill:none;stroke:#cc704b;stroke-width:4;stroke-linecap:round}.title-period{color:var(--orange)}.intro-aside{padding:0 0 9px 30px}.play-stamp{display:flex;gap:7px;align-items:center;width:162px;margin-bottom:20px;transform:rotate(6deg)}.play-stamp svg{width:90px;height:76px;overflow:visible}.play-stamp rect{fill:#e8ecd9;stroke:#85916e;stroke-width:1.3}.play-stamp path{fill:#768361}.play-stamp .stamp-line{fill:none;stroke:#a4ad92;stroke-width:1.8;stroke-linecap:round}.play-stamp span{font:700 9px/1.4 var(--display);letter-spacing:1px;color:#788465}.intro-aside p{font-size:13px;line-height:2.1;margin:0 0 17px;letter-spacing:.015em}.browser-note{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.browser-note svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.2}
.section-header{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:25px 0 23px;gap:16px}.section-heading{display:flex;align-items:center;gap:17px}h2{font-size:16px;letter-spacing:.035em;margin:0;font-weight:700}.game-count{font:600 11px/1 var(--display);background:#eeeee5;border:1px solid #e2e3d7;padding:7px 9px;border-radius:4px;white-space:nowrap}.game-count span{font-size:8px;letter-spacing:1px;color:#62685b;margin-left:3px}.section-note{font-size:10px;color:var(--muted);display:flex;align-items:center;gap:15px}.section-note>span{font-size:22px;color:#909785}.game-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.game-card{border:1px solid #dcded3;border-radius:12px;background:#fbfaf6;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .25s,transform .25s,border-color .25s}.game-card:hover{transform:translateY(-5px);box-shadow:0 12px 28px #2938200c;border-color:#adb59e}.game-cover{position:relative;overflow:hidden;aspect-ratio:18/11;background:#e8ecdf}.game-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s}.game-card:hover .game-cover img{transform:scale(1.035)}.cover-label{position:absolute;top:19px;left:20px;font:600 9px/1 var(--display);letter-spacing:1.4px;padding:8px 10px;border-radius:4px;background:#f7f5efeb;color:#293c33}.cover-open{position:absolute;right:19px;top:18px;display:grid;place-items:center;width:31px;height:31px;border:1px solid #ffffff45;border-radius:50%;color:#fff;font-family:var(--display);font-size:18px;background:#23382d28}.card-content{padding:27px 29px 24px;flex:1;display:flex;flex-direction:column}.game-kicker{display:flex;align-items:center;gap:10px;font-size:10px;color:#777e6f;margin:0 0 11px;letter-spacing:.035em}.game-kicker>span{width:20px;height:1px;background:#bbc1b3}h3{font:800 29px/1.2 var(--display);letter-spacing:-.9px;margin:0 0 15px}.game-description{font-size:12px;line-height:1.95;color:#636c60;margin:0 0 23px}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e6e7de;padding-top:18px;margin-top:auto}.game-tags{display:flex;flex-wrap:wrap;gap:6px}.game-tags>span{padding:5px 8px;border:1px solid #dfe3d6;border-radius:4px;font-size:9px;color:#606959;line-height:1.4}.play-link{display:flex;align-items:center;gap:13px;font-size:12px;font-weight:700;color:var(--orange);white-space:nowrap}.play-link>span{font:400 21px/1 var(--display);transition:transform .2s}.game-card:hover .play-link>span{transform:translate(2px,-2px)}.shelf-note{display:flex;align-items:center;justify-content:center;gap:10px;padding:26px 12px;margin:25px 0 0;border:1px dashed #d4d8c9;border-radius:8px;font-size:11px;line-height:1.9;color:#71796a}.shelf-icon{font:400 20px/1 var(--display);color:#879176}.site-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:27px 0 32px;margin-top:57px}.site-footer>div{display:flex;align-items:center;gap:17px}.footer-wordmark{font:800 22px/1 var(--display);letter-spacing:-1.2px}.site-footer>div>span{font-size:10px;color:#7c8174}.footer-caption{font:500 8px/1.4 var(--display);letter-spacing:1.6px;color:#838879}
@media(min-width:1450px){.intro{padding-top:82px;padding-bottom:78px}}
@media(max-width:850px){.page-wrap{padding:0 30px}.site-header{height:89px}.intro{padding:50px 0 45px;gap:20px;grid-template-columns:1.15fr 1fr}h1{font-size:43px}.intro-aside{padding-left:0}.intro-aside p{font-size:11px}.play-stamp{margin-bottom:14px}.game-grid{gap:20px}.card-content{padding:23px 22px}h3{font-size:25px}.game-description{font-size:11px}.game-tags>span{font-size:8px;padding:4px 6px}.card-bottom{gap:8px}.play-link{gap:7px}.section-note{font-size:9px}}
@media(max-width:620px){.page-wrap{padding:0 22px}.site-header{height:81px;gap:18px}.wordmark{font-size:35px}.brand-mark{grid-template-columns:repeat(2,7px);gap:3px}.brand-mark i{width:7px;height:7px}.header-caption{font-size:9px;padding-left:18px}.gallery-nav{font-size:10px;gap:9px}.gallery-nav svg{width:27px;height:27px;padding:6px}.intro{display:block;padding:39px 0 34px}.eyebrow{font-size:8px;letter-spacing:1.65px;margin-bottom:19px}h1{font-size:43px;line-height:1.5;letter-spacing:-.02em}.intro-aside{position:relative;padding:25px 0 0}.play-stamp{position:absolute;right:-4px;top:-87px;width:85px;display:block;transform:rotate(10deg)}.play-stamp svg{width:79px;height:70px}.play-stamp span{display:none}.intro-aside p{font-size:11px;line-height:2}.browser-note{font-size:10px}.section-header{padding:22px 0 19px}.section-heading{gap:11px}h2{font-size:14px}.game-count{font-size:10px;padding:6px 7px}.game-count span{font-size:7px}.section-note{display:none}.game-grid{grid-template-columns:1fr;gap:25px}.game-cover{aspect-ratio:18/11}.card-content{padding:24px}.game-kicker{font-size:9px;margin-bottom:10px}h3{font-size:28px;margin-bottom:12px}.game-description{font-size:12px;margin-bottom:20px}.game-tags>span{font-size:9px;padding:5px 8px}.play-link{font-size:12px;gap:13px}.shelf-note{margin-top:25px;padding:21px 15px;font-size:10px;align-items:flex-start}.shelf-icon{margin-top:1px}.site-footer{margin-top:37px;padding:24px 0;align-items:flex-start}.site-footer>div{display:block}.site-footer>div>span{display:block;font-size:9px;margin-top:11px}.footer-caption{font-size:7px;max-width:104px;line-height:1.8;text-align:right}}
@media(max-width:360px){.page-wrap{padding:0 16px}h1{font-size:38px}.header-caption{display:none}.card-content{padding:22px}.play-stamp{right:-8px;top:-80px;width:70px}.play-stamp svg{width:67px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}