*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 75% 30%,#24214b 0,transparent 55%),#0c1020;color:#f0f3ff;font-family:system-ui,sans-serif}a{color:#bbc6dd;text-decoration:none}a:hover{color:#67e8f9}header{max-width:1100px;margin:auto;padding:30px 24px;display:flex;justify-content:space-between;font-size:13px}main{max-width:1050px;margin:20px auto 50px;padding:0 24px;display:grid;grid-template-columns:1fr minmax(0,480px);gap:64px;align-items:center}.eyebrow{color:#67e8f9;font-size:11px;letter-spacing:3px}h1{font-size:clamp(60px,8vw,100px);letter-spacing:-6px;line-height:1;margin:28px 0}h1 span{color:#ffe36e}.lede{font-size:18px;color:#b6c2da;line-height:1.7}.instructions{margin:36px 0;border-top:1px solid #30364c;padding-top:18px;color:#a5b2cd;font-size:14px;line-height:2}h2{font-size:14px;color:#eef2ff}kbd{color:#eef2ff;font-size:12px}b{color:#ffe36e}.credit{font-size:12px;color:#8794af;line-height:1.8}.cabinet{background:#111727;border:1px solid #384260;border-radius:18px;padding:20px;box-shadow:0 25px 80px #0005}.hud{display:flex;gap:35px;padding:0 4px 16px}.hud div{display:flex;flex-direction:column;gap:4px}.hud span{color:#9baac6;font-size:10px;letter-spacing:2px}.hud strong{font:26px monospace;color:#ffe36e}.hud .live-dot{color:#67e8f9;margin-left:auto}
#game{position:relative;display:grid;width:100%;background:#080d19;border:1px solid #3a4271;border-radius:6px;overflow:hidden}.square{aspect-ratio:1;position:relative;min-width:0}.wall{border:1px solid #6154bd;border-radius:3px;background:#32295630}.dot{background:radial-gradient(circle,#ffe6a3 0 12%,transparent 15%)}.pill{background:radial-gradient(circle,#fff2bb 0 30%,transparent 34%)}.ghost{border-radius:45% 45% 10% 10%;border:none}.ghost::before,.ghost::after{content:'';position:absolute;width:28%;height:34%;top:24%;background:radial-gradient(circle,#101424 30%,white 34%);border-radius:50%}.ghost::before{left:13%}.ghost::after{right:13%}.blinky{background:#ff617f}.pinky{background:#f5a1df}.inky{background:#67e8f9}.clyde{background:#ffa85b}.scared{background:#635bff!important}.pacman{background:#ffe36e;border-radius:50%;clip-path:polygon(0 0,100% 0,100% 15%,45% 50%,100% 85%,100% 100%,0 100%);animation:chew .24s infinite}.game-status{position:absolute;inset:38% 0 auto;background:#0c1020ed;border-block:1px solid #ffe36e;color:#ffe36e;text-align:center;padding:22px;font:700 24px monospace;z-index:2}#status{font-size:12px;color:#bdc8df;min-height:34px;line-height:1.5;margin:16px 0 8px}.actions{display:flex;gap:8px;flex-wrap:wrap}button{font:600 12px system-ui;border:1px solid #45516d;border-radius:7px;padding:11px 14px;background:#1d263c;color:#eef3ff;cursor:pointer;touch-action:manipulation}button:hover{background:#313c58}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible{outline:3px solid #67e8f9;outline-offset:4px}#start-button{background:#ffe36e;color:#111727;border-color:#ffe36e}.dpad{display:grid;grid-template-columns:repeat(3,44px);gap:5px;justify-content:center;margin-top:16px}.dpad button{padding:10px;font-size:18px}.dpad button:first-child{grid-column:2}.dpad button:nth-child(2){grid-column:1;grid-row:2}.dpad button:nth-child(3),.dpad button:nth-child(4){grid-row:2}@keyframes chew{50%{clip-path:polygon(0 0,100% 0,100% 48%,45% 50%,100% 52%,100% 100%,0 100%)}}@media(prefers-reduced-motion:reduce){.pacman{animation:none}}@media(max-width:760px){main{grid-template-columns:1fr;gap:24px;max-width:500px;margin-top:0;padding:0 16px}.intro h1{font-size:52px;letter-spacing:-3px;margin:14px 0}.intro h1 br{display:none}.intro h1 span{margin-left:10px}.lede{font-size:15px}.instructions,.credit{display:none}.cabinet{padding:14px}header{padding:20px 16px;font-size:12px}.eyebrow{font-size:9px;letter-spacing:2px}}