.menu-header{display:flex;justify-content:center}.menu-title-sprite{max-width:100%}.menu-roster{width:100%;display:flex;flex-direction:column;align-items:center;gap:.65rem}.menu-roster-title{color:var(--color-white);font-size:clamp(.8rem,16px,1.2rem);text-transform:uppercase}.menu-roster-list{display:flex;flex-direction:column;gap:.7rem}.menu-roster-row{display:grid;grid-template-columns:2rem 9rem 7rem;align-items:center;column-gap:.8rem;font-size:clamp(.52rem,12px,.9rem);text-transform:uppercase}.menu-roster-name,.menu-roster-nick{text-align:left}.menu-animation-strip{width:100%;height:3.9rem;overflow:hidden;position:relative;margin-bottom:-.15rem}.menu-animation-track{position:absolute;left:0;bottom:.2rem;display:flex;align-items:flex-end;gap:3.5rem;will-change:transform;transition:transform 80ms linear}.menu-animation-ghosts{display:flex;align-items:flex-end;gap:1rem}.sprite-frame{position:relative;overflow:hidden;flex:0 0 auto}.menu-button{width:100%;border:0;background:transparent;color:var(--color-light-gray);padding:.5rem 1rem;cursor:pointer;font-size:clamp(.65rem,12px,.92rem);text-transform:uppercase}.menu-button--active{background:var(--color-black);color:var(--color-pacman)}.menu-button:focus-visible{outline:1px solid var(--color-pacman);outline-offset:2px}.center-notice{padding:.5rem .8rem;color:var(--color-pacman);background:#000000b3;font-size:clamp(.75rem,1.25vw,1rem);text-transform:uppercase}.center-notice--success{color:var(--color-text)}.gameover-title{text-transform:uppercase;color:var(--color-blinky);font-size:clamp(1rem,2.2vw,1.6rem);letter-spacing:.12em}.gameover-score{text-transform:uppercase;color:var(--color-gray);font-size:clamp(.58rem,1vw,.82rem)}.gameover-submit{display:flex;flex-direction:column;align-items:center;gap:.7rem;width:100%}.gameover-label{text-transform:uppercase;color:var(--color-light-gray);font-size:clamp(.55rem,.9vw,.74rem);letter-spacing:.08em}.gameover-input{background:transparent;border:1px solid var(--color-dark-gray);border-bottom:1px solid var(--color-gray);color:var(--color-pacman);font-family:inherit;font-size:clamp(.7rem,1.2vw,.9rem);text-align:center;letter-spacing:.12em;padding:.45rem .8rem;outline:none;width:min(100%,14rem)}.gameover-input:focus{border-color:var(--color-pacman)}.gameover-name{text-transform:none}.gameover-error{color:var(--color-blinky);font-size:clamp(.48rem,.8vw,.65rem);text-transform:uppercase}.gameover-actions{display:flex;gap:.75rem;justify-content:center}.leaderboard-body{width:100%;flex:1;min-height:0;display:flex;flex-direction:column;align-items:center;overflow-y:auto;scroll-padding-top:1.5rem}.leaderboard-status{color:var(--color-gray);font-size:clamp(.55rem,.9vw,.75rem);text-transform:uppercase;letter-spacing:.08em}.leaderboard-status--error{color:var(--color-blinky)}.leaderboard-table{width:100%;border-collapse:collapse;font-size:clamp(.55rem,.9vw,.76rem);letter-spacing:.06em;color:var(--color-gray)}.leaderboard-table th{position:sticky;top:0;z-index:1;background:var(--color-bg);color:var(--color-light-gray);padding:.25rem .6rem;text-align:left;border-bottom:1px solid var(--color-dark-gray)}.leaderboard-table td{padding:.3rem .6rem}.leaderboard-table tr+tr td{border-top:1px solid #1a1a1a}.leaderboard-table th:nth-child(1),.leaderboard-table td:nth-child(1){width:2rem;text-align:center}.leaderboard-table th:nth-child(3),.leaderboard-table td:nth-child(3){text-align:right}.leaderboard-table th:nth-child(4),.leaderboard-table td:nth-child(4){text-align:right;width:3rem}.leaderboard-row--gold td{color:var(--color-pacman)}.leaderboard-row--selected td{color:var(--color-pacman);background:var(--color-black)}.retro-panel{width:min(100%,44rem);padding:1.5rem 1.75rem;background:#000000d6;color:var(--color-gray);display:flex;flex-direction:column;align-items:center;gap:1rem;text-align:center}.retro-panel--main{width:min(100%,48rem)}.retro-panel--menu-shell{width:34rem;height:31rem;padding:.2rem 0;background:transparent;transform-origin:center center}@media (orientation: portrait){.retro-panel--menu-shell{width:20rem;height:31rem}}.retro-title,.retro-description{text-transform:uppercase}.retro-title{color:var(--color-light-gray);font-size:clamp(.7rem,1.4vw,1rem)}.menu-button-list{margin-bottom:1rem}.menu-divider{width:100%;height:1px;background:var(--color-dark-gray)}.selector-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:.5rem .45rem;width:fit-content;margin:0 auto;color:var(--color-gray)}.selector-row--active{background:var(--color-black);color:var(--color-pacman)}.selector-arrow,.selector-value{border:0;background:transparent;color:inherit;cursor:pointer}.selector-arrow{padding:.4rem .6rem;font-size:clamp(.8rem,1.4vw,1.1rem)}.selector-value{padding:.55rem .75rem;font-size:clamp(.64rem,12px,.92rem)}.retro-description{color:#666;font-size:clamp(.48rem,.8vw,.68rem);line-height:1.6}.retro-subtitle{color:var(--color-gray);font-size:clamp(.58rem,1vw,.82rem)}.retro-panel--modal{border:1px solid #555555}.retro-panel--narrow{width:min(100%,18rem)}.retro-title{color:var(--color-light-gray);font-size:clamp(.7rem,1.4vw,1rem);text-transform:uppercase}.setting-toast{padding:.9rem 1.2rem;background:#000000b8;color:var(--color-pacman);font-size:clamp(.85rem,1.5vw,1.35rem);text-transform:uppercase}.settings-list{width:100%;display:flex;flex-direction:column;align-items:center}.settings-row{display:grid;grid-template-columns:7rem 14rem 6rem;align-items:center;font-size:clamp(.65rem,12px,.92rem);color:var(--color-gray)}@media (orientation: portrait){.settings-row{grid-template-columns:6rem 1fr}.settings-row .settings-shortcut{display:none}}.settings-row--active{background:var(--color-black);color:var(--color-pacman)}.settings-label{text-align:left}.settings-control{display:grid;grid-template-columns:auto 1fr auto;align-items:center}.settings-value{padding:.45rem .25rem;text-align:center}.settings-shortcut{min-width:4rem;text-align:right;color:#555}.settings-row--active .settings-shortcut{color:#ffff0080}.selector-arrow{border:0;background:transparent;color:inherit;cursor:pointer;padding:.4rem .6rem;font-size:clamp(.8rem,1.4vw,1.1rem)}.selector-arrow:focus-visible{outline:1px solid var(--color-pacman);outline-offset:2px}.retro-hint{color:#666;font-size:clamp(.48rem,.8vw,.68rem);line-height:1.6;text-transform:uppercase}.panel-close{color:var(--color-pacman);padding:.5rem .8rem;border:0;background:transparent;cursor:pointer}.overlay-ui{position:absolute;display:flex;justify-content:center;top:0;right:0;bottom:0;left:0;z-index:2}.overlay-screen{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:clamp(.75rem,3vh,1.75rem) clamp(.75rem,3vw,1.5rem)}.overlay-screen--dim{background:#0009}.overlay-screen--menu-main{align-items:center;padding-top:clamp(.35rem,1.5vh,.9rem);padding-bottom:clamp(.35rem,1.5vh,.9rem)}.overlay-screen--pointerless{pointer-events:none}.menu-fit-frame{width:100%;height:100%;display:flex;justify-content:center;align-items:center;overflow:hidden}.version-badge{position:absolute;bottom:.4em;left:50%;transform:translate(-50%);font-size:.45em;color:var(--color-gray);pointer-events:none;-webkit-user-select:none;user-select:none}.speed-controls{display:flex;align-items:center;justify-content:center;gap:1em;height:var(--controls-h);width:100%;font-size:clamp(8px,1.5vw,12px);color:#fff;touch-action:manipulation;-webkit-user-select:none;user-select:none}.speed-btn{background:none;border:none;color:#ffe000;cursor:pointer;min-width:44px;min-height:44px;font:inherit;padding:0}.speed-btn:active{color:#fff}.speed-label{min-width:7em;text-align:center}:root{--color-pacman: #ffff00;--color-blinky: #ff0000;--color-pinky: #ffb8ff;--color-inky: #00ffff;--color-clyde: #ffb851;--color-scared: #2121ff;--color-white: #ffffff;--color-black: #000000;--color-gray: #888888;--color-dark-gray: #333333;--color-light-gray: #aaaaaa;--color-wall: #2121ff;--color-bg: #000000;--color-bg-panel: rgba(0, 0, 0, .75);--color-text: #ffffff}:root{--game-canvas-width: 1800;--game-canvas-height: 1200;--game-board-width: 896;--game-board-height: 992;--controls-h: 44px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%}body{background:var(--color-bg);color:var(--color-text);font-family:"Press Start 2P",monospace;overflow:hidden;touch-action:none}button{font:inherit}.app-shell{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.game-scene{position:relative;width:min(100vw,1.5 * (100vh - var(--controls-h)));height:min(100vh - var(--controls-h),66.667vw)}.canvas-host,.canvas-host canvas{width:100%;height:100%}.canvas-host canvas{display:block;image-rendering:pixelated}@media (orientation: portrait){.game-scene{width:100vw;height:min(100dvh - var(--controls-h),100vw * var(--game-canvas-height) / var(--game-board-width));overflow:hidden}.canvas-host{position:relative;overflow:hidden}.canvas-host canvas{position:absolute;top:50%;left:50%;width:calc(100vw * var(--game-canvas-width) / var(--game-board-width));height:calc(100vw * var(--game-canvas-height) / var(--game-board-width));transform:translate(-50%,-50%)}}@media (orientation: landscape) and (pointer: coarse){.game-scene{overflow:hidden}.canvas-host{position:relative;overflow:hidden}.canvas-host canvas{position:absolute;top:50%;left:50%;width:calc((100vh - var(--controls-h)) * var(--game-canvas-width) / var(--game-board-height));height:calc((100vh - var(--controls-h)) * var(--game-canvas-height) / var(--game-board-height));transform:translate(-50%,-50%)}}