*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;overflow:hidden;background:#0e2a4a;font-family:Rubik,Segoe UI,Arial Hebrew,Arial,sans-serif;color:#fff}#app{position:fixed;inset:0}#game-root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}#game-root canvas{max-width:100%;max-height:100%;touch-action:none}#hud{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:8px 14px;pointer-events:none;z-index:10}.hud-group{display:flex;align-items:center;gap:10px;pointer-events:auto}#app-title{font-weight:700;font-size:1.05rem;text-shadow:0 2px 4px rgba(0,0,0,.45)}#hud-stars{background:#00000059;border-radius:999px;padding:4px 12px;font-weight:700}.hud-btn{font-size:1.3rem;width:46px;height:46px;border-radius:50%;border:3px solid #ffd54a;background:#1976d2;color:#fff;cursor:pointer;transition:transform .12s ease}.hud-btn:hover,.hud-btn:focus-visible{transform:scale(1.12)}.hud-btn:focus-visible,button:focus-visible{outline:4px solid #ffd54a;outline-offset:2px}#btn-narration.speaking{animation:pulse .8s ease infinite alternate;background:#43a047}@keyframes pulse{0%{transform:scale(1)}to{transform:scale(1.18)}}dialog{border:none;border-radius:20px;padding:24px 32px;min-width:340px;max-width:90vw;background:#fffdf5;color:#23374d;box-shadow:0 12px 48px #0006}dialog::backdrop{background:#0a192d99}dialog h2{margin-top:0}.settings-grid{display:grid;gap:12px}.settings-grid label{display:flex;flex-direction:column;gap:4px;font-weight:600}.settings-grid label.row{flex-direction:row;align-items:center;gap:8px}.parent-actions{display:flex;flex-wrap:wrap;gap:10px;margin:10px 0}dialog button{font-family:inherit;font-size:1rem;font-weight:700;padding:10px 18px;border-radius:12px;border:none;cursor:pointer;background:#e3ecf5;color:#23374d}dialog button.primary{background:#1976d2;color:#fff}dialog button.danger{background:#ffe3e0;color:#b3261e}#rotate-overlay{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;align-items:center;justify-content:center;gap:14px;background:#0e2a4a;text-align:center;padding:24px}#rotate-overlay.visible{display:flex}#rotate-overlay p{margin:0;font-size:1.6rem;font-weight:700}#rotate-overlay .rotate-sub{font-size:1.05rem;font-weight:400;color:#b3d4f5}.rotate-phone{font-size:4.5rem;animation:rotate-hint 1.6s ease-in-out infinite}@keyframes rotate-hint{0%,25%{transform:rotate(0)}60%,to{transform:rotate(-90deg)}}.warning{background:#fff3cd;border-radius:10px;padding:10px;color:#7a5b00}