.coral-game{display:grid;gap:12px;width:100%;min-width:0;color:var(--bk-ink)}.coral-rule{display:grid;gap:2px;padding:12px 16px;border-radius:16px;background:var(--bk-sea-mist)}.coral-rule span{color:var(--bk-sea-deep);font-size:.78rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.coral-rule strong{font-size:1.02rem;line-height:1.4}.coral-stage{position:relative;width:100%;aspect-ratio:16/10;max-height:72vh;overflow:hidden;border-radius:22px;background:#071226;color:#f4f6fb;touch-action:none;user-select:none;-webkit-user-select:none}.coral-canvas,.coral-canvas canvas,.coral-map{display:block;width:100%;height:100%}.coral-canvas[hidden]{display:none}.coral-map-ring{transform-box:fill-box;transform-origin:center;animation:coral-ring 2.2s ease-in-out infinite}@keyframes coral-ring{50%{transform:scale(1.12)}}.coral-stage:not([data-status=playing]) .coral-map-ring{animation-play-state:paused}.coral-hud{position:absolute;top:12px;right:12px;left:12px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;pointer-events:none}.coral-next,.coral-progress{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;background:rgb(7 18 38/.82);font-size:.8rem;font-weight:700}.coral-progress i{display:grid;place-items:center;width:22px;height:22px;border:2px dashed #a8e8e5;border-radius:50%;color:#071226;font-size:.72rem;font-style:normal;font-weight:800}.coral-progress i[data-done=true]{border:0}.coral-next b,.coral-still b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:#071226;font-weight:800}.coral-view-note{position:absolute;bottom:10px;left:12px;margin:0;padding:6px 10px;border-radius:10px;background:rgb(244 246 251/.94);color:#071226;font-size:.78rem}.coral-overlay{position:absolute;inset:0;display:grid;place-items:center;padding:12px;background:rgb(7 18 38/.45)}.coral-overlay-card{display:grid;justify-items:center;gap:8px;max-width:min(360px,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)}.coral-overlay-card strong{font-family:var(--font-newsreader),Georgia,serif;font-size:clamp(1.15rem,4vw,1.5rem);font-weight:560}.coral-overlay-card p{margin:0;color:var(--bk-ink-soft);font-size:.9rem;line-height:1.45}.coral-go{min-width:170px;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}.coral-status{min-height:3em;margin:0;color:var(--bk-sea-deep);font-weight:700;line-height:1.5}.coral-status small{color:var(--bk-ink-soft);font-weight:500}.coral-pad{display:grid;grid-template-columns:repeat(3,64px);grid-template-rows:repeat(2,58px);gap:8px;justify-content:center}.coral-pad button{display:grid;place-items:center;border:0;border-radius:14px;background:var(--bk-sea);color:#fff;cursor:pointer;touch-action:none;-webkit-touch-callout:none}.coral-pad button[data-dir=up]{grid-column:2}.coral-pad button[data-dir=left]{grid-column:1;grid-row:2}.coral-pad button[data-dir=down]{grid-column:2;grid-row:2}.coral-pad button[data-dir=right]{grid-column:3;grid-row:2}.coral-pad button:active:not(:disabled){background:var(--bk-sea-deep)}.coral-pad button:disabled{background:#e6ecf4;color:#566178;cursor:not-allowed}.coral-pad svg{width:26px;height:26px;fill:currentColor}.coral-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 .coral-choice button{min-width:44px;padding:0 12px}.coral-still{padding:4px 14px;border-radius:16px;background:#f4f6fb}.coral-still summary{min-height:44px;display:flex;align-items:center;font-weight:700;cursor:pointer}.coral-still p{margin:0 0 10px;color:var(--bk-ink-soft);font-size:.9rem}.coral-still ol{display:grid;gap:8px;margin:0 0 12px;padding:0;list-style:none}.coral-still button{display:grid;grid-template-columns:30px 1fr auto;gap:10px;align-items:center;width:100%;min-height:52px;padding:8px 12px;border:1px solid var(--bk-line);border-radius:14px;background:#fff;color:var(--bk-ink);text-align:left;cursor:pointer}.coral-still button[aria-pressed=true]{background:var(--bk-sea-mist)}.coral-still button:disabled{cursor:default}.coral-still small{color:var(--bk-ink-soft)}.coral-next-step{display:grid;gap:8px;padding:18px;border-radius:18px;background:#f8f3e8}.coral-next-step p{margin:0 0 6px;color:#5c481e}.coral-next-step .academy-button{justify-self:start}.coral-note{margin:0;color:var(--bk-ink-soft);font-size:.85rem;line-height:1.6}.coral-choice button:focus-visible,.coral-go:focus-visible,.coral-pad button:focus-visible,.coral-still :is(button,summary):focus-visible{outline:3px solid var(--bk-sun,#b65b00);outline-offset:3px}.coral-why{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.9fr);gap:24px;max-width:980px;margin:0 auto;padding:0 clamp(12px,2vw,24px) 88px}.coral-why h2{margin:6px 0 0;font-family:var(--font-newsreader),Georgia,serif;font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:480;line-height:1.05}.coral-why p{margin:0;color:var(--bk-ink-soft);line-height:1.7}.coral-why .journey-kicker{color:var(--bk-sea-deep)}body:has(.coral-game) .pusula{visibility:hidden;pointer-events:none}@media (max-width:640px){.coral-stage{aspect-ratio:1/1.05}.coral-why{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.coral-map-ring{animation:none}}