*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:#071220;color:#edf6ff;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:16px;z-index:50;padding:10px 14px;border-radius:10px;background:#fff;color:#071220}.shell{width:min(1160px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:20;background:rgba(7,18,32,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}.topbar .shell{display:flex;align-items:center;justify-content:space-between;min-height:66px;gap:20px}.brand{display:flex;align-items:center;gap:11px;color:#fff;text-decoration:none;font-weight:900;font-size:20px}.brand img{width:34px;height:34px}.brand small{display:block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#9fb5c9}.home-link{color:#c7d9e8;text-decoration:none;font-weight:800;font-size:14px}.home-link:hover,.home-link:focus{text-decoration:underline}.hero{padding:54px 0 28px;text-align:center}.eyebrow{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:900;color:#74d5ff}.hero h1{font-size:clamp(40px,8vw,76px);line-height:.95;margin:10px 0 14px;letter-spacing:-.04em}.hero p{max-width:660px;margin:0 auto;color:#bdd0df;font-size:clamp(16px,2vw,19px);line-height:1.55}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding:22px 0 64px}.game-card{position:relative;isolation:isolate;min-height:430px;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 60px rgba(0,0,0,.28);text-decoration:none;color:#fff;background:#12253b;transition:transform .18s ease,border-color .18s ease}.game-card:hover,.game-card:focus-visible{transform:translateY(-4px);border-color:rgba(255,255,255,.36);outline:none}.game-bg-picture{position:absolute;inset:0;z-index:-3}.game-bg{width:100%;height:100%;object-fit:cover}.game-card.stacky .game-bg{filter:saturate(.9) brightness(.55)}.game-card.cat .game-bg{filter:saturate(.82) brightness(.46)}.immune-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 50% 26%,rgba(96,165,250,.44),transparent 28%),linear-gradient(145deg,#0f3059 0%,#172554 45%,#08131f 100%)}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,12,22,.1) 15%,rgba(4,12,22,.2) 42%,rgba(4,12,22,.95) 100%)}.card-art{height:225px;display:flex;align-items:center;justify-content:center;padding:30px}.stacky .card-art img{width:150px;height:150px;border-radius:28px;box-shadow:0 18px 45px rgba(0,0,0,.3)}.cat .card-art img{height:205px;max-width:82%;object-fit:contain;filter:drop-shadow(0 18px 18px rgba(0,0,0,.38))}.immune .card-art img{width:180px;height:180px;object-fit:contain;filter:drop-shadow(0 18px 22px rgba(0,0,0,.38))}.card-copy{position:absolute;left:0;right:0;bottom:0;padding:26px}.tag{display:inline-flex;align-items:center;gap:7px;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.12);font-size:11px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.card-copy h2{font-size:clamp(28px,4vw,38px);margin:12px 0 7px;line-height:1}.card-copy p{margin:0 0 18px;color:#d8e7f2;line-height:1.45;max-width:470px}.play{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;background:#fff;color:#071220;font-weight:950}.about-games{margin:-30px auto 40px;padding:22px 24px;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:rgba(255,255,255,.035);text-align:center}.about-games h2{margin:0 0 8px;font-size:clamp(20px,3vw,26px)}.about-games p{max-width:760px;margin:0 auto;color:#aebfd0;line-height:1.55;font-size:14px}.future{margin:0 auto 54px;width:min(760px,calc(100% - 32px));text-align:center;color:#9fb5c9;font-size:14px}.footer{border-top:1px solid rgba(255,255,255,.09);padding:22px 0 30px;color:#91a8bc;font-size:12px}.footer .shell{display:flex;gap:16px 28px;justify-content:space-between;align-items:center;flex-wrap:wrap}.footer nav{display:flex;gap:16px;flex-wrap:wrap}.footer a{color:#bcd0e0;text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:1000px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:760px){.hero{padding-top:38px}.games{grid-template-columns:1fr}.game-card{min-height:390px}.card-art{height:205px}.topbar .shell{min-height:60px}.brand small{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Mystery Match integration: balance four existing game cards in two columns. */
@media(min-width:761px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
.game-card.mystery{background:#241940}
.mystery-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 23% 20%,#8d6aee77,transparent 40%),radial-gradient(circle at 84% 25%,#34bca966,transparent 38%),linear-gradient(145deg,#382666,#17152e 70%,#101527)}
.mystery-art{position:relative;display:flex;justify-content:center;align-items:center;gap:0;padding:24px 20px 12px;height:230px}
.mystery-art-item{width:min(27%,125px);height:138px;object-fit:contain;border-radius:17px;box-shadow:0 14px 28px #0005;border:3px solid #fff3;background:#fff;transform-origin:bottom center}
.mystery-art .tile-element{transform:rotate(-14deg) translate(17px,15px)}
.mystery-art .tile-person{transform:translateY(-4px);z-index:2;object-fit:cover}
.mystery-art .tile-molecule{transform:rotate(13deg) translate(-17px,15px);background:#fff;padding:6px}
@media(max-width:760px){.mystery-art{height:180px;align-items:flex-start;padding-top:15px}.mystery-art-item{height:108px}}
@media(prefers-reduced-motion:reduce){.game-card{transition:none}}

/* v2026.10.23.1: Mole Day is fifth portal game. */
.game-card.mole-day{background:#322d39}
.mole-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 40% 12%,#b8826766,transparent 44%),linear-gradient(160deg,#576971,#4e3b47 45%,#241e29)}
.game-card.mole-day .card-art img{width:min(190px,82%);height:190px;object-fit:contain;filter:drop-shadow(0 12px 19px #0008)}
@media(min-width:1101px){.games{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(min-width:761px) and (max-width:1100px){.games{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.games{grid-template-columns:1fr}}

/* v2026.10.27.1 — Intermolecular Forces game card */
.game-card.intermolecular{background:#193653}
.intermolecular-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(circle at 50% 20%,rgba(86,162,255,.42),transparent 48%),linear-gradient(145deg,#194d79 0%,#35366a 50%,#162338 100%)}
.game-card.intermolecular .card-art img{width:min(290px,93%);height:212px;object-fit:contain;filter:drop-shadow(0 16px 16px rgba(0,0,0,.4))}
@media(max-width:760px){.game-card.intermolecular .card-art img{height:172px}}

/* v2026.10.28.1 — Chemi-Ships feature card, seventh game */
.game-card.chemi-ships{grid-column:1/-1;min-height:315px;background:#064456}
.chemi-ships-bg{position:absolute;inset:0;z-index:-3;background:radial-gradient(ellipse at 72% 16%,rgba(45,169,175,.61),transparent 42%),repeating-linear-gradient(172deg,transparent 0 45px,rgba(143,231,224,.08) 49px,transparent 55px 105px),linear-gradient(135deg,#09374f,#08718a 58%,#05384f)}
.game-card.chemi-ships .card-art{position:absolute;top:0;right:0;bottom:0;width:53%;height:100%;padding:30px 24px;align-items:center;justify-content:center}
.game-card.chemi-ships .card-art img{display:block;width:min(100%,600px);max-height:210px;height:auto;object-fit:contain;filter:drop-shadow(0 18px 15px rgba(2,16,34,.55))}
.game-card.chemi-ships .card-copy{right:45%;z-index:2;padding:30px 36px}
.game-card.chemi-ships .card-copy p{max-width:460px}
@media(max-width:760px){.game-card.chemi-ships{grid-column:auto;min-height:395px}.game-card.chemi-ships .card-art{top:10px;bottom:auto;left:0;right:0;width:100%;height:165px;padding:8px 20px}.game-card.chemi-ships .card-art img{max-height:126px}.game-card.chemi-ships .card-copy{right:0;padding:25px}}
@media(min-width:761px) and (max-width:850px){.game-card.chemi-ships .card-copy{right:35%}.game-card.chemi-ships .card-art{width:47%}}