@font-face{font-family:Bungee;font-style:normal;font-weight:400;font-display:swap;src:url(/demos/macman/fonts/bungee-latin.woff2) format("woff2")}@font-face{font-family:Rubik;font-style:normal;font-weight:300 900;font-display:swap;src:url(/demos/macman/fonts/rubik-latin.woff2) format("woff2")}:root{--bg: #04050d;--panel: rgba(8, 10, 30, .9);--line: rgba(120, 150, 255, .22);--text: #eef0ff;--muted: #8f97c7;--yellow: #ffe23d;--neon: #3d7bff;--pink: #ff8fd8;--cyan: #3ff7ff;--good: #45e08b;--danger: #ff3355;--radius: 14px;--hud-h: 56px;--foot-h: 40px;--touch-h: 0px;--font-display: "Bungee", "Impact", system-ui, sans-serif;--font: "Rubik", system-ui, -apple-system, "Segoe UI", sans-serif;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0;height:100%;background:radial-gradient(ellipse at 50% -10%,rgba(61,123,255,.22),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(255,143,216,.12),transparent 55%),var(--bg);color:var(--text);font-family:var(--font);overflow:hidden;-webkit-tap-highlight-color:transparent;overscroll-behavior:none;touch-action:manipulation;user-select:none;-webkit-user-select:none}#app{position:fixed;inset:0;display:flex;flex-direction:column;align-items:stretch;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}#stage{position:relative;flex:1;min-height:0;min-width:0;margin:0 8px}body.in-game #stage{touch-action:none}#stage canvas{display:block}body.in-menu #stage canvas{filter:saturate(.75) brightness(.45) blur(1.5px);transition:filter .4s}.stage-buttons{position:absolute;top:6px;right:6px;z-index:5;display:none}body.in-game.touch-mode .stage-buttons{display:block}.icon-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#0a0c28bf;color:var(--text);font-size:18px}.banner{position:absolute;left:50%;top:38%;z-index:6;transform:translate(-50%,-50%) scale(.6);opacity:0;pointer-events:none;font-family:var(--font-display);font-size:clamp(22px,6vmin,56px);color:var(--yellow);text-shadow:0 0 18px rgba(255,226,61,.7),0 3px 0 #000;transition:opacity .2s,transform .25s;white-space:nowrap}.banner.show{opacity:1;transform:translate(-50%,-50%) scale(1)}.banner.good{color:var(--good);text-shadow:0 0 18px rgba(69,224,139,.7)}.banner.danger{color:var(--danger)}#hud,#footer{display:flex;align-items:center;justify-content:space-between;padding:0 14px;gap:12px;font-family:var(--font-display);visibility:hidden}body.in-game #hud,body.in-game #footer{visibility:visible}#hud,#footer{width:100%;max-width:calc((100dvh - var(--hud-h) - var(--foot-h) - var(--touch-h)) * .903 + 28px);margin:0 auto}#hud{height:var(--hud-h)}#footer{height:var(--foot-h)}.hud-cell{display:flex;flex-direction:column;min-width:0;flex:1}.hud-cell.center{align-items:center}.hud-cell.right{align-items:flex-end}.hud-label{font-size:11px;letter-spacing:.12em;color:var(--pink);text-transform:uppercase}.hud-value{font-size:clamp(16px,3.4vmin,26px);color:#fff;text-shadow:0 0 10px rgba(63,247,255,.45);font-variant-numeric:tabular-nums}.lives,.fruits{display:flex;gap:4px;align-items:center}.lives img,.fruits img{width:26px;height:26px}.lives img{transform:scaleX(-1)}.fruits img.dim{opacity:.35}#fps{position:fixed;left:8px;bottom:8px;z-index:50;font:12px/1 ui-monospace,monospace;color:var(--good);background:#0009;padding:4px 6px;border-radius:4px}#ui{position:fixed;inset:0;z-index:10;display:flex;align-items:center;justify-content:center;overflow-y:auto;padding:max(16px,env(safe-area-inset-top)) 16px max(16px,env(safe-area-inset-bottom))}body.in-game #ui{display:none}.panel{position:relative;width:min(560px,100%);max-height:100%;overflow-y:auto;margin:auto;padding:28px 24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 0 0 1px #3d7bff26,0 0 40px #3d7bff40,0 20px 60px #0009;backdrop-filter:blur(6px);user-select:text}.panel h2{font-family:var(--font-display);font-weight:400;margin:8px 0 18px;color:var(--yellow);text-shadow:0 0 14px rgba(255,226,61,.45)}.panel h3{font-family:var(--font-display);font-weight:400;color:var(--cyan);margin:22px 0 8px;font-size:16px}.menu{text-align:center}.logo{margin:0;display:flex;justify-content:center;align-items:center;gap:12px;font-family:var(--font-display);font-weight:400;font-size:clamp(40px,12vw,72px);letter-spacing:.04em;color:var(--yellow);text-shadow:0 0 12px rgba(255,226,61,.8),0 0 40px rgba(255,170,0,.45),0 4px 0 #a86a00}.logo img{width:.95em;height:.95em;filter:drop-shadow(0 0 10px rgba(255,226,61,.7))}.tagline{color:var(--muted);margin:6px 0 14px}.ghost-row{display:flex;justify-content:center;gap:10px;margin-bottom:18px}.ghost-row img{width:40px;height:40px;animation:bob 1.2s ease-in-out infinite}.ghost-row img:nth-child(2){animation-delay:.15s}.ghost-row img:nth-child(3){animation-delay:.3s}.ghost-row img:nth-child(4){animation-delay:.45s}@keyframes bob{50%{transform:translateY(-5px)}}.menu-buttons{display:flex;flex-direction:column;gap:10px}.menu-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hi{margin:16px 0 0}.source-link{display:block;margin-top:12px;text-decoration:none;color:var(--cyan)}.hi b{color:var(--yellow)}.btn{font:inherit;font-weight:600;padding:11px 14px;border-radius:10px;border:1px solid var(--line);background:#3d7bff1f;color:var(--text);cursor:pointer;transition:background .15s,transform .1s,box-shadow .15s}.btn:hover,.btn:focus-visible{background:#3d7bff40;box-shadow:0 0 16px #3d7bff66;outline:none}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:default}.btn.primary{background:linear-gradient(180deg,#ffe85c,#ffbf1a);color:#1a1300;border-color:transparent;box-shadow:0 0 22px #ffe23d73}.btn.primary:hover,.btn.primary:focus-visible{background:linear-gradient(180deg,#fff07f,#ffc93d);box-shadow:0 0 30px #ffe23db3}.btn.big{font-family:var(--font-display);font-weight:400;font-size:22px;padding:14px}.btn.big small{display:block;font-family:var(--font);font-size:12px;font-weight:500;opacity:.75}.btn.ghost{background:transparent}.btn.small{padding:7px 12px;font-size:14px}.btn.danger{color:var(--danger);border-color:#f356}.back{position:absolute;top:14px;right:14px;padding:6px 10px;font-size:14px}.muted{color:var(--muted)}.good{color:var(--good)}.danger{color:var(--danger)!important}.field{display:flex;flex-direction:column;gap:6px;margin:14px 0}.field label,.field .label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.row{display:flex;gap:8px}input:not([type=range]){flex:1;min-width:0;font:inherit;padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:#00000059;color:var(--text);user-select:text}input:focus{outline:2px solid var(--neon)}input[type=range]{width:100%;accent-color:var(--yellow)}.seg,.tabs{display:flex;gap:4px;padding:4px;border-radius:10px;background:#00000059;border:1px solid var(--line)}.seg button,.tab{flex:1;font:inherit;padding:8px;border:0;border-radius:7px;background:transparent;color:var(--muted);cursor:pointer}.seg button.active,.tab.active{background:#3d7bff59;color:#fff}.tabs{margin-bottom:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:7px 6px;border-bottom:1px solid var(--line);font-size:14px}th{color:var(--pink);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.08em}td.num{font-variant-numeric:tabular-nums;color:var(--yellow)}.help p{line-height:1.5}.scoring img{width:20px;height:20px;vertical-align:middle}.ghost-list{list-style:none;padding:0;margin:0}.ghost-list li{display:flex;align-items:center;gap:10px;padding:5px 0}.ghost-list img{width:30px;height:30px}#modal{position:fixed;inset:0;z-index:30;display:none;align-items:center;justify-content:center;padding:16px;background:#02030a99;backdrop-filter:blur(3px)}#modal.open{display:flex}.modal-card{width:min(440px,100%);max-height:100%;overflow-y:auto;padding:24px;text-align:center;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 0 40px #3d7bff4d;user-select:text}.modal-card h2{font-family:var(--font-display);font-weight:400;margin:0 0 10px;color:var(--yellow)}.modal-card .field{text-align:left}.modal-buttons{display:flex;flex-direction:column;gap:8px;margin-top:16px}.final-score{font-family:var(--font-display);font-size:44px;color:var(--yellow);text-shadow:0 0 18px rgba(255,226,61,.55)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;padding:0;margin:14px 0;font-size:12px;color:var(--muted)}.stats b{display:block;font-size:20px;color:var(--text)}.name-entry{text-align:left;margin-top:8px}.name-entry label{display:block;font-size:13px;color:var(--muted);margin-bottom:6px}.submit-status{min-height:1.2em;margin:8px 0 0;font-size:13px}.toast{position:fixed;left:50%;bottom:24px;z-index:60;transform:translate(-50%,20px);opacity:0;pointer-events:none;padding:10px 16px;border-radius:10px;background:#0a0c28f2;border:1px solid var(--line);transition:opacity .2s,transform .2s}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{border-color:var(--danger)}#touch{display:none;position:relative;height:var(--touch-h);flex:0 0 auto;touch-action:none}body.in-game.touch-mode #touch:not([data-mode=swipe]){display:block}body.in-game.touch-mode:has(#touch:not([data-mode=swipe])){--touch-h: 190px}.stick,.dpad{display:none}#touch[data-mode=joystick] .stick,#touch[data-mode=dpad] .dpad{display:block}.stick{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;border:2px solid var(--line);background:radial-gradient(circle,#3d7bff2e,#3d7bff0a);touch-action:none}.stick-knob{position:absolute;left:50%;top:50%;width:62px;height:62px;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6a8,var(--yellow) 60%,#d99a00);box-shadow:0 0 18px #ffe23d80;pointer-events:none}.dpad{position:absolute;left:50%;top:50%;width:172px;height:172px;transform:translate(-50%,-50%)}.dpad button{position:absolute;width:60px;height:60px;border-radius:14px;border:1px solid var(--line);background:#3d7bff2e;color:var(--text);font-size:20px;touch-action:none}.dpad button.pressed{background:#ffe23d80;color:#000}.dpad .up{left:56px;top:0}.dpad .down{left:56px;bottom:0}.dpad .left{left:0;top:56px}.dpad .right{right:0;top:56px}@media(orientation:landscape)and (max-height:560px){:root{--hud-h: 44px;--foot-h: 32px}body.in-game.touch-mode #touch:not([data-mode=swipe]){position:fixed;left:max(8px,env(safe-area-inset-left));bottom:12px;width:190px;height:190px;z-index:8}body.in-game.touch-mode:has(#touch:not([data-mode=swipe])){--touch-h: 0px}.hud-label{font-size:9px}}@media(max-width:420px){.menu-row{grid-template-columns:1fr}.panel{padding:22px 16px}.stats{grid-template-columns:repeat(2,1fr)}}@media(prefers-reduced-motion:reduce){.ghost-row img{animation:none}}