*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fffaf3;color:#352345;font-family:"Segoe UI",system-ui,sans-serif}a{color:inherit}.skip{position:absolute;left:12px;top:-60px;padding:12px;background:white;z-index:20}.skip:focus{top:12px}.shell{max-width:1180px;margin:auto;padding:0 40px}header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid #e9dfe8}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;font-size:13px;letter-spacing:1.2px}.brand b{color:#9960ba}.grape{font-size:32px}.badge{font-size:10px;letter-spacing:1.5px;padding:9px 13px;border:1px solid #dfd0e9;border-radius:24px;color:#775589}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:25px;align-items:center;padding:65px 0 70px}.eyebrow{font-weight:750;font-size:10px;letter-spacing:2px;color:#9566a1;margin:0 0 17px}h1{font-size:clamp(46px,6.6vw,78px);line-height:1.03;letter-spacing:-4px;margin:0 0 24px;font-weight:850}h1 span{color:#9960ba}.intro{font-size:15px;line-height:1.8;color:#7a6b80}.jump{display:inline-flex;align-items:center;gap:42px;text-decoration:none;background:#7142a7;border-radius:30px;padding:14px 22px;color:white;font-size:14px;font-weight:700;margin-top:16px}.jump:hover{background:#58338b}.hero-art{height:350px;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#edddf9 10%,#f8e5ef 45%,transparent 69%)}.cabinet{width:190px;transform:rotate(-7deg);border:5px solid #61398f;border-radius:18px 18px 8px 8px;background:#b78bdf;box-shadow:13px 12px 0 #e7d9e7;overflow:hidden}.marquee{padding:14px 7px;background:#ffe4a4;border-bottom:5px solid #61398f;text-align:center;letter-spacing:2px;font-weight:900;font-size:12px}.screen{margin:13px 13px 0;background:#402c62;border:5px solid #8559af;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:18px 0;color:#ffe7b7;gap:10px}.screen span{font-size:50px}.screen small{font-size:7px;letter-spacing:1.3px}.controls{display:flex;align-items:center;justify-content:center;gap:12px;background:#eac4ec;padding:15px;border-top:4px solid #61398f;margin-top:12px}.controls i{width:10px;height:22px;background:#61398f;position:relative;margin-right:20px}.controls i:before{content:"";position:absolute;width:21px;height:21px;background:#f177aa;border:3px solid #61398f;border-radius:50%;top:-10px;left:-5px}.controls b{width:18px;height:12px;border-radius:50%;background:#ffe4a4;border:2px solid #61398f}.controls b:last-child{background:#f284b2}.coin{text-align:center;margin:14px auto;color:#65408f;background:#d6b4ee;border-radius:6px;width:35px;font-size:12px;padding:7px}.spark{position:absolute;font-size:48px;color:#e4ad43}.s1{left:16%;top:14%}.s2{right:9%;bottom:18%;color:#df8eb5;font-size:38px}.art-note{position:absolute;bottom:0;right:8%;font-size:13px;font-style:italic;color:#98749e;transform:rotate(-5deg)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px}h2{font-size:31px;letter-spacing:-1px;margin:0}.game-count{font-size:9px;letter-spacing:1px;color:#9b849e;padding-bottom:6px}.games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{overflow:hidden;text-decoration:none;background:white;border:1px solid #e7dbe8;border-radius:20px;transition:transform .15s,box-shadow .15s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 24px #8c5aad14}.card:focus-visible,.jump:focus-visible{outline:3px solid #a170c5;outline-offset:4px}.scene{height:180px;display:flex;justify-content:center;align-items:center;position:relative;overflow:hidden}.maze{background-color:#e9def7;background-image:linear-gradient(#d7c0ed 3px,transparent 3px),linear-gradient(90deg,#d7c0ed 3px,transparent 3px);background-size:47px 47px}.maze span{font-size:68px;transform:rotate(-15deg);filter:drop-shadow(5px 7px 0 #c8b0df)}.maze i{font-size:40px;color:#b38233;position:absolute;right:55px;top:25px;font-style:normal}.board{background-color:#ffeac9;background-image:linear-gradient(#e7c998 1px,transparent 1px),linear-gradient(90deg,#e7c998 1px,transparent 1px);background-size:34px 34px;gap:18px}.piece{width:75px;height:75px;background:#fff8e6;border:4px double #c28c53;border-radius:50%;box-shadow:0 6px 0 #dfbd8b;display:grid;place-items:center;font-size:40px;font-family:serif}.red{color:#b95a71;transform:translateY(14px) rotate(-12deg)}.purple{color:#70508a;transform:translateY(-13px) rotate(10deg)}.chase{background:#f9ddec;gap:13px}.card-body{padding:23px}.card-meta{display:flex;justify-content:space-between;font-size:8px;letter-spacing:.9px;color:#aa8fad;font-weight:700}h3{font-size:25px;letter-spacing:-.8px;margin:17px 0 10px}.card p{font-size:12px;line-height:1.8;color:#8c7a91;margin:0 0 24px}.play{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f0e8f0;padding-top:17px;font-size:12px;font-weight:750;color:#77529a}.play b{font-size:20px;line-height:1}.note{display:flex;justify-content:center;align-items:center;gap:18px;padding:40px 0 30px;color:#997e9d}.note>span{color:#d4a447;font-size:26px}.note p{font-size:13px;line-height:1.8}.note small{display:block;font-size:10px;color:#a08ca4}footer{border-top:1px solid #e9dfe8;display:flex;justify-content:space-between;padding:24px 0;color:#a18ba6;font-size:11px}footer span:first-child{font-weight:700}@media(max-width:760px){.shell{padding:0 22px}.hero{padding:38px 0 45px;gap:5px}.hero-art{height:290px}.cabinet{width:155px}.screen span{font-size:35px}.screen small{font-size:6px}.spark{font-size:29px}.s1{left:0}.s2{right:0}.intro{font-size:13px}h1{letter-spacing:-2.5px}.games{gap:12px}.card-body{padding:16px}.card-meta{font-size:7px}.card-meta span:last-child{display:none}h3{font-size:20px}.scene{height:140px}.piece{width:55px;height:55px;font-size:30px}.chase{gap:6px}.game-count{display:none}}@media(max-width:560px){header{padding:20px 0}.badge{display:none}.hero{grid-template-columns:1fr;padding:37px 0}.hero-art{height:280px;grid-row:2;margin-top:12px}.hero h1{font-size:57px}.hero .intro br{display:none}.hero-art .cabinet{width:160px}.hero-art .s1{left:18%}.hero-art .s2{right:17%}.hero-art .art-note{right:10%}.games{grid-template-columns:1fr;gap:21px}.scene{height:170px}.card-body{padding:22px}.card-meta{font-size:9px}.card-meta span:last-child{display:block}h3{font-size:27px}.card p{font-size:13px}.piece{width:75px;height:75px;font-size:40px}.chase{gap:15px}h2{font-size:28px}.note{align-items:start;padding:27px 0 20px}.note>span{margin-top:10px}.note small{font-size:11px}footer{font-size:10px;gap:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}
.card.pac h3{font-size:23px;line-height:1.1;letter-spacing:-.6px}

/* Real game screenshots: preserve the complete board and its aspect ratio. */
.game-cover img{display:block;width:100%;height:100%;object-fit:contain;padding:8px}.card.bomb .game-cover{background:#e9def7}.card.chess .game-cover{background:#ffeac9}.card.pac .game-cover{background:#f9ddec}
