.adv-layout{gap:var(--space-3);grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=980px){.adv-layout{grid-template-columns:1fr}}.adv-stage{border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--surface);padding:var(--space-2);box-shadow:var(--shadow-sm)}.adv-stage-frame{border-radius:var(--r-lg);position:relative;overflow:hidden}#adv-canvas{aspect-ratio:4/3;border-radius:var(--r-lg);touch-action:none;background:#3d7d3e;width:100%;display:block}.adv-ruler-hud{color:#fcd232;font-family:var(--mono);background:#14100cc7;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.adv-hint-bubble{border-radius:var(--r-lg);color:#14100c;background:#fffffff2;align-items:flex-start;gap:10px;padding:10px 12px;font-size:12.5px;line-height:1.5;display:flex;position:absolute;bottom:10px;left:10px;right:10px;box-shadow:0 1rem 3rem #00000040}[data-theme=dark] .adv-hint-bubble{color:var(--text);background:#1e1a16f2}.adv-hint-bubble.hidden{display:none}.adv-hint-avatar{color:var(--brand);flex-shrink:0;align-items:center;line-height:1;display:inline-flex}.adv-hint-close{color:inherit;cursor:pointer;background:0 0;border:none;border-radius:8px;margin-left:auto;padding:2px 6px;font-size:13px}.adv-hint-close:hover{background:#00000014}.adv-solution pre{border-radius:var(--r);font-family:var(--mono);white-space:pre-wrap;background:#00000014;margin:6px 0 0;padding:8px 10px;font-size:11.5px}.adv-playback{margin-top:var(--space-2);flex-wrap:wrap;align-items:center;gap:8px;display:flex}.adv-btn{border:1px solid var(--border);background:var(--surface2);color:var(--text);font-family:var(--font);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:9px 18px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.adv-btn:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.adv-btn:disabled{opacity:.45;cursor:not-allowed;transform:none}.adv-btn--primary{background:linear-gradient(135deg, var(--brand), var(--blaze));color:#fff;box-shadow:var(--shadow-brand);border-color:#0000}.adv-btn--primary:hover{color:#fff;filter:brightness(1.05)}.adv-btn--stop{color:#fff;background:#dc2626;border-color:#0000}.adv-btn--stop:hover{color:#fff}.adv-speed{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.adv-speed input{accent-color:var(--brand)}.adv-tools{gap:6px;display:inline-flex}.adv-tool{border:1px solid var(--border);background:var(--surface);color:var(--text2);font-family:var(--font);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:8px 14px;font-size:12px;font-weight:800;transition:all .2s;display:inline-flex}.adv-tool:hover{border-color:var(--teal);color:var(--text)}.adv-tool.active{border-color:var(--teal);color:#007a70;background:#00b8a91f}[data-theme=dark] .adv-tool.active{color:var(--teal)}.adv-workspace{border:1px solid var(--border);border-radius:var(--r-2xl);background:var(--surface);padding:var(--space-2);box-shadow:var(--shadow-sm);gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.adv-workspace-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.adv-lang-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--border);background:var(--surface2);border-radius:999px;padding:4px 10px;font-size:10px;font-weight:800}.adv-toolbelt{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adv-toolbelt-label{color:var(--muted);font-size:11px;font-weight:800}.adv-snippet{border:1px dashed var(--border);background:var(--surface2);color:var(--text2);font-family:var(--mono);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:11.5px;transition:all .15s}.adv-snippet:hover{border-color:var(--brand);color:var(--brand);border-style:solid}.adv-editor-wrap{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);display:flex;overflow:hidden}.adv-line-numbers{font-family:var(--mono);color:var(--subtle);text-align:right;user-select:none;background:var(--surface2);white-space:pre;padding:10px 8px 10px 12px;font-size:13px;line-height:20px;overflow:hidden}.adv-editor-area{flex:1;min-width:0;position:relative}.adv-caret-line{border-left:3px solid var(--brand);pointer-events:none;background:#fd52001f;height:20px;display:none;position:absolute;left:0;right:0}#adv-editor{resize:vertical;width:100%;height:240px;min-height:220px;color:var(--text);font-family:var(--mono);tab-size:2;background:0 0;border:none;outline:none;padding:10px 12px;font-size:13px;line-height:20px;display:block;position:relative}[data-theme=dark] .adv-caret-line{background:#fd52002e}.adv-console{border:1px solid var(--border);border-radius:var(--r-lg);background:var(--bg);overflow:hidden}.adv-console-head{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--surface2);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:7px 12px;font-size:11px;font-weight:800;display:flex}.adv-console-clear{color:var(--brand);cursor:pointer;background:0 0;border:none;font-size:11px;font-weight:800}.adv-console-body{height:120px;font-family:var(--mono);padding:8px 12px;font-size:11.5px;line-height:1.6;overflow-y:auto}.adv-console-line{color:var(--text2);word-break:break-word}.adv-console-line.action{color:var(--teal)}.adv-console-line.error{color:#dc2626}.adv-console-line.success{color:#16a34a;font-weight:700}[data-theme=dark] .adv-console-line.error{color:#f87171}[data-theme=dark] .adv-console-line.success{color:#4ade80}.adv-goal-banner{color:var(--text2);background:#00b8a914;border:1px solid #00b8a940;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:700;display:inline-flex}.adv-modal{z-index:400;backdrop-filter:blur(4px);background:#0a08068c;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.adv-modal.hidden{display:none}.adv-modal-card{border-radius:var(--r-2xl);background:var(--surface);border:1px solid var(--border);width:100%;max-width:620px;max-height:86vh;padding:var(--space-3);overflow-y:auto;box-shadow:0 1rem 3rem #0000004d}.adv-modal-head{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.adv-modal-head h3{letter-spacing:-.02em;font-size:17px;font-weight:900}.adv-modal-close{background:var(--surface2);color:var(--text2);cursor:pointer;border:none;border-radius:50%;width:30px;height:30px}.adv-modal-close:hover{color:var(--brand)}.adv-band{margin-bottom:var(--space-3)}.adv-band-name{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:8px;font-size:11px;font-weight:800}.adv-band-row{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;display:grid}.adv-level-card{border-radius:var(--r-lg);border:1px solid var(--border);background:var(--bg);color:var(--text);font-family:var(--font);cursor:pointer;text-align:left;flex-direction:column;align-items:flex-start;gap:3px;padding:10px 12px;transition:all .2s;display:flex}.adv-level-card:hover:not(:disabled){border-color:var(--brand);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.adv-level-card.active{border-color:var(--brand);background:#fd52000f}.adv-level-card.locked{opacity:.5;cursor:not-allowed}.adv-level-num{color:var(--brand);align-items:center;gap:3px;font-size:11px;font-weight:900;display:inline-flex}.adv-level-title{font-size:12.5px;font-weight:800}.adv-level-stars{color:#f59e0b;align-items:center;gap:2px;display:inline-flex}.adv-level-stars svg{display:block}.adv-victory-card{text-align:center;max-width:420px}.adv-victory-emoji{font-size:44px}.adv-victory-title{letter-spacing:-.02em;margin:6px 0;font-size:20px;font-weight:900}.adv-victory-stars{color:var(--border);justify-content:center;gap:10px;margin:8px 0;display:flex}.adv-victory-stars .star-icon{width:36px;height:36px;display:inline-flex}.adv-victory-stars .star-icon svg{fill:none;stroke:currentColor;stroke-width:1.6px;width:100%;height:100%;display:block}.adv-victory-stars .star-icon.star-active{color:#f59e0b;filter:drop-shadow(0 0 10px #f59e0b73)}.adv-victory-stars .star-icon.star-active svg{fill:currentColor}.adv-victory-feedback{color:var(--muted);margin-bottom:var(--space-3);font-size:13px;font-weight:600}.adv-victory-stats{margin-bottom:var(--space-3);justify-content:center;gap:10px;display:flex}.adv-stat-pill{border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--border);flex-direction:column;gap:2px;padding:10px 18px;display:flex}.adv-stat-name{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:10px;font-weight:800}.adv-stat-val{font-size:18px;font-weight:900;font-family:var(--mono);color:var(--brand)}.adv-victory-actions{justify-content:center;gap:10px;display:flex}.adv-page-head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.adv-level-pill{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:800;transition:all .2s;display:inline-flex}.adv-level-pill:hover{border-color:var(--brand);color:var(--brand)}.adv-nav-arrows{gap:4px;display:inline-flex}.adv-arrow{border:1px solid var(--border);background:var(--surface);width:32px;height:32px;color:var(--text2);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.adv-arrow:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.adv-arrow:disabled{opacity:.4;cursor:not-allowed}.btn-icon{align-items:center;display:inline-flex}.btn-icon svg,.adv-tool svg,.adv-goal-icon svg,.adv-hint-close svg{display:block}.adv-modal-close{justify-content:center;align-items:center;display:inline-flex}.adv-solution svg{vertical-align:-2px}