:root{
  --ink:#17213b;
  --muted:#667085;
  --paper:#fffdf8;
  --cream:#fff6e8;
  --orange:#ffae31;
  --orange-dark:#ed8614;
  --blue:#167be8;
  --blue-dark:#0a3d91;
  --pink:#ff5f75;
  --line:#eadfcf;
  --shadow:0 18px 45px rgba(41,37,30,.16);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:system-ui,-apple-system,"Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;background:linear-gradient(#fff8ed,#f7f2e8);color:var(--ink)}
a{color:inherit}
img{max-width:100%;display:block}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.site-shell{width:min(760px,100%);margin:0 auto;background:var(--paper);min-height:100vh;box-shadow:0 0 60px rgba(66,54,38,.08)}
.hero{position:relative;min-height:680px;background:url("houkago_gamebu_background_9x16.png") center/cover no-repeat;display:grid;align-items:end;overflow:hidden}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(21,34,55,.05) 0%,rgba(24,28,38,.10) 50%,rgba(25,22,18,.62) 100%)}
.hero-inner{position:relative;z-index:1;padding:30px 20px 42px;display:grid;justify-items:center;text-align:center}
.site-logo{width:min(630px,94%);filter:drop-shadow(0 8px 12px rgba(5,21,54,.2))}
.hero-copy{margin:8px 0 22px;color:#fff;font-weight:800;font-size:clamp(18px,5vw,26px);text-shadow:0 2px 10px rgba(0,0,0,.45)}
.primary-cta,.play-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:900;border-radius:999px;min-height:56px;padding:14px 28px;background:linear-gradient(180deg,#ffd64b,#ffac22);color:#282016;border:3px solid #fff;box-shadow:0 7px 0 #b45d0a,0 13px 24px rgba(0,0,0,.22);transition:transform .12s ease,box-shadow .12s ease}
.primary-cta:active,.play-button:active{transform:translateY(5px);box-shadow:0 2px 0 #b45d0a,0 6px 16px rgba(0,0,0,.18)}
.games-section{padding:40px 18px 64px}
.section-heading{text-align:center;margin-bottom:24px}
.eyebrow{font-size:12px;letter-spacing:.18em;color:var(--blue);font-weight:900}
.section-heading h2{font-size:30px;margin:5px 0 10px}
.section-heading p{color:var(--muted);line-height:1.75;margin:0 auto;max-width:580px}
.game-card{border:1px solid var(--line);border-radius:26px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}
.game-card-art{min-height:250px;padding:24px;background:linear-gradient(150deg,#dff4ff,#fff0d7);display:grid;place-items:center}
.game-card-art img{width:min(530px,100%);filter:drop-shadow(0 8px 14px rgba(15,48,97,.15))}
.game-card-body{padding:22px}
.game-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}
.game-meta span{font-size:12px;font-weight:800;background:#eef6ff;color:#185c9e;border-radius:999px;padding:6px 10px}
.game-card h3{font-size:26px;margin:0 0 9px}
.game-card p{color:var(--muted);line-height:1.7;margin:0 0 20px}
.play-button{width:100%;border-color:#fff;background:linear-gradient(180deg,#47a8ff,#157cde);color:#fff;box-shadow:0 6px 0 #0759ac,0 12px 24px rgba(15,87,162,.2)}
.play-button:active{box-shadow:0 2px 0 #0759ac,0 5px 14px rgba(15,87,162,.18)}
.coming-soon{margin-top:18px;padding:18px;border:2px dashed #e0d4c3;border-radius:20px;text-align:center;color:var(--muted);display:grid;gap:4px;background:#fffaf2}
.coming-soon strong{color:var(--ink)}
@media(max-width:520px){.hero{min-height:610px}.games-section{padding-left:14px;padding-right:14px}.game-card-art{min-height:210px;padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-cta,.play-button{transition:none}}
#site-title:not(.sr-only){font-size:clamp(44px,12vw,76px);line-height:1.05;color:#fff;margin:0 0 12px;font-weight:1000;text-shadow:0 4px 0 #0a3d91,0 8px 20px rgba(0,0,0,.32);}