.pearl-game{display:grid;gap:12px;width:100%;max-width:600px;min-width:0;margin:0 auto;color:var(--bk-ink)}.pearl-hud{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;padding:10px 14px;border-radius:14px;background:var(--bk-sea-mist);color:var(--bk-sea-deep);font-size:.9rem}.pearl-hud b{color:var(--bk-ink);font-weight:800}.pearl-lives{display:inline-flex;gap:4px}.pearl-lives svg{width:16px;height:16px}.pearl-lives circle{fill:#ffcb69;stroke:#9a6a06;stroke-width:1.5}.pearl-lives svg[data-on=false] circle{fill:transparent;stroke:#9aa7b6;stroke-dasharray:2 2}.pearl-board{position:relative;width:100%;overflow:hidden;border:6px solid #092c44;border-radius:18px;background:#092c44;touch-action:none;user-select:none;-webkit-user-select:none}.pearl-board svg{display:block;width:100%;height:auto}.pearl-board:focus-visible{outline:3px solid var(--bk-sun,#b65b00);outline-offset:4px}.pearl-sprite{transition:transform var(--pearl-step,.3s) linear}.pearl-enemy{transition-duration:var(--pearl-enemy-step,.6s)}.pearl-power{transform-box:fill-box;transform-origin:center;animation:pearl-pulse 1.4s ease-in-out infinite}@keyframes pearl-pulse{50%{transform:scale(.78)}}.pearl-board[data-phase=hit] .pearl-power,.pearl-board[data-phase=paused] .pearl-power,.pearl-board[data-phase=ready] .pearl-power{animation-play-state:paused}.pearl-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:rgb(9 44 68/.5)}.pearl-overlay-card{display:grid;justify-items:center;gap:8px;max-width:min(340px,100%);padding:16px 18px;border-radius:18px;background:#fff;color:var(--bk-ink);text-align:center;box-shadow:0 14px 40px rgb(7 18 38/.35)}.pearl-overlay-card strong{font-family:var(--font-newsreader),Georgia,serif;font-size:clamp(1.15rem,4vw,1.5rem);font-weight:560;line-height:1.15}.pearl-overlay-card p{margin:0;color:var(--bk-ink-soft);font-size:.9rem;line-height:1.45}.pearl-overlay[data-kind=hit] .pearl-overlay-card{background:#fff8e8}.pearl-go{min-width:160px;min-height:52px;margin-top:4px;padding:0 26px;border:0;border-radius:999px;background:var(--bk-sea);color:#fff;font:750 1rem/1 var(--font-inter),sans-serif;cursor:pointer}.pearl-choice button:focus-visible,.pearl-go:focus-visible,.pearl-pad button:focus-visible{outline:3px solid var(--bk-sun,#b65b00);outline-offset:3px}.pearl-status{min-height:3em;margin:0;color:var(--bk-ink);line-height:1.5}.pearl-pad{display:grid;grid-template-columns:repeat(3,60px);grid-template-rows:repeat(2,56px);gap:8px;justify-content:center}.pearl-pad button{display:grid;place-items:center;border:0;border-radius:14px;background:var(--bk-sea);color:#fff;cursor:pointer;touch-action:manipulation}.pearl-pad button[data-dir=up]{grid-column:2}.pearl-pad button[data-dir=left]{grid-column:1;grid-row:2}.pearl-pad button[data-dir=down]{grid-column:2;grid-row:2}.pearl-pad button[data-dir=right]{grid-column:3;grid-row:2}.pearl-pad button[aria-pressed=true]{background:var(--bk-sea-deep);box-shadow:inset 0 0 0 3px #ffcb69}.pearl-pad button:disabled{background:#e6ecf4;color:#566178;cursor:not-allowed}.pearl-pad svg{width:26px;height:26px;fill:currentColor}.pearl-choice{display:inline-flex;align-items:center;gap:4px;padding:0 4px 0 12px;border-radius:999px;background:var(--bk-sea-mist);color:var(--bk-sea-deep);font-size:.8rem;font-weight:700}.game-shell-toolbar .pearl-choice button{min-width:44px;padding:0 12px}.pearl-note{margin:0;color:var(--bk-ink-soft);font-size:.85rem;line-height:1.6}body:has(.pearl-game) .pusula{visibility:hidden}@media (prefers-reduced-motion:reduce){.pearl-enemy,.pearl-sprite{transition:none}.pearl-power{animation:none}}