:root{--bg: #000010;--maze: #2121de;--dot: #ffb8ae;--pac: #ffe600;--text: #ffffff}*{box-sizing:border-box}html,body{margin:0;padding:0;background:#000;color:var(--text);font-family:Courier New,ui-monospace,monospace;-webkit-font-smoothing:none;height:100%;overflow:hidden}#app{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:100vh;padding:8px;gap:8px}.hud{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:560px;font-size:15px;letter-spacing:1px;text-transform:uppercase}.hud .stat{display:flex;flex-direction:column;align-items:center}.hud .stat b{color:var(--pac);font-size:18px}.hud .lives{display:flex;gap:4px}.hud .life{width:14px;height:14px;border-radius:50%;background:var(--pac);clip-path:polygon(100% 25%,45% 50%,100% 75%,50% 100%,0 50%,50% 0)}.wrap{position:relative;background:var(--bg);border:2px solid #111;border-radius:4px;box-shadow:0 0 24px #2121de40}canvas{display:block;image-rendering:pixelated}.overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;text-align:center;background:#000010c7;color:var(--text)}.overlay.hidden{display:none}.overlay h1{margin:0;font-size:34px;color:var(--pac);letter-spacing:3px}.overlay h2{margin:0;font-size:22px}.overlay p{margin:0;font-size:13px;opacity:.85;max-width:360px;line-height:1.5}button{font-family:inherit;font-size:15px;text-transform:uppercase;letter-spacing:1px;padding:10px 20px;border:2px solid var(--pac);background:transparent;color:var(--pac);cursor:pointer;border-radius:4px}button:hover{background:var(--pac);color:#000}.diff{display:flex;gap:8px}.diff button{padding:6px 12px;font-size:13px;border-color:#2121de;color:#9bb}.diff button.on{border-color:var(--pac);color:var(--pac)}.hint{font-size:12px;opacity:.6;max-width:560px;text-align:center}