#game-canvas{display:block;width:100%;height:100%;max-width:100vw;max-height:100vh;cursor:pointer;touch-action:none;border-radius:var(--radius-lg)}.loading-shell{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-md);color:var(--color-text-muted)}.loading-shell p{margin:0;font-size:var(--font-size-sm)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-bg-card);border-top-color:var(--color-brand-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.game-board:not(:empty) .loading-shell{display:none}.level-nav{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);margin-top:var(--space-3)}.level-progress{font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:500}.result-message{color:var(--color-text-secondary);margin-bottom:var(--space-4);text-align:center}.result-win .game-overlay-title{color:#22c55e}.result-lose .game-overlay-title{color:#ef4444}.game-stats{display:flex;justify-content:center;gap:var(--space-xl)}.game-stat{display:flex;flex-direction:column;align-items:center}.game-stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-inverse)}.game-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.overlay-buttons{display:flex;gap:var(--space-3);justify-content:center}.character-saved{animation:character-celebrate .5s ease-out}.character-lost{animation:character-fall .5s ease-in}@keyframes character-celebrate{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes character-fall{0%{transform:translateY(0);opacity:1}to{transform:translateY(20px);opacity:.5}}.choice-correct{background-color:#22c55e33!important;border-color:#22c55e!important}.choice-incorrect{background-color:#ef444433!important;border-color:#ef4444!important}@media(max-width:400px){.game-container{padding:var(--space-2)}.game-stats{gap:var(--space-md)}.game-stat-value{font-size:var(--font-size-xl)}.level-nav{flex-wrap:wrap;gap:var(--space-2)}}@media(prefers-color-scheme:dark){.game-overlay-content{background-color:var(--color-bg-secondary);border:1px solid var(--color-bg-card)}#game-canvas{background-color:#0f0f1a}}@media(prefers-reduced-motion:reduce){.loading-spinner,.character-saved,.character-lost{animation:none}}.reduced-motion .loading-spinner,.reduced-motion .character-saved,.reduced-motion .character-lost{animation:none}.high-contrast .game-btn,.high-contrast #game-canvas{border:2px solid var(--color-text-primary)}@media(hover:none){.game-btn:active{transform:scale(.95)}#game-canvas:active{opacity:.9}}@media(orientation:landscape)and (max-height:500px){.game-stats{flex-direction:row;margin:0;padding:var(--space-xs)}.level-nav{width:100%;margin:0 var(--space-sm) var(--space-sm)}}