:root{--ink:#101827;--paper:#f5ead2;--water:#0c6d78;--sun:#ffb02e;--coral:#f3544d;--lime:#b7e04a;--wood:#5e3423;--panel:#fff9ed;--line:#17212b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top,#fff4d7 0,#efd8ad 42%,#b7dfe1 100%);color:var(--ink);font-family:"Trebuchet MS",system-ui,sans-serif}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(90deg,transparent 49%,#1d2b35 50%,transparent 51%),linear-gradient(transparent 49%,#1d2b35 50%,transparent 51%);background-size:36px 36px}
.shell{width:min(1180px,calc(100% - 28px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(16,24,39,.94);backdrop-filter:blur(12px);border-bottom:4px solid var(--sun)}
.nav{display:flex;align-items:center;gap:18px;min-height:72px}.brand{font-weight:1000;color:#fff;text-decoration:none;letter-spacing:.04em}.brand b{color:var(--sun)}.navlinks{display:flex;gap:8px;flex:1;justify-content:center}.navlinks a{color:#fff;text-decoration:none;padding:10px 14px;border:1px solid transparent}.navlinks a:hover{border-color:var(--sun)}select{background:#fff4d7;border:2px solid var(--sun);padding:8px;font-weight:800}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;padding:56px 0 24px;align-items:center}.eyebrow{text-transform:uppercase;font-weight:900;letter-spacing:.18em;color:var(--coral)}h1{font-size:clamp(3rem,8vw,7rem);line-height:.82;margin:.18em 0;text-transform:uppercase;font-family:Impact,Haettenschweiler,sans-serif;letter-spacing:.02em}.lead{font-size:1.16rem;max-width:660px}.hero-art{position:relative;min-height:430px}.hero-art img{width:100%;height:430px;object-fit:cover;border:8px solid var(--ink);box-shadow:18px 18px 0 var(--sun);transform:rotate(1.8deg)}.hero-art:after{content:"PRIVATE BUILD";position:absolute;right:-14px;bottom:22px;background:var(--coral);color:white;padding:12px 18px;font-weight:1000;transform:rotate(-6deg)}
.section{padding:44px 0}.section h2{font:900 clamp(2rem,5vw,4rem)/.95 Impact,sans-serif;text-transform:uppercase;margin:0 0 14px}.game-layout{display:grid;grid-template-columns:260px 1fr 260px;gap:18px}.panel{background:rgba(255,249,237,.94);border:3px solid var(--line);box-shadow:8px 8px 0 rgba(16,24,39,.18);padding:18px}.stats{display:grid;gap:12px}.stat{display:flex;justify-content:space-between;border-bottom:2px dashed #8d745c;padding-bottom:10px}.meter{height:18px;background:#d7c7a4;border:2px solid var(--ink);overflow:hidden}.meter span{display:block;height:100%;background:linear-gradient(90deg,var(--coral),var(--sun),var(--lime));width:0;transition:.35s}
.board-wrap{position:relative;min-height:620px;background:#082f3a;border:8px solid var(--wood);padding:18px;overflow:hidden}.board-wrap:before{content:"";position:absolute;inset:0;background-image:var(--scene);background-size:cover;background-position:center;opacity:.25;filter:saturate(.9)}.board{position:relative;z-index:2;display:grid;grid-template-columns:repeat(6,1fr);gap:8px;max-width:620px;margin:26px auto}.cell{aspect-ratio:1;border:3px solid #f7d480;background:rgba(14,33,43,.88);font-size:clamp(1.5rem,4vw,3.5rem);display:grid;place-items:center;cursor:pointer;transition:.18s;box-shadow:inset 0 0 0 3px rgba(255,255,255,.08)}.cell:hover,.cell.selected{transform:translateY(-4px);background:#185d69}.cell.matched{animation:pop .45s ease}@keyframes pop{50%{transform:scale(1.16);filter:brightness(1.7)}}
button{border:3px solid var(--ink);background:var(--sun);padding:12px 16px;font-weight:1000;text-transform:uppercase;cursor:pointer;box-shadow:5px 5px 0 var(--ink)}button:hover{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}button.secondary{background:var(--panel)}
.log{min-height:140px;font-family:monospace;font-size:.9rem}.promo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.promo-card{background:var(--panel);border:3px solid var(--ink);padding:18px;position:relative}.promo-card:before{content:attr(data-index);position:absolute;right:10px;top:7px;color:var(--coral);font:900 2rem Impact}.promo-card h3{max-width:85%;font-size:1.5rem;margin:0 0 10px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.creative{background:#fff;border:3px solid var(--ink);padding:8px}.creative img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.creative button{width:100%;margin-top:8px}.creative.active{outline:8px solid var(--lime)}
footer{background:var(--ink);color:#fff;padding:28px 0;margin-top:50px}.small{font-size:.88rem;opacity:.78}.page-hero{padding:52px 0 18px}.legal-copy{max-width:850px;font-size:1.05rem;line-height:1.7}
@media(max-width:960px){.hero,.game-layout{grid-template-columns:1fr}.hero-art{order:-1}.game-layout .panel:last-child{order:3}.gallery{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.nav{flex-wrap:wrap;padding:10px 0}.navlinks{order:3;width:100%;overflow:auto;justify-content:flex-start}.hero{padding-top:24px}.hero-art,.hero-art img{min-height:310px;height:310px}.board-wrap{min-height:auto;padding:8px}.board{gap:4px}.cell{border-width:2px}.promo-grid,.gallery{grid-template-columns:1fr}h1{font-size:3.4rem}}