:root{--bg:#10142c;--text:#f8f8ff;--muted:#b8c2df;--blue:#26caff;--yellow:#ffc94a;--ink:#1b2440}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}.wrap{width:min(1080px,calc(100% - 48px));margin-inline:auto}.site-header{min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid #ffffff1a}.wordmark{font-size:18px;font-weight:800;letter-spacing:-.04em}.wordmark span{color:var(--blue)}nav{display:flex;gap:26px}nav a{font-size:14px;color:#e2e7fb}nav a:hover,.about a:hover{color:var(--blue)}.hero{min-height:560px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center;padding-block:66px}.hero h1{font-size:clamp(48px,5.4vw,76px);line-height:1.05;letter-spacing:-.065em;margin:0 0 23px;max-width:580px}.hero-text p{font-size:19px;line-height:1.6;color:var(--muted);max-width:440px;margin:0 0 27px}.button{display:inline-flex;gap:32px;align-items:center;background:var(--blue);color:#06172b;border-radius:12px;padding:14px 20px;font-weight:750;font-size:14px;transition:transform .18s,background .18s}.button:hover{transform:translateY(-3px);background:#71e0ff}.hero-art{display:grid;place-items:center;min-width:0}.hero-art img{display:block;max-width:100%;width:min(100%,500px);height:auto;filter:drop-shadow(0 22px 25px #0004);animation:float 7s ease-in-out infinite}.game-section{background:#f7f6f2;color:var(--ink);padding:98px 0}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.eyebrow{color:#5b667d;font-size:13px;font-weight:700;margin:0 0 16px}.game-details h2,.about h2{font-size:clamp(38px,4.5vw,58px);letter-spacing:-.055em;line-height:1.08;margin:0 0 24px}.game-details>p:not(.eyebrow){font-size:17px;line-height:1.75;color:#47536d;max-width:455px;margin:0 0 16px}.platforms{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:33px}.platforms span{border:1px solid #c8ccda;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:700}.platforms strong{font-size:13px;font-weight:700;color:#3d4a66;margin-left:5px}.game-art{background:#e9f5fc;border-radius:23px;min-height:460px;padding:50px 26px 30px;display:flex;align-items:center;justify-content:center;flex-direction:column}.board-frame{background:#b27743;padding:12px;border:8px solid #86502e;border-radius:16px;width:min(82%,290px);aspect-ratio:1;box-shadow:0 16px 35px #29537a30;transform:rotate(-3deg);transition:transform .25s}.board-frame:hover{transform:rotate(0deg)}.board{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:6px;width:100%;height:100%}.cell{background:#83502e;border-radius:6px;box-shadow:inset 0 2px 2px #3b211b40}.cell.filled{box-shadow:inset 0 -4px 0 #0002;animation:appear .24s ease-out both}.cell.blue{background:#188dfc}.cell.cyan{background:#7af1ff}.cell.yellow{background:#ffd13d}.cell.pink{background:#f95a9b}.cell.purple{background:#9d6df5}.shuffle{background:var(--ink);color:white;border:0;border-radius:9px;padding:11px 17px;font-size:13px;font-weight:650;cursor:pointer;margin-top:30px;transition:transform .18s}.shuffle:hover{transform:translateY(-2px)}.shuffle span{margin-left:10px}.art-note{font-size:11px;color:#67778d;margin:14px 0 0}.about{padding-block:95px;max-width:1080px}.about h2{font-size:clamp(35px,4vw,47px);margin-bottom:18px}.about p{max-width:550px;color:var(--muted);line-height:1.7;font-size:17px;margin:0 0 20px}.about a{font-size:16px;font-weight:650;text-decoration:underline;text-underline-offset:5px}footer{border-top:1px solid #ffffff25;min-height:86px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#aeb8d2;font-size:13px}footer a:hover{color:var(--blue)}@keyframes float{50%{transform:translateY(-9px)}}@keyframes appear{from{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@media(max-width:800px){.hero{min-height:0;padding-block:58px;gap:20px}.hero h1{font-size:clamp(42px,6vw,58px)}.game-grid{gap:28px}.game-art{min-height:390px}.game-section{padding-block:75px}}@media(max-width:640px){.wrap{width:calc(100% - 36px)}.site-header{min-height:70px}.wordmark{font-size:16px}nav{gap:15px}nav a{font-size:12px}.hero{grid-template-columns:1fr;gap:10px;text-align:left;padding-top:65px;padding-bottom:55px}.hero h1{font-size:clamp(45px,12vw,64px)}.hero-text p{font-size:16px}.hero-art{margin-top:35px}.hero-art img{width:min(100%,390px)}.game-section{padding-block:62px}.game-grid{grid-template-columns:1fr;gap:38px}.game-details h2{font-size:43px}.game-details>p:not(.eyebrow){font-size:16px}.game-art{min-height:355px;padding:35px 12px 25px}.board-frame{width:min(72%,260px)}.about{padding-block:70px}.about p{font-size:16px}footer{min-height:75px}}@media(max-width:360px){.wordmark{font-size:14px}nav{gap:12px}.hero h1{font-size:43px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}