body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ear-page{gap:20px;max-width:1032px;margin:0 auto;padding:30px 16px 70px;display:grid}.ear-head{margin-bottom:14px}.ear-kicker{color:var(--muted);font-size:14px;font-weight:600}.ear-head h1{margin:6px 0 8px;font-size:clamp(1.8rem,4.2vw,2.5rem)}.board p{margin:0}.ear-footer{color:var(--muted);margin:0;font-size:14px}.strip{background:var(--wood);border:1px solid var(--wood-edge);border-radius:var(--r-chip);grid-template-columns:repeat(12,minmax(0,1fr));display:grid;overflow:hidden}.cell{border:0;border-left:2px solid var(--fret);color:var(--dot-ink);font-family:var(--f-mono);cursor:pointer;background:0 0;justify-items:center;padding:10px 0 4px;display:grid;position:relative}.cell:first-child{box-shadow:inset -5px 0 0 var(--nut);border-left:0}.cell:before{content:"";background:var(--string);height:2px;position:absolute;top:24px;left:0;right:0}.cell-dot{background:var(--dot);border-radius:15px;place-items:center;min-width:36px;height:30px;padding:0 4px;font-size:.82rem;font-weight:700;display:grid;position:relative}.cell.out .cell-dot{background:color-mix(in srgb, var(--dot) 55%, var(--wood))}.frets{grid-column:1/-1;grid-template-columns:subgrid;padding-bottom:4px;display:grid}.frets span{text-align:center;color:var(--fret);font-family:var(--f-mono);font-size:11px}.cell.off,.cell[aria-disabled=true]{cursor:default}.cell.off .cell-dot{opacity:.35}.cell:not(.off):hover .cell-dot,.cell:focus-visible .cell-dot{outline:2px solid var(--neck-accent,var(--accent));outline-offset:1px}.cell:focus-visible{outline:none}.cell.right .cell-dot{background:var(--neck-accent,var(--accent));color:var(--neck-accent-ink,var(--accent-ink))}.cell.picked .cell-dot{background:var(--amber);color:var(--amber-ink)}@media (width<=560px){.strip{grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:6px;padding:6px}.cell{border-left:0;min-height:52px;padding:4px 0}.cell:first-child{box-shadow:none}.cell:before,.cell.off,.frets{display:none}.cell{gap:2px}.cell:after{content:attr(data-fret);color:var(--fret);font-size:11px}.cell-dot{border-radius:18px;min-width:48px;height:36px;font-size:.95rem}}@keyframes cell-pop{50%{transform:scale(1.18)}}.cell.right .cell-dot,.cell.picked .cell-dot{animation:.25s ease-out cell-pop}@media (prefers-reduced-motion:reduce){.cell.right .cell-dot,.cell.picked .cell-dot{animation:none}}.levels{gap:20px;font-size:18px;line-height:1.5;display:grid}.levels .btn{min-height:44px;padding:8px 18px;font-size:18px}.levels .btn.lv-main{min-height:52px;padding:10px 22px;font-size:1.15rem}.lv-screen{gap:16px}.lv-screen h2{margin:0;font-size:clamp(1.35rem,3.6vw,1.7rem);line-height:1.25}.lv-screen h2:focus{outline:none}.lv-screen h3{margin:4px 0 0;font-size:1.2rem}.lv-big{font-size:1.25rem;font-weight:600}.lv-muted{color:var(--muted)}.lv-warn{border-radius:var(--r-panel);border:1px solid var(--amber);background:color-mix(in srgb, var(--amber) 14%, var(--surface));padding:12px 14px}.lv-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.lv-map{gap:28px;display:grid}.lv-map-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 20px;display:flex}.lv-stage{gap:12px;display:grid}.lv-stage h3{margin:0;font-size:1.2rem}.lv-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,280px),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.lv-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-board);align-content:start;display:grid;overflow:hidden}.lv-open{width:100%;color:var(--ink);font:inherit;text-align:left;background:0 0;border:0;gap:4px;padding:16px;display:grid}button.lv-open{cursor:pointer}button.lv-open:hover{background:color-mix(in srgb, var(--accent) 8%, var(--surface))}.lv-card-num{color:var(--muted);font-weight:600}.lv-card-name{font-size:1.2rem;font-weight:700;line-height:1.3}.lv-card-state{font-weight:600}.lv-card.done .lv-card-state{color:var(--accent)}.lv-card.locked .lv-open,.lv-card.soon .lv-open{color:var(--muted)}.lv-card.ready{border-color:var(--accent)}.lv-how{border:0;border-top:1px solid var(--line);min-height:44px;color:var(--accent);font:inherit;text-align:left;cursor:pointer;background:0 0;padding:8px 16px}.lv-how:hover{text-decoration:underline}.lv-demo{gap:10px;margin:0;padding:0;list-style:none;display:grid}.lv-demo li{flex-wrap:wrap;align-items:center;gap:8px 14px;display:flex}.lv-q-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.lv-progress{font-variant-numeric:tabular-nums;color:var(--muted);align-items:center;gap:10px;display:inline-flex}.lv-dots{flex-wrap:wrap;gap:6px;display:inline-flex}.lv-dot{border:2px solid var(--muted);border-radius:50%;width:12px;height:12px}.lv-dot.right{background:var(--accent);border-color:var(--accent)}.lv-dot.wrong{background:var(--amber);border-color:var(--amber)}.lv-dot.now{border-color:var(--ink)}.lv-dots.big .lv-dot{width:20px;height:20px}.levels .lv-replay{justify-self:center}.lv-answers{grid-template-columns:repeat(auto-fit,minmax(min(100%,140px),1fr));gap:12px;display:grid}.lv-answers.n3{grid-template-columns:repeat(3,minmax(0,1fr))}.lv-answer{border:2px solid var(--accent);border-radius:var(--r-btn);background:var(--surface);min-height:56px;color:var(--ink);font:inherit;cursor:pointer;padding:10px 14px;font-size:1.2rem;font-weight:600}.lv-answer:hover{background:color-mix(in srgb, var(--accent) 10%, var(--surface))}.lv-answer[aria-disabled=true]{cursor:default}.lv-answer.right,.lv-answer.right:hover{background:var(--accent);color:var(--accent-ink)}.lv-answer.wrong,.lv-answer.wrong:hover{background:var(--amber);border-color:var(--amber);color:var(--amber-ink)}.lv-answer.other{border-color:var(--line)}.lv-feedback{min-height:1.8em}.lv-right,.lv-wrong{font-size:1.2rem;font-weight:700}.lv-right{color:var(--accent)}.lv-wrong>span{color:var(--amber)}.lv-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 16px;padding-top:4px;display:flex}@media (width<=560px){.lv-keys{display:none}}.levels .cell-dot{border-radius:20px;min-width:44px;height:40px;font-size:18px}.levels .cell:before{top:29px}.levels .frets span,.levels .cell:after{font-size:18px}.strip.frets13{grid-template-columns:repeat(13,minmax(0,1fr))}.strip.frets13 .cell{gap:2px}.strip.frets13 .cell:after{content:attr(data-marker);min-height:1.5em;color:var(--fret);font-size:18px;line-height:1.5}@media (width<=560px){.strip.frets13{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}}.lv-shape{justify-self:center;width:min(100%,260px);height:auto}.lv-shape polyline{fill:none;stroke:var(--muted);stroke-width:3px;stroke-linejoin:round}.lv-shape circle{fill:var(--accent)}.lv-picture:not(svg){overflow-x:auto}.lv-tuning{border:1px solid var(--line);border-radius:var(--r-panel);justify-items:start;gap:10px;padding:14px 16px;display:grid}.lv-test{min-height:44px;color:var(--accent);font:inherit;cursor:pointer;background:0 0;border:0;justify-self:start;padding:8px 0;text-decoration:underline}