*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:#1c140d;color:#2b2118}.app{max-width:640px;margin:0 auto;padding:16px}.app-header{color:#f6ecd9;margin-bottom:12px}.app-header h1{font-size:1.3rem;margin:0 0 4px}.app-header-meta{display:flex;gap:16px;font-size:.85rem;opacity:.8}.app-footer{color:#b8a488;font-size:.75rem;margin-top:12px}.scene{position:relative}.banner{background:#f6ecd9;border:1px solid #c9a678;border-radius:6px;padding:8px 12px;margin-bottom:8px;font-size:.9rem}.grid-canvas{display:block;border-radius:8px;box-shadow:0 4px 16px #0006;image-rendering:pixelated;max-width:100%;height:auto;cursor:pointer;touch-action:manipulation}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#140e08b8;display:flex;align-items:center;justify-content:center;padding:16px}.modal-panel{background:#fbf3e7;border:2px solid #c9a678;border-radius:10px;padding:20px;max-width:420px;width:100%}.modal-panel h2{margin:0 0 12px;font-size:1.1rem;color:#4a3728}.modal-panel .prompt{font-weight:600;margin:12px 0}.choices{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.btn-choice{text-align:left;padding:10px 12px;border-radius:6px;border:1px solid #c9a678;background:#fff;cursor:pointer;font-size:.9rem}.btn-choice:hover:not(:disabled){background:#f2e4c8}.btn-choice:disabled{opacity:.6;cursor:default}.btn-primary{background:#6a4c93;color:#fff;border:none;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:.9rem}.btn-secondary{background:transparent;border:1px solid #9d8189;color:#6a4c93;border-radius:6px;padding:6px 12px;cursor:pointer;font-size:.8rem;margin-top:8px}.feedback{background:#f2e4c8;border-radius:6px;padding:10px;margin-bottom:8px}.timer-bar,.power-bar{height:8px;border-radius:4px;background:#e2d3b8;overflow:hidden;margin-bottom:8px}.timer-fill{height:100%;background:#e07a5f;transition:width 1s linear}.power-fill{height:100%;background:#6a4c93;transition:width .4s ease}.battle h2{color:#6a4c93}.auth-card{background:#fbf3e7;border:2px solid #c9a678;border-radius:10px;padding:24px;max-width:360px;margin:0 auto}.auth-card.wide{max-width:480px}.auth-card h2{margin:0 0 16px;color:#4a3728}.auth-choice-row{display:flex;gap:12px}.auth-form{display:flex;flex-direction:column;gap:10px}.auth-form input,.auth-form select{padding:8px 10px;border-radius:6px;border:1px solid #c9a678;font-size:.9rem}.children-list{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:6px}.children-list li{background:#f2e4c8;border-radius:6px;padding:8px 10px;font-size:.9rem}.children-list code{background:#fff;padding:1px 6px;border-radius:4px}.exam-nav{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.exam-nav-item{width:32px;height:32px;border-radius:6px;border:1px solid #c9a678;background:#fff;cursor:pointer;font-size:.8rem}.exam-nav-item.exam-nav-answered{background:#d9c9e8;border-color:#6a4c93}.exam-nav-item.exam-nav-blank{background:#e2d3b8}.exam-nav-item.exam-nav-missing{background:#f4b8a8;border-color:#e07a5f}.exam-nav-item.current{outline:2px solid #4a3728;outline-offset:1px}.exam-task{background:#f2e4c8;border-radius:8px;padding:12px;margin-bottom:12px}.exam-task h3{margin:0 0 8px;font-size:.95rem;color:#4a3728}.btn-choice.selected,.btn-secondary.selected{background:#d9c9e8;border-color:#6a4c93}.exam-nav-buttons{display:flex;justify-content:space-between;gap:8px;margin-bottom:12px}.hub-nav{display:flex;gap:8px}.hub-actions{display:flex;gap:12px;margin:16px 0}.hub-card{flex:1;text-align:left;background:#f2e4c8;border:1px solid #c9a678;border-radius:8px;padding:14px;cursor:pointer;display:flex;flex-direction:column;gap:4px}.hub-card:hover{background:#e2d3b8}.hub-card strong{color:#4a3728}.hub-card span{font-size:.8rem;color:#6a5a48}.mastery-table{width:100%;border-collapse:collapse;font-size:.85rem}.mastery-table th,.mastery-table td{text-align:left;padding:6px 8px;border-bottom:1px solid #e2d3b8}.mastery-pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:.75rem;background:#e2d3b8}.mastery-pill.mastery-verified{background:#d9c9e8}.mastery-pill.mastery-calibrated,.feedback.promotion{background:#6a4c93;color:#fff}