:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100vh;width:100%}body{background-color:#2a1810}#root{display:flex;justify-content:center;align-items:flex-start;padding:0}button:focus-visible{outline:2px solid var(--primary, #8b6914);outline-offset:2px}:root{--primary: #8b6914;--on-primary: #ffe4b5;--secondary: #654321;--on-secondary: #ffe4b5;--background: #2a1810;--on-background: #ffe4b5;--surface: #3d2817;--on-surface: #ffe4b5;--surface-variant: #4a3728;--on-surface-variant: #d4a574;--error: #cc0000;--on-error: #fff;--magic: #1e88e5;--ranged: #43a047;--melee: #e53935;--attack-highlight: #ffd700}.app{width:100%;max-width:480px;min-height:100vh;background:var(--background);color:var(--on-background);padding:1rem;margin:0;box-shadow:0 0 0 1px #0000001a}@media(min-width:481px){.app{margin:0;box-shadow:0 0 24px #0006;min-height:90vh;margin-top:2rem;margin-bottom:2rem;border-radius:12px;overflow:hidden}}@media(max-width:480px){.app--play{height:100dvh;min-height:100dvh;display:flex;flex-direction:column;padding-bottom:0}.app--play-scroll{flex:1;min-height:0;overflow-y:auto}.app--play-footer{flex-shrink:0;padding-top:.5rem;padding-bottom:1rem}}.screen-title{font-size:1.25rem;font-weight:600;margin:0 0 1rem;padding:.75rem 1rem;background:var(--surface-variant);border-radius:8px;color:var(--on-surface)}.card{background:var(--surface-variant);border-radius:8px;padding:1rem;margin-bottom:.75rem;color:var(--on-surface)}.card-muted{color:var(--on-surface-variant)}.row{display:flex;justify-content:space-between;align-items:center;gap:.5rem}.prayer-buttons{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;margin:1rem 0}.prayer-btn{flex:1;min-width:120px;height:56px;border-radius:4px;border:none;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s}.prayer-btn:disabled{opacity:.6;cursor:not-allowed}.prayer-btn.magic{background:var(--surface-variant);color:var(--on-surface)}.prayer-btn.magic.active{background:var(--primary);color:var(--on-primary)}.prayer-btn.missiles{background:var(--surface-variant);color:var(--on-surface)}.prayer-btn.missiles.active{background:var(--secondary);color:var(--on-secondary)}.prayer-btn.melee,.prayer-btn.melee.active{background:var(--surface-variant);color:var(--on-surface)}.monsters-row{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-evenly;align-items:flex-start;margin:1rem 0}.monster-column{display:flex;flex-direction:column;align-items:center;gap:4px}.monster-stack{width:32px;border-radius:4px;border:2px solid rgba(212,165,116,.3);padding:2px;display:flex;flex-direction:column;gap:2px;align-items:center}.monster-stack.attacking{border-color:var(--attack-highlight);box-shadow:0 0 8px #ffd70066}.monster-segment{width:24px;height:10px;border-radius:2px;background:var(--surface-variant);opacity:.6}.monster-segment.filled{opacity:1}.monster-segment.magic.filled{background:var(--magic)}.monster-segment.ranged.filled{background:var(--ranged)}.monster-segment.melee.filled{background:var(--melee)}.monster-label{font-size:.75rem;color:var(--on-surface-variant)}.monster-wall{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#4a3728e6;border:2px solid var(--primary);border-radius:8px;cursor:pointer;font-size:.75rem;color:var(--on-surface-variant)}.monster-wall:hover{background:#4a3728f2}.player-prayer-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;margin:1rem 0}.player-prayer-circle{width:72px;height:72px;border-radius:50%;border:2px solid rgba(212,165,116,.5);background:var(--surface-variant)}.player-prayer-circle.magic{background:var(--magic)}.player-prayer-circle.missiles{background:var(--ranged)}.player-prayer-circle.melee{background:var(--melee)}.player-prayer-label{font-size:.75rem;color:var(--on-surface-variant)}.progress-bar{height:6px;background:var(--surface-variant);border-radius:3px;overflow:hidden;margin-top:4px}.progress-bar.tall{height:8px;border-radius:4px}.progress-bar-fill{height:100%;border-radius:inherit;background:var(--primary);transition:width .15s}.lives-row{display:flex;align-items:center;gap:8px}.life-dot{width:16px;height:16px;border-radius:50%;background:var(--surface-variant)}.life-dot.filled{background:var(--error)}.cycle-card{padding:8px 16px;display:flex;align-items:center;gap:8px}.cycle-card .value{color:var(--primary);font-weight:600}.cycle-card .muted{color:var(--on-surface-variant)}.btn{padding:.6rem 1.2rem;border-radius:4px;font-weight:600;cursor:pointer;border:none;font-size:1rem}.btn-primary{background:var(--primary);color:var(--on-primary)}.btn-primary:hover:not(:disabled){filter:brightness(1.1)}.btn-secondary{background:var(--secondary);color:var(--on-secondary)}.btn-outline{background:transparent;color:var(--on-surface);border:1px solid var(--on-surface-variant)}.btn-outline:hover{background:var(--surface-variant)}.btn-danger{background:var(--error);color:var(--on-error)}.menu-buttons{display:flex;flex-direction:column;gap:.75rem;margin-top:1.5rem}.menu-buttons .btn{width:100%;padding:1rem}.row-buttons{display:flex;gap:12px;width:100%}.row-buttons .btn{flex:1;height:56px}.feedback-box{min-height:40px;display:flex;align-items:center;justify-content:center;margin:.5rem 0}.feedback-card{padding:8px 16px;border-radius:4px;font-weight:600}.feedback-card.correct{background:#8b691433;color:var(--primary)}.feedback-card.wrong{background:#c003;color:var(--error)}.level-list{list-style:none;padding:0;margin:0}.level-list li{margin-bottom:.5rem}.level-list .btn{width:100%;text-align:left;padding:1rem;display:flex;flex-direction:column;align-items:flex-start}.level-list .level-desc{font-size:.85rem;color:var(--on-surface-variant);margin-top:4px}.level-list .level-meta{font-size:.75rem;color:var(--primary);margin-top:4px}.level-list .level-item--locked .btn{opacity:.6;cursor:not-allowed}.level-list .level-item--locked .level-desc,.level-list .level-item--locked .level-meta{opacity:.8}.level-list .level-locked-label{font-size:.75rem;font-weight:400;color:var(--on-surface-variant)}.overlay{position:fixed;inset:0;background:#2a1810cc;display:flex;align-items:center;justify-content:center;z-index:10;padding:1rem}.tutorial-overlay{background:#2a18108c}.overlay .card{max-width:360px;width:100%}.overlay h2{margin:0 0 .5rem;color:var(--on-surface)}.overlay p{margin:0 0 1rem;color:var(--on-surface-variant)}.stats-panel{background:var(--surface);border-radius:8px;padding:1rem;margin:1rem 0}.stats-panel .stat-row{display:flex;justify-content:space-between;margin-bottom:8px}.stats-panel .stat-row:last-child{margin-bottom:0}.dialog-buttons{display:flex;gap:12px;margin-top:1rem}.dialog-buttons .btn{flex:1}.level-complete-dialog .card{background:var(--primary);color:var(--on-primary)}.level-complete-dialog .card .muted{color:var(--on-primary);opacity:.9}.level-failed-dialog .card{background:var(--error);color:var(--on-error)}.level-failed-dialog .card .muted{color:var(--on-error);opacity:.9}