.guitar-quiz{width:100%;max-width:820px;margin:8px auto 12px;color:var(--foreground)}.guitar-quiz [hidden]{display:none!important}.quiz-heading{display:flex;align-items:center;gap:16px;margin:0 0 18px;padding-bottom:20px;border-bottom:1px solid var(--sk-edge)}.quiz-home-slot{width:65px;height:78px;flex:none}.quiz-heading-copy{min-width:0}.quiz-heading h1{margin:0;font-size:clamp(24px,4vw,32px);line-height:1.2;font-weight:700;letter-spacing:-.035em}.quiz-paper{padding:16px 0}.quiz-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;column-gap:56px;padding:32px 0 18px}.quiz-intro-copy h2{margin:0 0 18px;font-size:clamp(34px,4.5vw,46px);line-height:1.12;font-weight:650;letter-spacing:-.04em}.quiz-intro-copy p{margin:0;font-size:16px;line-height:1.8;color:var(--muted-foreground)}.quiz-intro-instrument{position:relative;height:180px;min-width:0}.intro-strings{position:absolute;inset:14px 0;display:flex;flex-direction:column;justify-content:space-between;padding-block:8px;mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent)}.intro-strings>span{height:var(--gauge);background:linear-gradient(180deg,color-mix(in srgb,var(--muted-foreground) 70%,transparent),color-mix(in srgb,var(--foreground) 30%,transparent));box-shadow:0 1px 2px #0004}.intro-strings>i{position:absolute;top:0;bottom:0;left:25%;width:1px;background:var(--sk-edge)}.intro-strings>i:nth-last-child(2){left:51%}.intro-strings>i:last-child{left:77%}.quiz-intro-action{grid-column:1/-1;display:flex;align-items:center;gap:22px;margin-top:32px;padding-top:26px;border-top:1px solid var(--sk-edge)}.quiz-intro-action>span{font:12px/1.6 var(--font-mono);color:var(--muted-foreground)}.quiz-intro-action i{font-style:normal;padding-inline:6px;opacity:.6}.quiz-intro small{grid-column:1/-1;display:block;margin:18px 0 0;color:var(--muted-foreground);font-size:12px;line-height:1.8}.quiz-intro [data-quiz-start-status]:empty{display:none}.quiz-intro [data-quiz-start-status]{grid-column:1/-1;margin-top:18px;font-size:13px}.quiz-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 20px;border:1px solid var(--primary);border-radius:7px;background:var(--primary);color:var(--primary-foreground);font-size:13px;font-weight:600;box-shadow:inset 0 1px 0 var(--sk-highlight),0 2px color-mix(in srgb,var(--primary) 65%,black);cursor:pointer;transition:filter .15s,transform .15s}.quiz-primary:hover{filter:brightness(1.08)}.quiz-primary:active{transform:translateY(1px)}.quiz-primary:disabled{opacity:.65;cursor:default}.quiz-start{min-height:48px;padding:12px 24px;font-size:15px}.quiz-pick-sticker{position:absolute;top:30px;right:23%;width:90px}.quiz-pick{width:100%;padding:0;border:0;background:transparent;transform:rotate(16deg);cursor:grab;-webkit-tap-highlight-color:transparent;transition:transform .18s ease}.quiz-pick img{pointer-events:none;display:block;width:100%;height:auto;filter:drop-shadow(0 5px 3px #0004);user-select:none}.quiz-pick:hover{transform:rotate(10deg) translateY(-2px)}.quiz-pick:active{transform:rotate(14deg) translateY(1px)}.quiz-meta{display:flex;justify-content:space-between;gap:12px;font:11px var(--font-mono);color:var(--muted-foreground);font-variant-numeric:tabular-nums}.quiz-steps{display:flex;gap:7px;margin:13px 0 24px}.quiz-steps span{height:4px;flex:1;background:var(--sk-well);border-radius:2px}.quiz-steps .done{background:var(--primary)}.quiz-steps .current{background:color-mix(in srgb,var(--primary) 55%,var(--sk-well))}.quiz-playback{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.quiz-playback p{font-size:12px;color:var(--muted-foreground);margin:0 0 0 auto}.quiz-guitar{margin:22px 0 26px;padding-inline:12px;border-block:1px solid var(--sk-edge)}.quiz-guitar .guitar-note-display{display:none}.quiz-question{font-size:19px;line-height:1.4;font-weight:650;letter-spacing:-.02em;margin:0 0 16px}.quiz-answers{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quiz-option{position:relative;display:flex;align-items:stretch;min-width:0;border:1px solid var(--sk-edge);border-radius:6px;background:color-mix(in srgb,var(--card) 60%,transparent)}.quiz-answer{display:flex;align-items:center;gap:14px;flex:1;min-width:0;min-height:60px;padding:13px 8px 13px 16px;text-align:left;border:0;background:transparent;color:var(--foreground);font-size:13px;line-height:1.5;cursor:pointer;border-radius:5px}.quiz-answer>span:first-child{font:11px var(--font-mono);color:var(--muted-foreground)}.quiz-answer>span:last-child{overflow-wrap:anywhere}.quiz-option:has(.quiz-answer:not(:disabled):hover){border-color:var(--primary);background:var(--sk-well)}.quiz-answer:disabled{cursor:default;color:var(--muted-foreground)}.quiz-answer[data-result=correct]{background:color-mix(in srgb,var(--primary) 12%,var(--card));color:var(--foreground)}.quiz-option:has([data-result=correct]){border-color:var(--primary)}.quiz-option:has([data-result=wrong]){border-color:var(--destructive)}.quiz-artist-toggle{flex:none;width:44px;min-height:44px;padding:0;border:0;background:transparent;color:var(--muted-foreground);font:italic 14px Georgia,serif;cursor:pointer;border-radius:5px}.quiz-artist-toggle:hover{color:var(--primary)}.quiz-artist{display:none;position:absolute;z-index:5;bottom:calc(100% + 8px);right:0;align-items:center;gap:12px;width:max-content;max-width:min(300px,80vw);padding:10px 14px;background:var(--card);color:var(--foreground);border:1px solid var(--sk-edge);border-radius:8px;box-shadow:0 5px 14px #0003;font-size:12px;line-height:1.5;pointer-events:none}.quiz-option:focus-within .quiz-artist,.quiz-option.artist-open .quiz-artist{display:flex}@media (hover:hover){.quiz-option:hover .quiz-artist{display:flex}}.quiz-artist-avatar{display:grid;place-items:center;overflow:hidden;flex:none;width:40px;height:40px;border-radius:50%;background:var(--sk-well);color:var(--primary);font:11px var(--font-mono)}.quiz-artist-avatar img{width:40px;height:40px;object-fit:cover}.quiz-feedback{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:90px;padding-top:16px}.quiz-feedback>p{font-size:13px;line-height:1.7;margin:0;color:var(--muted-foreground)}.quiz-advance{display:flex;flex-direction:column;align-items:end;flex:none;gap:8px}.quiz-advance>[data-quiz-advance-note]{font:10px/1.5 var(--font-mono);color:var(--muted-foreground)}.quiz-next{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:44px;padding:9px 16px;border:2px solid #fff8e6;border-radius:3px 9px 4px 7px;background:#e8dbc0;color:#343a35;box-shadow:0 3px 2px #0003;transform:rotate(-3deg);font:600 13px/1.5 var(--font-sans);cursor:pointer;transition:transform .15s}.quiz-next:hover{transform:rotate(0)}.quiz-next:disabled{opacity:.6;cursor:default}.quiz-pocket{display:none}.quiz-results{padding:24px 0}.quiz-results h2{font-size:32px;font-weight:650;letter-spacing:-.03em;margin:0}.quiz-summary{margin:22px 0 0;font:13px var(--font-mono);color:var(--muted-foreground)}.quiz-percentile{font-size:clamp(28px,5vw,44px);line-height:1.3;letter-spacing:-.035em;font-weight:650;color:var(--primary);margin:24px 0 12px}.quiz-result-note{font-size:13px;line-height:1.8;color:var(--muted-foreground);margin:0 0 20px}.quiz-completed{font:12px/1.7 var(--font-mono);color:var(--muted-foreground);margin-bottom:26px}.quiz-loading{display:flex;align-items:center;gap:12px;min-height:44px;margin-top:10px;font-size:12px;color:var(--muted-foreground)}.music-loader{display:flex;align-items:center;justify-content:center;gap:3px;width:30px;height:24px}.music-loader i{width:3px;height:17px;background:var(--primary);border-radius:2px;transform:scaleY(.35);animation:music-beat .8s calc(var(--beat)*-.13s) ease-in-out infinite alternate}@keyframes music-beat{to{transform:scaleY(1)}}.guitar-quiz :focus-visible{outline:2px solid var(--primary);outline-offset:4px}.guitar-quiz h2:focus{outline:0}body:has(.guitar-quiz) .blog-sticker-navigation .sticker-navigation__item:not([data-sticker-id=theme]):not([data-sticker-id=home]):not([data-sticker-id=reset]){display:none}@media (max-width:767px){.quiz-heading{gap:10px;margin-bottom:12px;padding-bottom:12px}.quiz-home-slot{width:58px;height:72px}.quiz-heading h1{font-size:24px}.quiz-paper{padding:12px 0}.quiz-intro{grid-template-columns:1fr;gap:0;padding:18px 0 16px}.quiz-intro-copy h2{font-size:34px;margin-bottom:14px}.quiz-intro-copy p{font-size:15px;line-height:1.7}.quiz-intro-instrument{height:126px;margin-top:22px}.intro-strings{inset:10px 0}.quiz-pick-sticker{top:6px;right:25%;width:76px}.quiz-intro-action{justify-content:space-between;gap:12px;margin-top:16px;padding-top:20px}.quiz-intro-action>span{font-size:11px}.quiz-intro-action i{padding-inline:2px}.quiz-intro small{margin-top:16px;font-size:11px}.quiz-playback p{font-size:11px}.quiz-answers{gap:10px}.quiz-answer{padding:11px 6px 11px 12px;gap:10px}.quiz-feedback{align-items:start}.quiz-feedback>p{font-size:12px}}@media (max-width:767px) and (orientation:portrait){.quiz-guitar{display:none}.quiz-pocket{display:block;margin:20px 0 22px;padding:10px 0;border-block:1px solid var(--sk-edge)}.pocket-string{position:relative;display:flex;align-items:center;gap:14px;height:31px;color:var(--muted-foreground)}.pocket-tuning{width:18px;font:12px var(--font-mono);text-align:center}.pocket-wire{flex:1;height:var(--gauge);background:var(--muted-foreground);opacity:.45}.pocket-note{position:absolute;right:15%;min-width:40px;padding:1px 6px;border-radius:4px;font:12px/1.7 var(--font-mono);background:var(--background);text-align:center;transition:color .1s}.pocket-note:empty{display:none}.is-sounding .pocket-wire{background:var(--primary);opacity:1}.is-sounding .pocket-note{background:var(--primary);color:var(--primary-foreground)}.quiz-pocket p{font-size:10px;color:var(--muted-foreground);text-align:center;margin:9px 0 0}.quiz-answers{grid-template-columns:1fr}.quiz-answer{min-height:52px}}@media (orientation:landscape) and (max-height:550px){.quiz-heading{margin-bottom:12px}.quiz-home-slot{height:60px}.quiz-guitar{margin:16px 0 20px}.quiz-guitar .guitar-neck{padding-block:0}.quiz-steps{margin:10px 0 16px}}@media (prefers-reduced-motion:reduce){.guitar-quiz *{transition:none!important;animation:none!important}.music-loader i:nth-child(2n){transform:scaleY(.8)}}body:has(.guitar-quiz){min-height:100svh}body:has(.guitar-quiz) main{flex:1 0 auto;min-height:0}body:has(.guitar-quiz) .site-footer{flex-shrink:0;padding-bottom:max(24px,env(safe-area-inset-bottom))}body:has(.guitar-quiz) .site-footer-wallpapers{display:none}.quiz-orientation{position:fixed;z-index:75;bottom:24px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100vw - 32px);padding:12px 16px;border:1px solid var(--sk-edge);border-radius:9px;background:var(--card);color:var(--foreground);box-shadow:0 4px 15px #0003;font-size:12px;line-height:1.5;pointer-events:none}.quiz-orientation svg{flex:none;color:var(--primary)}@media (min-width:768px),(orientation:landscape){.quiz-orientation{display:none}}body:has([data-quiz-intro]:not([hidden])) main{justify-content:center}body:has([data-quiz-intro]:not([hidden])) .guitar-quiz{margin-block:16px 28px}@media (max-height:700px){body:has([data-quiz-intro]:not([hidden])) main{justify-content:flex-start}}