:root{color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#f0f3e9;background:#151b18;--accent:#d9ed9b;--muted:#a5b0a6}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-underline-offset:4px}header,main,footer{width:min(1200px,calc(100% - 64px));margin:auto}header{height:102px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #354037}.logo{font-size:24px;font-weight:800;letter-spacing:-1px;text-decoration:none;display:flex;align-items:center;gap:0}.logo span{font-weight:400}.logo b{font-size:11px;letter-spacing:1px;background:var(--accent);color:#23301d;padding:7px 9px;border-radius:5px;margin-left:14px}nav{display:flex;gap:32px;font-size:13px}nav a{text-decoration:none;color:#bdc8bb}nav a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:30px;padding:84px 0 72px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--accent);display:flex;align-items:center;gap:10px;margin:0 0 24px}i{width:6px;height:6px;border-radius:50%;background:var(--accent)}h1{font-size:clamp(35px,4.7vw,61px);letter-spacing:-2px;line-height:1.4;margin:0 0 24px;font-weight:650}h1 span{color:var(--accent)}.lead{font-size:14px;line-height:2.1;color:#b8c2b5;margin-bottom:30px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:46px;background:var(--accent);color:#1e2b1b;padding:18px 24px;border-radius:7px;text-decoration:none;font-weight:650;font-size:14px;transition:transform .16s,background .16s}.primary:hover{background:#e7ffae;transform:translateY(-2px)}.primary span{font-size:23px;line-height:1}.tiny{font-size:11px;line-height:1.8;color:var(--muted);margin-top:14px}.hero-art{border:1px solid #3d4a40;border-radius:180px 180px 14px 14px;background:#202c24;overflow:hidden}.hero-art img{width:100%;height:auto;display:block}.art-caption{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.6px;padding:22px;color:#a9bca7;border-top:1px solid #3d4a40}.section-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 25px}.section-heading h2{font-size:22px;letter-spacing:1px;margin:0}.section-heading>span{font-size:9px;letter-spacing:2px;color:var(--muted)}.game-card{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;border:1px solid #43513f;border-radius:14px;padding:45px;background:#1e2821}.pill{display:inline-block;font-size:10px;border:1px solid #63744e;color:var(--accent);padding:6px 10px;border-radius:30px}.category{font-size:10px;letter-spacing:2px;margin-top:54px;color:#9bad97}.game-title h3{font-size:clamp(44px,5vw,66px);letter-spacing:-2px;margin:14px 0;font-weight:600}.game-title h3 span{display:block;font-size:17px;font-weight:400;letter-spacing:1px;margin-top:9px;color:#b0c0a7}.game-detail>p{font-size:13px;line-height:2;color:#bcc7b6}.game-detail .game-description{font-size:22px;font-weight:600;line-height:1.6;margin:0 0 17px;color:#edf5e4}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:22px 0}.tags li{font-size:10px;background:#303e2f;padding:7px 10px;border-radius:4px;color:#c6d4bc}.play{width:100%}details{border-top:1px solid #43513f;margin-top:22px;padding-top:16px;color:#b4c1ac;font-size:12px;line-height:1.9}summary{cursor:pointer}details p{margin:16px 0 0}.how{padding:75px 0}.how ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}.how li{border-top:1px solid #3c493d;padding:24px 0}.step{color:#93a789;font-size:13px}.how h3{font-size:17px;font-weight:550;margin:20px 0 10px}.how li p{font-size:13px;line-height:2;color:var(--muted)}.how strong{color:var(--accent);font-weight:500}.how-note{font-size:12px;color:var(--muted);border-left:2px solid #667b4c;padding-left:16px;line-height:1.9}.closing{text-align:center;border-top:1px solid #354037;padding:58px 0 70px}.closing .eyebrow{justify-content:center}.closing h2{font-size:30px;font-weight:550;letter-spacing:1px}.closing>p:not(.eyebrow){font-size:13px;line-height:1.9;color:var(--muted)}.closing>a{display:inline-block;font-size:12px;color:var(--accent);margin-top:16px}footer{border-top:1px solid #354037;padding:28px 0 40px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer span,footer>a:last-child{font-size:10px;color:var(--muted)}footer .logo span{font-size:24px;color:inherit}.skip{position:absolute;left:16px;top:-80px;background:var(--accent);color:#151b18;padding:14px;z-index:10}.skip:focus{top:10px}:focus-visible{outline:2px solid var(--accent);outline-offset:6px}@media(max-width:760px){header,main,footer{width:calc(100% - 36px)}header{height:80px}nav{gap:18px;font-size:11px}nav a:last-child{display:none}.hero{grid-template-columns:1fr;padding:48px 0;gap:34px}h1{font-size:43px}.lead{font-size:13px}.hero-art{max-width:470px;width:100%;justify-self:center}.game-card{grid-template-columns:1fr;padding:26px;gap:22px}.category{margin-top:25px}.game-title h3{font-size:48px}.section-heading>span{font-size:8px;letter-spacing:1px}.section-heading h2{font-size:20px}.how{padding:48px 0}.how ol{grid-template-columns:1fr;gap:0}.how li{padding:20px 0}.how h3{margin:10px 0}.how li p br{display:none}.closing h2{font-size:26px}footer{flex-wrap:wrap}footer>span{order:3;width:100%}.primary{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* A second experience keeps the collection layout, with its own night palette. */
.game-card+.game-card{margin-top:24px}.night-card{background:linear-gradient(130deg,#202035,#181e2c);border-color:#4b465e}.night-card .game-title h3{font-size:clamp(30px,4vw,48px);letter-spacing:-1px}.night-card .pill{color:#ffdb9a;border-color:#8b7150}.night-card .primary{background:#ffda9a;color:#342418}.night-card .category{color:#c5b6cf}.night-card .tags li{background:#343044;color:#e4d6e9}.night-card details{border-color:#4b465e}.night-lights{height:72px;display:flex;align-items:center;gap:30px;padding:8px 12px}.night-lights i{width:16px;height:23px;border-radius:5px 5px 7px 7px;background:#ffce7c;box-shadow:0 0 26px #ffc76c65}.night-lights i:nth-child(even){transform:translateY(-20px);opacity:.7}.night-lights i:nth-child(3){transform:translateY(10px);width:22px;height:30px}