.po-frame{aspect-ratio:16 / 9;background:#1a1e1c;touch-action:none}#arcadeCanvas{image-rendering:pixelated;image-rendering:crisp-edges;display:block;background:#1a1e1c}#arcadeCanvas:focus-visible{outline:2px solid var(--color-brand-1);outline-offset:-2px}.po-iconbtn{position:absolute;top:10px;right:10px;z-index:20;width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(253,252,250,.35);background:#1a1e1c8c;color:#fdfcfa;font-size:.8rem;letter-spacing:1px;backdrop-filter:blur(4px);cursor:pointer}.po-iconbtn:hover{background:#1a1e1ccc}.po-iconbtn:focus-visible{outline:2px solid var(--color-brand-1);outline-offset:2px}.po-overlay{position:absolute;inset:0;z-index:15;display:none;align-items:center;justify-content:center;padding:1rem;background:#1a1e1cb8;backdrop-filter:blur(2px)}#arcadeFrame[data-state=loading] .overlay-title,#arcadeFrame[data-state=title] .overlay-title,#arcadeFrame[data-state=select] .overlay-select,#arcadeFrame[data-state=paused] .overlay-paused,#arcadeFrame[data-state=levelcomplete] .overlay-levelcomplete,#arcadeFrame[data-state=gameover] .overlay-gameover,#arcadeFrame[data-state=win] .overlay-win{display:flex}.po-panel{width:100%;max-width:380px;background:#fdfcfaf7;border:1px solid var(--color-gray-3);border-radius:16px;padding:1.5rem 1.5rem 1.4rem;box-shadow:0 12px 40px #00000040;max-height:100%;overflow-y:auto}.po-panel-wide{max-width:560px}.po-kicker{font-family:var(--font-heading);font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--color-brand-1);margin:0 0 .4rem}.po-title{font-family:var(--font-hero);font-weight:700;font-size:clamp(1.75rem,1.2rem + 3vw,2.5rem);color:var(--color-text-primary);line-height:1.05;margin:0 0 .6rem}.po-title-sm{font-size:clamp(1.4rem,1.1rem + 2vw,2rem)}.po-sub{font-size:.9375rem;color:var(--color-text-secondary);line-height:1.5;margin:0 auto .9rem;max-width:42ch}.po-sub-tight{margin-bottom:.6rem;font-size:.875rem}.po-hiscore{font-family:var(--font-heading);font-size:.8125rem;font-weight:600;letter-spacing:.05em;color:var(--color-gray-1);margin:0 0 1rem}.po-actions{display:flex;gap:.6rem;justify-content:center;flex-wrap:wrap;margin-top:.4rem}.po-actions-col{flex-direction:column;align-items:stretch;max-width:280px;margin-left:auto;margin-right:auto}.po-btn{font-family:var(--font-heading);font-size:.9375rem;font-weight:600;padding:.7rem 1.5rem;border-radius:10px;border:1px solid transparent;cursor:pointer;min-height:44px;transition:transform .15s ease,box-shadow .15s ease,background .15s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.po-btn-primary{background:var(--color-gray-1);color:#fff}.po-btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 18px #4a7c6f47;color:#fff}.po-btn-ghost{background:#fff;color:var(--color-text-secondary);border-color:var(--color-gray-3)}.po-btn-ghost:hover{border-color:var(--color-gray-1);color:var(--color-gray-1)}.po-btn:focus-visible{outline:2px solid var(--color-brand-1);outline-offset:2px}.po-toggles{display:flex;gap:.5rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.po-toggle{font-family:var(--font-heading);font-size:.75rem;font-weight:500;padding:.4rem .8rem;border-radius:9999px;border:1px solid var(--color-gray-3);background:#fff;color:var(--color-text-secondary);cursor:pointer;min-height:36px}.po-toggle:hover{border-color:var(--color-gray-2)}.po-toggle:focus-visible{outline:2px solid var(--color-brand-1);outline-offset:2px}.po-roster{display:grid;grid-template-columns:repeat(4,1fr);gap:.55rem;margin:.8rem 0 1rem}@media(max-width:480px){.po-roster{grid-template-columns:repeat(2,1fr)}}.po-char{display:flex;flex-direction:column;align-items:center;gap:2px;padding:.5rem .3rem .45rem;border-radius:12px;border:2px solid var(--color-gray-3);background:#fff;cursor:pointer;transition:border-color .15s ease,transform .15s ease}.po-char:hover{transform:translateY(-2px);border-color:var(--color-gray-2)}.po-char[aria-checked=true]{border-color:var(--color-brand-1);box-shadow:0 4px 14px #c17f4e40}.po-char:focus-visible{outline:2px solid var(--color-brand-1);outline-offset:2px}.po-char-thumb{width:48px;height:48px;image-rendering:pixelated}.po-char-name{font-family:var(--font-heading);font-size:.75rem;font-weight:700;color:var(--color-text-primary);line-height:1.1}.po-char-move{font-size:.625rem;color:var(--color-text-muted);line-height:1.1}.po-touch{position:absolute;inset:auto 0 0;z-index:18;display:flex;justify-content:space-between;align-items:flex-end;padding:.75rem;pointer-events:none}.po-touch-left,.po-touch-right{display:flex;gap:.6rem;pointer-events:auto}.po-pad{width:60px;height:60px;border-radius:9999px;border:1px solid var(--color-gray-3);background:#fdfcfad9;color:var(--color-text-primary);font-size:1.3rem;line-height:1;backdrop-filter:blur(3px);touch-action:none;-webkit-user-select:none;user-select:none;cursor:pointer}.po-pad:active{transform:scale(.92)}.po-pad-ability{color:var(--color-brand-1)}.po-pad-jump{width:72px;height:72px;font-size:1.5rem}@media(max-width:380px){.po-pad{width:52px;height:52px}.po-pad-jump{width:60px;height:60px}.po-touch{padding:.5rem}.po-touch-left,.po-touch-right{gap:.4rem}}@media(prefers-reduced-motion:reduce){.po-btn-primary:hover,.po-char:hover,.po-pad:active{transform:none}}