@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{color:#f7f7ff;background:#050710;font-family:"Space Grotesk",system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 50% -20%,#243b8f 0,#0b0d22 38%,#050710 74%)}button{font:inherit}.page-shell{width:min(100%,92rem);margin:0 auto;padding:2rem clamp(1rem,4vw,4rem) 3.5rem}.game-card{overflow:hidden;border:1px solid rgba(129,158,255,.34);border-radius:25px;background:linear-gradient(150deg,rgba(21,27,61,.92),rgba(5,7,17,.98) 52%);box-shadow:0 28px 80px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.08)}.game-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.65rem 2rem 1.25rem;border-bottom:1px solid rgba(150,171,255,.15)}.eyebrow{margin:0 0 .35rem;color:#9aa7ff;font:500 .68rem/1 "DM Mono",monospace;letter-spacing:.18em}h1{margin:0;font-size:clamp(1.45rem,3vw,2.4rem);letter-spacing:-.06em}.subtitle{margin:.36rem 0 0;color:#abb4d9;font-size:.95rem}.actions{display:flex;gap:.55rem;align-items:center}.restart,.sound,.game-over button{border:1px solid #fbdb4b;border-radius:999px;padding:.62rem .95rem;color:#1a1600;background:#fbdb4b;cursor:pointer;font-weight:700;white-space:nowrap;box-shadow:0 0 22px rgba(251,219,75,.22)}.sound{border-color:#536ad5;color:#cad5ff;background:#151d50;box-shadow:none}.sound.on{border-color:#69d8ff;color:#c4f5ff;background:#153960}.restart:hover,.game-over button:hover{background:#fff3ad}.sound:hover{background:#263899}.hud{display:grid;grid-template-columns:repeat(3,minmax(82px,.55fr)) minmax(220px,2.5fr);gap:1px;background:rgba(150,171,255,.16);border-bottom:1px solid rgba(150,171,255,.18)}.hud>div,.status{min-height:4.4rem;margin:0;padding:.78rem 1.25rem;background:rgba(5,8,25,.6)}.hud span{display:block;margin-bottom:.2rem;color:#8e9aca;font:.64rem/1 "DM Mono",monospace;letter-spacing:.13em;text-transform:uppercase}.hud strong{color:#fff;font:600 1.28rem/1 "DM Mono",monospace;letter-spacing:.04em}.lives{display:flex;gap:.3rem;align-items:center;height:1.3rem}.lives i{display:block;width:1.1rem;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 32deg,transparent 0 54deg,#ffd84d 54deg 360deg)}.status{display:flex;align-items:center;color:#aeb8da;font-size:.85rem}.status.power{color:#fff2a3;text-shadow:0 0 12px #ffdf42}.maze-wrap{position:relative;width:min(100%,72rem);margin:1.25rem auto;padding:clamp(.6rem,1.5vw,1rem);border:1px solid rgba(100,141,255,.25);border-radius:20px;background:#03050d;box-shadow:inset 0 0 44px #000}.maze{display:grid;grid-template-columns:repeat(19,minmax(0,1fr));width:100%;aspect-ratio:19/15;overflow:hidden;border-radius:12px;background:#03030a}.tile{position:relative;display:grid;place-items:center;min-width:0}.wall{background:linear-gradient(135deg,#263ee7,#101c86 58%,#314fe4);box-shadow:inset 0 0 0 2px #080b65,inset 3px 3px 5px rgba(125,158,255,.33),0 0 7px rgba(45,85,255,.55)}.path{background:radial-gradient(circle,rgba(28,34,79,.22),transparent 68%)}.dot{width:15%;min-width:3px;aspect-ratio:1;border-radius:50%;background:#f7e8bd;box-shadow:0 0 6px #fff5cb}.power-dot{width:45%;min-width:8px;aspect-ratio:1;border-radius:50%;background:#ffdd4b;box-shadow:0 0 7px #ffe873,0 0 16px #f7ce2b;animation:pulse .78s infinite alternate}.hero{position:absolute;z-index:3;width:72%;aspect-ratio:1;border-radius:50%;background:conic-gradient(from 27deg,transparent 0 54deg,#ffdc42 54deg 360deg);filter:drop-shadow(0 0 6px rgba(255,220,66,.65));transition:transform .1s linear}.hero b{position:absolute;top:23%;right:25%;width:12%;aspect-ratio:1;border-radius:50%;background:#151515}.ghost{position:absolute;z-index:2;width:70%;aspect-ratio:1/.96;border-radius:52% 52% 17% 17%;box-shadow:inset 0 -4px 0 rgba(0,0,0,.18),0 0 9px currentColor}.ghost::after{content:"";position:absolute;right:0;bottom:-1px;left:0;height:23%;background:repeating-linear-gradient(135deg,transparent 0 7px,#03030a 7px 10px,transparent 10px 17px)}.rose{color:#ff5d91;background:#ff5d91}.cyan{color:#52e3ff;background:#52e3ff}.orange{color:#ff9f4d;background:#ff9f4d}.frightened{color:#6877ff;background:#6877ff;animation:frightened .42s infinite alternate}.eye{position:absolute;z-index:1;top:27%;width:29%;aspect-ratio:.8;border-radius:50%;background:#fff}.eye.l{left:17%}.eye.r{right:17%}.eye::after{content:"";position:absolute;width:48%;aspect-ratio:1;top:35%;right:8%;border-radius:50%;background:#142569}.game-over{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:1rem;border-radius:20px;background:rgba(2,3,12,.77);backdrop-filter:blur(4px);font-size:1.3rem}.controls{display:grid;grid-template-columns:repeat(4,3.2rem) 1fr;align-items:center;gap:.45rem;padding:.25rem 2rem 1.65rem}.controls button{width:3.2rem;aspect-ratio:1;border:1px solid rgba(139,167,255,.43);border-radius:12px;color:#dbe4ff;background:#111a4b;cursor:pointer;font-size:1.08rem}.controls button:hover{background:#263899}.controls p{margin:0 0 0 .8rem;color:#939fc7;font-size:.78rem}.controls b{color:#d6e2ff}@keyframes pulse{from{transform:scale(.78);opacity:.7}to{transform:scale(1.07);opacity:1}}@keyframes frightened{from{filter:brightness(1)}to{filter:brightness(1.55)}}@media(max-width:700px){.page-shell{padding:.7rem .55rem 1.5rem}.game-header{align-items:flex-start;padding:1.2rem}.subtitle{max-width:14rem}.actions{flex-direction:column;align-items:stretch}.actions button{font-size:.73rem;padding:.5rem .6rem}.hud{grid-template-columns:repeat(3,1fr)}.status{grid-column:1/-1;min-height:2.7rem}.hud>div{padding:.68rem .7rem}.maze-wrap{margin:.7rem .45rem;border-radius:13px}.controls{grid-template-columns:repeat(4,2.75rem);padding:.2rem 1rem 1.2rem}.controls button{width:2.75rem}.controls p{grid-column:1/-1;margin:.5rem 0 0}}