:root{--bg-deep: #070b18;--bg-panel: #10182e;--bg-board: #0a1020;--wall: #1e3a8a;--wall-edge: #3b82f6;--path: #0f172a;--text: #e8eefc;--text-muted: #94a3b8;--accent: #facc15;--accent-hot: #fbbf24;--player: #facc15;--danger: #fb7185;--success: #4ade80;--border: rgba(148, 163, 184, .18);--shadow: 0 24px 80px rgba(0, 0, 0, .45);--radius: 18px;--font-display: "Press Start 2P", monospace;--font-body: "Space Grotesk", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:var(--font-body);color:var(--text);background:radial-gradient(circle at top,rgba(59,130,246,.18),transparent 40%),radial-gradient(circle at 80% 20%,rgba(250,204,21,.08),transparent 25%),var(--bg-deep)}body:has(.app--arcade){background:#000}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;color:var(--accent)}button{font:inherit}img{display:block;max-width:100%}.app{width:min(1100px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.hero{position:relative;margin-bottom:2.5rem;padding:2.5rem 2rem;border:1px solid var(--border);border-radius:calc(var(--radius) + 8px);background:linear-gradient(180deg,#10182ef2,#0a1020eb);box-shadow:var(--shadow);overflow:hidden}.hero__glow{position:absolute;inset:-30% auto auto 50%;width:420px;height:420px;transform:translate(-50%);background:radial-gradient(circle,rgba(250,204,21,.18),transparent 70%);pointer-events:none}.hero__content{position:relative;max-width:720px}.eyebrow{margin:0 0 1rem;font-size:.85rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.hero h1{margin:0 0 1rem;font-family:var(--font-display);font-size:clamp(1.6rem,4vw,2.6rem);line-height:1.35}.hero__title-accent{color:var(--accent)}.hero__lead{margin:0 0 1.25rem;max-width:58ch;font-size:1.05rem;line-height:1.7;color:var(--text-muted)}.hero__features{display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;margin:0 0 1.5rem;padding:0;list-style:none;color:var(--text)}.hero__features li:before{content:"◆";margin-right:.5rem;color:var(--accent);font-size:.7rem}.hero__cta{display:inline-flex}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--border);border-radius:999px;padding:.7rem 1.2rem;background:#ffffff0a;color:var(--text);cursor:pointer;transition:transform .15s ease,background .15s ease,border-color .15s ease}.btn:hover{transform:translateY(-1px);border-color:#facc1559;background:#ffffff14}.btn--primary{border-color:#facc1573;background:linear-gradient(180deg,#fde047,#f59e0b);color:#111827;font-weight:700}.btn--ghost{background:transparent}.game-panel{display:grid;gap:1rem}.game-panel--arcade{gap:0;width:100%;min-height:100vh;min-height:100dvh;--arcade-gutter: .75rem;--logo-rail: clamp(3.5rem, 14vw, 10rem);--cell-size: min( calc((100vw - (var(--logo-rail) * 2) - (var(--arcade-gutter) * 2) - 6px) / 28), calc((100dvh - 11rem) / 30), calc((100vh - 11rem) / 30), 64px );--board-width: calc(var(--cell-size) * 28);--board-height: calc(var(--cell-size) * 30)}.main--arcade{width:100%;max-width:none}.app--arcade{width:100%;max-width:none;margin:0;padding:0;min-height:100vh;min-height:100dvh;background:#000}.arcade-cabinet{display:grid;grid-template-columns:var(--logo-rail) minmax(0,1fr) var(--logo-rail);align-items:stretch;justify-content:center;min-height:100vh;min-height:100dvh;width:100%;max-width:calc(var(--board-width) + (var(--logo-rail) * 2) + (var(--arcade-gutter) * 2));margin:0 auto;padding:var(--arcade-gutter);background:#000;gap:.5rem}.arcade-cabinet__main{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;min-width:0}.arcade-brand{display:flex;align-items:center;justify-content:center;min-height:12rem;border:2px dashed rgba(255,224,0,.22);border-radius:4px;background:#ffe00008}.arcade-brand__placeholder{font-family:var(--font-display);font-size:clamp(.35rem,1.2vw,.55rem);color:#ffe00059;letter-spacing:.12em;writing-mode:vertical-rl;text-orientation:mixed;transform:rotate(180deg);-webkit-user-select:none;user-select:none}.arcade-brand--right .arcade-brand__placeholder{transform:none}.arcade-cabinet__top,.arcade-cabinet__bottom{width:100%;max-width:var(--board-width);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.arcade-score{display:flex;flex-direction:column;gap:.15rem}.arcade-score__label,.arcade-score__value{font-family:var(--font-display);color:#fff;line-height:1.4}.arcade-score__label{font-size:clamp(.45rem,1.6vw,.6rem);color:red}.arcade-score__value{font-size:clamp(.55rem,2vw,.75rem);letter-spacing:.06em}.arcade-cabinet__actions{display:flex;gap:.5rem}.arcade-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #2121de;border-radius:0;padding:.35rem .6rem;background:#000;color:#fff;font-family:var(--font-display);font-size:clamp(.4rem,1.4vw,.55rem);cursor:pointer;line-height:1.5}.arcade-btn:hover{background:#2121de;color:#fff}.arcade-lives{display:flex;gap:.35rem;align-items:center;min-height:1rem}.arcade-life{width:clamp(10px,2.5vw,14px);height:clamp(10px,2.5vw,14px);border-radius:50%;background:#ffe000;clip-path:polygon(100% 50%,70% 62%,70% 100%,58% 78%,44% 100%,44% 62%,0 50%,44% 38%,44% 0,58% 22%,70% 0,70% 38%)}.arcade-level{display:flex;align-items:center;gap:.35rem}.arcade-level__icon{width:clamp(10px,2.5vw,14px);height:clamp(10px,2.5vw,14px);border-radius:50%;background:red}.arcade-level__num{font-family:var(--font-display);font-size:clamp(.45rem,1.6vw,.6rem);color:#fff}.game-hud--landing{text-align:center;padding:1rem}.game-hud__intro{margin-bottom:1rem}.game-hud__title{margin:0 0 .5rem;font-family:var(--font-display);font-size:clamp(.7rem,2.5vw,.9rem);color:var(--accent)}.game-hud__score-preview{margin:.75rem 0 0;font-family:var(--font-display);font-size:.65rem;color:var(--text-muted)}.game-hud{display:grid;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-panel)}.game-hud__stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.stat__label{display:block;margin-bottom:.35rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.stat__value{font-family:var(--font-display);font-size:clamp(.65rem,2vw,.8rem);line-height:1.6}.stat__value--status{font-family:var(--font-body);font-size:.95rem;font-weight:600}.stat__muted{color:var(--text-muted)}.lives{display:flex;gap:.35rem;align-items:center}.life-icon{width:14px;height:14px;border-radius:50%;background:var(--player);box-shadow:0 0 12px #facc1573}.game-hud__actions{display:flex;flex-wrap:wrap;gap:.75rem}.game-hud__hint{margin:0;font-size:.9rem;color:var(--text-muted)}.game-stage{position:relative;padding:0;border:none;border-radius:0;background:#000;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;outline:none}.game-panel--arcade .game-stage{flex:0 0 auto;width:var(--board-width);height:var(--board-height);overflow:hidden;border:3px solid #ffe000;box-sizing:border-box;box-shadow:0 0 0 1px #000 inset}.game-stage:focus-visible{box-shadow:inset 0 0 0 2px #ffe00059}.game-panel--arcade .game-stage:focus-visible{box-shadow:0 0 0 1px #000 inset,inset 0 0 0 2px #ffe00059}.game-board{position:relative;display:grid;margin:0 auto;gap:0;padding:0;border-radius:0;background:#000;transition:filter .15s ease}.game-panel:not(.game-panel--arcade) .game-board{--cell-size: clamp(10px, 1.65vw, 14px);--board-width: calc(var(--cell-size) * 28);--board-height: calc(var(--cell-size) * 30);width:var(--board-width);height:var(--board-height);min-width:var(--board-width);min-height:var(--board-height)}.game-panel--arcade .game-board{width:var(--board-width);height:var(--board-height);min-width:var(--board-width);min-height:var(--board-height)}.game-board--flash{filter:brightness(1.35) saturate(1.2)}.cell{width:var(--cell-size);height:var(--cell-size)}.cell--wall{background:#000;position:relative}.cell--wall:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#2121de;border-radius:0}.game-panel--arcade .cell--wall:before{border-radius:1px}.game-panel--arcade .cell--wall-adj-l:before,.game-panel--arcade .cell--wall-adj-r:before,.game-panel--arcade .cell--wall-adj-t:before,.game-panel--arcade .cell--wall-adj-b:before{border-radius:2px}.cell--wall-adj-l:before{border-top-left-radius:5px;border-bottom-left-radius:5px}.cell--wall-adj-r:before{border-top-right-radius:5px;border-bottom-right-radius:5px}.cell--wall-adj-t:before{border-top-left-radius:5px;border-top-right-radius:5px}.cell--wall-adj-b:before{border-bottom-left-radius:5px;border-bottom-right-radius:5px}.cell--path{display:grid;place-items:center;background:#000}.pellet--dot{width:calc(var(--cell-size) * .16);height:calc(var(--cell-size) * .16);border-radius:50%;background:#ffb897;box-shadow:none}.pellet--power{width:calc(var(--cell-size) * .72);height:calc(var(--cell-size) * .72);border-radius:50%;background:#ffb897;box-shadow:0 0 calc(var(--cell-size) * .2) #ffb897d9;animation:power-pellet-pulse .45s ease-in-out infinite alternate}@keyframes power-pellet-pulse{0%{transform:scale(.82);opacity:.75}to{transform:scale(1);opacity:1}}.pellet--power,.gem-sprite.pellet--power,.sprite-fallback.pellet--power{width:calc(var(--cell-size) * .72);height:calc(var(--cell-size) * .72);border-radius:50%;object-fit:cover}.sprite-fallback.pellet--power{display:block;background:#ffb897}.gem-sprite,.ghost-sprite,.sprite-fallback{object-fit:cover}.sprite-fallback{display:block}.entity{position:absolute;top:calc(var(--y) * var(--cell-size));left:calc(var(--x) * var(--cell-size));width:var(--cell-size);height:var(--cell-size);display:grid;place-items:center;transition:top .12s linear,left .12s linear;pointer-events:none}.player-sprite{width:calc(var(--cell-size) * .92);height:calc(var(--cell-size) * .92);border-radius:50%;background:#ffe000;clip-path:polygon(100% 50%,72% 62%,72% 100%,58% 78%,44% 100%,44% 62%,0 50%,44% 38%,44% 0,58% 22%,72% 0,72% 38%);animation:chomp .22s steps(2) infinite;box-shadow:none}.player-sprite--left{transform:rotate(180deg)}.player-sprite--up{transform:rotate(-90deg)}.player-sprite--down{transform:rotate(90deg)}.player-sprite--none,.player-sprite--right{transform:rotate(0)}.ghost-sprite,.entity--ghost .sprite-fallback{width:calc(var(--cell-size) * .9);height:calc(var(--cell-size) * .94);border-radius:46% 46% 2% 2%}.ghost-frightened{width:calc(var(--cell-size) * .9);height:calc(var(--cell-size) * .94);border-radius:46% 46% 2% 2%;background:#2121de;box-shadow:inset 0 calc(var(--cell-size) * -.12) 0 0 #fff}.ghost-eyes{width:calc(var(--cell-size) * .55);height:calc(var(--cell-size) * .22);background:radial-gradient(circle at 30% 50%,#fff 18%,transparent 20%),radial-gradient(circle at 70% 50%,#fff 18%,transparent 20%)}@keyframes chomp{50%{clip-path:polygon(100% 50%,70% 58%,70% 100%,58% 78%,44% 100%,44% 58%,0 50%,44% 42%,44% 0,58% 22%,70% 0,70% 42%)}}.maze-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:.75rem;background:transparent;pointer-events:none}.maze-overlay__text{margin:0;font-family:var(--font-display);font-size:clamp(.65rem,calc(var(--cell-size) * .9),1.1rem);color:#ffe000;letter-spacing:.1em;text-shadow:2px 2px 0 #000;transform:translateY(calc(var(--cell-size) * 2))}.maze-overlay__btn{pointer-events:auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:2px solid #ffe000;padding:.4rem .75rem;background:#000;color:#ffe000;font-family:var(--font-display);font-size:clamp(.45rem,calc(var(--cell-size) * .55),.7rem);cursor:pointer;transform:translateY(calc(var(--cell-size) * 2))}.maze-overlay__btn:hover{background:#ffe000;color:#000}.game-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:1rem;padding:1.5rem;text-align:center;background:#020617b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius)}.game-overlay h3{margin:0;font-family:var(--font-display);font-size:clamp(.75rem,2vw,1rem);line-height:1.5;color:var(--accent);letter-spacing:.08em}.arcade-btn--exit{border-color:red;color:#f66}.arcade-btn--exit:hover{background:red;color:#fff}.touch-controls{display:block;position:relative;width:min(200px,55vw);height:160px;margin:.25rem auto 0;flex-shrink:0}.touch-controls__btn{position:absolute;width:64px;height:64px;border:1px solid var(--border);border-radius:16px;background:#ffffff0f;color:var(--text);font-size:1.25rem}.touch-controls__btn--up{top:0;left:50%;transform:translate(-50%)}.touch-controls__btn--left{bottom:0;left:0}.touch-controls__btn--right{bottom:0;right:0}.touch-controls__btn--down{bottom:0;left:50%;transform:translate(-50%)}.site-footer{margin-top:2rem;text-align:center;color:var(--text-muted);font-size:.95rem}@media(max-width:900px){.game-panel--arcade{--logo-rail: 0px}.arcade-cabinet{grid-template-columns:1fr;max-width:100%}.arcade-brand{min-height:3.5rem}.arcade-brand__placeholder{writing-mode:horizontal-tb;transform:none}}@media(max-width:760px){.game-hud__stats{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.player-sprite,.pellet--power{animation:none}.entity{transition:none}}