@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.block{display:block}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.border{border-style:var(--tw-border-style);border-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--navy:#002a57;--blue:#02779a;--teal:#049b9d;--aqua:#8ccdc0;--cream:#ffe9bd;--peach:#ffb06c;--orange:#ff6d35;--red:#ff2415;--red-dark:#c91e12;--background:#002a57;--foreground:#08283a;--panel:#fff4d6;--panel-strong:#002a57;--accent:#ff2415;--accent-dark:#c91e12;--mint:#8ccdc0;--gold:#ffb06c;--ink-soft:#38687a;--border:#049b9d;--shadow:0 18px 45px #002a573d;--color-text-primary:#002a57;--color-accent-orange:#ff6d35;--color-accent-orange-soft:#ffe1c5;--color-structure-aqua:#8ccdc0;--color-cta-red:#ff2415;--color-surface-cream:#fff4d6;--color-surface-soft:#eef3d9}.jim-interval-art,.jim-visual-piece img,.jim-interval-slot>img{object-fit:contain!important;object-position:center!important}.jim-result>.mobile-games-menu{z-index:4;position:absolute;top:18px;right:18px}.jim-result>div>a,.result-actions a{color:#fff1c9;background:#049b9d;border:1px solid #8ccdc08c;border-radius:8px;place-items:center;min-height:46px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-grid}@media (max-width:760px){.jim-basic-tutorial{padding:16px 12px 22px}.jim-tutorial-page-heading{gap:5px;margin-bottom:16px}.jim-tutorial-page-heading p{color:#8ccdc0;letter-spacing:.09em;font-size:.76rem}.jim-tutorial-page-heading h2{font-size:clamp(2.7rem,16vw,4.4rem);line-height:.88}.jim-tutorial-page-heading strong{font-size:.94rem}.jim-tutorial-intro,.jim-skill-card,.jim-guided-example,.jim-visual-reference,.jim-key-panel,.jim-game-section{padding:13px}.jim-tutorial-steps{grid-template-columns:1fr;gap:8px}.jim-tutorial-steps article{min-height:0;padding:12px}.jim-visual-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jim-visual-piece{min-height:82px;padding:5px}.jim-key-copy{grid-template-columns:1fr}.jim-selection-summary{display:none}.jim-note-bank,.jim-game-section .jim-note-bank{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.jim-interval-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jim-interval-slot{min-height:126px;padding:6px}.jim-interval-slot img{object-fit:contain!important}.jim-challenge-banner{gap:4px;padding:10px 12px}.jim-challenge-banner strong{font-size:1.15rem}.jim-challenge-banner b{font-size:1.55rem}.jim-confirm-answer{z-index:5;width:min(100%,520px);margin:10px auto;position:sticky;bottom:8px}.pan-shell{padding-inline:10px}.pan-header{align-items:center;min-height:62px;margin-bottom:10px}.pan-header h1{font-size:1.45rem}.pan-status{gap:4px 8px;padding:9px 11px}.pan-status p{display:none}.pan-prompt{padding:12px}.pan-prompt h2{max-width:23ch;margin:0 auto 12px;font-size:clamp(1.45rem,7.2vw,2rem);line-height:1.08}.pan-prompt-grid{gap:9px}.pan-note-card,.pan-answer-form,.pan-mini-fretboard{padding:10px}.pan-note-card p,.pan-fret-hint{display:none}.result-actions{grid-template-columns:1fr}}@media (max-width:1000px) and (max-height:560px) and (orientation:landscape){.jim-shell,.pan-shell{padding-top:6px}.jim-header,.pan-header{min-height:46px;margin-bottom:6px}.jim-header h1,.pan-header h1{font-size:1.25rem}.jim-status,.pan-status{padding:6px 9px}.jim-note-bank,.jim-game-section .jim-note-bank{grid-template-columns:repeat(12,minmax(0,1fr));gap:3px}.jim-interval-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.jim-interval-slot{min-height:86px}.pan-prompt-grid{grid-template-columns:minmax(150px,.45fr) minmax(0,1.55fr)}.pan-prompt h2{max-width:none;font-size:1.25rem}}.pan-question-copy{justify-items:center;gap:5px;display:grid}.pan-question-copy>span:not(.pan-mobile-brand){color:var(--teal);letter-spacing:.1em;text-transform:uppercase;font-size:.78rem;font-weight:950}.pan-question-copy>strong{color:var(--orange);font-size:clamp(2.6rem,6vw,4.6rem);line-height:.88}.pan-question-copy>small{color:var(--navy);font-size:clamp(1rem,1.5vw,1.3rem);font-weight:900}.pan-mobile-brand{display:none}.pan-manual-answer{position:relative}.pan-manual-answer summary{color:var(--teal);cursor:pointer;font-size:.82rem;font-weight:900;list-style:none}.pan-manual-answer summary::-webkit-details-marker{display:none}.pan-manual-answer[open]{grid-template-columns:auto minmax(86px,120px);align-items:center;gap:6px 10px;display:grid}.pan-manual-answer[open] summary{grid-column:1/-1}.pan-confirm-answer{background:var(--teal)!important;box-shadow:0 10px 22px #049b9d3d!important}.pan-confirm-answer:disabled{background:#002a5747!important}@media (max-width:700px) and (orientation:portrait){.pan-round-layout{gap:9px;display:grid}.pan-status{border-radius:14px!important;grid-template-columns:auto minmax(0,1fr)!important;gap:5px 8px!important;padding:8px 10px!important}.pan-status>strong,.pan-status>span{white-space:nowrap;background:0 0!important;padding:0!important;font-size:clamp(.68rem,2.9vw,.78rem)!important}.pan-status>span{text-align:right;text-overflow:ellipsis;overflow:hidden}.pan-status p{display:none}.pan-round-dots{grid-column:1/-1;justify-content:center!important;gap:5px!important}.pan-round-dots li{border-width:1px;width:8px!important}.pan-round-dots li.is-current{box-shadow:0 0 0 3px #ff24151f}.pan-prompt{border-radius:16px;margin-bottom:8px;overflow:visible;gap:9px!important;padding:11px!important}.pan-question-copy{grid-template-columns:minmax(0,1fr) auto;justify-items:start;gap:2px 12px;text-align:left!important;margin:0!important}.pan-question-copy>span:not(.pan-mobile-brand),.pan-question-copy>small{grid-column:1}.pan-question-copy>strong{grid-column:1;font-size:clamp(2.4rem,13vw,3.4rem)}.pan-question-copy>small{font-size:.92rem}.pan-prompt-grid{display:contents}.pan-note-card{width:auto;box-shadow:none;background:0 0;border:0;display:block;position:absolute;top:50px;right:18px;padding:0!important}.pan-note-card>span,.pan-note-card p{display:none}.pan-note-chip{border-width:3px;width:72px;padding:6px;min-height:0!important}.pan-note-chip strong{font-size:1.55rem}.pan-note-chip b{font-size:.74rem}.pan-answer-form{gap:8px!important}.pan-mini-fretboard{border-radius:14px;gap:7px;padding:9px!important}.pan-mini-fretboard legend{width:100%;color:var(--cream);text-align:left;margin:0 0 4px;padding:0;font-size:.8rem}.pan-fret-hint{display:none}.pan-fret-options button,.pan-prompt .pan-fret-options button{min-height:58px;padding:7px 3px 8px}.pan-fret-number{width:26px;font-size:.78rem}.pan-fret-options:before{top:25%}.pan-fret-options:after{top:75%}.pan-response-module{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;justify-items:stretch;gap:7px 10px;padding:2px 0 0}.pan-selected-answer{text-align:left;place-items:baseline start;gap:5px;display:flex}.pan-selected-answer span{color:var(--navy);letter-spacing:0;text-transform:none;font-size:.76rem}.pan-selected-answer strong{min-width:0;min-height:0;color:var(--teal);background:0 0;border-radius:0;font-size:1rem;display:inline}.pan-manual-answer{grid-area:2/1/auto/-1}.pan-manual-answer summary{font-size:.75rem}.pan-manual-answer[open]{grid-template-columns:minmax(0,1fr) 92px}.pan-manual-answer label{text-align:left;font-size:.78rem}.pan-manual-answer input{min-height:40px;font-size:1rem!important}.pan-confirm-answer{grid-area:1/2;font-size:.8rem;width:auto!important;min-height:42px!important;padding:0 18px!important}.pan-response-module>p{grid-column:1/-1}}@media (max-width:1000px) and (max-height:600px) and (orientation:landscape){.pan-shell:has(.pan-round-layout){min-height:100dvh;padding:6px 10px 10px!important}.pan-shell:has(.pan-round-layout)>.pan-header{z-index:20;background:0 0;border:0;width:auto;min-height:42px;padding:0;position:absolute;top:8px;right:10px}.pan-shell:has(.pan-round-layout)>.pan-header>div:first-child{display:none}.pan-round-layout{background:#fff4d6f5;border:1px solid #8ccdc052;border-radius:16px;grid-template-columns:minmax(180px,31%) minmax(0,69%);min-height:calc(100dvh - 16px);display:grid;overflow:hidden}.pan-status{background:#002a57f5;border:0;border-right:1px solid #049b9d3d;border-radius:0;flex-direction:column;grid-area:1/1;justify-content:flex-start;align-items:flex-start;gap:6px!important;padding:18px 14px 10px!important;display:flex!important}.pan-status>strong,.pan-status>span{color:var(--cream);background:0 0;padding:0;font-size:clamp(.7rem,1.5vw,.84rem)}.pan-status p{display:none}.pan-round-dots{order:3;justify-content:flex-start;gap:5px;width:auto}.pan-round-dots li{width:8px}.pan-prompt{display:contents}.pan-question-copy{color:var(--cream);text-align:left;pointer-events:none;grid-area:1/1;align-self:end;justify-items:start;gap:1px;margin:0;padding:92px 14px 18px}.pan-mobile-brand{color:var(--aqua);letter-spacing:.12em;margin-bottom:7px;font-size:.72rem;font-weight:950;display:block}.pan-question-copy>span:not(.pan-mobile-brand){color:var(--aqua);font-size:.68rem}.pan-question-copy>strong{color:var(--orange);font-size:clamp(2.4rem,7vw,4.2rem)}.pan-question-copy>small{color:var(--cream);font-size:clamp(.78rem,1.6vw,.95rem)}.pan-prompt-grid{display:contents}.pan-note-card{z-index:3;box-shadow:none;background:0 0;border:0;display:block;position:absolute;bottom:22px;left:14px;padding:0!important}.pan-note-card>span,.pan-note-card p{display:none}.pan-note-chip{border-width:2px;width:62px;padding:4px;min-height:0!important}.pan-note-chip strong{font-size:1.35rem}.pan-note-chip b{font-size:.68rem}.pan-answer-form{grid-area:1/2;align-self:center;padding:10px 14px;gap:7px!important}.pan-mini-fretboard{border-radius:13px;gap:6px;padding:8px!important}.pan-mini-fretboard legend{color:var(--cream);margin:0 0 3px;padding:0;font-size:.74rem}.pan-fret-hint{display:none}.pan-fret-options{grid-template-columns:repeat(12,minmax(0,1fr))}.pan-fret-options:before,.pan-fret-options:after{display:none}.pan-fretboard-string{display:block;bottom:calc(45% + 2px)}.pan-fret-options button,.pan-prompt .pan-fret-options button{min-height:clamp(82px,25dvh,112px);padding:8px 2px 9px}.pan-fret-number{width:25px;font-size:.75rem}.pan-response-module{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:0}.pan-selected-answer{align-items:baseline;gap:5px;display:flex}.pan-selected-answer span{color:var(--navy);letter-spacing:0;text-transform:none;font-size:.72rem}.pan-selected-answer strong{min-width:0;min-height:0;color:var(--teal);background:0 0;font-size:.96rem;display:inline}.pan-manual-answer{grid-area:2/1}.pan-manual-answer summary{font-size:.68rem}.pan-manual-answer[open]{grid-template-columns:auto 76px}.pan-manual-answer label{font-size:.68rem}.pan-manual-answer input{min-height:34px;font-size:.9rem!important}.pan-confirm-answer{grid-area:1/2/span 2;font-size:.76rem;min-height:42px!important;padding-inline:17px!important}}.pan-shell:has(.pan-round-layout){min-height:100svh}.pan-round-layout{grid-template-columns:minmax(220px,.72fr) minmax(540px,1.55fr)!important;align-items:stretch!important;gap:16px!important;width:min(100%,1120px)!important;margin:14px auto 0!important;display:grid!important}.pan-round-layout .pan-status,.pan-round-layout .pan-prompt{width:auto!important;height:auto!important;margin:0!important;position:static!important;inset:auto!important}.pan-round-layout .pan-status{border-radius:18px!important;flex-direction:column!important;justify-content:flex-start!important;gap:10px!important;padding:18px!important;display:flex!important}.pan-round-layout .pan-status>strong,.pan-round-layout .pan-status>span{width:100%;background:0 0!important;padding:0!important}.pan-round-layout .pan-status>strong{letter-spacing:.05em;text-transform:uppercase;color:var(--aqua)!important;font-size:.78rem!important}.pan-round-layout .pan-status>span{font-weight:900;color:var(--cream)!important;font-size:clamp(.92rem,1.3vw,1.08rem)!important}.pan-round-layout .pan-status p{width:100%;font-size:.78rem;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.pan-round-layout .pan-round-dots{order:-1;justify-content:flex-start!important;margin:0!important}.pan-round-layout .pan-prompt{background:var(--cream)!important;border-radius:18px!important;grid-template-columns:minmax(150px,.28fr) minmax(0,.72fr)!important;align-items:center!important;gap:18px!important;padding:18px!important;display:grid!important}.pan-round-layout .pan-question-copy{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;width:auto!important;max-width:none!important;margin:0!important;padding:0!important;display:flex!important;position:static!important}.pan-round-layout .pan-question-copy .pan-mobile-brand{display:none!important}.pan-round-layout .pan-question-copy>span:not(.pan-mobile-brand){letter-spacing:.12em;text-transform:uppercase;font-weight:900;color:var(--red)!important;font-size:.72rem!important}.pan-round-layout .pan-question-copy>strong{color:var(--red)!important;font-size:clamp(2.6rem,5vw,4.4rem)!important;line-height:.92!important}.pan-round-layout .pan-question-copy>small{background:#6ec7bb38;border:1px solid #00526a40;border-radius:999px;margin-top:10px;padding:5px 10px;font-weight:900;color:var(--navy)!important;font-size:.82rem!important;display:inline-flex!important}.pan-round-layout .pan-prompt-grid{grid-column:2;display:block!important;position:static!important}.pan-round-layout .pan-answer-form{gap:10px!important;width:100%!important;padding:0!important;display:grid!important;position:static!important;inset:auto!important}.pan-round-layout .pan-mini-fretboard{width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;margin:0!important;padding:0!important}.pan-round-layout .pan-mini-fretboard legend{letter-spacing:.08em;text-transform:uppercase;width:100%;font-weight:900;color:var(--navy)!important;text-align:left!important;margin:0 0 10px!important;padding:0!important;font-size:.78rem!important}.pan-round-layout .pan-response-module{width:100%!important;box-shadow:none!important;background:0 0!important;border:0!important;grid-template-columns:minmax(0,1fr) auto!important;gap:8px 12px!important;padding:0!important;display:grid!important}.pan-round-layout .pan-selected-answer{min-height:42px;text-align:left!important;background:0 0!important;align-items:center!important;padding:0!important;display:flex!important}.pan-round-layout .pan-selected-answer strong{min-width:0!important;min-height:0!important;color:var(--teal)!important;background:0 0!important;padding:0!important;font-size:.9rem!important;display:block!important}.pan-round-layout .pan-confirm-answer{text-transform:uppercase;grid-area:1/2!important;width:auto!important;max-width:none!important;min-height:42px!important;padding-inline:16px!important}.pan-round-layout .pan-manual-answer{grid-area:2/1/auto/-1!important;margin:0!important}.pan-round-layout .pan-manual-answer summary{font-size:.78rem!important}.pan-round-layout .pan-response-module>p{grid-column:1/-1;margin:0}@media (max-width:700px) and (orientation:portrait){.pan-shell:has(.pan-round-layout){padding:8px 10px 14px!important}.pan-shell:has(.pan-round-layout)>.pan-header{min-height:48px!important;margin-bottom:8px!important}.pan-round-layout{flex-direction:column!important;gap:8px!important;margin-top:0!important;display:flex!important}.pan-round-layout .pan-status{border-radius:14px!important;grid-template-columns:auto minmax(0,1fr)!important;gap:5px 10px!important;padding:8px 10px!important;display:grid!important}.pan-round-layout .pan-round-dots{order:0;grid-column:1/-1;gap:5px!important}.pan-round-layout .pan-status p{display:none!important}.pan-round-layout .pan-prompt{border-radius:16px!important;flex-direction:column!important;gap:10px!important;padding:12px!important;display:flex!important}.pan-round-layout .pan-question-copy{text-align:center!important;align-items:center!important}.pan-round-layout .pan-question-copy>strong{font-size:clamp(2.35rem,12vw,3.15rem)!important}.pan-round-layout .pan-question-copy>small{margin-top:5px}.pan-round-layout .pan-prompt-grid{width:100%}.pan-round-layout .pan-mini-fretboard legend{margin-bottom:7px!important}.pan-round-layout .pan-response-module{grid-template-columns:minmax(0,1fr) auto!important;gap:5px 8px!important}.pan-round-layout .pan-confirm-answer{min-height:40px!important;padding-inline:12px!important;font-size:.76rem!important}}@media (max-width:1000px) and (max-height:600px) and (orientation:landscape){.pan-shell:has(.pan-round-layout){height:100svh!important;min-height:0!important;padding:6px 10px!important;overflow:hidden!important}.pan-shell:has(.pan-round-layout)>.pan-header{min-height:42px!important;margin-bottom:5px!important}.pan-round-layout{grid-template-columns:minmax(180px,30%) minmax(0,70%)!important;gap:8px!important;height:calc(100svh - 59px)!important;margin-top:0!important;display:grid!important}.pan-round-layout .pan-status{border-radius:13px!important;gap:5px!important;padding:10px!important;display:flex!important}.pan-round-layout .pan-status p{display:none!important}.pan-round-layout .pan-prompt{display:contents!important}.pan-round-layout .pan-question-copy{z-index:2!important;width:calc(30% - 28px)!important;position:absolute!important;bottom:68px!important;left:20px!important}.pan-round-layout .pan-question-copy>strong{font-size:clamp(2rem,9vh,2.7rem)!important}.pan-round-layout .pan-prompt-grid,.pan-round-layout .pan-answer-form{grid-column:2!important;width:100%!important;height:100%!important}.pan-round-layout .pan-answer-form{align-content:center!important;padding:8px 10px!important}.pan-round-layout .pan-mini-fretboard legend{margin-bottom:5px!important}.pan-round-layout .pan-response-module{gap:4px 8px!important}.pan-round-layout .pan-selected-answer{min-height:36px}.pan-round-layout .pan-confirm-answer{min-height:36px!important;padding-inline:10px!important;font-size:.72rem!important}.pan-round-layout .pan-manual-answer{font-size:.7rem}}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}*{box-sizing:border-box}html,body{min-height:100%}body{background:linear-gradient(135deg, #002a57fa, #003a5d), linear-gradient(90deg, var(--red), var(--orange), var(--cream), var(--teal));color:var(--foreground);margin:0;font-family:Nunito,Aptos Rounded,Arial Rounded MT Bold,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}.site-shell{background:radial-gradient(circle at 82% 18%,#049b9d40,#0000 34%),radial-gradient(circle at 18% 84%,#ff6d3524,#0000 30%),linear-gradient(130deg,#002a57fc 0%,#003a56fa 54%,#005b62f0 100%);min-height:100vh;padding:clamp(14px,2.4vw,28px);position:relative;overflow:hidden}.site-shell:before{z-index:-1;background:linear-gradient(90deg, transparent 0 22%, var(--blue) 22% 34%, transparent 34%), linear-gradient(90deg, transparent 0 34%, var(--teal) 34% 46%, transparent 46%), linear-gradient(90deg, transparent 0 46%, var(--aqua) 46% 58%, transparent 58%), linear-gradient(90deg, transparent 0 58%, var(--cream) 58% 70%, transparent 70%), linear-gradient(90deg, transparent 0 70%, var(--peach) 70% 81%, transparent 81%), linear-gradient(90deg, transparent 0 81%, var(--orange) 81% 91%, transparent 91%), linear-gradient(90deg, transparent 0 91%, var(--red) 91% 100%);opacity:.18;content:"";border-radius:0;width:min(30vw,280px);height:100vh;position:fixed;top:0;right:0}.site-topbar{z-index:2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#002a571f;border:1px solid #ffe9bd1f;border-radius:14px;justify-content:space-between;align-items:center;gap:18px;width:min(100% - 48px,1220px);margin:0 auto;padding:8px 10px 8px 14px;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.site-brand{color:var(--cream);letter-spacing:.02em;font-size:clamp(.9rem,1.6vw,1.05rem);font-weight:950;text-decoration:none}.site-nav{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.site-nav a{color:#ffe9bde0;border:1px solid #0000;border-radius:999px;place-items:center;min-height:34px;padding:0 12px;font-size:.92rem;font-weight:900;text-decoration:none;transition:background .16s,border-color .16s,color .16s,transform .16s;display:inline-grid}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.is-active{color:var(--cream);background:#8ccdc029;border-color:#8ccdc061;outline:none}.site-nav a:hover{transform:translateY(-1px)}.site-shell:after{z-index:-1;aspect-ratio:1;content:"";border:2px solid #ffe9bd2e;border-radius:999px;width:min(28vw,300px);position:fixed;bottom:clamp(18px,9vw,120px);right:clamp(18px,6vw,92px)}.site-hero{grid-template-columns:minmax(0,.53fr) minmax(420px,.47fr);align-items:center;gap:clamp(40px,5vw,64px);width:min(100% - 48px,1220px);margin:clamp(24px,3vw,40px) auto 0;display:grid}.site-hero-copy{gap:18px;max-width:660px;display:grid}.site-kicker{width:fit-content;color:var(--cream);letter-spacing:.08em;text-transform:uppercase;background:#ffe9bd14;border:1px solid #ffe9bd47;border-radius:999px;margin:0;padding:7px 12px;font-size:.84rem;font-weight:950}.site-hero h1,.games-header h1{color:var(--orange);text-shadow:0 3px 0 var(--red-dark), 0 12px 28px #0000004d}.site-hero h1{max-width:12ch;margin:0;font-size:clamp(3.4rem,5.3vw,5.6rem);line-height:.95}.site-hero p:not(.eyebrow):not(.site-kicker){max-width:46ch;color:var(--cream);font-size:clamp(1.04rem,1.65vw,1.32rem);font-weight:780;line-height:1.55}.site-hero .eyebrow{color:#ffb06cf0;letter-spacing:.09em}.site-actions,.games-list{flex-wrap:wrap;gap:12px;display:flex}.site-actions{margin-top:6px}.site-actions a,.game-card a,.site-back-link{background:var(--red);color:#fff;border-radius:8px;place-items:center;min-height:48px;padding:0 20px;font-weight:900;text-decoration:none;transition:background .16s,box-shadow .16s,transform .16s;display:inline-grid;box-shadow:0 10px 24px #ab2e2038}.site-actions a{background:var(--red);border:1px solid #ffe9bd94;border-radius:10px;min-height:54px;padding:0 24px;font-size:1.08rem}.site-actions a:first-child{min-height:58px;padding:0 28px;box-shadow:0 12px 24px #ff241538}.site-actions a:hover,.game-card a:hover,.site-back-link:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 14px 28px #ab2e2042}.site-actions a:nth-child(2),.site-back-link{background:#049b9d47;border-color:#8ccdc09e;box-shadow:0 8px 18px #049b9d2e}.site-actions a:nth-child(2):hover,.site-back-link:hover{background:var(--blue)}.site-hero-visual{min-height:clamp(430px,44vw,590px);position:relative}.site-visual-card{border-radius:18px;position:absolute}.site-visual-card-main{background:#002a5738;border:1px solid #ffe9bd2e;border-radius:18px;inset:0;overflow:hidden;box-shadow:0 24px 52px #0000003d,inset 0 0 0 1px #ffffff12}.site-visual-card-main img{object-fit:cover;object-position:50% 42%;filter:saturate(1.08)contrast(1.03);width:100%;height:100%}.site-study-strip span,.site-study-heading span{color:var(--aqua);letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;font-weight:950}.site-study-strip{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(100% - 48px,1220px);margin:clamp(56px,6vw,72px) auto 0;display:grid}.site-study-heading{grid-column:1/-1;gap:6px;max-width:720px;margin-bottom:8px;display:grid}.site-study-heading h2{color:var(--cream);margin:0;font-size:clamp(2rem,3vw,3rem);line-height:1}.site-study-heading p{color:#ffe9bde0;max-width:58ch;margin:0;font-weight:850;line-height:1.4}.site-study-strip article{min-height:172px;color:var(--cream);background:linear-gradient(135deg,#fff4d61a,#8ccdc01f),#02779a29;border:1px solid #8ccdc042;border-radius:16px;gap:9px;padding:22px;transition:border-color .16s,box-shadow .16s,transform .16s;display:grid;position:relative;box-shadow:inset 0 0 0 1px #ffffff0d,0 16px 34px #0000001f}.site-study-strip article:hover{border-color:#8ccdc07a;transform:translateY(-3px);box-shadow:inset 0 0 0 1px #ffffff12,0 20px 40px #00000029}.site-study-strip article b{color:#ffb06ce0;letter-spacing:.08em;font-size:.95rem;font-weight:950}.site-study-strip h3{color:var(--cream);margin:0;font-size:clamp(1.25rem,2vw,1.62rem);line-height:1.05}.site-study-strip p{color:#ffe9bde6;margin:0;font-weight:800;line-height:1.42}.games-page{align-content:start;gap:24px;width:min(100%,1200px);max-width:1200px;min-height:calc(100vh - 48px);margin:0 auto;padding:clamp(22px,4vw,42px) clamp(14px,2vw,24px);display:grid}.games-list .game-card{width:100%}.games-shell{background:radial-gradient(circle at 12% 6%,#ff6d3533,#0000 34%),radial-gradient(circle at 88% 82%,#049b9d52,#0000 38%),linear-gradient(135deg,#002a57 0%,#014965 52%,#005f68 100%)}.games-nav,.games-hero,.games-section,.games-account-panel{border:1px solid #ffe9bd24;border-radius:16px;box-shadow:inset 0 0 0 1px #ffffff0d,0 18px 42px #00000024}.games-nav{background:#002a5738;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.games-nav strong{color:var(--cream);font-size:.94rem;font-weight:950}.games-nav div,.games-hero-actions,.games-account-actions,.games-ranking-tabs,.games-ranking-filters{flex-wrap:wrap;gap:9px;display:flex}.games-nav a,.games-hero-actions a,.games-account-actions a,.games-ranking-tabs button,.games-ranking-filters button{min-height:38px;color:var(--cream);background:#8ccdc02e;border:1px solid #ffe9bd52;border-radius:10px;place-items:center;padding:0 13px;font-weight:900;text-decoration:none;display:inline-grid}.games-nav a:hover,.games-hero-actions a:hover,.games-account-actions a:hover,.games-ranking-tabs button:hover,.games-ranking-filters button:hover,.games-ranking-tabs button.is-active,.games-ranking-filters button.is-active{background:#8ccdc057;border-color:#8ccdc0c2}.games-hero{background:#002a5738;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:18px 28px;padding:clamp(20px,3vw,30px);display:grid}.games-hero h1{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(2.7rem,5vw,4.7rem);line-height:.92}.games-description{color:#b9dce5;max-width:620px;margin:14px 0 0;font-size:clamp(1.05rem,1.8vw,1.28rem);font-weight:800;line-height:1.5}.games-summary-strip{flex-wrap:wrap;grid-column:1/-1;gap:10px;display:flex}.games-summary-strip span{color:#b9dce5;background:#fff4d61a;border:1px solid #8ccdc04d;border-radius:999px;padding:8px 11px;font-size:.85rem;font-weight:900}.games-dashboard{grid-template-columns:minmax(0,1fr) minmax(290px,350px);align-items:start;gap:24px;display:grid}.games-main-column,.games-section{gap:22px;display:grid}.games-section{background:#002a5724;padding:clamp(18px,2.5vw,26px)}.games-section-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.games-section-heading h2{color:var(--cream);margin:0;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1}.games-section-heading p{color:#b9dce5;max-width:430px;margin:0;font-weight:800;line-height:1.45}.games-account-panel{color:var(--navy);background:#fff4d6f5;border:1px solid #8ccdc052;border-radius:14px;gap:12px;padding:clamp(16px,2vw,20px);display:grid;box-shadow:0 14px 30px #00000029}.games-account-heading{gap:7px;display:grid}.games-account-heading h2{color:var(--navy);margin:0;font-size:clamp(1.55rem,2vw,2rem);line-height:1}.games-account-heading p{color:var(--ink-soft);margin:0;font-weight:800;line-height:1.35}.games-account-panel form{gap:8px;display:grid}.games-account-panel label{color:var(--red);font-size:1.05rem;font-weight:950;line-height:1.05}.games-account-row{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.games-account-panel input{min-width:0;min-height:42px;color:var(--navy);background:#8ccdc047;border:2px solid #049b9db8;border-radius:9px;outline:none;padding:0 11px;font-weight:900}.games-account-panel input:focus{border-color:var(--orange);box-shadow:0 0 0 4px #ff6d3529}.games-account-panel button{background:var(--navy);color:#fff;border:0;border-radius:9px;min-height:42px;padding:0 13px;font-weight:950;box-shadow:0 8px 18px #002a572e}.games-admin-password{width:100%}.games-account-note,.games-account-notice{margin:0;font-size:.86rem;font-weight:800;line-height:1.35}.games-account-note{color:var(--ink-soft)}.games-account-notice{color:var(--red-dark);background:#ffb06c57;border-radius:9px;padding:8px 10px}.games-account-results{gap:8px;display:grid}.games-active-account{background:#ffb06c38;border:1px solid #ff6d3542;border-radius:12px;gap:3px;padding:11px 12px;display:grid}.games-active-account span{color:var(--red-dark);text-transform:uppercase;font-size:.78rem;font-weight:950}.games-active-account strong{color:var(--navy);font-size:1.05rem}.games-performance-card{gap:10px;display:grid}.games-performance-card h3{color:var(--navy);margin:0;font-size:1.18rem}.games-performance-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.games-performance-grid div{background:#8ccdc02e;border-radius:10px;gap:3px;padding:10px;display:grid}.games-account-results>div{background:#ffe9bd80;border:1px solid #002a5714;border-radius:9px;gap:2px;padding:9px 10px;display:grid}.games-account-results span,.games-performance-grid span,.game-card-meta{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;font-weight:950}.games-account-results strong,.games-performance-grid strong{color:var(--navy);font-size:.98rem;font-weight:950}.games-account-results small{color:var(--ink-soft);font-size:.82rem;font-weight:800;line-height:1.32}.games-account-actions a{color:var(--navy);background:#8ccdc047;border-color:#049b9d47;flex:120px}.games-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:18px;display:grid}.game-card{background:linear-gradient(#fff4d6fa,#ffe9bdeb);border:1px solid #ffb06c94;border-radius:18px;flex-direction:column;gap:16px;min-height:330px;padding:clamp(26px,3vw,34px);transition:border-color .18s,box-shadow .18s,transform .18s;display:flex;box-shadow:0 12px 30px #0000002e}.game-card:hover{border-color:#ff6d35db;transform:translateY(-4px);box-shadow:0 18px 38px #0003}.game-card span{width:fit-content;color:var(--navy);letter-spacing:.05em;text-transform:uppercase;background:#8ccdc0d1;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:950}.game-card h2,.game-card h3{color:var(--red);margin:0;font-size:clamp(1.7rem,2.3vw,2.18rem);line-height:1.02}.game-card p{color:var(--navy);margin:0;font-size:1.02rem;font-weight:780;line-height:1.68}.game-card small{color:var(--ink-soft);font-weight:900;line-height:1.35}.game-card-meta{background:#8ccdc02b;border-radius:10px;padding:9px 10px}.game-card a{border-radius:12px;width:100%;min-height:52px;margin-top:auto;padding:0 22px;box-shadow:0 10px 22px #ff24152e}.game-card a:hover{filter:brightness(1.02);transform:translateY(-2px)}.games-ranking-section{scroll-margin-top:18px}.games-ranking-tabs button,.games-ranking-filters button{color:var(--navy);background:#fff4d6d1;border-color:#8ccdc057}.games-ranking-tabs button.is-active,.games-ranking-filters button.is-active{background:#8ccdc0bd}.games-ranking-table-wrap{background:#fff4d6f5;border:1px solid #ffe9bd29;border-radius:14px;overflow-x:auto}.games-ranking-table{border-collapse:collapse;width:100%;min-width:720px;color:var(--navy)}.games-ranking-table th,.games-ranking-table td{text-align:left;vertical-align:top;border-bottom:1px solid #002a571a;padding:11px 12px}.games-ranking-table th{color:var(--teal);letter-spacing:.05em;text-transform:uppercase;font-size:.75rem;font-weight:950}.games-ranking-table td{font-weight:850}.games-ranking-table td small{color:var(--red-dark);background:#ffb06c57;border-radius:999px;margin-left:6px;padding:3px 6px;font-size:.68rem;font-weight:950;display:inline-grid}.games-ranking-table tr.is-current-user{box-shadow:inset 4px 0 0 var(--teal);background:#8ccdc038}.games-page-simple{gap:clamp(22px,4vw,34px)}.games-nav a.is-active{background:#8ccdc052;border-color:#8ccdc0db}.games-compact-hero{justify-content:space-between;align-items:end;gap:24px;padding:clamp(8px,2vw,16px) 0 4px;display:flex}.games-compact-hero h1,.rankings-header h1{max-width:760px;color:var(--orange);text-shadow:0 3px 0 var(--red-dark), 0 12px 28px #00000042;margin:0;font-size:clamp(3.1rem,7vw,6rem);line-height:.9}.games-compact-hero p,.rankings-header p{color:#d7edf2;max-width:620px;margin:12px 0 0;font-size:clamp(1.02rem,1.6vw,1.2rem);font-weight:800;line-height:1.45}.games-active-summary{color:var(--navy);background:#fff4d6eb;border:1px solid #8ccdc052;border-radius:14px;flex:0 0 min(100%,330px);gap:5px;padding:14px 16px;display:grid;box-shadow:0 14px 30px #0000001f}.games-active-summary span,.games-progress-strip span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:.75rem;font-weight:950}.games-active-summary strong{font-size:1.08rem;font-weight:950}.games-active-summary small{color:var(--ink-soft);font-size:.88rem;font-weight:850;line-height:1.35}.games-active-summary a{width:fit-content;color:var(--orange);font-size:.9rem;font-weight:950;text-decoration:none}.games-catalog{gap:22px;display:grid}.games-catalog-heading{justify-content:space-between;align-items:end;gap:18px;display:flex}.games-catalog-heading h2,.rankings-table-section h2,.account-edit-card h2,.account-stats-card h2{color:var(--cream);margin:0;font-size:clamp(1.9rem,3.2vw,2.8rem);line-height:1}.games-catalog-heading p{color:#d7edf2;max-width:440px;margin:0;font-weight:800;line-height:1.45}.games-page-simple .games-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,2vw,24px)}.game-card-topline{justify-content:space-between;align-items:center;gap:10px;display:flex}.game-card-topline b{width:42px;height:42px;color:var(--navy);background:#8ccdc038;border:1px solid #049b9d3d;border-radius:999px;place-items:center;font-size:1.35rem;display:grid}.games-page-simple .game-card{min-height:340px;padding:clamp(20px,2vw,26px)}.games-page-simple .game-card h3{color:var(--orange);text-shadow:none}.game-card-skill{color:var(--navy);background:linear-gradient(135deg,#8ccdc03d,#ffe9bd73),#fff4d6d6;border:1px solid #049b9d38;border-radius:14px;gap:6px;padding:12px 13px;display:grid}.game-card-skill span{width:fit-content;color:var(--red);letter-spacing:.05em;text-transform:uppercase;background:#ff6d3524;border-radius:999px;padding:3px 8px;font-size:.68rem;font-weight:950}.game-card-skill p{color:var(--navy);margin:0;font-size:.9rem;font-weight:850;line-height:1.32}.games-page-simple .game-card a{width:fit-content;min-width:152px;min-height:46px}.games-progress-strip{background:#002a572e;border:1px solid #ffe9bd2e;border-radius:16px;grid-template-columns:repeat(5,minmax(0,1fr)) auto;align-items:stretch;gap:12px;padding:14px;display:grid}.games-progress-strip>div,.games-progress-strip>a{color:var(--navy);background:#fff4d6eb;border-radius:12px;gap:4px;padding:11px 13px;display:grid}.games-progress-strip strong{font-weight:950}.games-progress-strip>a{color:var(--navy);background:#8ccdc057;place-items:center;font-weight:950;text-decoration:none}.rankings-page,.account-page{gap:clamp(22px,4vw,34px)}.rankings-header{padding:clamp(8px,2vw,16px) 0 0}.rankings-picker{gap:16px;display:grid}.rankings-picker h2{color:var(--cream);margin:4px 0 0;font-size:clamp(1.55rem,2.8vw,2.45rem);line-height:1}.rankings-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);display:grid}.rankings-tabs button{min-height:118px;color:var(--cream);text-align:left;background:linear-gradient(135deg,#8ccdc02e,#002a572e),#fff4d614;border:1px solid #8ccdc075;border-radius:18px;grid-template-columns:auto 1fr;gap:6px 12px;padding:16px;transition:border-color .16s,box-shadow .16s,transform .16s,background .16s;display:grid;position:relative;box-shadow:0 12px 26px #0000001a}.rankings-tabs button:hover{transform:translateY(-3px);box-shadow:0 16px 34px #00000029}.rankings-tabs button>span{width:40px;height:40px;color:var(--cream);background:#8ccdc03d;border:1px solid #8ccdc085;border-radius:999px;grid-row:1/3;place-items:center;font-size:1.2rem;font-weight:950;display:grid}.rankings-tabs button strong{align-self:end;font-size:clamp(1.08rem,2vw,1.42rem);font-weight:950}.rankings-tabs button small{color:#fff4d6d1;font-weight:850;line-height:1.25}.rankings-tabs button em{color:var(--red-dark);letter-spacing:.05em;text-transform:uppercase;background:#ff6d352e;border-radius:999px;padding:5px 9px;font-size:.7rem;font-style:normal;font-weight:950;position:absolute;top:12px;right:12px}.rankings-tabs button.is-active{border:2px solid var(--orange);color:var(--navy);background:linear-gradient(135deg,#ffffff47,#ffb06c1f),#fff4d6f5;box-shadow:0 18px 38px #0000002e}.rankings-tabs button.is-active>span{background:var(--orange);color:#fff;border-color:#ff6d3570}.rankings-tabs button.is-active small{color:var(--ink-soft)}.rankings-current-view{width:fit-content;color:var(--cream);background:#8ccdc03d;border-radius:999px;margin:0;padding:8px 12px;font-weight:950}.rankings-panel{gap:18px;display:grid}.rankings-podium{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.rankings-podium article,.rankings-table-section,.account-edit-card,.account-stats-card{color:var(--navy);background:#fff4d6f0;border:1px solid #ffe9bd38;border-radius:16px;box-shadow:0 14px 30px #00000024}.rankings-podium article{gap:5px;padding:16px;display:grid}.rankings-podium-place-1{border-color:#ff6d357a}.rankings-podium-place-2{transform:translateY(8px)}.rankings-podium-place-3{opacity:.96;transform:translateY(14px)}.rankings-podium span{color:var(--orange);font-size:1.5rem;font-weight:950}.rankings-podium strong{font-size:1.12rem}.rankings-podium small{color:var(--ink-soft);font-weight:850}.rankings-table-section{gap:16px;padding:clamp(16px,2.4vw,24px);display:grid}.rankings-table-section h2,.account-edit-card h2,.account-stats-card h2{color:var(--navy);font-size:clamp(1.55rem,2.6vw,2.2rem)}.rankings-table-section p,.account-edit-card p{color:var(--ink-soft);margin:6px 0 0;font-weight:850;line-height:1.4}.account-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:22px;display:grid}.account-edit-card,.account-stats-card{gap:16px;padding:clamp(18px,2.6vw,26px);display:grid}.account-edit-card form{gap:12px;display:grid}.account-edit-card label{color:var(--red);font-size:1rem;font-weight:950}.account-field-hint{color:var(--ink-soft);margin:-4px 0 2px;font-weight:850}.account-help-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.account-help-steps li{color:var(--navy);background:#8ccdc02e;border:1px solid #049b9d38;border-radius:12px;gap:5px;padding:10px;font-size:.88rem;font-weight:900;line-height:1.25;display:grid}.account-help-steps span{color:var(--teal);letter-spacing:.08em;font-size:.78rem;font-weight:950}.account-edit-card .games-account-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.account-edit-card input{min-height:58px;color:var(--navy);background:#fffdf4;border:2px solid #049b9da8;border-radius:12px;padding:0 16px;font-size:1rem;font-weight:900;box-shadow:inset 0 1px #ffffffb3}.account-edit-card input:focus-visible{border-color:var(--red);outline-offset:2px;outline:3px solid #ff241538}.account-edit-card button{background:var(--orange);color:#fff;cursor:pointer;border:0;border-radius:12px;min-height:58px;padding:0 24px;font-weight:950;transition:filter .16s,box-shadow .16s,transform .16s;box-shadow:0 12px 24px #ff6d3547}.account-edit-card button:hover,.account-edit-card button:focus-visible{filter:brightness(1.04);outline:none;transform:translateY(-1px);box-shadow:0 16px 28px #ff6d3557}.account-edit-card button:disabled{cursor:not-allowed;opacity:.56;box-shadow:none;transform:none}.account-empty-message{color:var(--ink-soft);background:#8ccdc02e;border-radius:12px;margin:0;padding:14px;font-weight:850;line-height:1.45}.jim-shell{--jim-section-max-width:1180px;--jim-board-max-width:var(--jim-section-max-width);--jim-board-gap:clamp(7px, 1vw, 11px);background:linear-gradient(135deg, #002a57f5, #005060eb), linear-gradient(90deg, var(--red), var(--orange), var(--teal));min-height:100vh;color:var(--cream);padding:22px}.jim-header{z-index:90;justify-content:space-between;align-items:center;gap:18px;max-width:1320px;margin:0 auto 18px;display:flex;position:relative}.jim-header h1{max-width:none;color:var(--orange);white-space:nowrap;text-shadow:0 3px 0 var(--red-dark), 0 12px 28px #0000004d;margin:0;font-size:clamp(1.8rem,3.3vw,3.35rem);line-height:1}.jim-nav{flex-wrap:wrap;gap:10px;display:none}.jim-nav a,.jim-primary-action,.jim-mode-panel button,.jim-result button{background:var(--red);color:#fff;border:0;border-radius:8px;place-items:center;min-height:46px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-grid;box-shadow:0 10px 24px #ab2e2038}.jim-nav a:first-child,.jim-primary-action{background:var(--teal)}.jim-primary-action:disabled{background:var(--ink-soft);box-shadow:none;opacity:.66}.jim-status,.jim-mode-panel,.jim-task-panel,.jim-result>div{max-width:1320px;color:var(--navy);box-shadow:var(--shadow);background:#fff4d6f0;border:2px solid #ffe9bd75;border-radius:8px;margin:0 auto 18px}.jim-status{grid-template-columns:auto auto minmax(240px,1fr);align-items:center;gap:12px;padding:14px 16px;display:grid}.jim-status strong,.jim-status span{color:var(--navy);background:#8ccdc094;border-radius:8px;padding:8px 10px;font-weight:900}.jim-status p{color:var(--red-dark);margin:0;font-weight:900;line-height:1.35}.jim-hint-area{gap:12px;max-width:1320px;margin:0 auto 18px;display:grid}.jim-hint-button{background:var(--teal);color:#fff;border:2px solid #ffe9bdb3;border-radius:8px;justify-self:start;min-height:48px;padding:0 18px;font-weight:950;transition:background .16s,box-shadow .16s,transform .16s;box-shadow:0 10px 24px #049b9d3d}.jim-hint-button:hover{background:var(--blue);transform:translateY(-1px);box-shadow:0 14px 28px #049b9d4d}.jim-hint-panel{color:var(--navy);box-shadow:var(--shadow);background:linear-gradient(135deg,#fff4d6fa,#8ccdc0db);border:2px solid #ffe9bd8a;border-radius:8px;gap:10px;padding:clamp(16px,2vw,22px);display:grid}.jim-hint-panel span{width:fit-content;color:var(--red-dark);letter-spacing:.06em;text-transform:uppercase;background:#ff24151f;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:950}.jim-hint-panel h2{color:var(--red);margin:0;font-size:clamp(1.65rem,3.5vw,2.7rem);line-height:1}.jim-hint-panel p,.jim-hint-panel strong{max-width:960px;margin:0;font-weight:850;line-height:1.42}.jim-hint-panel strong{color:var(--red-dark);font-weight:950}.jim-hint-notes{grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px;margin-top:4px;display:grid}.jim-hint-notes small{color:var(--navy);background:#fff4d69e;border:1px solid #002a571f;border-radius:8px;padding:9px 10px;font-weight:900}.jim-mode-panel{place-items:center;min-height:420px;padding:24px;display:grid}.jim-mode-grid{grid-template-columns:repeat(3,minmax(220px,1fr));place-items:stretch stretch}.jim-mode-panel article{background:#ffffff7a;border-radius:8px;align-content:start;gap:12px;width:100%;padding:clamp(18px,2vw,24px);display:grid;box-shadow:inset 0 0 0 2px #002a5714}.jim-mode-panel span{background:#8ccdc0b8;border-radius:999px;width:fit-content;padding:6px 10px;font-weight:900}.jim-mode-panel h2,.jim-task-panel h2,.jim-result h2{color:var(--red);margin:0;font-size:clamp(2rem,5vw,3.6rem)}.jim-mode-panel p,.jim-result p{color:var(--navy);margin:0;font-weight:800;line-height:1.45}.jim-note-bank{grid-template-columns:repeat(6,minmax(86px,1fr));gap:clamp(8px,1vw,12px);max-width:760px;margin:0 auto 22px;display:grid}.jim-note-card,.jim-interval-slot,.jim-task-card{box-shadow:var(--shadow);background:0 0;border:0;border-radius:8px;padding:0;position:relative;overflow:hidden}.jim-note-card{aspect-ratio:1;color:var(--navy);text-align:center;background:#fff4d6b8;border:3px solid #ffe9bdc7;border-radius:16px;align-content:center;place-items:center;transition:outline-color .16s,transform .16s;display:grid}.jim-note-asset,.jim-interval-asset{object-fit:cover;width:100%;height:100%;display:block}.jim-key-modal{z-index:20;background:linear-gradient(#002a57db,#002a57db),linear-gradient(90deg,#ff241542,#049b9d47);place-items:center;padding:clamp(16px,4vw,40px);display:grid;position:fixed;inset:0}.jim-key-dialog{border:3px solid var(--cream);width:min(100%,960px);color:var(--navy);background:#fff4d6fa;border-radius:8px;gap:18px;padding:clamp(20px,4vw,36px);display:grid;box-shadow:0 0 0 7px #049b9d70,0 30px 90px #00000059}.jim-key-dialog h2{color:var(--red);margin:0;font-size:clamp(2.2rem,6vw,4.8rem)}.jim-key-dialog p:not(.eyebrow){max-width:720px;color:var(--navy);margin:0;font-size:clamp(1rem,2vw,1.25rem);font-weight:850;line-height:1.45}.jim-key-rules{max-width:820px;color:var(--navy);gap:8px;font-weight:850;line-height:1.35;display:grid}.jim-key-rules strong{color:var(--red-dark);text-transform:uppercase;font-weight:950}.jim-key-rules ol{gap:6px;margin:0;padding-left:1.25em;display:grid}.jim-key-rules p{color:var(--ink-soft);margin:0;font-size:clamp(.92rem,1.5vw,1.08rem);font-weight:900}.jim-key-bank .jim-note-card{justify-self:center;width:100%;max-width:124px}.jim-key-bank .jim-note-card small{font-size:clamp(.55rem,.95vw,.72rem)}.jim-interval-slot img,.jim-task-card img{object-fit:cover;width:100%;height:100%;display:block}.jim-note-card:nth-child(12n+1){background:var(--jim-note-color,#ffc838)}.jim-note-card:nth-child(12n+2){background:var(--jim-note-color,#ff8e18)}.jim-note-card:nth-child(12n+3){background:var(--jim-note-color,#ff3a1a)}.jim-note-card:nth-child(12n+4){background:var(--jim-note-color,#ff4f82)}.jim-note-card:nth-child(12n+5){background:var(--jim-note-color,#f064e9)}.jim-note-card:nth-child(12n+6){background:var(--jim-note-color,#5e38a8);color:#fff}.jim-note-card:nth-child(12n+7){background:var(--jim-note-color,#3953ff);color:#fff}.jim-note-card:nth-child(12n+8){background:var(--jim-note-color,#149ae8)}.jim-note-card:nth-child(12n+9){background:var(--jim-note-color,#0be6b0)}.jim-note-card:nth-child(12n+10){background:var(--jim-note-color,#94f565)}.jim-note-card:nth-child(12n+11){background:var(--jim-note-color,#7fc86f)}.jim-note-card:nth-child(12n+12){background:var(--jim-note-color,#567f28);color:#fff}.jim-note-card{color:var(--jim-note-text,var(--navy))}.jim-note-placement strong{font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.25rem,2.8vw,2rem);font-weight:900;line-height:.9}.jim-note-card small,.jim-note-placement small{font-size:clamp(.62rem,1.2vw,.8rem);font-weight:900;line-height:1}.jim-note-card.is-selected,.jim-task-card.is-selected{outline:5px solid var(--cream);outline-offset:3px}.jim-note-card.is-selected{transform:translateY(-3px);box-shadow:0 0 0 3px #fff7daeb,0 0 18px #049b9db8}.jim-interval-grid,.jim-task-grid{gap:var(--jim-board-gap,10px);max-width:var(--jim-board-max-width,1120px);grid-template-columns:repeat(6,minmax(124px,1fr));margin:0 auto 22px;display:grid}.jim-reference-board{box-shadow:var(--shadow);background:#ffffffe6;border:2px solid #ffe9bd52;border-radius:8px;padding:clamp(8px,1vw,12px)}.jim-interval-slot,.jim-task-card{aspect-ratio:1.38;border-radius:12px}.jim-interval-slot{background:#fff4d6;border:1px solid #002a5724;grid-template-rows:minmax(0,1fr);grid-template-columns:44px minmax(0,1fr);display:grid;overflow:hidden}.jim-interval-slot img{border-radius:0}.jim-note-placement{z-index:3;aspect-ratio:auto;width:100%;min-width:0;height:100%;color:var(--jim-note-text,var(--navy));box-shadow:none;background:#fff4d6fa;border:0;border-right:1px solid #002a5724;border-radius:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:4px 3px;display:flex;position:static;transform:none}.jim-note-placement:not(.is-empty){background:#fff4d6fa;padding:4px 3px;overflow:hidden}.jim-placement-asset{background:#fff;border:1px solid #002a5724;border-radius:7px;flex:0 0 34px;width:34px;height:34px;display:grid;overflow:hidden}.jim-note-placement .jim-note-asset{object-fit:cover;border-radius:6px;width:100%;height:100%}.jim-placement-label{text-align:center;text-overflow:ellipsis;white-space:nowrap;width:100%;overflow:hidden;font-size:.76rem!important;line-height:1!important}.jim-note-placement.is-empty{background:#fff4d6fa;width:100%;height:100%;padding:4px 3px}.jim-empty-note-indicator{place-items:center;gap:3px;display:grid}.jim-empty-note-indicator small{color:var(--navy);letter-spacing:.03em;text-transform:uppercase;font-size:.58rem;font-weight:950;line-height:1}.jim-note-placement.is-empty .jim-empty-note-indicator strong{width:30px;height:30px;color:var(--navy);background:#fffdf6;border:2px solid #002a57c7;border-radius:50%;place-items:center;font-size:1.15rem;line-height:1;display:grid}.jim-interval-visual{background:#fff;place-items:center;min-width:0;min-height:0;padding:4px;display:grid;overflow:hidden}.jim-interval-visual .jim-interval-asset{object-fit:contain;width:100%;height:100%}.jim-interval-board{--jim-interval-columns:6;--jim-interval-card-height:132px;--jim-interval-note-column:52px;--jim-interval-note-asset-size:40px;--jim-interval-question-size:34px;grid-template-columns:repeat(var(--jim-interval-columns), minmax(0, 1fr));grid-auto-rows:var(--jim-interval-card-height);align-items:stretch;gap:10px;width:min(100%,1180px);margin:0 auto 22px;display:grid}.jim-interval-board>*{width:100%;min-width:0;height:100%;min-height:0}.jim-interval-board>.jim-interval-card,.jim-interval-board>*>.jim-interval-card{width:100%;height:var(--jim-interval-card-height);min-width:0;min-height:0}.jim-interval-slot.jim-interval-card{width:100%;height:var(--jim-interval-card-height);aspect-ratio:auto;min-width:0;min-height:0;padding:0;display:block}.jim-interval-card-layout{grid-template-columns:var(--jim-interval-note-column) minmax(0, 1fr);grid-template-rows:minmax(0,1fr);width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}.jim-interval-card-layout>.jim-note-placement,.jim-interval-card-layout>.jim-interval-visual{width:100%;min-width:0;height:100%;min-height:0}.jim-interval-card-layout .jim-placement-asset{width:var(--jim-interval-note-asset-size);height:var(--jim-interval-note-asset-size);flex-basis:var(--jim-interval-note-asset-size)}.jim-interval-card-layout .jim-empty-note-indicator strong,.jim-interval-card-layout .jim-note-placement.is-empty .jim-empty-note-indicator strong{width:var(--jim-interval-question-size);height:var(--jim-interval-question-size);font-size:1.2rem}.jim-interval-card-layout .jim-empty-note-indicator small{font-size:.64rem}.jim-interval-card-layout .jim-placement-label{font-size:.8rem!important}.jim-interval-card-layout .jim-interval-visual{place-items:center;padding:5px;display:grid;overflow:hidden}.jim-interval-card-layout .jim-interval-visual>img,.jim-interval-card-layout .jim-interval-visual .jim-interval-asset,.jim-interval-card-layout .jim-interval-visual .jim-interval-art{object-fit:contain;object-position:center;width:100%;max-width:100%;height:100%;max-height:100%;display:block}@media (max-width:1000px){.jim-interval-board{--jim-interval-columns:3;--jim-interval-card-height:126px;--jim-interval-note-column:48px;--jim-interval-note-asset-size:36px;--jim-interval-question-size:32px;gap:8px}}@media (max-width:680px){.jim-interval-board{--jim-interval-columns:2;--jim-interval-card-height:126px;--jim-interval-note-column:46px;--jim-interval-note-asset-size:34px;--jim-interval-question-size:32px;gap:8px}}@media (max-width:1000px) and (max-height:560px) and (orientation:landscape){.jim-interval-board{--jim-interval-columns:6;--jim-interval-card-height:96px;--jim-interval-note-column:36px;--jim-interval-note-asset-size:28px;--jim-interval-question-size:26px;gap:6px;margin-bottom:7px;padding:6px}.jim-interval-card-layout .jim-empty-note-indicator small{font-size:.5rem}.jim-interval-card-layout .jim-placement-label{font-size:.62rem!important}}.jim-bass-answer{width:min(100%, var(--jim-board-max-width,1120px));color:var(--navy);background:linear-gradient(135deg,#fff4d6,#f2e6ff);border:2px solid #8041b275;border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(230px,300px);align-items:stretch;gap:14px;margin:0 auto 12px;padding:12px 14px;display:grid;box-shadow:0 12px 26px #00142a29}.jim-bass-answer-copy{align-content:center;gap:2px;min-width:0;display:grid}.jim-bass-answer-copy span{color:#8041b2;letter-spacing:.08em;text-transform:uppercase;font-size:.66rem;font-weight:950}.jim-bass-answer-copy strong{color:var(--navy);font-size:clamp(1.25rem,2vw,1.65rem)}.jim-bass-answer-copy small{color:#002a57bd;font-weight:800}.jim-bass-answer-slot{min-height:64px;color:var(--navy);font:inherit;text-align:left;cursor:pointer;background:#ffffffad;border:2px dashed #8041b2;border-radius:9px;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:10px;padding:6px 10px;display:grid}.jim-bass-answer-slot[data-filled=true]{background:#fff;border-style:solid;box-shadow:0 0 0 3px #8041b21f}.jim-bass-answer-slot>span:last-child{gap:2px;min-width:0;display:grid}.jim-bass-answer-slot small{color:#8041b2;letter-spacing:.05em;text-transform:uppercase;font-size:.62rem;font-weight:950}.jim-bass-answer-slot strong{text-overflow:ellipsis;white-space:nowrap;font-size:1.05rem;overflow:hidden}.jim-bass-answer-question,.jim-bass-answer-asset{color:#8041b2;background:#fff4d6;border:2px solid #8041b2;border-radius:9px;place-items:center;width:48px;height:48px;font-size:1.55rem;font-weight:950;display:grid;overflow:hidden}.jim-bass-answer-asset .jim-note-asset{object-fit:cover;width:100%;height:100%}.jim-interval-slot.is-correct{outline-offset:3px;filter:saturate(.95)brightness(.98);outline:5px solid #0a8f42}.jim-interval-slot.is-correct:after{color:#fff;content:"✓";background:#0a8f42;border-radius:999px;place-items:center;width:28px;height:28px;font-size:1rem;font-weight:900;display:grid;position:absolute;top:8px;right:8px}.jim-mode-selection{place-items:stretch stretch;gap:clamp(22px,3vw,34px);min-height:auto;padding:clamp(22px,4vw,38px);display:grid}.jim-mode-heading{gap:10px;max-width:780px;display:grid}.jim-mode-heading span,.jim-mode-card span,.jim-objective-card span,.jim-key-header span{width:fit-content;color:var(--navy);letter-spacing:.05em;text-transform:uppercase;background:#8ccdc0b3;border-radius:999px;padding:6px 10px;font-size:.78rem;font-weight:950}.jim-mode-heading h2,.jim-basic-tutorial h2,.jim-key-header h2,.jim-round-header h2,.jim-section-heading h2{color:var(--orange);margin:0;font-size:clamp(2.2rem,5vw,4.2rem);line-height:.95}.jim-mode-heading h2{white-space:nowrap;font-size:clamp(2rem,4vw,3.4rem)}.jim-mode-heading p,.jim-tutorial-intro p,.jim-key-header p,.jim-round-header p,.jim-section-heading p{color:var(--navy);margin:0;font-weight:850;line-height:1.45}.jim-mode-cards{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(14px,2vw,22px);display:grid}.jim-mode-progression,.jim-mode-scales-track{gap:10px;display:grid}.jim-mode-main-cards{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr}.jim-mode-main-cards .jim-mode-card{grid-column:auto}@media (min-width:1600px){.jim-mode-main-cards{grid-template-columns:repeat(4,minmax(0,1fr))}}.jim-mode-progression-heading{color:var(--navy);justify-content:space-between;align-items:baseline;gap:14px;display:flex}.jim-mode-progression-heading span{color:var(--teal);letter-spacing:.09em;text-transform:uppercase;font-size:.7rem;font-weight:950}.jim-mode-progression-heading strong{text-align:right;font-size:.78rem}.jim-mode-card-intermediate{background:linear-gradient(150deg,#fff4d6,#efe4ff);border-color:#8b50cd8c}.jim-mode-card-intermediate>a{background:#8041b2}.jim-mode-scales-track .jim-mode-card{grid-column:auto;min-height:0}.jim-mode-card{grid-column:span 2}.jim-mode-card-free{grid-column:2/span 2}.jim-mode-card-scales{grid-column:4/span 2}.jim-mode-card{background:linear-gradient(#ffffff6b,#8ccdc02e),#fff4d6eb;border:1px solid #002a571f;border-radius:18px;flex-direction:column;gap:11px;min-height:310px;padding:clamp(16px,1.7vw,22px);display:flex;box-shadow:0 18px 42px #00000029}.jim-mode-card.is-recommended{border-color:#ff24154d;box-shadow:inset 0 0 0 2px #ff24151f,0 18px 42px #00000029}.jim-mode-card h3{color:var(--red);white-space:nowrap;margin:0;font-size:clamp(1.8rem,3vw,2.45rem);line-height:.95}.jim-mode-card p{color:var(--navy);margin:0;font-weight:850;line-height:1.42}.jim-mode-card ul{color:var(--navy);gap:8px;margin:0;padding:0;font-weight:900;list-style:none;display:grid}.jim-mode-card li{background:#8ccdc047;border-radius:10px;padding:8px 10px}.jim-mode-card button,.jim-mode-card>a{margin-top:auto}.jim-mode-card>a{background:var(--red);color:#fff;border-radius:8px;place-items:center;min-height:48px;padding:0 16px;font-weight:950;text-decoration:none;display:grid}.jim-extension-picker{max-width:1180px;color:var(--cream);background:#002a578a;border:1px solid #8ccdc06b;border-radius:8px;margin:0 auto 18px;padding:14px}.jim-extension-picker summary{cursor:pointer;font-weight:950}.jim-extension-picker>div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.jim-extension-picker button{border:1px solid var(--aqua);background:var(--cream);min-width:64px;min-height:48px;color:var(--navy);border-radius:8px;gap:2px;font-weight:950;display:grid}.jim-extension-picker button.is-active{background:var(--orange);color:#fff}.jim-extension-picker small{font-size:.68rem}.jim-basic-tutorial,.jim-key-panel,.jim-round-header,.jim-game-section{max-width:1180px;color:var(--navy);box-shadow:var(--shadow);background:#fff4d6f5;border:1px solid #ffe9bd70;border-radius:18px;margin:0 auto 12px;padding:clamp(14px,2vw,22px)}.jim-basic-tutorial{gap:clamp(16px,2.6vw,24px);display:grid}.jim-tutorial-intro{gap:12px;max-width:860px;display:grid}.jim-tutorial-page-heading{justify-items:start;gap:5px;display:grid}.jim-tutorial-page-heading p,.jim-tutorial-page-heading h2,.jim-tutorial-page-heading strong{margin:0}.jim-tutorial-page-heading p{color:#007d83;font-size:.82rem;font-weight:950}.jim-tutorial-page-heading h2{color:var(--orange);font-size:clamp(2.8rem,7vw,5.5rem);line-height:.86}.jim-tutorial-page-heading strong{color:var(--navy);font-size:clamp(1rem,2vw,1.35rem)}.jim-tutorial-page-heading span{color:#006f78;background:#7ecfc452;border-radius:999px;padding:6px 11px;font-size:.78rem;font-weight:950;display:inline-flex}.jim-tutorial-intro h3{color:var(--orange);margin:0;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.05}.jim-skill-card{border:1px solid #049b9d3d;border-left:8px solid var(--teal);background:#8ccdc038;border-radius:15px;gap:8px;padding:16px 18px;display:grid}.jim-skill-card span{width:fit-content;color:var(--red);letter-spacing:.05em;text-transform:uppercase;font-size:.78rem;font-weight:950}.jim-skill-card p{color:var(--navy);margin:0;font-size:clamp(1rem,1.7vw,1.2rem);font-weight:900;line-height:1.35}.jim-tutorial-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.jim-tutorial-steps article{background:#ffffff61;border:1px solid #049b9d33;border-radius:14px;gap:8px;padding:14px;display:grid}.jim-tutorial-steps article>span{background:var(--red);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:950;display:grid}.jim-tutorial-steps h3,.jim-guided-example h3{color:var(--red-dark);margin:0}.jim-tutorial-steps p{color:var(--navy);margin:0;font-weight:800;line-height:1.42}.jim-guided-example{background:#ffffff5c;border:1px solid #049b9d38;border-radius:16px;gap:12px;padding:16px;display:grid}.jim-guided-example p{color:var(--navy);margin:0;font-weight:850}.jim-guided-example-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.jim-guided-example-grid span{text-align:center;background:#fff4d6eb;border-radius:12px;gap:4px;padding:12px;display:grid;box-shadow:inset 0 0 0 1px #002a5714}.jim-guided-example-grid strong{color:var(--red);font-size:.92rem}.jim-guided-example-grid b{color:var(--navy);font-size:clamp(1.5rem,3vw,2.2rem)}.jim-visual-reference{gap:14px;display:grid}.jim-visual-sequence{grid-template-columns:repeat(auto-fit,minmax(138px,1fr));gap:12px;display:grid}.jim-visual-sequence article{background:#ffffff6b;border:1px solid #049b9d2e;border-radius:14px;grid-template-columns:1fr auto .78fr;align-items:center;gap:7px;padding:8px;display:grid}.jim-visual-sequence article>span{color:var(--red);font-weight:950}.jim-visual-sequence small{color:var(--navy);text-align:center;grid-column:1/-1;font-weight:950}.jim-visual-piece{background:#fff4d6c7;border-radius:10px;overflow:hidden;box-shadow:0 8px 18px #0000001f}.jim-visual-piece img{object-fit:cover;width:100%;height:100%;display:block}.jim-visual-piece-interval{aspect-ratio:1.42}.jim-visual-piece-note{aspect-ratio:1}.jim-visual-piece-note img{object-fit:cover}.jim-example-strip li{text-align:center;gap:2px;display:grid}.jim-tutorial-actions,.jim-key-actions,.jim-round-actions{flex-wrap:wrap;gap:12px;display:flex}.jim-tutorial-actions button,.jim-key-header button,.jim-round-actions button{background:var(--red);color:#fff;border:0;border-radius:10px;min-height:46px;padding:0 18px;font-weight:950;box-shadow:0 10px 24px #ab2e2033}.jim-tutorial-actions button:nth-child(2),.jim-key-header button,.jim-round-actions button{background:var(--teal)}.jim-chord-tutorial{max-width:1120px;color:var(--navy);gap:12px;margin:0 auto 14px;display:grid}.jim-chord-tutorial-hero,.jim-chord-how-it-works,.jim-triad-contrast,.jim-pro-scope,.jim-chord-library{box-shadow:var(--shadow);background:#fff4d6f5;border:1px solid #ffe9bd70;border-radius:16px;padding:15px}.jim-chord-tutorial-hero{background:radial-gradient(circle at 100% 0,#7ecfc46b,#0000 42%),#fff4d6fa;gap:12px;display:grid;overflow:hidden}.jim-chord-tutorial-hero>div,.jim-chord-copy,.jim-section-heading,.jim-pro-scope{gap:7px;display:grid}.jim-chord-tutorial-hero span,.jim-chord-copy>span,.jim-section-heading>span,.jim-pro-scope>span{color:#006f78;letter-spacing:.06em;text-transform:uppercase;background:#7ecfc475;border-radius:999px;width:fit-content;padding:5px 8px;font-size:.7rem;font-weight:950}.jim-chord-tutorial h1,.jim-chord-tutorial h2,.jim-chord-tutorial p{margin:0}.jim-chord-tutorial h1{color:var(--orange);letter-spacing:-.035em;overflow-wrap:normal;white-space:nowrap;font-size:clamp(1.25rem,6.5vw,3rem);line-height:.95}.jim-chord-tutorial h2{color:var(--orange);letter-spacing:-.02em;overflow-wrap:normal;white-space:nowrap;font-size:clamp(1.1rem,5vw,2.15rem);line-height:1}.jim-chord-tutorial-hero>div>p,.jim-chord-copy p,.jim-section-heading p,.jim-pro-scope p{font-weight:800;line-height:1.4}.jim-chord-tutorial-hero aside{background:var(--navy);color:var(--cream);border-radius:13px;gap:5px;padding:13px;display:grid}.jim-chord-tutorial-hero aside strong{color:var(--aqua);font-size:1rem}.jim-chord-tutorial-hero aside p{font-weight:750;line-height:1.4}.jim-chord-how-it-works{gap:12px;display:grid}.jim-chord-example-card{background:#ffffff75;border:1px solid #049b9d3d;border-radius:14px;gap:10px;padding:13px;display:grid}.jim-chord-example-card>div{gap:3px;display:grid}.jim-chord-example-card>div small,.jim-triad-contrast-grid small{color:#007d83;letter-spacing:.05em;text-transform:uppercase;font-size:.76rem;font-weight:950}.jim-chord-example-card>div strong{color:var(--red);font-size:1.65rem}.jim-chord-example-card dl,.jim-chord-accordion-content dl{gap:8px;margin:0;display:grid}.jim-chord-example-card dl>div,.jim-chord-accordion-content dl>div{background:#7ecfc438;border-radius:10px;gap:2px;padding:6px 9px;display:grid}.jim-chord-example-card dt,.jim-chord-accordion-content dt{color:#007d83;text-transform:uppercase;font-size:.72rem;font-weight:950}.jim-chord-example-card dd,.jim-chord-accordion-content dd{margin:0;font-weight:950}.jim-triad-contrast,.jim-pro-scope,.jim-chord-library,.jim-triad-contrast-grid{gap:12px;display:grid}.jim-triad-contrast-grid article{background:#ffffff6b;border:1px solid #049b9d38;border-radius:13px;gap:8px;padding:13px;display:grid}.jim-triad-contrast-grid strong{color:var(--red);font-size:1.16rem}.jim-triad-contrast-grid p,.jim-triad-contrast-grid b{font-weight:900}.jim-triad-contrast-grid b,.jim-pro-scope>strong{border-left:5px solid var(--teal);background:#7ecfc43b;padding:9px 11px}.jim-chord-categories,.jim-chord-accordions{gap:10px;display:grid}.jim-chord-category,.jim-chord-accordion{background:#ffffff75;border:1px solid #049b9d3d;border-radius:14px;overflow:hidden}.jim-chord-category>summary,.jim-chord-accordion>summary{cursor:pointer;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:54px;padding:10px 12px;list-style:none;display:grid}.jim-chord-category>summary::-webkit-details-marker{display:none}.jim-chord-accordion>summary::-webkit-details-marker{display:none}.jim-chord-category>summary>span,.jim-chord-accordion>summary>span:not(.jim-chord-symbol){gap:3px;min-width:0;display:grid}.jim-chord-category>summary strong{color:var(--red);font-size:1.08rem}.jim-chord-category>summary small,.jim-chord-accordion>summary small{color:var(--ink-soft);font-weight:750;line-height:1.25}.jim-chord-category>summary>b,.jim-chord-accordion>summary>b{background:var(--teal);color:#fff;white-space:nowrap;border-radius:999px;padding:7px 9px;font-size:.68rem}.jim-chord-category[open]>summary,.jim-chord-accordion[open]>summary{background:#7ecfc433}.jim-chord-category[open]>summary>b:before,.jim-chord-accordion[open]>summary>b:before{content:"Fechar "}.jim-chord-category[open]>summary>b,.jim-chord-accordion[open]>summary>b{font-size:0}.jim-chord-category[open]>summary>b:before,.jim-chord-accordion[open]>summary>b:before{font-size:.68rem}.jim-chord-accordions{background:#002a570d;padding:10px}.jim-chord-accordion>summary{grid-template-columns:auto minmax(0,1fr) auto;min-height:60px}.jim-chord-symbol{background:var(--navy);min-width:50px;min-height:40px;color:var(--cream);border-radius:10px;place-items:center;padding:5px 8px;font-size:1.05rem;font-weight:950;display:grid}.jim-chord-accordion-content{border-top:1px solid #049b9d2e;gap:11px;padding:11px;display:grid}.jim-chord-accordion-content>p{font-weight:800;line-height:1.45}.jim-library-intervals{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.jim-library-interval-card{background:var(--cream);border-radius:9px;gap:3px;min-width:0;margin:0;padding:4px;display:grid;box-shadow:0 7px 16px #0000001f}.jim-library-interval-card img{aspect-ratio:1.43;object-fit:cover;border-radius:7px;width:100%;height:auto;display:block}.jim-library-interval-card figcaption{color:var(--navy);text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:.62rem;font-weight:900;overflow:hidden}.jim-chord-annotation,.jim-chord-visual-pending{color:var(--navy);background:#7ecfc438;border-radius:9px;padding:9px 10px;font-weight:850;line-height:1.35}.jim-chord-visual-pending{background:#ffc4002b}.jim-chord-tutorial-actions{background:#002a57f0;border:1px solid #ffe9bd7a;border-radius:14px;padding:10px;box-shadow:0 12px 30px #00000047}.jim-chord-tutorial-actions button{flex:100%;min-height:52px}.jim-chord-tutorial-actions-single{justify-content:center}.jim-chord-tutorial-actions-single button{flex:0 auto}.jim-tutorial-actions-single{justify-content:center}.jim-tutorial-actions-single button{flex:0 auto}.jim-tutorial-page-heading strong{white-space:nowrap;font-size:clamp(.8rem,1.25vw,1.05rem);line-height:1.2}@media (min-width:900px){.jim-chord-tutorial{gap:15px}.jim-chord-tutorial-hero,.jim-chord-how-it-works,.jim-triad-contrast,.jim-pro-scope,.jim-chord-library{padding:clamp(18px,1.8vw,24px)}.jim-chord-tutorial h1{font-size:clamp(2.65rem,4vw,3.35rem)}.jim-chord-tutorial h2,.jim-chord-tutorial .jim-section-heading h2{font-size:clamp(1.8rem,2.5vw,2.2rem)}.jim-chord-tutorial-hero{grid-template-columns:minmax(0,1.55fr) minmax(260px,.65fr);align-items:end}.jim-chord-how-it-works{grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);align-items:center}.jim-triad-contrast-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jim-chord-accordions{padding:10px}.jim-chord-accordion-content dl{grid-template-columns:repeat(2,minmax(0,1fr))}.jim-library-intervals{grid-template-columns:repeat(auto-fit,minmax(96px,124px));justify-content:center}.jim-chord-tutorial-actions button{flex:0 auto}}.jim-key-panel{grid-template-columns:minmax(0,.36fr) minmax(0,.64fr);align-items:start;gap:clamp(32px,4vw,48px);display:grid}.jim-key-copy,.jim-key-header{gap:14px;max-width:100%;display:grid}.jim-key-header h2{max-width:760px;font-size:clamp(2.3rem,4vw,3.5rem)}.jim-key-header button{background:var(--teal);justify-self:start;width:fit-content}.jim-selection-summary{background:linear-gradient(135deg,#ffb06c2e,#8ccdc038),#fff4d6b8;border:1px solid #049b9d47;border-radius:16px;gap:7px;max-width:360px;padding:14px 16px;display:grid;box-shadow:inset 0 0 0 1px #ffffff70}.jim-selection-summary span,.jim-active-note-status span{width:fit-content;color:var(--teal);letter-spacing:.07em;text-transform:uppercase;font-size:.76rem;font-weight:950}.jim-selection-summary strong,.jim-active-note-status strong{color:var(--navy);font-size:1.08rem;font-weight:950}.jim-selection-summary p,.jim-active-note-status p{color:var(--ink-soft);margin:0;font-weight:850;line-height:1.35}.jim-key-chooser{gap:18px;display:grid}.jim-key-bank{grid-template-columns:repeat(4,minmax(92px,1fr));max-width:none;margin:0}.jim-key-bank,.jim-note-bank{width:100%}.jim-key-bank .jim-note-card,.jim-game-section .jim-note-card{aspect-ratio:1;isolation:isolate;border:2px solid #049b9d42;border-radius:18px;width:100%;max-width:none;min-height:auto;padding:0;box-shadow:0 12px 26px #0000001f;color:var(--navy)!important;background:#fff4d666!important}.jim-key-bank .jim-note-card.is-selected,.jim-game-section .jim-note-card.is-selected{border-color:var(--orange);outline-offset:2px;outline:4px solid #ff6d352e;background:#ff6d353d!important}.jim-key-bank .jim-note-card:hover,.jim-game-section .jim-note-card:hover{transform:translateY(-3px);box-shadow:0 16px 30px #00000029}.jim-key-bank .jim-note-card:focus-visible,.jim-game-section .jim-note-card:focus-visible,.rankings-tabs button:focus-visible{outline:3px solid var(--cream);outline-offset:4px}.jim-selected-mark{z-index:2;background:var(--orange);color:#fff;border-radius:999px;place-items:center;width:28px;height:28px;font-weight:950;display:grid;position:absolute;top:8px;right:8px;box-shadow:0 8px 18px #0000002e}.jim-round-header{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;display:grid}.jim-round-header>div:first-child{gap:6px;display:grid}.jim-round-header>div:first-child>span{color:var(--red-dark);letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;font-weight:950}.jim-round-progress{grid-template-columns:repeat(5,minmax(34px,1fr));gap:6px;width:min(320px,42vw);display:grid}.jim-round-progress span{background:#ffffff8a;border:1px solid #002a572e;border-radius:999px;width:100%;height:8px;display:block}.jim-round-progress .is-done{background:var(--teal)}.jim-round-progress .is-current{background:var(--orange)}.jim-round-actions{grid-column:1/-1}.jim-game-section{gap:16px;display:grid}.jim-notes-toolbar{grid-template-columns:minmax(220px,.28fr) minmax(0,.72fr);align-items:center;gap:clamp(24px,3vw,32px);margin-bottom:12px}.jim-section-heading{gap:8px;display:grid}.jim-section-heading h2{font-size:clamp(1.8rem,3vw,2.6rem)}.jim-game-section .jim-note-bank{grid-template-columns:repeat(12,minmax(52px,1fr));gap:6px;max-width:none;margin:0}.jim-primary-action{justify-self:start;margin:0}.jim-active-note-status{background:#8ccdc02e;border:1px solid #049b9d33;border-radius:14px;gap:6px;margin-top:6px;padding:12px;display:grid}.jim-active-note-status button{min-height:34px;color:var(--navy);background:#8ccdc066;border:1px solid #049b9d70;border-radius:999px;justify-self:start;padding:0 12px;font-weight:950}.jim-challenge-banner{max-width:1320px;color:var(--navy);box-shadow:var(--shadow);background:#fff4d6f5;border:2px solid #ffe9bd80;border-radius:8px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:0 auto 18px;padding:16px;display:flex}.jim-challenge-banner span{background:#8ccdc0a3;border-radius:999px;padding:6px 10px;font-weight:900}.jim-challenge-banner strong{color:var(--red);font-size:clamp(1.6rem,4vw,3.2rem);font-weight:950}.jim-challenge-banner b{color:var(--navy);font-size:clamp(1.1rem,2vw,1.7rem);font-weight:950}.jim-task-panel{gap:18px;padding:18px;display:grid}.jim-task-grid{grid-template-columns:repeat(5,minmax(120px,1fr));margin:0}.jim-result{background:#002a57b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.jim-result>div{gap:14px;width:min(100%,520px);margin:0;padding:28px;display:grid}.jim-round-complete>div{background:linear-gradient(135deg,#fff4d6fa,#8ccdc0e0);border-color:#049b9d85}.jim-round-complete h2{color:var(--teal)}.pan-shell{background:linear-gradient(135deg, #002a57f5, #005060eb), linear-gradient(90deg, var(--red), var(--orange), var(--teal));min-height:100vh;color:var(--cream);padding:22px}.pan-header{justify-content:space-between;align-items:end;gap:18px;max-width:1320px;margin:0 auto 12px;display:flex}.pan-header h1{max-width:760px;color:var(--orange);text-shadow:0 3px 0 var(--red-dark), 0 12px 28px #0000004d;margin:0;font-size:clamp(2.3rem,4.85vw,4.72rem);line-height:.92}.pan-intro,.pan-status,.pan-challenge,.pan-fretboard-panel,.pan-modal>div{max-width:1320px;color:var(--navy);box-shadow:var(--shadow);background:#fff4d6f0;border:2px solid #ffe9bd75;border-radius:8px;margin:0 auto 18px}.pan-intro{background:linear-gradient(135deg,#fff4d6fa,#ffe9bdeb);border:1px solid #ffe9bd75;border-radius:20px;width:min(100% - 32px,1180px);padding:clamp(20px,3.4vw,40px);box-shadow:0 18px 44px #002a572e}.pan-intro-inner{gap:clamp(32px,5vw,64px);display:grid}.pan-intro h2,.pan-modal h2{color:var(--color-accent-orange);margin:0;font-size:clamp(2rem,3.5vw,3.45rem);line-height:1.03}.pan-intro h2 span{color:var(--navy)}.pan-intro p,.pan-modal p{color:var(--navy);margin:0;font-size:clamp(1rem,1.4vw,1.1rem);font-weight:500;line-height:1.62}.pan-visual-guide,.pan-strings-section{grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);align-items:center;gap:clamp(24px,4vw,48px);display:grid}.pan-visual-copy,.pan-strings-copy{align-content:start;gap:16px;display:grid}.pan-visual-copy>p,.pan-strings-copy>p,.pan-manual-section>p{max-width:65ch}.pan-visual-list{gap:10px;margin:4px 0 2px;padding:0;list-style:none;display:grid}.pan-visual-list li{color:var(--navy);background:#8ccdc026;border:1px solid #049b9d38;border-radius:12px;padding:10px 12px 10px 34px;font-weight:650;line-height:1.35;position:relative}.pan-visual-list li:before{background:var(--color-accent-orange);content:"";border-radius:999px;width:10px;height:10px;position:absolute;top:13px;left:13px}.pan-flow-chips{flex-wrap:wrap;gap:10px;margin-top:4px;display:flex}.pan-flow-chips span{color:var(--navy);background:#8ccdc038;border:1px solid #049b9d3d;border-radius:999px;padding:8px 11px;font-size:.9rem;font-weight:850}.pan-manual-section,.pan-before-play,.pan-strings-section,.pan-final-cta{gap:16px;display:grid}.pan-manual-section>p,.pan-before-play>div>p,.pan-final-cta>p{max-width:65ch}.pan-objective-callout{border-left:5px solid var(--color-accent-orange);background:var(--color-accent-orange-soft);border-radius:10px;gap:7px;width:min(100%,680px);padding:13px 15px;display:grid}.pan-objective-callout span{color:var(--color-accent-orange);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:700}.pan-objective-callout p{font-weight:600;line-height:1.48}.pan-reference-card ul{color:var(--navy);gap:8px;margin:0;padding-left:1.15em;font-weight:600;line-height:1.45;display:grid}.pan-string-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0 0;padding:0;list-style:none;display:grid}.pan-string-mini-grid li,.pan-note-tags span{color:var(--color-text-primary);background:#8ccdc029;border:1px solid #049b9d47;border-radius:9px;padding:7px 9px;font-size:.9rem;font-weight:600;line-height:1.15}.pan-string-mini-grid strong{color:var(--color-accent-orange);font-weight:800;display:block}.pan-note-tags{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.pan-manual-section{padding-top:0}.pan-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:8px;display:grid}.pan-steps article{background:#8ccdc02e;border:1px solid #049b9d38;border-radius:14px;gap:8px;min-height:154px;padding:clamp(16px,1.8vw,22px);display:grid;box-shadow:0 10px 24px #002a5714}.pan-steps span{color:#049b9d75;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:850;line-height:.85}.pan-steps h3,.pan-example-card h3{color:var(--navy);margin:0;font-size:clamp(1.15rem,2vw,1.42rem);font-weight:600;line-height:1.12}.pan-steps p{font-size:1rem;font-weight:500;line-height:1.55}.pan-example-card{background:#fff4d6d1;border:1px solid #049b9d47;border-radius:14px;grid-template-columns:minmax(240px,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(18px,3vw,28px);width:100%;padding:clamp(20px,3vw,28px);display:grid;box-shadow:0 12px 28px #002a571a}.pan-example-copy{gap:12px;display:grid}.pan-example-path{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.pan-example-path span{color:var(--navy);background:#8ccdc02e;border:1px solid #002a571a;border-radius:10px;padding:10px;font-weight:700;line-height:1.25}.pan-example-path small{opacity:.78;font-size:.78rem;font-weight:500;display:block}.pan-example-path b{color:#002a5757;font-size:1.15rem}.pan-example-path span:last-child{background:#ffe1c5b3;border-color:#ff6d3594}.pan-example-path span:last-child:before{color:var(--color-accent-orange);content:"✓";margin-right:5px;font-weight:900}.pan-example-copy>strong{background:var(--color-accent-orange);width:fit-content;color:var(--color-text-primary);border:1px solid #ff6d3542;border-radius:999px;padding:9px 13px;font-weight:800;box-shadow:0 8px 18px #ff6d3524}.pan-before-play{border-top:1px solid #002a571a;padding-top:clamp(24px,4vw,40px)}.pan-reference-grid{grid-template-columns:minmax(0,1.38fr) minmax(310px,1fr);align-items:stretch;gap:clamp(24px,3vw,32px);display:grid}.pan-reference-card{background:#fff4d6c7;border:1px solid #049b9d3d;border-radius:16px;align-content:start;gap:18px;padding:clamp(18px,2vw,24px);display:grid;box-shadow:0 12px 28px #002a571a}.pan-reference-card h3{color:var(--navy);margin:0 0 8px;font-size:clamp(1.16rem,1.8vw,1.38rem);font-weight:600;line-height:1.15}.pan-reference-card p{margin-bottom:12px}.pan-final-cta{text-align:center;background:#8ccdc01f;border-top:1px solid #002a571a;border-radius:16px;justify-items:center;padding-top:clamp(24px,4vw,40px);padding-bottom:clamp(18px,3vw,28px)}.pan-before-play h2,.pan-final-cta h2{color:var(--navy)}.pan-manual-list{max-width:760px;color:var(--navy);gap:10px;margin:0;padding-left:1.35em;font-size:clamp(1.08rem,2vw,1.38rem);font-weight:950;line-height:1.35;display:grid}.pan-manual-copy{gap:10px;max-width:920px;display:grid}.pan-manual-copy p{color:var(--navy);margin:0;font-size:clamp(1.02rem,1.8vw,1.28rem);font-weight:900;line-height:1.45}.pan-example{background:#8ccdc047;border:2px solid #049b9d57;border-radius:8px;gap:7px;width:fit-content;max-width:920px;padding:12px 14px;display:grid}.pan-example strong{color:var(--color-accent-orange);font-weight:950}.pan-example p,.pan-example blockquote{color:var(--navy);margin:0;font-weight:900;line-height:1.35}.pan-example blockquote{border-left:5px solid var(--color-accent-orange);padding-left:10px;font-size:clamp(1.02rem,1.7vw,1.24rem)}.pan-figure-card{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;justify-self:center;gap:10px;padding:0;display:grid}.pan-note-wheel-card{max-width:520px}.pan-string-diagram-card{max-width:600px}.pan-reference-image{background:var(--panel);border-radius:10px;width:100%;height:auto;display:block}.pan-intro .pan-image-zoom{width:100%;min-height:0;color:inherit;cursor:zoom-in;box-shadow:none;background:#fff4d6a3;border:1px solid #002a5714;border-radius:12px;padding:10px;display:block;position:relative;overflow:hidden}.pan-intro .pan-image-zoom:focus-visible{outline-offset:4px;outline:4px solid #049b9d73}.pan-image-zoom span{color:var(--color-accent-orange);letter-spacing:.01em;background:#fff4d6eb;border:1px solid #ff6d359e;border-radius:9px;padding:7px 9px;font-size:.78rem;font-weight:750;position:absolute;bottom:12px;right:12px;box-shadow:0 8px 18px #002a571a}.pan-reference-image-wide{aspect-ratio:16/9;object-fit:contain}.pan-reference-image-circle{aspect-ratio:1;object-fit:contain}.pan-figure-card figcaption{color:var(--ink-soft);font-size:.92rem;font-weight:500;line-height:1.35}.pan-intro-action{border-top:1px solid #002a571a;justify-items:center;padding-top:clamp(22px,4vw,36px);display:grid}.pan-intro button,.pan-modal button{background:var(--red);color:#fff;border:0;border-radius:12px;place-items:center;width:fit-content;min-height:48px;padding:0 22px;font-weight:950;transition:background .16s,box-shadow .16s,transform .16s;display:inline-grid;box-shadow:0 10px 24px #ab2e2038}.pan-intro button:hover,.pan-modal button:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 14px 28px #ab2e203d}.pan-intro button:focus-visible,.pan-modal button:focus-visible{outline-offset:3px;outline:4px solid #049b9d73}.pan-intro .pan-final-button{background:var(--color-cta-red);color:#fff;letter-spacing:.02em;border-radius:15px;min-height:60px;padding:0 36px;font-size:clamp(1.04rem,1.8vw,1.22rem);box-shadow:0 16px 34px #ff271d47}.pan-intro .pan-final-button:hover{background:var(--red-dark)}.pan-intro .pan-start-button{background:var(--color-cta-red);color:#fff;letter-spacing:.02em;border-radius:16px;justify-self:center;min-height:66px;padding:0 clamp(34px,5vw,58px);font-size:clamp(1.08rem,1.8vw,1.32rem);box-shadow:0 18px 34px #ff271d47}.pan-intro .pan-start-button:after{content:"→";margin-left:8px}.pan-intro .pan-start-button:hover{background:var(--red-dark)}.pan-intro .pan-image-zoom{width:100%;min-height:0;color:inherit;cursor:zoom-in;box-shadow:none;background:#fff4d6a3;border:1px solid #002a5714;border-radius:14px;padding:10px;display:block;overflow:hidden;transform:none}.pan-intro .pan-image-zoom:hover{box-shadow:none;background:#ffe1c557;transform:none}.pan-image-modal{z-index:60;background:#002a57d1;padding:clamp(14px,3vw,30px)}.pan-image-modal>.pan-image-dialog{background:linear-gradient(135deg,#fff4d6fa,#ffe9bdf0);border:1px solid #ffe9bd6b;border-radius:18px;gap:12px;width:min(100%,1180px);max-height:min(92vh,920px);padding:clamp(14px,2vw,22px);position:relative;overflow:auto}.pan-reference-preview-image{object-fit:contain;background:var(--panel);border-radius:14px;width:100%;height:auto;max-height:78vh;display:block}.pan-modal .pan-image-close{z-index:2;background:var(--color-accent-orange);width:42px;min-height:42px;color:var(--color-text-primary);border:1px solid #ff6d3575;border-radius:999px;justify-self:end;padding:0;font-size:1.6rem;line-height:1;position:sticky;top:0;box-shadow:0 10px 24px #002a5724}.pan-modal .pan-image-close:hover{background:var(--color-accent-orange-soft);color:var(--color-text-primary)}.pan-status{grid-template-columns:auto auto minmax(260px,1fr) auto;align-items:center;gap:12px;padding:12px 14px;display:grid}.pan-status>strong,.pan-status>span{color:var(--navy);background:#8ccdc094;border-radius:8px;padding:8px 10px;font-weight:950}.pan-status p{width:fit-content;color:var(--navy);background:#8ccdc038;border:1px solid #049b9d3d;border-radius:999px;align-items:center;gap:8px;margin:0;padding:8px 10px;font-weight:950;line-height:1.35;display:inline-flex}.pan-status p span{aspect-ratio:1;background:var(--teal);width:22px;color:var(--cream);text-transform:uppercase;border-radius:999px;flex:none;place-items:center;font-size:.78rem;font-style:normal;font-weight:950;display:inline-grid}.pan-prompt{max-width:1320px;color:var(--navy);background:radial-gradient(circle at 78% 18%,#8ccdc042,#0000 32%),#fff4d6f5;border:2px solid #8ccdc061;border-radius:22px;grid-template-columns:1fr;gap:clamp(16px,1.8vw,22px);margin:0 auto 18px;padding:clamp(18px,2.4vw,28px);display:grid;overflow:hidden;box-shadow:0 24px 54px #002a5742,inset 0 1px #ffffff7a}.pan-round-label,.pan-note-card>span,.pan-mini-fretboard legend,.pan-selected-answer span{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.76rem;font-weight:950}.pan-round-dots{align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.pan-round-dots li{aspect-ratio:1;background:#ffe9bdbd;border:2px solid #002a572e;border-radius:999px;width:13px}.pan-round-dots li.is-complete{background:var(--aqua);border-color:#049b9d94}.pan-round-dots li.is-current{border-color:var(--navy);background:var(--red);box-shadow:0 0 0 5px #ff241524}.pan-prompt h2{max-width:1120px;color:var(--navy);text-align:center;margin:0 auto;font-size:clamp(1.45rem,2.25vw,2.38rem);line-height:1.12}.pan-prompt-grid{grid-template-columns:minmax(160px,.22fr) minmax(0,.78fr);align-items:stretch;gap:clamp(14px,2vw,24px);display:grid}.pan-note-card{background:radial-gradient(circle, var(--pan-note-color,var(--red)), transparent 68%), #ffffff4d;border:1px solid #049b9d47;border-radius:20px;align-content:center;place-items:center;gap:8px;padding:clamp(14px,1.6vw,20px);display:grid}@supports (color:color-mix(in lab, red, red)){.pan-note-card{background:radial-gradient(circle, color-mix(in srgb, var(--pan-note-color,var(--red)) 18%, transparent), transparent 68%), #ffffff4d}}.pan-note-card{text-align:center;animation:.26s ease-out both pan-note-enter;box-shadow:inset 0 1px #ffffff57,0 14px 26px #002a571a}.pan-note-chip{aspect-ratio:1;background:var(--pan-note-color,var(--red));width:clamp(106px,7.5vw,132px);color:var(--pan-note-text,#fff);border:4px solid #ffe9bdd6;border-radius:999px;justify-self:center;place-items:center;padding:10px;display:inline-grid;box-shadow:inset 0 1px #ffffff38,0 16px 30px #002a572e}.pan-note-card p{color:#002a57c7;max-width:17ch;margin:0;font-size:.92rem;font-weight:850;line-height:1.3}.pan-note-chip strong{color:var(--pan-note-text,#fff);font-size:clamp(2.35rem,4.1vw,3.9rem);line-height:.82}.pan-note-chip b{color:var(--pan-note-text,#fff);font-size:clamp(1rem,1.6vw,1.34rem);line-height:1}.pan-prompt button,.pan-answer button{background:var(--red);color:#fff;border:0;border-radius:8px;place-items:center;width:fit-content;min-height:54px;margin:0 auto;padding:0 24px;font-weight:950;display:inline-grid;box-shadow:0 10px 24px #ab2e2038}.pan-prompt button{cursor:pointer;transition:background-color .16s,box-shadow .16s,transform .16s}.pan-prompt button:hover{transform:translateY(-2px);box-shadow:0 14px 28px #ab2e2042}.pan-prompt button:focus-visible{outline-offset:3px;outline:4px solid #049b9d6b}.pan-prompt button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.pan-answer-form{background:0 0;border:0;grid-template-rows:1fr auto;gap:14px;width:100%;margin:0;padding:0;display:grid}.pan-mini-fretboard{background:radial-gradient(circle at 18% 28%, #8ccdc029, transparent 32%), repeating-linear-gradient(11deg, #fff4d60a 0 1px, transparent 1px 12px), linear-gradient(180deg, #002a57f5, #003a52eb), var(--navy);min-width:0;color:var(--cream);border:1px solid #049b9d4d;border-radius:20px;gap:14px;margin:0;padding:16px;display:grid;position:relative;box-shadow:inset 0 1px #ffffff1f,0 16px 30px #002a572e}.pan-mini-fretboard legend{float:left;width:100%;margin:0 0 8px;padding:0}.pan-mini-fretboard legend:after{clear:both;content:"";display:block}.pan-fret-hint{float:left;color:#fff1c9db;width:100%;margin:0 0 14px;font-size:.92rem;font-weight:850;line-height:1.35}.pan-fret-hint:after{clear:both;content:"";display:block}.pan-fretboard-string{z-index:2;pointer-events:none;background:linear-gradient(#fff9dd,#7ecfc4 58%,#315d68);border-radius:999px;height:4px;position:absolute;bottom:calc(45% + 2px);left:22px;right:22px;box-shadow:0 2px 8px #00000047,0 0 0 1px #fff4d647}.pan-fret-options{background:repeating-linear-gradient(90deg,#fff4d60d 0 1px,#0000 1px 18px),#fff4d60f;border:1px solid #ffe9bd33;border-radius:16px;grid-template-columns:repeat(12,minmax(0,1fr));align-items:stretch;gap:0;display:grid;position:relative;overflow:hidden}.pan-fret-options button{width:100%;min-width:0;min-height:clamp(86px,7.4vw,108px);color:var(--cream);box-shadow:none;background:linear-gradient(90deg,#ffffff1a,#0000 18%),#fff4d612;border:0;border-left:2px solid #ffe9bd8a;border-radius:0;place-items:end center;margin:0;padding:12px 6px 14px;display:grid;position:relative}.pan-prompt .pan-fret-options button{width:100%;min-height:clamp(86px,7.4vw,108px)}.pan-fret-options button:first-child{border-left:0}.pan-fret-options button:before{z-index:3;aspect-ratio:1;opacity:0;content:"";background:#002a57d1;border:3px solid #ffe9bdc2;border-radius:999px;width:24px;transition:opacity .16s,transform .16s,background-color .16s;position:absolute;top:calc(50% - 12px);left:50%;transform:translate(-50%,-50%)scale(.72)}.pan-fret-options button:hover{background:linear-gradient(90deg,#ffffff29,#0000 18%),#8ccdc02e;transform:translateY(-2px)}.pan-fret-options button.is-selected{outline-offset:-3px;background:linear-gradient(90deg,#ffffff29,#0000 18%),#049b9d57;border-color:#ffe9bda3;outline:2px solid #8ccdc0e0;box-shadow:0 12px 24px #002a573d}.pan-fret-options button.is-selected:before{opacity:1;background:var(--orange);transform:translate(-50%,-50%)scale(1)}.pan-fret-options button.is-selected .pan-fret-number{background:var(--cream);box-shadow:0 0 0 3px #002a572e}.pan-fret-number{z-index:4;aspect-ratio:1;width:32px;color:var(--navy);background:#ffe9bdeb;border-radius:999px;place-items:center;font-size:.94rem;font-weight:950;display:inline-grid;position:relative}.pan-fret-reference{z-index:2;pointer-events:none;justify-content:center;align-items:center;gap:4px;display:flex;position:absolute;top:calc(50% + 18px);left:50%;transform:translate(-50%,-50%)}.pan-fret-reference i{aspect-ratio:1;background:#ffe9bd7a;border-radius:999px;width:7px;display:block;box-shadow:inset 0 1px #ffffff47,0 1px 5px #00000038}.pan-answer-controls{grid-template-columns:minmax(92px,140px) minmax(136px,auto);justify-content:end;align-items:center;gap:12px;display:grid}.pan-answer-form label{color:var(--navy);text-align:right;font-size:.95rem;font-weight:950}.pan-response-module{background:linear-gradient(135deg,#ffffff5c,#8ccdc029),#ffffff4d;border:1px solid #049b9d47;border-radius:18px;grid-template-columns:minmax(118px,.28fr) auto minmax(244px,.72fr);align-items:center;gap:8px 12px;padding:10px 12px;display:grid;box-shadow:inset 0 1px #ffffff4d}.pan-selected-answer{justify-items:start;gap:3px;display:grid}.pan-selected-answer strong{background:var(--navy);min-width:68px;min-height:52px;color:var(--cream);border-radius:14px;place-items:center;font-size:2rem;line-height:1;transition:background-color .16s,transform .16s;display:inline-grid}@keyframes pan-note-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.pan-answer-form input{width:100%;min-height:58px;color:var(--navy);text-align:center;background:#fff4d6eb;border:2px solid #049b9d7a;border-radius:14px;outline:none;padding:0 12px;font-size:1.65rem;font-weight:950}.pan-answer-form button{text-transform:uppercase;border-radius:14px;min-height:58px;margin:0}.pan-answer-form input:focus{border-color:var(--red);box-shadow:0 0 0 4px #ff24152e}.pan-answer-form p{color:var(--red-dark);text-align:right;grid-column:1/-1;margin:0;font-weight:950}.pan-answer{max-width:1320px;color:var(--navy);box-shadow:var(--shadow);background:#fff4d6f0;border:2px solid #ffe9bd75;border-radius:8px;gap:14px;margin:0 auto 18px;padding:clamp(18px,3vw,32px);display:grid}.pan-answer.is-correct{background:linear-gradient(145deg, #fff4d6f2, #f6dfa8e6), var(--cream);border-color:#7ecfc457;border-radius:28px;gap:0;padding:clamp(12px,2vw,22px)}.pan-correct-result-card{gap:clamp(12px,1.5vw,18px);width:100%;display:grid}.pan-correct-status-bar{background:linear-gradient(135deg,#0fb95f26,#7ecfc429),#fff4d699;border:1px solid #0fb95f38;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:11px clamp(12px,1.8vw,18px);display:flex}.pan-correct-status-main{color:#0b7b42;text-transform:uppercase;align-items:center;gap:12px;min-width:0;display:inline-flex}.pan-correct-status-main strong{font-size:clamp(1.05rem,1.45vw,1.32rem);font-weight:950;line-height:1}.pan-correct-round{color:var(--navy);text-transform:uppercase;white-space:nowrap;background:#fff1c98a;border:1px solid #049b9d2e;border-radius:999px;padding:7px 12px;font-size:clamp(.78rem,1vw,.92rem);font-weight:950;line-height:1}.pan-answer-text{z-index:6;width:min(38%,420px);color:var(--cream);text-align:left;background:#251910c2;border:2px solid #ffe9bd47;border-radius:8px;gap:5px;padding:clamp(9px,1.25vw,15px);display:grid;position:absolute;top:4.6%;right:5.6%;box-shadow:0 14px 30px #0000003d}.pan-answer-text h2{color:var(--pan-target-color,var(--orange));text-shadow:0 2px #00000047;margin:0;font-size:clamp(1.45rem,3.1vw,3.2rem);line-height:.95}.pan-answer-text p{color:var(--cream);margin:0;font-size:clamp(.78rem,1.18vw,1rem);font-weight:900;line-height:1.25}.pan-answer-text .eyebrow{color:var(--aqua)}.pan-answer-feedback{color:var(--aqua)!important}.pan-correct-position-card{border:1px solid var(--pan-target-color,var(--cream));gap:6px;width:min(31%,330px);top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px)}@supports (color:color-mix(in lab, red, red)){.pan-correct-position-card{border:1px solid color-mix(in srgb, var(--pan-target-color,var(--cream)) 62%, transparent)}}.pan-correct-position-card{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(145deg,#032d4cd6,#251910c2),#032d4cd6;border-radius:18px;padding:clamp(12px,1.45vw,18px);box-shadow:0 16px 34px #00000038}.pan-correct-position-card h2{color:var(--pan-target-color,var(--cream));font-size:clamp(1.85rem,3.35vw,3.45rem)}.pan-correct-position-card p:not(.eyebrow){color:#fff1c9e0}.pan-live-message{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.pan-guitar-wrapper{background:#251910;border:3px solid #002a571f;border-radius:8px;width:100%;max-width:1320px;margin:0 auto;position:relative;overflow:hidden;box-shadow:inset 0 0 0 4px #fff4d62e,0 16px 32px #002a572e}.pan-correct-guitar-wrapper{border-color:#fff1c938;border-radius:22px;box-shadow:inset 0 0 0 4px #fff4d624,0 18px 34px #002a572e}.pan-guitar-wrapper:after{z-index:2;background:radial-gradient(circle at var(--pan-marker-x) var(--pan-marker-y), #23c26b1f, transparent 8%), radial-gradient(circle at 72% 13%, #002a571a, transparent 25%), linear-gradient(90deg, #0000000f, transparent 20%, transparent 78%, #00000014);pointer-events:none;content:"";position:absolute;inset:0}.pan-correct-marker,.pan-wrong-marker{top:var(--pan-marker-y);left:var(--pan-marker-x);z-index:9;aspect-ratio:1;pointer-events:none;border-radius:999px;width:clamp(24px,3.2vw,46px);position:absolute;transform:translate(-50%,-50%)}.pan-correct-marker{background:radial-gradient(circle,#0fb95f47 0 46%,#0fb95f1f 47% 100%);border:4px solid #0fb95f;animation:.88s both pan-marker-pulse;box-shadow:0 0 0 6px #0fb95f29,0 0 24px #0fb95f5c,0 10px 18px #00000038}.pan-wrong-marker{background:#ff2415d1;border:4px solid #ff2415;place-items:center;display:grid;box-shadow:0 0 0 6px #ff241533,0 10px 18px #00000038}.pan-wrong-marker:before{color:#fff;content:"x";font-size:clamp(1rem,2vw,1.8rem);font-weight:950;line-height:1}.pan-guitar-photo{width:100%;height:auto;transition:opacity .22s;display:block}.pan-answer.is-correct .pan-guitar-photo{opacity:.94}.pan-success-status{width:fit-content;color:var(--navy);text-align:center;justify-items:center;gap:8px;margin:0 auto;display:grid}.pan-success-status strong{color:#0b7b42;font-size:clamp(1.18rem,2vw,1.48rem);font-weight:950}.pan-success-check{aspect-ratio:1;color:#fff;pointer-events:none;background:#0fb95feb;border:3px solid #fff4d6e6;border-radius:999px;flex:none;place-items:center;width:clamp(34px,3.4vw,48px);font-size:clamp(1.55rem,2.3vw,2.2rem);font-weight:950;line-height:1;animation:.62s both pan-success-pop;display:grid;box-shadow:0 0 0 5px #0fb95f1f,0 10px 18px #002a5729}.pan-correct-action-bar{background:#04375c17;border:1px solid #049b9d2e;border-radius:18px;justify-content:space-between;align-items:center;gap:16px;padding:clamp(12px,1.4vw,16px) clamp(14px,1.8vw,20px);display:flex}.pan-correct-action-bar p{color:var(--navy);margin:0;font-size:clamp(1rem,1.24vw,1.18rem);font-weight:900;line-height:1.35}.pan-answer .pan-correct-action-bar button{text-transform:uppercase;border-radius:14px;min-width:190px;margin:0;transition:box-shadow .16s,transform .16s,background-color .16s}.pan-answer .pan-correct-action-bar button:hover,.pan-answer .pan-correct-action-bar button:focus-visible{transform:translateY(-2px);box-shadow:0 14px 28px #ab2e2042}@keyframes pan-success-pop{0%{opacity:0;transform:scale(.72)}70%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes pan-marker-pulse{0%{box-shadow:0 0 #0fb95f47,0 0 12px #0fb95f2e,0 10px 18px #00000038}72%{box-shadow:0 0 0 12px #0fb95f00,0 0 24px #0fb95f5c,0 10px 18px #00000038}to{box-shadow:0 0 0 6px #0fb95f29,0 0 24px #0fb95f5c,0 10px 18px #00000038}}.pan-learning-help{background:#8ccdc024;border:1px solid #049b9d33;border-radius:16px;gap:14px;padding:clamp(16px,2.4vw,24px);display:grid}.pan-learning-help>.eyebrow{color:var(--red-dark);margin-bottom:0}.pan-help-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.pan-help-card{background:#fff4d6c7;border:1px solid #002a571f;border-radius:14px;align-content:start;gap:12px;padding:clamp(14px,2vw,18px);display:grid;box-shadow:0 10px 22px #002a5714}.pan-help-card h3{color:var(--navy);margin:0;font-size:clamp(1.12rem,1.8vw,1.34rem);line-height:1.15}.pan-help-card p,.pan-help-card small{color:var(--navy);margin:0;font-weight:750;line-height:1.5}.pan-help-card small{color:var(--ink-soft)}.pan-help-image-wrap{background:var(--cream);border:1px solid #049b9d3d;border-radius:12px;position:relative;overflow:hidden}.pan-help-image-wrap img{width:100%;height:auto;display:block}.pan-string-focus-line{top:var(--pan-help-string-y);background:#23c26b24;border:4px solid #23c26be0;border-radius:999px;width:66%;height:clamp(20px,3vw,34px);position:absolute;left:12%;transform:translateY(-50%);box-shadow:0 0 0 7px #23c26b1f}.pan-string-focus-arrow{top:var(--pan-help-string-y);color:#fff;background:#ff2415eb;border-radius:999px;padding:6px 10px;font-size:.8rem;font-weight:950;position:absolute;left:8%;transform:translate(-10%,-50%);box-shadow:0 8px 16px #0000002e}.pan-wheel-help-image{justify-self:center;max-width:380px}.pan-wheel-marker{--pan-wheel-marker-size:clamp(18px, 2.2vw, 27px);z-index:4;width:var(--pan-wheel-marker-size);height:var(--pan-wheel-marker-size);box-sizing:border-box;pointer-events:none;background:0 0;border:3px solid;border-radius:50%;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 3px #fff4d6b8,0 4px 11px #002a5738}.pan-wheel-marker-base{top:var(--pan-base-y);left:var(--pan-base-x);color:#049b9d;background:#049b9d1a}.pan-wheel-marker-target{--pan-wheel-marker-size:clamp(23px, 2.8vw, 34px);top:var(--pan-target-y);left:var(--pan-target-x);color:#ff2415;background:#ff241514;box-shadow:0 0 0 3px #fff4d6c7,0 0 14px #ff24154d}.pan-wheel-marker-label{z-index:2;color:#fff4d6;letter-spacing:.03em;white-space:nowrap;background:#04375c;border-radius:999px;padding:3px 6px;font-size:clamp(.5rem,.72vw,.62rem);font-weight:950;line-height:1;position:absolute;box-shadow:0 4px 10px #002a5738}.pan-wheel-marker.is-top .pan-wheel-marker-label{top:calc(100% + 5px);left:50%;transform:translate(-50%)}.pan-wheel-marker.is-right .pan-wheel-marker-label{top:50%;right:calc(100% + 5px);transform:translateY(-50%)}.pan-wheel-marker.is-bottom .pan-wheel-marker-label{bottom:calc(100% + 5px);left:50%;transform:translate(-50%)}.pan-wheel-marker.is-left .pan-wheel-marker-label{top:50%;left:calc(100% + 5px);transform:translateY(-50%)}.pan-guitar-svg{background:linear-gradient(#ffffffb3,#ffe9bd3d),#ead9bb;border:3px solid #002a571f;border-radius:8px;width:100%;max-width:1120px;height:auto;margin:0 auto;display:block;box-shadow:inset 0 0 0 4px #fff4d68f,0 16px 32px #002a572e}.pan-svg-body{stroke:#4b2815;stroke-width:8px}.pan-svg-fret-label{fill:var(--navy);font-family:"Baloo 2",Nunito,sans-serif;font-size:21px;font-weight:900}.pan-svg-string-label{fill:var(--cream);paint-order:stroke;stroke:var(--navy);stroke-width:5px;font-family:"Baloo 2",Nunito,sans-serif;font-size:34px;font-weight:900}.pan-svg-answer-dot{fill:var(--red);stroke:var(--cream);stroke-width:7px;filter:drop-shadow(0 8px 8px #00000047)}.pan-guitar{background:linear-gradient(#ffffff61,#ffe9bd38),#ead9bb;border-radius:8px;min-height:clamp(220px,35vw,390px);position:relative;overflow:hidden;box-shadow:inset 0 0 0 3px #002a5714}.pan-guitar-body{background:radial-gradient(circle at 57%,#0000 0 11%,#4b2815 11.5% 13%,#0000 13.5%),linear-gradient(135deg,#d9821f,#a95716 58%,#d38a2b);border:5px solid #4b2815;border-radius:48% 42% 44% 52%;width:34%;height:72%;position:absolute;top:15%;left:2%;box-shadow:inset 12px 0 32px #ffe9bd47,0 18px 38px #00000038}.pan-soundhole{aspect-ratio:1;background:#2a160e;border:5px solid #7d461d;border-radius:999px;width:19%;position:absolute;top:41%;right:16%;box-shadow:0 0 0 6px #ffe9bd52}.pan-guitar-neck{background:linear-gradient(90deg,#fff0 0 8%,#ffffff3d 8.4% 8.8%,#0000 9%),linear-gradient(#17130f,#2a211b);border:4px solid #2b241f;border-radius:4px;height:32%;position:absolute;top:34%;left:28%;right:11%;box-shadow:0 12px 26px #00000047}.pan-guitar-fret{z-index:1;color:#ffe9bdc7;border-left:3px solid #e6dcc7bd;place-items:end center;width:8.33333%;height:100%;padding-bottom:4px;font-size:clamp(.62rem,1.1vw,.85rem);font-weight:950;display:inline-grid;position:relative}.pan-guitar-string{background:linear-gradient(#fff7dc,#8a8278);border-radius:999px;height:2px;position:absolute;left:0;right:0;box-shadow:0 1px 3px #0000007a}.pan-guitar-string-1{top:18%}.pan-guitar-string-2{height:2.5px;top:31%}.pan-guitar-string-3{height:3px;top:44%}.pan-guitar-string-4{height:3.5px;top:57%}.pan-guitar-string-5{height:4px;top:70%}.pan-guitar-string-6{height:4.5px;top:83%}.pan-headstock{background:linear-gradient(135deg,#3d2418,#5b3521);border:4px solid #2b241f;border-radius:18px 26px 26px 18px;width:11%;height:40%;position:absolute;top:30%;right:2%;box-shadow:0 12px 26px #0000003d}.pan-headstock:before,.pan-headstock:after{content:"";background:#ffe9bdb8;border-radius:999px;height:17%;position:absolute;left:18%;right:18%}.pan-headstock:before{top:22%}.pan-headstock:after{bottom:22%}.pan-answer-dot{top:var(--pan-finger-y);left:var(--pan-finger-x);z-index:4;aspect-ratio:1;border:4px solid var(--cream);background:var(--red);border-radius:999px;width:clamp(20px,3vw,34px);position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #ff241538}.pan-fretboard-panel{padding:clamp(16px,2vw,24px);overflow-x:auto}.pan-fretboard{background:linear-gradient(90deg,#ffffff29 0 1px,#0000 1px) 0 42px/8.33333% calc(100% - 42px),linear-gradient(#9f622f,#6f3f20);border:5px solid #5d351d;border-radius:8px;grid-template-rows:28px repeat(6,minmax(46px,1fr));min-width:900px;padding:14px 18px 18px;display:grid;position:relative;box-shadow:inset 0 0 0 3px #ffe9bd33,0 18px 36px #0000003d}.pan-fret-labels,.pan-string-row{grid-template-columns:44px repeat(12,minmax(58px,1fr));align-items:center;gap:0;display:grid}.pan-fret-labels{color:var(--cream);text-align:center;font-size:.85rem;font-weight:950}.pan-fret-labels span{grid-column:auto}.pan-fret-labels:before{content:"Casa"}.pan-string-row{position:relative}.pan-string-row:before{height:var(--string-height,3px);content:"";background:linear-gradient(#f8f1df,#9d9588);border-radius:999px;position:absolute;left:44px;right:0;box-shadow:0 2px 4px #00000038}.pan-string-row:nth-child(2){--string-height:2px}.pan-string-row:nth-child(3){--string-height:2.5px}.pan-string-row:nth-child(4){--string-height:3px}.pan-string-row:nth-child(5){--string-height:3.5px}.pan-string-row:nth-child(6){--string-height:4px}.pan-string-row:nth-child(7){--string-height:4.5px}.pan-string-row.is-target:after{pointer-events:none;content:"";border:3px solid #ffe9bdbd;border-radius:999px;position:absolute;inset:6px 0 6px 44px}.pan-string-name{background:var(--navy);width:32px;height:32px;color:var(--cream);border-radius:999px;place-items:center;font-weight:950;display:grid}.pan-fret-button{z-index:2;background:0 0;border:0;border-left:3px solid #fff4d66b;width:100%;height:42px;position:relative}.pan-fret-button:after{content:"";background:#ffe9bd00;border:3px solid #ffe9bd00;border-radius:999px;width:24px;height:24px;transition:background .16s,border-color .16s,transform .16s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.pan-fret-button:not(:disabled):hover:after,.pan-fret-button.is-selected:after{border-color:var(--cream);background:#ff2415d1;transform:translate(-50%,-50%)scale(1.12)}.pan-fret-button:disabled{cursor:default}.pan-hand{top:calc(42px + var(--pan-hand-y));left:calc(44px + var(--pan-hand-x));z-index:6;opacity:0;pointer-events:none;width:62px;height:78px;position:absolute;transform:translate(-50%,-120%)rotate(-10deg)scale(.82)}.pan-hand:before{content:"";background:#d08a5a;border:3px solid #461f127a;border-radius:18px 18px 24px 24px;width:42px;height:44px;position:absolute;bottom:2px;right:10px;box-shadow:0 12px 20px #00000047}.pan-hand span{transform-origin:bottom;background:#e3a06e;border:3px solid #461f1270;border-radius:999px;width:18px;height:58px;position:absolute;top:0;left:24px}.pan-hand span:after{content:"";background:#fff4d6d1;border-radius:999px;width:18px;height:10px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%)}.pan-fretboard.is-showing-hand .pan-hand{animation:.9s both pan-finger-press}.pan-modal{z-index:30;background:#002a57b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.pan-modal>div{background:linear-gradient(135deg,#fff4d6fa,#8ccdc0e0);gap:14px;width:min(100%,560px);margin:0;padding:28px;display:grid}.pan-result-modal>div{border:2px solid var(--pan-result-accent);justify-items:center;width:min(100%,680px)}@supports (color:color-mix(in lab, red, red)){.pan-result-modal>div{border:2px solid color-mix(in srgb, var(--pan-result-accent) 58%, transparent)}}.pan-result-modal>div{text-align:center;box-shadow:0 0 0 8px var(--pan-result-accent), 0 22px 56px #0000003d;border-radius:22px;padding:clamp(24px,4vw,42px)}@supports (color:color-mix(in lab, red, red)){.pan-result-modal>div{box-shadow:0 0 0 8px color-mix(in srgb, var(--pan-result-accent) 10%, transparent), 0 22px 56px #0000003d}}.pan-result-icon{aspect-ratio:1;background:var(--pan-result-accent);color:#fff;width:clamp(72px,10vw,118px);box-shadow:0 0 0 10px var(--pan-result-accent), 0 16px 34px #002a572e;border-radius:999px;place-items:center;font-size:clamp(3rem,6vw,5.4rem);font-weight:950;line-height:1;display:grid}@supports (color:color-mix(in lab, red, red)){.pan-result-icon{box-shadow:0 0 0 10px color-mix(in srgb, var(--pan-result-accent) 14%, transparent), 0 16px 34px #002a572e}}.pan-result-score{color:var(--navy);font-size:clamp(4.4rem,12vw,8.8rem);font-weight:950;line-height:.9}.pan-result-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.pan-result-modal .pan-result-secondary{color:var(--navy);box-shadow:none;background:#8ccdc047;border:2px solid #049b9d75}@keyframes pan-finger-press{0%{opacity:0;transform:translate(-50%,-155%)rotate(-18deg)scale(.82)}55%{opacity:1;transform:translate(-50%,-76%)rotate(-7deg)scale(1)}to{opacity:1;transform:translate(-50%,-84%)rotate(-9deg)scale(.96)}}.game-shell{min-height:100vh;padding:24px;position:relative;overflow:hidden}.game-shell:before{z-index:-1;aspect-ratio:1;background:linear-gradient(var(--navy), var(--navy)) padding-box, linear-gradient(135deg, var(--blue) 0 18%, var(--teal) 18% 31%, var(--aqua) 31% 44%, var(--cream) 44% 57%, var(--peach) 57% 69%, var(--orange) 69% 82%, var(--red) 82% 100%) border-box;content:"";border:clamp(18px,4vw,42px) solid #0000;border-radius:0 0 0 96px;width:min(46vw,520px);position:fixed;top:-90px;right:-110px;box-shadow:0 28px 80px #0003}.start-screen{align-content:center;gap:32px;max-width:960px;min-height:calc(100vh - 48px);margin:0 auto;display:grid}.start-copy{max-width:760px}.eyebrow{color:var(--accent-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{max-width:760px;margin-bottom:18px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(2.7rem,8vw,5.8rem);font-weight:800;line-height:.9}h2{margin-bottom:12px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:800;line-height:.95}.start-copy p:not(.eyebrow){max-width:660px;color:var(--cream);font-size:clamp(1rem,2vw,1.25rem);line-height:1.55}.start-screen h1{max-width:820px;color:var(--orange);text-shadow:0 3px 0 var(--red-dark), 0 12px 28px #0000004d}.start-screen .eyebrow{color:var(--peach)}.start-actions{flex-wrap:wrap;gap:14px;display:flex}.memory-inline-tutorial{background:#002a5794;border:1px solid #7ecfc46b;border-radius:14px;gap:20px;max-width:760px;padding:clamp(18px,4vw,30px);display:grid;box-shadow:0 18px 44px #0000002e}.memory-inline-tutorial h1{margin-bottom:10px}.memory-inline-pair{justify-content:center;align-items:center;gap:clamp(12px,4vw,28px);display:flex}.memory-inline-pair span{border:2px solid var(--cream);border-radius:10px;width:clamp(90px,20vw,142px);overflow:hidden}.memory-inline-pair img{width:100%;height:auto;display:block}.memory-inline-pair b{color:var(--peach);font-size:clamp(1.8rem,5vw,3rem)}.memory-inline-rule{border-left:4px solid var(--teal);color:var(--cream);background:#fff4d614;padding:12px 14px}.memory-inline-rule p{margin:5px 0}.memory-inline-rule small{color:#b9e4df}.memory-tutorial-start{color:#fff;background:var(--accent);min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:9px;justify-self:start;padding:10px 24px;font-weight:900}@media (max-width:600px){.memory-inline-tutorial{gap:12px;padding:16px}.memory-inline-tutorial h1{font-size:clamp(2rem,11vw,3rem)}.memory-inline-rule{padding-block:9px}.memory-tutorial-start{width:100%}}.start-links{flex-wrap:wrap;gap:10px;display:flex}.start-actions button,.start-links button,.user-panel button,.answer-dialog button,.result-content button,.secondary-button{background:var(--accent);color:#fff;border:0;border-radius:8px;min-height:48px;padding:0 20px;font-weight:900;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 10px 24px #ab2e2038}.start-actions button:hover,.start-links button:hover,.user-panel button:hover,.answer-dialog button:hover,.result-content button:hover,.secondary-button:hover{background:var(--accent-dark);transform:translateY(-1px);box-shadow:0 14px 28px #ab2e2042}.start-actions button:nth-child(2){background:var(--teal);box-shadow:0 10px 24px #049b9d47}.start-links button{min-height:42px;color:var(--cream);box-shadow:none;background:#ffe9bd1f;border:2px solid #ffe9bdad}.start-links button:hover{border-color:var(--cream);background:var(--blue)}.start-actions button:nth-child(2):hover,.secondary-button:hover{background:var(--blue)}.user-panel{border:3px solid var(--peach);background:linear-gradient(135deg, #fff4d6fa, #ffe9bdf0), var(--cream);border-radius:8px;gap:14px;max-width:720px;padding:24px;display:grid;position:relative;overflow:hidden;box-shadow:0 0 0 6px #049b9dad,0 22px 55px #0000003d}.user-panel:before{background:linear-gradient(var(--red), var(--orange), var(--teal), var(--blue));content:"";width:14px;position:absolute;inset:0 auto 0 0}.user-panel label{color:var(--red);text-shadow:0 2px #ffb06c66;padding-left:6px;font-family:"Baloo 2",Nunito,sans-serif;font-size:clamp(1.35rem,3vw,2rem);font-weight:900;line-height:1.05}.user-panel div:first-of-type{grid-template-columns:minmax(0,1fr) auto;gap:10px;display:grid}.user-panel input,.admin-password-field input{border:3px solid var(--blue);width:100%;min-height:58px;color:var(--navy);background:#8ccdc05c;border-radius:8px;outline:none;padding:0 16px;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:900}.user-panel input:focus,.admin-password-field input:focus{border-color:var(--red);box-shadow:0 0 0 4px #ffe9bdb3,0 0 0 8px #049b9d6b}.admin-password-field{color:var(--navy);gap:8px;font-size:1rem;font-weight:900;display:grid}.user-panel button{background:var(--navy);min-height:58px;box-shadow:0 10px 24px #002a573d}.user-panel button:hover{background:var(--teal)}.username-note,.menu-notice{color:var(--navy);margin:0;font-size:.95rem;font-weight:750;line-height:1.45}.menu-notice{color:var(--red-dark);background:#ff6d352e;border-radius:8px;padding:8px 10px;font-weight:800}.memory-account-summary{border:1px solid #8ccdc06b;border-left:8px solid var(--teal);max-width:560px;color:var(--navy);background:#fff4d6f0;border-radius:14px;gap:7px;padding:16px 18px;display:grid;box-shadow:0 16px 34px #00000029}.memory-account-summary span{color:var(--teal);letter-spacing:.06em;text-transform:uppercase;font-size:.78rem;font-weight:950}.memory-account-summary strong{color:var(--navy);font-size:clamp(1.15rem,2vw,1.55rem)}.memory-account-summary p{color:var(--ink-soft);margin:0;font-size:.95rem;font-weight:850;line-height:1.35}.memory-account-summary a{width:fit-content;color:var(--red);font-weight:950;text-decoration:none}.memory-account-summary a:hover{text-decoration:underline}.user-stats{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.user-stats span,.user-stats strong{color:var(--navy);background:#ffe9bdeb;border-radius:8px;padding:8px 10px;font-size:.92rem}.user-stats span{background:#8ccdc0f2;font-weight:800}.game-board-screen{gap:18px;max-width:1180px;margin:0 auto;display:grid}.memory-game-mobile-header{display:none}.game-header{justify-content:space-between;align-items:end;gap:18px;display:flex}.game-nav{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.game-header h1{color:var(--orange);text-shadow:0 2px 0 var(--red-dark), 0 10px 24px #00000042;margin:0;font-size:clamp(2rem,5vw,4rem)}.game-header .eyebrow{color:var(--peach)}.secondary-button{background:var(--panel-strong);color:#fff;border:0;border-radius:8px;flex:none;place-items:center;min-height:48px;padding:0 18px;font-weight:900;text-decoration:none;display:inline-grid;box-shadow:0 10px 24px #23322729}.game-nav .secondary-button:nth-child(2){background:var(--teal)}.game-nav .secondary-button:nth-child(3){background:var(--orange)}.game-nav .secondary-button:nth-child(4){background:var(--blue)}.admin-win-button{border:2px solid var(--cream);background:var(--red);color:#fff;border-radius:8px;min-height:48px;padding:0 18px;font-weight:900;transition:transform .16s,background .16s,box-shadow .16s;box-shadow:0 10px 24px #ff241547}.admin-win-button:hover{background:var(--red-dark);transform:translateY(-1px);box-shadow:0 14px 28px #ff241557}.status-panel{grid-template-columns:repeat(3,minmax(110px,160px)) minmax(220px,1fr);align-items:stretch;gap:12px;display:grid}.score-card,.turn-card,.feedback{box-shadow:0 0 0 3px #ffe9bd3d, var(--shadow);background:#fff4d6f0;border:2px solid #049b9d9e;border-radius:8px}.score-card,.turn-card{gap:4px;padding:14px 16px;display:grid}.score-card span,.turn-card span{color:var(--ink-soft);font-size:.84rem;font-weight:700}.score-card strong,.turn-card strong{color:var(--red);font-size:1.55rem}.feedback{min-height:76px;color:var(--panel-strong);align-items:center;margin:0;padding:14px 18px;font-weight:850;line-height:1.35;display:flex}.cards-grid{grid-template-columns:repeat(6,minmax(92px,1fr));gap:clamp(8px,1.5vw,14px);display:grid}.memory-card{aspect-ratio:1;perspective:900px;background:0 0;border:0;border-radius:8px;min-width:0;padding:0;transition:transform .16s;display:grid;position:relative}.memory-card:not(:disabled):hover{transform:translateY(-2px)}.memory-card.is-visible .card-back{transform:rotateY(180deg)}.memory-card.is-visible .card-front{transform:rotateY(0)}.memory-card.is-matched:after{z-index:6;color:#fff;content:"✓";text-shadow:0 1px 1px #0032164d;pointer-events:none;border:2px solid #ffffffeb;border-radius:999px;place-items:center;width:clamp(22px,2.8vw,30px);height:clamp(22px,2.8vw,30px);font-family:Arial,sans-serif;font-size:clamp(14px,1.8vw,19px);font-weight:900;line-height:1;display:grid;position:absolute;top:clamp(6px,1.2vw,10px);right:clamp(6px,1.2vw,10px);box-shadow:0 4px 10px #001f0e47}.memory-card.is-matched:before{content:none}.memory-card.is-matched-by-human{color:#0a8f42}.memory-card.is-matched-by-human:after{background:#0a9b4d}.memory-card.is-matched-by-human .card-front{filter:saturate(.9)brightness(.96);opacity:.86;box-shadow:0 0 0 4px #0a8f42c7, var(--shadow);border-color:#0a8f42}.memory-card.is-matched-by-bot{color:#111}.memory-card.is-matched-by-bot:after{color:#fff;text-shadow:0 1px 1px #3c000047;background:#d9362b;border-color:#ffffffe0}.memory-card.is-matched-by-bot .card-front{border-color:var(--red);filter:grayscale(.22)brightness(.9);opacity:.88;box-shadow:0 0 0 4px #ff2415bd, var(--shadow)}.card-face{backface-visibility:hidden;box-shadow:var(--shadow);border:1px solid #049b9d52;border-radius:8px;place-items:center;transition:filter .18s,opacity .18s,transform .32s;display:grid;position:absolute;inset:0;overflow:hidden}.card-back{background:url(/assets/card-back/1.png) center / cover no-repeat, linear-gradient(145deg, var(--panel-strong), #445947)}.card-front{background:var(--card-front-image) center / cover no-repeat, linear-gradient(145deg, #fffdf7, #dfe9d8);transform:rotateY(180deg)}.card-front.wide-note-art{background:var(--card-front-image) center / 96% 100% no-repeat, #f09a1c}.card-front span{aspect-ratio:1;width:min(74%,120px);color:var(--panel-strong);text-align:center;background:#ffffffd1;border:2px solid #23322729;border-radius:50%;place-items:center;font-size:clamp(1.55rem,4vw,3rem);font-weight:900;line-height:1;display:grid}.card-front.has-art span{display:none}.progress-text{color:var(--cream);text-align:center;margin:0;font-weight:700}.status-progress-mobile{display:none}.jim-interval-visual{width:100%;height:100%;min-height:0;display:block}.result-modal{background:#002a57b8;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.answer-modal{z-index:20;background:linear-gradient(#002a57e0,#002a57e0),linear-gradient(90deg,#ff241542,#049b9d47);place-items:center;padding:clamp(16px,4vw,40px);display:grid;position:fixed;inset:0}.answer-dialog{border:3px solid var(--cream);background:#fff4d6f7;border-radius:8px;grid-template-columns:minmax(180px,300px) minmax(260px,520px);align-items:center;gap:clamp(18px,4vw,36px);width:min(100%,920px);padding:clamp(18px,4vw,36px);display:grid;box-shadow:0 0 0 7px #049b9d70,0 30px 90px #00000059}.answer-card-preview{aspect-ratio:1;justify-self:center;width:min(100%,300px)}.answer-card-art{background:var(--card-front-image) center / cover no-repeat, linear-gradient(145deg, #fffdf7, #dfe9d8);width:100%;height:100%;box-shadow:var(--shadow);border:1px solid #2332272e;border-radius:8px;place-items:center;display:grid}.answer-card-art.wide-note-art{background:var(--card-front-image) center / 96% 100% no-repeat, #f09a1c}.answer-card-art>span{aspect-ratio:1;width:min(74%,120px);color:var(--panel-strong);text-align:center;background:#ffffffd1;border:2px solid #23322729;border-radius:50%;place-items:center;font-size:clamp(2rem,7vw,4rem);font-weight:900;line-height:1;display:grid}.answer-card-art.has-art>span{display:none}.answer-dialog-copy,.answer-response-row{grid-column:2}.answer-response-row{gap:12px;display:grid}.answer-dialog-copy h2{color:var(--red);margin-bottom:12px;font-size:clamp(2rem,4vw,3.5rem)}.answer-dialog-copy p:not(.eyebrow){color:var(--navy);margin-bottom:0;font-size:1.1rem;font-weight:700}.answer-dialog-copy .answer-correction{color:var(--accent-dark);background:#d6422f1f;border-radius:8px;margin-top:14px;padding:14px 16px;font-size:clamp(1.1rem,2.4vw,1.45rem);font-weight:900}.answer-field{gap:10px;display:grid}.answer-field span{color:var(--navy);font-size:1rem;font-weight:800}.answer-field input{border:3px solid var(--teal);background:var(--cream);width:100%;min-height:clamp(58px,8vw,76px);color:var(--navy);border-radius:8px;outline:none;padding:0 18px;font-size:clamp(1.25rem,3vw,2rem);font-weight:800}.answer-field input:focus{border-color:var(--accent);box-shadow:0 0 0 5px #ff6d353d}.answer-dialog button{min-height:60px;font-size:1.1rem}.answer-dialog button:disabled{background:var(--ink-soft);box-shadow:none;transform:none}.result-content{border:3px solid var(--cream);background:var(--panel);border-radius:8px;width:min(100%,480px);padding:28px;position:relative;box-shadow:0 0 0 7px #049b9d70,0 24px 80px #00000047}.modal-close-button{width:36px;height:36px;color:var(--navy);box-shadow:none;background:#ffe9bde0;border:2px solid #002a572e;border-radius:999px;place-items:center;padding:0;font-size:1.55rem;font-weight:900;line-height:1;display:grid;position:absolute;top:10px;right:10px}.result-content .modal-close-button{min-height:36px;padding:0}.modal-close-button:hover{border-color:var(--red);background:var(--red);color:#fff;transform:translateY(-1px)}.result-content p:not(.eyebrow){color:var(--ink-soft);font-size:1.1rem;font-weight:700}.result-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.result-actions button:nth-child(2){background:var(--teal)}.result-actions button:nth-child(3){background:var(--orange)}.result-actions button:nth-child(4){background:var(--blue)}.ranking-content,.account-content{width:min(100%,640px)}.ranking-list{gap:10px;margin:18px 0;padding:0;list-style:none;display:grid}.ranking-list li,.account-stats p{background:#ffe9bd8a;border:2px solid #049b9d5c;border-radius:8px;gap:4px;padding:12px 14px;display:grid}.ranking-list span,.account-stats strong{color:var(--red);font-weight:900}.ranking-list strong{color:var(--navy);font-size:1.05rem}.ranking-list small{color:var(--ink-soft);font-weight:800}.account-stats{gap:10px;margin:18px 0;display:grid}.account-stats p{color:var(--navy);margin:0}@media (max-width:900px){.status-panel{grid-template-columns:repeat(3,1fr)}.feedback{grid-column:1/-1}.cards-grid{grid-template-columns:repeat(5,minmax(72px,1fr))}}@media (min-width:681px) and (max-width:1050px){.games-dashboard{grid-template-columns:1fr}.games-list,.games-page-simple .games-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:1050px){.games-compact-hero,.games-catalog-heading{flex-direction:column;align-items:start}.games-active-summary{flex-basis:auto;width:min(100%,520px)}.games-progress-strip,.account-layout{grid-template-columns:1fr}.jim-mode-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.jim-mode-card,.jim-mode-card-free,.jim-mode-card-scales{grid-column:auto}.jim-mode-card-scales:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - clamp(14px,2vw,22px)/2)}.jim-tutorial-steps,.jim-key-panel,.jim-notes-toolbar{grid-template-columns:1fr}.jim-key-bank{grid-template-columns:repeat(4,minmax(74px,1fr))}.jim-selection-summary{max-width:100%}.rankings-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.rankings-tabs button:nth-child(3):last-child{grid-column:1/-1;justify-self:center;width:min(100%,50% - 11px)}}@media (max-width:680px){.jim-mode-heading h2{white-space:normal;font-size:clamp(1.85rem,9vw,2.65rem)}.jim-mode-card h3{font-size:clamp(1.75rem,9vw,2.4rem)}.jim-mode-cards{grid-template-columns:1fr}.jim-mode-card,.jim-mode-card-free,.jim-mode-card-scales,.jim-mode-card-scales:last-child:nth-child(odd){grid-column:1;width:100%}}@media (max-width:960px){.site-topbar,.site-hero,.site-study-strip{width:min(100% - 32px,760px)}.site-hero{grid-template-columns:1fr;gap:28px;min-height:auto;margin-top:24px}.site-hero-copy{max-width:720px}.site-hero h1{max-width:11.5ch}.site-hero-visual{min-height:clamp(400px,64vw,540px)}.site-visual-card-main{inset:0}.site-study-heading,.site-study-heading p{max-width:680px}.pan-visual-guide,.pan-strings-section,.pan-example-card,.pan-reference-grid{grid-template-columns:1fr}.pan-note-wheel-card,.pan-string-diagram-card{width:min(100%,560px)}.pan-steps,.pan-example-path{grid-template-columns:repeat(2,minmax(0,1fr))}.pan-example-path b{display:none}}@media (max-width:680px){.site-shell{padding:12px}.site-topbar{flex-direction:column;align-items:stretch;padding:12px}.site-brand{text-align:center}.site-nav{grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}.site-nav a{min-height:38px;padding:0 8px;font-size:.86rem}.site-hero,.games-page{min-height:auto}.site-hero{grid-template-columns:1fr;gap:22px;margin-top:18px;padding:0}.site-topbar,.site-hero,.site-study-strip{width:100%}.site-hero h1{max-width:11ch;font-size:clamp(2.65rem,11.5vw,4rem)}.site-hero-visual{min-height:min(108vw,480px)}.site-visual-card-main{inset:0}.site-shell:before{opacity:.68;width:min(28vw,120px)}.site-shell:after{display:none}.games-nav,.games-hero,.games-section-heading{flex-direction:column;grid-template-columns:1fr;align-items:stretch}.games-dashboard{grid-template-columns:1fr}.games-account-panel{width:100%}.games-account-row{grid-template-columns:1fr}.games-nav div,.games-nav a,.games-hero-actions,.games-hero-actions a,.games-account-actions a{width:100%}.games-list,.games-page-simple .games-list,.rankings-podium,.rankings-tabs{grid-template-columns:1fr}.rankings-tabs button:nth-child(3):last-child{width:100%}.rankings-podium-place-2,.rankings-podium-place-3{transform:none}.site-actions a,.site-back-link,.game-card a{width:100%}.site-study-strip{grid-template-columns:1fr;margin-top:36px}.site-study-heading{margin-bottom:0}.site-study-strip article{min-height:auto;padding:18px}.game-card,.games-progress-strip>a,.games-page-simple .game-card a{width:100%}.jim-shell{padding:14px}.jim-header{flex-direction:column;align-items:start}.jim-nav,.jim-nav a,.jim-hint-button,.jim-primary-action,.jim-mode-panel button,.jim-result button{width:100%}.jim-key-header button{width:fit-content}.jim-status{grid-template-columns:1fr}.pan-intro{width:min(100% - 28px,1180px);padding:18px}.pan-intro-inner{gap:32px}.pan-visual-guide,.pan-strings-section{gap:22px}.pan-steps,.pan-example-path{grid-template-columns:1fr}.pan-string-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pan-reference-card{padding:16px}.pan-steps article{min-height:auto}.pan-intro .pan-start-button,.pan-intro .pan-final-button,.pan-intro .pan-image-zoom{width:100%}.pan-answer-form{grid-template-columns:1fr}.pan-answer-form label{text-align:center}.pan-answer-text{width:min(54%,360px);max-width:none;padding:8px;top:4%;left:auto;right:4%}.pan-answer-text h2{font-size:clamp(1.35rem,6vw,2.4rem)}.pan-answer-text p{font-size:.78rem}.pan-correct-result-card{gap:12px}.pan-correct-status-bar{flex-direction:column;align-items:stretch;gap:10px}.pan-correct-round{width:fit-content}.pan-correct-guitar-wrapper{border-radius:18px;display:grid}.pan-correct-position-card{background:#032d4ceb;border-radius:0;width:auto;max-width:none;margin:0;position:static}.pan-correct-action-bar{text-align:center;gap:12px;display:grid}.pan-answer .pan-correct-action-bar button{width:100%;min-width:0}.pan-correct-marker,.pan-wrong-marker{width:clamp(20px,5vw,34px)}.jim-mode-grid{grid-template-columns:1fr}.jim-guided-example-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jim-visual-sequence{grid-template-columns:1fr}.jim-note-bank{grid-template-columns:repeat(4,minmax(58px,1fr))}.jim-key-dialog{max-height:calc(100vh - 28px);overflow:auto}.jim-key-bank{grid-template-columns:repeat(3,minmax(64px,1fr))}.jim-game-section .jim-note-bank{grid-template-columns:repeat(3,minmax(58px,1fr))}.jim-round-header{grid-template-columns:1fr}.jim-round-progress{width:100%}.jim-interval-grid,.jim-task-grid{grid-template-columns:repeat(2,minmax(120px,1fr))}.game-shell{padding:14px}.start-screen{min-height:calc(100vh - 28px)}.game-header{flex-direction:column;align-items:start}.game-nav{justify-content:stretch;width:100%}.secondary-button,.admin-win-button,.user-panel button,.start-links button,.result-actions button,.start-actions button{width:100%}.user-panel div:first-of-type{grid-template-columns:1fr}.status-panel{grid-template-columns:repeat(2,1fr)}.turn-card{grid-column:1/-1}.cards-grid{grid-template-columns:repeat(3,minmax(72px,1fr))}.answer-dialog{grid-template-columns:1fr;max-height:calc(100vh - 28px);overflow:auto}.answer-card-preview,.answer-dialog-copy,.answer-field,.answer-dialog button{grid-column:1}.answer-card-preview{width:min(52vw,210px)}}@media (max-width:820px){.account-layout,.account-help-steps,.pan-help-grid,.pan-status{grid-template-columns:1fr}.pan-prompt{gap:16px;padding:18px}.pan-round-dots{justify-content:space-between;width:100%}.pan-prompt h2{font-size:clamp(1.45rem,7.2vw,2.35rem)}.pan-prompt-grid,.pan-response-module,.pan-answer-controls{grid-template-columns:1fr;justify-items:center}.pan-response-module,.pan-selected-answer{text-align:center;justify-items:center}.pan-note-chip{width:clamp(105px,32vw,130px)}.pan-note-card p{max-width:28ch}.pan-mini-fretboard{width:100%;padding:16px 12px}.pan-fretboard-string{display:none}.pan-fret-options{grid-template-columns:repeat(6,minmax(0,1fr))}.pan-fret-options:before,.pan-fret-options:after{z-index:2;pointer-events:none;content:"";background:linear-gradient(#fff9dd,#7ecfc4 58%,#315d68);border-radius:999px;height:4px;position:absolute;left:12px;right:12px;box-shadow:0 2px 8px #00000047,0 0 0 1px #fff4d647}.pan-fret-options:before{top:25%}.pan-fret-options:after{top:75%}.pan-fret-options button,.pan-prompt .pan-fret-options button{min-height:82px}.pan-answer-form{width:100%}.pan-answer-form label{text-align:center}.pan-answer-form input,.pan-answer-form button{width:100%}.pan-answer-form p{text-align:center}.pan-success-check{width:clamp(64px,18vw,78px)}.account-edit-card .games-account-row{grid-template-columns:1fr}.account-edit-card button{width:100%}.pan-flow-chips{grid-template-columns:1fr;display:grid}.pan-intro-action{padding-top:24px}.pan-wheel-help-image{max-width:100%}.pan-result-actions{width:100%;display:grid}.pan-result-actions button{width:100%}}@media (max-width:380px){.cards-grid{grid-template-columns:repeat(2,minmax(72px,1fr))}}@media (max-width:600px) and (orientation:portrait){.game-board-screen{gap:10px}.game-board-screen>.game-header{display:none}.memory-game-mobile-header{margin-bottom:2px}.status-panel{margin:0}.cards-grid{margin-top:0}}.games-mobile-list,.memory-mobile-start-menu,.memory-game-menu{display:none}.mobile-games-menu{z-index:100;flex:none;margin-left:auto;display:block;position:relative}.mobile-games-menu-trigger{color:#fff4d6;cursor:pointer;background:#07526a;border:1px solid #8ccdc0b3;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff29,0 8px 18px #00142a3d}.mobile-games-menu-trigger span{flex-direction:column;gap:5px;width:23px;display:flex}.mobile-games-menu-trigger i{background:currentColor;border-radius:999px;flex:0 0 3px;width:100%;height:3px;display:block}.mobile-games-menu nav{z-index:110;background:#04375cfa;border:1px solid #7ecfc452;border-radius:16px;gap:9px;width:min(76vw,280px);max-height:calc(100dvh - 76px);padding:13px;display:grid;position:absolute;top:calc(100% + 9px);right:0;overflow-y:auto;box-shadow:0 18px 38px #0000004d}.mobile-games-menu nav a,.mobile-games-menu nav button{color:#fff1c9;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #7ecfc42e;border-radius:10px;align-items:center;padding:10px 13px;font-weight:850;text-decoration:none;display:flex}.mobile-games-menu nav a:hover,.mobile-games-menu nav button:hover,.mobile-games-menu nav a:focus-visible,.mobile-games-menu nav button:focus-visible{background:#7ecfc424;outline:2px solid #7ecfc46b}.mobile-games-menu nav .is-admin{color:#ffd3c4;border-color:#ff6c417a}.games-mobile-topbar,.internal-page-menu-row{z-index:90;min-height:58px;color:var(--cream);background:#002a5780;border:1px solid #7ecfc44d;border-radius:14px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;padding:8px 12px;display:flex;position:relative}.memory-game-desktop-menu{display:none}@media (min-width:1001px){.pan-header .mobile-games-menu,.memory-game-desktop-menu,.memory-game-desktop-menu .mobile-games-menu{z-index:100;margin-left:auto;display:block;position:relative}.pan-header .mobile-games-menu-trigger,.memory-game-desktop-menu .mobile-games-menu-trigger{color:#fff4d6;cursor:pointer;background:#07526a;border:1px solid #8ccdc0b3;border-radius:50%;place-items:center;width:52px;height:52px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff29,0 8px 18px #00142a3d}.pan-header .mobile-games-menu-trigger span,.memory-game-desktop-menu .mobile-games-menu-trigger span{flex-direction:column;gap:5px;width:23px;display:flex}.pan-header .mobile-games-menu-trigger i,.memory-game-desktop-menu .mobile-games-menu-trigger i{background:currentColor;border-radius:999px;flex:0 0 3px;width:100%;height:3px;display:block}.pan-header .mobile-games-menu nav,.memory-game-desktop-menu .mobile-games-menu nav{background:#04375cfa;border:1px solid #7ecfc447;border-radius:16px;gap:9px;width:280px;padding:13px;display:grid;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 18px 38px #0000004d}.pan-header .mobile-games-menu nav a,.pan-header .mobile-games-menu nav button,.memory-game-desktop-menu .mobile-games-menu nav a,.memory-game-desktop-menu .mobile-games-menu nav button{color:#fff1c9;min-height:44px;font:inherit;text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #7ecfc42e;border-radius:10px;align-items:center;padding:10px 13px;font-weight:850;text-decoration:none;display:flex}.pan-header .mobile-games-menu nav a:hover,.pan-header .mobile-games-menu nav button:hover,.memory-game-desktop-menu .mobile-games-menu nav a:hover,.memory-game-desktop-menu .mobile-games-menu nav button:hover{background:#7ecfc424}.pan-header .mobile-games-menu nav .is-admin,.memory-game-desktop-menu .mobile-games-menu nav .is-admin{color:#ffd3c4;border-color:#ff6c417a}}.jim-confirm-answer{background:var(--red);color:#fff;width:min(100%,360px);min-height:48px;font:inherit;cursor:pointer;border:0;border-radius:10px;grid-column:1/-1;margin:0 auto 22px;padding:0 24px;font-weight:950;display:block;position:static;box-shadow:0 10px 24px #ff24153d}.jim-confirm-answer:disabled{cursor:not-allowed;opacity:.48}.jim-interval-slot.is-pending{outline:4px solid var(--orange);outline-offset:3px}@media (max-width:680px){.mobile-games-menu{z-index:50;margin-left:auto;display:block;position:relative}.memory-game-menu{justify-content:flex-end;align-items:center;display:flex}.memory-game-mobile-header{justify-content:space-between;align-items:center;gap:14px;width:100%;padding-inline:2px;display:flex}.memory-game-mobile-header h2{min-width:0;color:var(--orange);margin:0;font-size:clamp(1.45rem,7.2vw,2rem);line-height:1.05}.memory-game-mobile-header .memory-game-menu{flex:none;margin-left:auto}.mobile-games-menu-trigger{color:#fff4d6;background:#07526a;border:1px solid #8ccdc0b3;border-radius:50%;place-items:center;width:50px;height:50px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff29,0 8px 18px #00142a3d}.mobile-games-menu-trigger span{flex-direction:column;gap:5px;width:23px;display:flex}.mobile-games-menu-trigger i{background:currentColor;border-radius:999px;flex:0 0 3px;width:100%;height:3px;display:block}.mobile-games-menu nav{background:#04375cfa;border:1px solid #7ecfc447;border-radius:16px;gap:9px;width:min(76vw,270px);padding:13px;display:grid;position:absolute;top:calc(100% + 9px);right:0;box-shadow:0 18px 38px #0000004d}.mobile-games-menu nav a,.mobile-games-menu nav button{color:#fff1c9;min-height:44px;font:inherit;text-align:left;background:#ffffff0d;border:1px solid #7ecfc42e;border-radius:10px;align-items:center;padding:10px 13px;font-weight:850;text-decoration:none;display:flex}.mobile-games-menu nav .is-admin{border-color:#ff6c4161}.games-mobile-topbar{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.games-mobile-topbar>strong{color:#fff1c9;font-weight:950}.games-page-simple .games-nav,.games-page-simple .games-list,.games-page-simple .games-progress-strip,.game-shell .game-nav,.jim-shell .jim-nav{display:none}.games-page-simple{gap:14px;padding:12px 14px 20px}.games-page-simple .games-compact-hero{gap:12px;padding-top:0}.games-page-simple .games-compact-hero h1{font-size:clamp(2.6rem,14vw,4rem)}.games-page-simple .games-hero{padding-block:22px}.games-mobile-list{gap:12px;display:grid}.games-catalog-heading>p{display:none}.game-mobile-accordion{color:#062f4d;background:#fff1c9;border:1px solid #ff8b4f59;border-radius:16px;overflow:hidden;box-shadow:0 10px 22px #00000021}.game-mobile-accordion-trigger{cursor:pointer;text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) 36px;align-items:center;gap:12px;width:100%;padding:13px 14px;display:grid}.game-mobile-accordion-trigger strong{color:#ff3a26;font-size:1.08rem;line-height:1.15}.game-mobile-icon{color:#006f78;background:#7ecfc461;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.2rem;display:grid}.game-mobile-chevron{background:#7ecfc459;border-radius:50%;width:34px;height:34px;position:relative}.game-mobile-chevron:before{content:"";border-bottom:3px solid #006f78;border-right:3px solid #006f78;width:9px;height:9px;transition:transform .16s;position:absolute;top:50%;left:50%;transform:translate(-65%,-50%)rotate(-45deg)}.game-mobile-accordion.is-open .game-mobile-chevron:before{transform:translate(-50%,-65%)rotate(45deg)}.game-mobile-accordion>div{border-top:1px solid #062f4d1f;gap:12px;padding:0 17px 17px;display:grid}.game-mobile-accordion>div>p{margin:15px 0 0;line-height:1.5}.game-mobile-accordion section{background:#7ecfc438;border-radius:10px;padding:10px}.game-mobile-accordion section span{text-transform:uppercase;font-size:.7rem;font-weight:950}.game-mobile-accordion section p{margin:3px 0 0}.game-mobile-accordion small,.game-mobile-accordion em{font-style:normal;font-weight:800}.game-mobile-accordion a{color:#fff;text-align:center;background:#ff3324;border-radius:10px;padding:12px;font-weight:950;text-decoration:none}.game-header,.jim-header{flex-direction:row;align-items:center;gap:12px;display:flex}.game-header h1{font-size:clamp(1.7rem,8vw,2.35rem)}.jim-header h1{max-width:calc(100vw - 100px);font-size:clamp(.78rem,3.4vw,1.05rem)}.game-shell{padding:10px}.memory-mobile-start-menu{justify-content:space-between;align-items:center;margin-bottom:-8px;display:flex}.memory-mobile-start-menu>strong{color:var(--cream);font-size:.82rem}.start-screen .memory-account-summary,.start-screen .start-links{display:none}.start-screen{align-content:start;gap:20px;min-height:calc(100dvh - 20px)}.status-panel{background:#002a5733;border:1px solid #8ccdc052;border-radius:12px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:9px}.score-card,.turn-card{text-align:center;border-width:1px;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;min-height:0;padding:8px 6px;display:flex;box-shadow:0 5px 12px #00142a21}.score-card span,.turn-card span,.score-card strong,.turn-card strong{text-align:center;width:100%}.feedback{border-width:1px;border-radius:9px;min-height:0;padding:8px 10px;box-shadow:0 5px 12px #00142a21}.turn-card{grid-column:auto}.status-panel .feedback-card,.status-panel>p{grid-column:1/-1}.cards-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:5px}.memory-card{min-width:0}.jim-shell{padding:12px}.jim-awaiting-key .jim-status,.jim-awaiting-key .jim-hint-area{display:none}.jim-status{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-bottom:8px;padding:8px}.jim-status strong,.jim-status span,.jim-status b{min-width:0;color:var(--navy);text-align:center;text-overflow:ellipsis;background:#8ccdc07a;border-radius:7px;padding:7px 5px;font-size:.68rem;line-height:1.2;overflow:hidden}.jim-status p{text-align:center;grid-column:1/-1;font-size:.76rem;line-height:1.25}.jim-hint-area{margin-bottom:8px}.jim-hint-button{min-height:36px;margin:0;padding:7px 11px;font-size:.75rem}.jim-challenge-banner{display:none}.jim-basic-tutorial{gap:16px;padding:16px}.jim-tutorial-intro .eyebrow{color:#006f78;background:#7ecfc447;border-radius:999px;padding:6px 10px;font-weight:950;display:inline-flex}.jim-tutorial-steps{grid-template-columns:1fr;gap:9px}.jim-tutorial-steps article{min-height:0;padding:12px}.jim-visual-sequence{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.jim-visual-sequence article{gap:5px;padding:8px}.jim-visual-piece{width:58px;height:58px}.jim-tutorial-actions{justify-content:center}.jim-tutorial-actions button{width:min(100%,420px)}.jim-tutorial-actions button:nth-child(2){display:none}.jim-key-panel{gap:14px;padding:14px}.jim-key-bank{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.jim-key-bank .jim-note-card{min-width:0}.jim-interval-grid,.jim-task-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.jim-interval-slot{aspect-ratio:1.28;background:#fff4d6;grid-template-rows:minmax(0,1fr);grid-template-columns:34px minmax(0,1fr);min-height:88px;padding:0;display:grid;overflow:hidden}.jim-note-placement{aspect-ratio:auto;background:#fff4d6f5;border:0;border-right:1px solid #002a5724;border-radius:0;gap:3px;width:100%;height:100%;padding:3px 2px;display:flex;position:static;transform:none}.jim-placement-asset{flex-basis:27px;width:27px;height:27px}.jim-placement-label{font-size:.64rem!important}.jim-confirm-answer{z-index:20;width:min(100%,420px);margin-bottom:10px;display:block;position:static;bottom:auto}.jim-note-placement.is-empty{border-radius:0;width:100%;height:100%;position:static}.jim-note-placement.is-empty .jim-empty-note-indicator strong{width:24px;height:24px;font-size:.94rem}.jim-extension-picker{margin-bottom:9px;padding:8px}.jim-extension-picker summary{min-height:36px;font-size:.78rem}.jim-extension-picker>div{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}.jim-extension-picker button{min-height:36px;padding:5px;font-size:.75rem}.answer-modal{height:100dvh;padding:max(8px, env(safe-area-inset-top)) 10px max(8px, env(safe-area-inset-bottom));align-items:start;overflow:hidden}.answer-dialog{width:min(100%,520px);max-height:calc(100dvh - max(16px, env(safe-area-inset-top)));border-width:2px;grid-template-columns:108px minmax(0,1fr);gap:8px 12px;padding:10px;overflow:hidden}.answer-card-preview{grid-area:1/1/3;width:108px}.answer-dialog-copy{grid-column:2;align-self:end}.answer-dialog-copy .eyebrow,.answer-dialog-copy>p:not(.answer-correction){display:none}.answer-dialog-copy h2{margin:0;font-size:clamp(1.05rem,5.2vw,1.35rem);line-height:1.05}.answer-dialog-copy .answer-correction{margin-top:5px;padding:5px 7px;font-size:.76rem;line-height:1.2}.answer-field{grid-column:2;gap:3px}.answer-field span{font-size:.7rem}.answer-field input{border-width:2px;min-height:42px;padding:0 10px;font-size:16px}.answer-dialog>button{grid-column:1/-1;min-height:42px;font-size:.9rem}}@media (max-width:1000px) and (max-height:560px) and (orientation:landscape){.game-shell,.jim-shell{min-height:100dvh;padding:6px 10px}.game-board-screen{grid-template-rows:auto auto minmax(0,1fr);gap:5px;max-width:min(100%,960px);height:calc(100dvh - 12px);overflow:hidden}.memory-game-mobile-header{justify-content:space-between;align-items:center;gap:12px;width:100%;min-height:48px;padding-inline:2px;display:flex}.memory-game-mobile-header h2{min-width:0;color:var(--orange);margin:0;font-size:clamp(1.15rem,3.8vw,1.65rem);line-height:1}.memory-game-mobile-header .memory-game-menu{flex:none;margin-left:auto;display:flex}.game-board-screen>.game-header{display:none}.game-header,.jim-header{flex-direction:row;align-items:center;gap:8px;min-height:42px;display:flex}.game-header .eyebrow,.jim-header .eyebrow{display:none}.game-header h1{margin:0;font-size:clamp(1.15rem,3.8vw,1.65rem);line-height:1}.jim-header h1{max-width:calc(100vw - 100px);margin:0;font-size:clamp(1rem,2.5vw,1.3rem);line-height:1}.game-header .mobile-games-menu,.jim-header .mobile-games-menu{margin-left:auto;display:block}.game-header .game-nav,.jim-header .jim-nav{display:none}.mobile-games-menu-trigger{width:48px;height:48px}.status-panel{background:#002a572e;border:1px solid #8ccdc052;border-radius:11px;grid-template-columns:repeat(3,78px) minmax(150px,1fr) 54px;gap:5px;padding:5px;display:grid}.status-panel>*,.score-card,.turn-card,.feedback{border-width:1px;border-radius:8px;min-height:34px;padding:4px 7px;box-shadow:0 4px 10px #00142a1f}.score-card,.turn-card{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex}.score-card span,.turn-card span,.score-card strong,.turn-card strong{text-align:center;width:100%}.score-card span,.turn-card span{font-size:.65rem}.score-card strong,.turn-card strong{font-size:.86rem}.status-panel>p,.status-panel .feedback-card{grid-column:auto;font-size:.68rem;line-height:1.15}.status-progress-mobile{color:var(--navy);text-align:center;justify-content:center;align-items:center;margin:0;font-weight:900;display:flex;font-size:.64rem!important}.cards-grid{--memory-landscape-card:min(calc((100vw - 52px) / 6), calc((100dvh - 112px) / 3));grid-template-columns:repeat(6, var(--memory-landscape-card));grid-template-rows:repeat(3, var(--memory-landscape-card));place-content:center;gap:3px;width:100%;min-height:0;margin-inline:auto;overflow:hidden}.memory-card{justify-self:center;width:100%;height:100%;max-height:none}.progress-text{display:none}.jim-shell{overflow-x:hidden}.jim-status{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin-bottom:4px;padding:4px}.jim-status p{grid-column:auto;margin:0;font-size:.62rem}.jim-hint-area{margin-bottom:4px}.jim-hint-button{min-height:30px;padding:4px 9px}.jim-game-section,.jim-round-header{margin-bottom:5px;padding:6px}.jim-game-section .jim-section-heading,.jim-round-header p,.jim-round-progress,.jim-round-actions,.jim-active-note-status{display:none}.jim-note-bank,.jim-game-section .jim-note-bank{grid-template-columns:repeat(12,minmax(42px,1fr));gap:4px;max-width:920px;margin:0 auto 5px}.jim-note-card{border-radius:7px;min-width:0}.jim-interval-grid,.jim-task-grid{grid-template-columns:repeat(6,minmax(92px,1fr));gap:5px;max-width:940px;margin-bottom:5px}.jim-reference-board{padding:6px}.jim-interval-slot{aspect-ratio:1.38;border-radius:8px;grid-template-rows:minmax(0,1fr);grid-template-columns:30px minmax(0,1fr);min-height:80px;padding:0}.jim-interval-slot img{border-radius:8px}.jim-note-placement,.jim-note-placement.is-empty{border:0;border-right:1px solid #002a5724;border-radius:0;width:100%;height:100%;position:static;transform:none}.jim-placement-asset{flex-basis:23px;width:23px;height:23px}.jim-confirm-answer{right:max(10px, env(safe-area-inset-right));bottom:max(8px, env(safe-area-inset-bottom));z-index:70;width:auto;min-height:38px;margin:0;padding:0 18px;font-size:.78rem;display:block;position:fixed}.jim-extension-picker{margin:0 0 4px;padding:4px 7px}.jim-extension-picker summary{min-height:28px}}@media (max-width:380px){.cards-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (prefers-reduced-motion:reduce){.pan-success-check,.pan-correct-marker,.pan-note-card,.pan-target-finger{animation:none}.pan-intro button,.pan-modal button,.pan-prompt button,.pan-selected-answer strong,.pan-fret-options button:before,.jim-key-bank .jim-note-card,.jim-game-section .jim-note-card,.rankings-tabs button{transition:none}.pan-prompt button:hover,.jim-key-bank .jim-note-card:hover,.jim-game-section .jim-note-card:hover,.rankings-tabs button:hover{transform:none}}@media (max-width:680px){.games-page-simple .games-compact-hero{gap:6px}.games-page-simple .games-compact-hero h1{white-space:nowrap;max-width:100%;font-size:clamp(2.05rem,10.2vw,2.75rem);line-height:.95}.games-page-simple .games-compact-hero>div>p:not(.eyebrow){display:none}.jim-tutorial-page-heading{gap:4px;padding-bottom:4px}.jim-tutorial-page-heading h2{font-size:clamp(3rem,16vw,4.5rem)}.jim-tutorial-page-heading strong{font-size:1rem}.jim-key-bank .jim-note-card,.jim-game-section .jim-note-card{transform-origin:50%;transform:scale(.85)}.jim-key-bank .jim-note-card.is-selected,.jim-game-section .jim-note-card.is-selected{outline:2px solid var(--cream);outline-offset:1px;box-shadow:0 0 0 3px #7ecfc457,0 8px 18px #002a5729}.jim-interval-grid,.jim-task-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.jim-interval-slot{aspect-ratio:1.38;background:#fff4d6;border:1px solid #002a571f;border-radius:10px;grid-template-rows:minmax(0,1fr);grid-template-columns:40px minmax(0,1fr);gap:0;min-height:112px;padding:0;display:grid;overflow:hidden;box-shadow:0 7px 18px #002a571f}.jim-note-placement,.jim-note-placement.is-empty{border:0;border-right:1px solid #002a5724;border-radius:0;width:100%;height:100%;padding:3px 2px;position:static;transform:none}.jim-note-placement.is-empty .jim-empty-note-indicator strong{width:28px;height:28px;font-size:1.05rem}.jim-bass-answer{grid-template-columns:1fr;gap:8px;margin-bottom:9px;padding:10px}.jim-bass-answer-copy small{font-size:.72rem;line-height:1.25}.jim-bass-answer-slot{min-height:58px}.jim-confirm-answer{z-index:auto;width:100%;margin:10px auto 14px;display:block;position:static}.answer-modal{top:var(--visual-viewport-top,0px);height:var(--visual-viewport-height,100dvh);bottom:auto;left:0;right:0}.answer-dialog{max-height:calc(var(--visual-viewport-height,100dvh) - max(16px, env(safe-area-inset-top)))}.answer-response-row{grid-column:2;gap:3px}.answer-response-row button{min-height:42px;font-size:.9rem}}@media (max-width:1000px) and (max-height:560px) and (orientation:landscape){.jim-interval-slot{aspect-ratio:1.38;grid-template-rows:minmax(0,1fr);grid-template-columns:30px minmax(0,1fr);min-height:80px}.jim-note-placement,.jim-note-placement.is-empty{height:100%}.jim-bass-answer{grid-template-columns:minmax(0,1fr) minmax(210px,270px);gap:8px;margin-bottom:6px;padding:6px 8px}.jim-bass-answer-copy strong{font-size:1rem}.jim-bass-answer-copy small{display:none}.jim-bass-answer-slot{grid-template-columns:40px minmax(0,1fr);min-height:48px;padding:3px 7px}.jim-bass-answer-question,.jim-bass-answer-asset{width:36px;height:36px}.jim-confirm-answer{z-index:auto;width:100%;min-height:38px;margin:5px auto 8px;position:static;bottom:auto;right:auto}.answer-modal.is-input-focused{padding:4px max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));place-items:center}.answer-modal.is-input-focused .answer-dialog{width:min(100%,680px);max-height:calc(var(--visual-viewport-height,100dvh) - 8px);grid-template-rows:auto auto;grid-template-columns:clamp(90px,18vw,130px) minmax(0,1fr);gap:5px 12px;padding:7px}.answer-modal.is-input-focused .answer-card-preview{grid-row:1/3;align-self:center;width:clamp(90px,18vw,130px)}.answer-modal.is-input-focused .answer-dialog-copy{align-self:end}.answer-modal.is-input-focused .answer-dialog-copy h2{font-size:clamp(.95rem,3vw,1.2rem)}.answer-modal.is-input-focused .answer-response-row{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:7px;display:grid}.answer-modal.is-input-focused .answer-field span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.answer-modal.is-input-focused .answer-field input,.answer-modal.is-input-focused .answer-response-row button{min-height:38px}.answer-modal.is-input-focused .answer-response-row button{white-space:nowrap;padding-inline:14px}}.memory-compact-question{display:none}.game-shell,.jim-shell,.pan-shell,.chord-reading-shell,.memory-tutorial-shell{min-width:0;min-height:100dvh;overflow-x:clip}.game-app-header{width:min(100% - 32px,1080px);color:var(--cream);background:#002a5794;border:1px solid #7ecfc459;border-radius:12px;justify-content:space-between;align-items:center;margin:16px auto;padding:10px 14px;display:flex}.jim-spelling-control>.jim-spelling-toggle{background:#eaf2e5;border:1px solid #002a572e;border-radius:11px;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;width:min(100%,430px);padding:4px;display:grid;box-shadow:inset 0 1px 3px #002a571a}.jim-spelling-toggle button{min-width:0;min-height:42px;color:var(--navy);font:inherit;cursor:pointer;background:#fff4d8;border:0;border-radius:6px;padding:5px 8px;font-size:.78rem;font-weight:800}.jim-spelling-toggle button[data-active=true]{color:#fff;background:var(--teal);box-shadow:0 3px 8px #002a572e}.jim-spelling-control{gap:7px;margin-block:10px 12px;display:grid}.jim-spelling-control>span{color:var(--navy);text-transform:uppercase;font-size:.78rem;font-weight:900}.jim-interval-slot.is-wrong{box-shadow:0 0 0 3px #da343438;border-color:#da3434!important}.jim-interval-slot.is-wrong:after,.jim-interval-slot.is-correct:after,.jim-interval-slot.is-enharmonic:after{z-index:8;color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-weight:900;display:grid;position:absolute;top:6px;right:6px}.jim-interval-slot.is-wrong:after{content:"×";background:#da3434}.jim-interval-slot.is-correct:after{content:"✓";background:#159b60}.jim-interval-slot.is-enharmonic{outline-offset:2px;outline:4px solid #ffd34e;box-shadow:0 0 0 7px #ffd34e3d,0 10px 24px #63480033;border-color:#d8a517!important}.jim-interval-slot.is-enharmonic:after{content:"!";color:#002a57;background:#ffd34e}.chord-reading-shell,.memory-tutorial-shell{color:var(--cream);background:radial-gradient(circle at 82% 12%, #00a6a638, transparent 34%), var(--navy);padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom)}.chord-mode-screen{width:min(100% - 24px,1080px);color:var(--navy);background:linear-gradient(145deg,#fff4d6fa,#eef3d9f5);border:1px solid #8ccdc06b;border-radius:12px;gap:14px;margin:clamp(24px,6vw,72px) auto;padding:clamp(22px,5vw,48px);display:grid;box-shadow:0 22px 55px #000f2252}.chord-mode-screen h1{color:var(--orange);margin:0;font-size:clamp(2.3rem,7vw,4.8rem);line-height:.98}.chord-mode-screen>p:not(.eyebrow){max-width:58ch;margin:0 0 10px;font-weight:750;line-height:1.55}.chord-mode-screen .chord-mode-grid{margin:8px 0 0}.chord-mode-screen .chord-mode-grid button{text-align:left;align-content:center;gap:8px;min-height:170px;display:grid}.chord-mode-screen .chord-mode-grid button span{color:var(--teal);text-transform:uppercase;font-size:.74rem;font-weight:950}.chord-mode-screen .chord-mode-grid button strong{color:var(--navy);font-size:clamp(1.65rem,3vw,2.45rem)}.chord-mode-screen .chord-mode-grid button small{line-height:1.45}.chord-tutorial-kicker{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:clamp(1.1rem,2.2vw,1.55rem);font-weight:950;line-height:1;color:var(--orange)!important}.chord-tutorial-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.chord-tutorial-actions button:first-child{color:var(--navy);background:var(--aqua)}.chord-tutorial-actions button:last-child{color:#fff;background:var(--red)}.chord-tutorial,.chord-game,.chord-result,.memory-tutorial-shell>section{width:min(100% - 32px,760px);margin:clamp(28px,7vh,70px) auto}.chord-tutorial{gap:clamp(16px,2vw,24px);width:min(100% - 32px,1080px);margin-block:clamp(24px,4vh,44px);display:grid}.chord-tutorial-hero{gap:8px;width:100%;display:grid}.chord-tutorial h1{max-width:none;color:var(--orange);overflow-wrap:normal;text-wrap:balance;word-break:normal;margin:0;font-size:clamp(2rem,3.7vw,3.2rem);line-height:1.04}.memory-tutorial-shell h1{max-width:12ch;color:var(--orange);margin:8px 0 16px;font-size:clamp(2.4rem,8vw,4.6rem);line-height:.98}.chord-tutorial-lead,.memory-tutorial-shell>section>p{max-width:58ch;line-height:1.6}.chord-tutorial-lead{margin:0}.chord-tutorial-example,.memory-pair-example{justify-content:center;align-items:center;gap:18px;margin:28px 0;display:flex}.chord-tutorial-example b{color:var(--orange);font-size:clamp(3rem,15vw,7rem)}.chord-tutorial-example strong{font-size:clamp(1.3rem,4vw,2rem)}.chord-mode-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.chord-mode-grid button{border:2px solid var(--aqua);min-height:110px;color:var(--navy);text-align:left;background:var(--cream);border-radius:12px;gap:5px;padding:18px;display:grid}.chord-mode-grid strong{color:#ff3b2f;font-size:1.35rem}.chord-game{text-align:center;gap:clamp(16px,2vw,22px);width:min(100% - 32px,1060px);margin-block:clamp(24px,5vh,52px);display:grid}.chord-status-panel{background:#033756c7;border:1px solid #8ccdc057;border-radius:20px;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:12px;display:grid;box-shadow:0 16px 34px #000f2238,inset 0 1px #ffffff14}.chord-status-item{min-height:66px;color:var(--cream);background:#ffffff12;border:1px solid #8ccdc040;border-radius:14px;place-items:center;gap:4px;padding:10px 14px;display:grid}.chord-status-item small{color:var(--aqua);letter-spacing:.11em;text-transform:uppercase;font-size:.7rem;font-weight:950}.chord-status-item strong{font-size:clamp(.95rem,1.7vw,1.18rem);line-height:1.15}.chord-status-mode{background:#ff63381f;border-color:#ff633866}.chord-status-mode small{color:#ffc1a9}.chord-practice-layout{grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:stretch;gap:clamp(16px,2vw,22px);display:grid}.chord-challenge-panel,.chord-answer-card,.chord-feedback{border:1px solid #8ccdc061;border-radius:22px;padding:clamp(20px,3vw,30px);box-shadow:0 22px 48px #000f2247,inset 0 1px #ffffffb3}.chord-challenge-panel{min-width:0;color:var(--navy);background:linear-gradient(145deg,#fff4d6,#eee8ca);align-content:center;gap:14px;display:grid}.chord-panel-kicker{color:#c73525;letter-spacing:.14em;text-transform:uppercase;margin:0;font-size:.75rem;font-weight:950}.chord-display{width:100%;min-height:clamp(200px,34vh,310px);color:var(--orange);overflow-wrap:anywhere;text-shadow:0 4px #00142a3d;background:radial-gradient(circle at 70% 18%,#00a6a638,#0000 38%),linear-gradient(155deg,#073d59,#002a57);border:1px solid #8ccdc075;border-radius:18px;place-items:center;margin:0;padding:18px;font-size:clamp(3.8rem,11vw,7.6rem);font-weight:950;line-height:.92;display:grid;box-shadow:inset 0 1px #ffffff1f,0 16px 32px #00142a3d}.chord-display-long{overflow-wrap:normal;font-size:clamp(2.6rem,7vw,5.4rem)}.chord-symbol-caption{color:#002a57b8;margin:0;font-size:.84rem;font-weight:800;line-height:1.4}.chord-answer-card{min-width:0;color:var(--navy);text-align:left;background:linear-gradient(145deg,#fff8e4,#e9f0da);align-content:center;gap:14px;margin:0;display:grid}.chord-answer-card label{text-wrap:balance;font-size:clamp(1.2rem,2.2vw,1.65rem);font-weight:950;line-height:1.18}.chord-game input{min-height:58px;color:var(--navy);font:inherit;background:#fffdf5;border:2px solid #00a6a6b8;border-radius:13px;padding:12px 16px;font-size:16px;box-shadow:inset 0 2px 5px #002a5714}.chord-game input::placeholder{color:#002a577a}.chord-game input:focus{border-color:var(--teal);outline-offset:2px;outline:3px solid #00a6a62e}.chord-game form button,.chord-feedback button,.chord-result button,.chord-result a,.memory-tutorial-shell a{color:#fff;min-height:52px;font:inherit;background:#ff3b2f;border:0;border-radius:12px;place-items:center;padding:11px 22px;font-weight:950;text-decoration:none;display:inline-grid}.chord-answer-card button{cursor:pointer;grid-auto-flow:column;justify-content:center;gap:8px;width:100%;box-shadow:0 12px 24px #ff3b2f3d}.chord-answer-card button:not(:disabled):hover{filter:brightness(1.06);transform:translateY(-1px)}.chord-answer-card button:disabled{color:#ffffffa6;cursor:not-allowed;box-shadow:none;background:#a9b4ae}.memory-tutorial-version-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.memory-tutorial-version-actions a:last-child{background:var(--teal)}@media (max-width:560px){.memory-tutorial-version-actions{grid-template-columns:1fr}}.chord-feedback{width:auto;color:var(--navy);text-align:left;background:var(--cream);align-content:center;gap:12px;margin:0;display:grid}.chord-feedback h2,.chord-feedback p{margin:0}.chord-feedback h2{color:var(--red);font-size:clamp(1.8rem,3vw,2.5rem)}.chord-feedback p{line-height:1.5}.chord-feedback-heading{gap:5px;display:grid}.chord-feedback-heading>p:last-child{color:#002a57c2;font-size:.88rem;font-weight:750}.chord-feedback-lesson{grid-template-columns:1fr 1fr;gap:8px;display:grid}.chord-feedback-lesson section{background:#ffffff7a;border:1px solid #002a571f;border-radius:12px;align-content:start;gap:5px;min-width:0;padding:10px 12px;display:grid}.chord-feedback-lesson section:first-child{background:#daf6eca8;border-color:#00a6a647;grid-column:1/-1}.chord-feedback-lesson small{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:950}.chord-feedback-lesson strong{font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.3}.chord-feedback-lesson ul{color:#002a57c7;gap:3px;margin:0;padding-left:17px;font-size:.76rem;font-weight:750;line-height:1.3;display:grid}.chord-notation-list{flex-wrap:wrap;align-content:start;gap:5px;display:flex}.chord-notation-list code{color:var(--navy);background:#fffdf5;border:1px solid #002a5729;border-radius:7px;padding:3px 7px;font-family:inherit;font-size:.76rem;font-weight:950}.chord-feedback button{cursor:pointer;width:100%;margin-top:6px}.chord-game[data-feedback=correct] .chord-feedback{border:3px solid #159b60}.chord-game[data-feedback=partial] .chord-feedback{background:#fff4bd;border:3px solid #d8a517}.chord-game[data-feedback=wrong] .chord-feedback{border:3px solid #da3434}.chord-result{text-align:center;width:min(100% - 32px,860px);margin-block:clamp(28px,6vh,64px)}.chord-result-card{color:var(--navy);background:linear-gradient(145deg,#fff4d6,#e8efd8);border:1px solid #8ccdc06b;border-radius:26px;place-items:center;gap:12px;padding:clamp(24px,5vw,48px);display:grid;box-shadow:0 26px 60px #000f2252,inset 0 1px #fff}.chord-result-mark{color:#fff;background:#159b60;border-radius:50%;place-items:center;width:58px;height:58px;font-size:1.8rem;font-weight:950;display:grid;box-shadow:0 10px 24px #159b6042}.chord-result-score{background:linear-gradient(155deg,#073d59,#002a57);border-radius:20px;place-items:center;min-width:min(100%,300px);padding:10px 24px;display:grid;box-shadow:0 14px 30px #00142a3d}.chord-result h1{color:var(--orange);margin:0;font-size:clamp(4.2rem,12vw,7.5rem);line-height:.95}.chord-result h2{color:var(--navy);margin:4px 0 0;font-size:clamp(1.6rem,3.2vw,2.35rem)}.chord-result-copy{color:#002a57c2;max-width:54ch;margin:0;font-weight:800;line-height:1.5}.chord-result-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;margin-top:8px;display:grid}.chord-result-summary>div{background:#ffffff6b;border:1px solid #002a571f;border-radius:14px;gap:4px;padding:12px;display:grid}.chord-result-summary small{color:var(--teal);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem;font-weight:950}.chord-result-summary strong{color:var(--navy);font-size:1.35rem}.chord-result-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;margin-top:8px;display:grid}.chord-result-actions>*{cursor:pointer;width:100%}.chord-result a{color:var(--navy);background:var(--aqua)}.memory-result-actions{align-items:end;grid-template-columns:repeat(2,minmax(0,1fr))!important}.memory-result-actions>button{min-height:54px;color:var(--navy)!important;background:var(--aqua)!important}.memory-recommended-action{gap:7px;display:grid}.memory-recommended-action span{color:#a72a1f;text-transform:uppercase;font-size:.72rem;font-weight:950}.memory-recommended-action a{place-items:center;min-height:54px;display:grid;color:#fff!important;background:#ff3324!important}.chord-tutorial-lessons{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0;display:grid}.chord-tutorial-lessons article{color:var(--navy);background:linear-gradient(145deg,#fff4d6,#f3ebcc);border:1px solid #ff63384d;border-radius:14px;gap:9px;padding:18px;display:grid;box-shadow:0 12px 26px #00142a24,inset 0 1px #fff}.chord-tutorial-lessons .chord-advanced-lesson{grid-column:1/-1}.chord-tutorial-lessons span{color:#c73525;letter-spacing:.04em;text-transform:uppercase;font-size:.76rem;font-weight:950}.chord-tutorial-lessons strong{color:var(--navy);font-size:clamp(1.05rem,2vw,1.3rem);line-height:1.18}.chord-tutorial-lessons p{color:#002a57e0;margin:0;line-height:1.5}.chord-tutorial-lessons small{color:#087c7e;border-top:1px solid #002a5721;padding-top:8px;font-weight:900;line-height:1.42}.chord-tutorial-actions{justify-self:center;align-items:stretch;width:100%;margin-top:0}.chord-tutorial-actions.chord-tutorial-actions-single{grid-template-columns:minmax(220px,360px);justify-content:center}.chord-tutorial-actions button{min-height:54px;font:inherit;cursor:pointer;border:0;border-radius:12px;padding:12px 18px;font-weight:950;box-shadow:0 10px 22px #00142a2e}.chord-tutorial-actions button:last-child{box-shadow:0 12px 25px #ff241540}.jim-bottom-feedback{width:min(100%,920px);color:var(--navy);background:var(--cream);border:2px solid #7ecfc4b3;border-radius:10px;gap:10px;margin:14px auto 10px;padding:12px;display:grid}.jim-bottom-feedback[data-status=enharmonic]{background:#fff1af;border-color:#d8a517}.jim-bottom-feedback[data-status=wrong]{background:#ffe0dc;border-color:#d53a35}.jim-bottom-feedback[data-status=correct]{background:#dff6e9;border-color:#178a56}.jim-bottom-feedback>p{margin:0;font-weight:900;line-height:1.4}.jim-bottom-feedback .jim-hint-panel{margin:0}@media (max-width:700px){.memory-result-actions,.chord-tutorial-lessons{grid-template-columns:1fr!important}.chord-tutorial-lessons .chord-advanced-lesson{grid-column:auto}.chord-mode-grid{grid-template-columns:1fr}.chord-mode-screen .chord-mode-grid button{min-height:132px}.chord-tutorial-actions{grid-template-columns:1fr}.chord-game,.chord-result{width:min(100% - 20px,1060px);margin-block:18px 26px}.chord-status-panel{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:8px}.chord-status-mode{grid-area:1/1/auto/-1}.chord-status-item{min-height:58px;padding:8px 10px}.chord-practice-layout{grid-template-columns:1fr;gap:12px}.chord-challenge-panel,.chord-answer-card,.chord-feedback{border-radius:18px;padding:16px}.chord-feedback-lesson{grid-template-columns:1fr}.chord-feedback-lesson section:first-child{grid-column:auto}.chord-display{min-height:170px;font-size:clamp(3.8rem,22vw,6.2rem)}.chord-display.chord-display-long{padding-inline:8px;font-size:clamp(1.8rem,9vw,2.5rem)}.chord-result-card{border-radius:20px;padding:22px 16px}.chord-result-summary{gap:7px}.chord-result-summary>div{padding:10px 6px}}@media (max-width:1000px){.pan-status{padding:10px 12px!important}.pan-status p{margin:4px 0 0!important}.pan-prompt{padding:14px!important}.pan-prompt h2{max-width:24ch;margin:0 auto 12px!important;font-size:clamp(1.3rem,5vw,1.8rem)!important;line-height:1.08!important}.pan-note-card{padding:10px!important}.pan-note-chip{min-height:86px!important}.pan-answer-form{gap:10px!important}}@media (max-width:560px) and (orientation:portrait){.pan-status{grid-template-columns:auto minmax(0,1fr)!important;gap:6px 8px!important;padding:8px 10px!important}.pan-status>strong,.pan-status>span{padding:6px 8px;font-size:.76rem}.pan-status p{grid-column:1/-1;width:100%;padding:6px 8px;font-size:.72rem}.pan-status p span{width:18px}.pan-round-dots{grid-column:1/-1;justify-content:center;gap:6px}.pan-round-dots li{width:10px}.pan-prompt{border-radius:17px;gap:13px;margin-bottom:12px;padding:12px!important}.pan-prompt h2{max-width:28ch;margin-bottom:2px!important;font-size:clamp(1.18rem,5.2vw,1.5rem)!important;line-height:1.16!important}.pan-prompt-grid{grid-template-columns:1fr;gap:13px}.pan-note-card{text-align:left;border-radius:14px;grid-template-columns:auto auto minmax(0,1fr);place-items:center start;gap:5px 10px;padding:9px 11px!important}.pan-note-card>span{grid-column:1/-1}.pan-note-chip{border-width:3px;grid-row:2/span 2;width:78px;padding:7px;min-height:0!important}.pan-note-chip strong{font-size:1.75rem}.pan-note-chip b{font-size:.88rem}.pan-note-card p{max-width:none;font-size:.78rem}.pan-answer-form{gap:9px!important}.pan-mini-fretboard{border-radius:15px;gap:9px;padding:12px}.pan-mini-fretboard legend{width:100%;color:var(--orange);text-align:left;padding:0 0 8px;font-size:.86rem}.pan-fret-hint{margin-top:-5px}}@media (max-width:1000px) and (max-height:560px) and (orientation:landscape){.pan-shell{padding:8px 12px 18px!important}.pan-header{min-height:52px}.pan-status{grid-template-columns:auto 1fr;gap:4px 12px!important;display:grid!important}.pan-status p,.pan-round-dots{grid-column:1/-1}.pan-prompt{grid-template-columns:minmax(180px,.7fr) minmax(420px,1.3fr);align-items:start;gap:12px 18px;display:grid}.pan-prompt h2{text-align:left;grid-column:1;max-width:15ch;margin:0!important}.pan-prompt-grid{grid-area:1/2/span 2;grid-template-columns:150px 1fr!important;gap:10px!important}.pan-note-chip{min-height:70px!important}.pan-note-card p{display:none}.pan-mini-fretboard{padding:8px!important}}.memory-pair-example img{border-radius:12px;width:clamp(92px,24vw,150px);height:auto}.memory-pair-example strong{aspect-ratio:1;width:clamp(92px,24vw,150px);color:var(--navy);background:var(--cream);border-radius:12px;place-items:center;font-size:clamp(2.4rem,10vw,4rem);display:grid}.memory-tutorial-shell ol{gap:12px;padding-left:24px;line-height:1.45;display:grid}.memory-version-explainer{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.memory-version-explainer span{border:1px solid var(--aqua);border-radius:10px;gap:6px;padding:14px;display:grid}.memory-tutorial-shell>.memory-tutorial{gap:24px;width:min(100% - 32px,960px);margin:clamp(22px,4vh,44px) auto;display:grid}.memory-tutorial-heading{text-align:center;gap:8px;display:grid}.memory-tutorial-heading .eyebrow{color:var(--aqua);margin:0}.memory-tutorial-shell .memory-tutorial-heading h1{max-width:none;margin:0;font-size:clamp(2.5rem,5.5vw,4rem);line-height:.96}.memory-tutorial-heading>p:last-child{color:#ffe9bdeb;max-width:62ch;margin:0 auto;font-weight:780;line-height:1.5}.memory-demo-card{color:var(--navy);background:linear-gradient(145deg,#fff4d6,#f7e9c0);border:1px solid #ffb06c7a;border-radius:16px;gap:12px;padding:clamp(16px,2.6vw,24px);display:grid;box-shadow:0 14px 30px #00122729}.memory-demo-card>p,.memory-how-to>h2,.memory-version-section>h2{letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.8rem;font-weight:950}.memory-demo-card>p{color:var(--red)}.memory-demo-card .memory-pair-example{gap:clamp(16px,4vw,34px);margin:0}.memory-demo-card .memory-pair-example img{border:2px solid #002a5724;border-radius:14px;width:clamp(105px,15vw,145px);box-shadow:0 8px 18px #00193324}.memory-pair-example>span{color:var(--teal);font-size:clamp(2rem,5vw,3.5rem);font-weight:950}.memory-how-to,.memory-version-section{gap:12px;display:grid}.memory-how-to>h2,.memory-version-section>h2{color:var(--cream)}.memory-how-to ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.memory-how-to li{background:#fff4d617;border:1px solid #8ccdc052;border-radius:14px;align-content:start;gap:8px;min-height:130px;padding:16px;display:grid}.memory-how-to li>span{color:var(--aqua);font-size:1.5rem;font-weight:950}.memory-how-to li p{color:var(--cream);margin:0;font-weight:820;line-height:1.38}.memory-how-to li strong{width:fit-content;color:var(--navy);background:var(--aqua);border-radius:8px;padding:5px 9px}.memory-version-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.memory-version-card{min-height:250px;color:var(--navy);background:linear-gradient(145deg,#fff4d6,#f4e6be);border:1px solid #ffb06c85;border-radius:16px;flex-direction:column;justify-content:space-between;gap:18px;padding:clamp(18px,2.5vw,24px);display:flex;box-shadow:0 12px 28px #00122726}.memory-version-card>div{gap:7px;display:grid}.memory-version-card h3{color:var(--orange);margin:0;font-size:1.75rem;line-height:1}.memory-version-card p{margin:0;font-weight:780}.memory-version-card>div>strong{color:var(--navy)}.memory-version-example{align-items:center;gap:8px;margin-top:8px;display:flex}.memory-version-example span{background:#8ccdc057;border:1px solid #002a5724;border-radius:10px;place-items:center;min-width:58px;min-height:48px;padding:7px 10px;font-weight:950;display:grid}.memory-version-example b{color:var(--teal);font-size:1.35rem}.memory-version-card>a{background:var(--red);border-radius:11px;width:100%;min-height:52px}.memory-version-card-flat>a{background:var(--teal)}.memory-version-card-flat>a:hover{background:#067b7d}@media (max-width:700px){.memory-tutorial-shell>.memory-tutorial{gap:20px;margin-block:18px 28px}.memory-tutorial-shell .memory-tutorial-heading h1{font-size:clamp(2.35rem,11vw,3.35rem)}.memory-how-to ol,.memory-version-grid{grid-template-columns:1fr}.memory-how-to li,.memory-version-card{min-height:0}}@media (min-width:1051px){.games-page-simple .game-card h3{font-size:clamp(1.45rem,1.8vw,1.82rem)}.games-page-simple .game-card p{font-size:.94rem;line-height:1.5}.games-page-simple .game-card{gap:13px}.games-page-simple .game-card a{min-width:0}}@media (max-width:1000px){html{-moz-text-size-adjust:100%;text-size-adjust:100%}input,select,textarea{font-size:16px!important}.mobile-games-menu{display:block}.game-app-header{width:calc(100% - 20px);margin:10px auto}.jim-status{padding:8px 10px}.jim-status p{margin-block:4px}.jim-spelling-toggle{width:100%}.jim-note-bank{max-width:100%}.pan-question-card h2{font-size:clamp(1.35rem,5.5vw,2rem)!important}}@media (max-width:560px){.chord-mode-grid,.memory-version-explainer{grid-template-columns:1fr}.chord-tutorial,.chord-game,.chord-result,.memory-tutorial-shell>section{margin-block:22px}.chord-display{min-height:150px}.chord-result-actions{grid-template-columns:1fr}.result-actions{grid-template-columns:1fr 1fr;display:grid!important}.result-actions>*{width:100%;min-width:0!important}}@media (max-width:700px) and (orientation:portrait){.pan-status p{display:none!important}.pan-status{height:auto!important}.pan-prompt{position:relative!important}.pan-prompt h2.pan-question-copy{text-align:left!important;grid-template-columns:minmax(0,1fr) 74px!important;justify-items:start!important;max-width:none!important;margin:0!important;font-size:1rem!important;line-height:1!important;display:grid!important}.pan-question-copy>span:not(.pan-mobile-brand){grid-column:1!important}.pan-question-copy>strong{grid-column:1!important;font-size:clamp(2.4rem,13vw,3.4rem)!important}.pan-question-copy>small{grid-column:1!important;font-size:.92rem!important;line-height:1.15!important}.pan-prompt-grid{display:contents!important}.pan-note-card{width:70px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:block!important;position:absolute!important;top:14px!important;right:14px!important}.pan-note-card>span,.pan-note-card p{display:none!important}.pan-note-chip{width:70px!important;min-height:0!important;padding:5px!important}.pan-response-module{box-shadow:none!important;background:0 0!important;border:0!important;grid-template-columns:minmax(0,1fr) auto!important;justify-items:stretch!important;padding:2px 0 0!important}.pan-selected-answer{text-align:left!important;place-items:baseline start!important;gap:5px!important;display:flex!important}.pan-selected-answer span{color:var(--navy)!important;letter-spacing:0!important;text-transform:none!important;font-size:.76rem!important}.pan-selected-answer strong{min-width:0!important;min-height:0!important;color:var(--teal)!important;background:0 0!important;border-radius:0!important;padding:0!important;font-size:1rem!important;display:inline!important}.pan-manual-answer{grid-area:2/1/auto/-1!important}.pan-confirm-answer{grid-area:1/2!important;width:auto!important;min-height:42px!important}}@media (max-width:1000px) and (max-height:600px) and (orientation:landscape){.pan-round-layout{display:block!important;position:relative!important}.pan-round-layout .pan-status{width:auto!important;height:auto!important;position:absolute!important;inset:0 69% 0 0!important}.pan-status p{display:none!important}.pan-prompt h2.pan-question-copy{z-index:2!important;text-align:left!important;justify-items:start!important;width:calc(31% - 28px)!important;max-width:none!important;margin:0!important;font-size:1rem!important;line-height:1!important;display:grid!important;position:absolute!important;bottom:18px!important;left:14px!important}.pan-prompt-grid{display:contents!important}.pan-note-card{z-index:3!important;width:62px!important;box-shadow:none!important;background:0 0!important;border:0!important;padding:0!important;display:block!important;position:absolute!important;bottom:18px!important;left:14px!important}.pan-note-card>span,.pan-note-card p{display:none!important}.pan-note-chip{width:62px!important;min-height:0!important;padding:4px!important}.pan-response-module{box-shadow:none!important;background:0 0!important;border:0!important;grid-template-columns:minmax(0,1fr) auto!important;justify-items:stretch!important;padding:0!important}.pan-round-layout .pan-answer-form{align-content:center!important;width:auto!important;padding:10px 14px!important;display:grid!important;position:absolute!important;inset:0 0 0 31%!important}.pan-selected-answer{text-align:left!important;place-items:baseline start!important;gap:5px!important;display:flex!important}.pan-selected-answer span{color:var(--navy)!important;letter-spacing:0!important;text-transform:none!important;font-size:.72rem!important}.pan-selected-answer strong{min-width:0!important;min-height:0!important;color:var(--teal)!important;background:0 0!important;padding:0!important;font-size:.96rem!important;display:inline!important}.pan-manual-answer{grid-area:2/1!important}.pan-confirm-answer{grid-area:1/2/span 2!important;width:auto!important;min-height:42px!important}}@media (max-width:1000px) and (orientation:landscape){.game-header .mobile-games-menu,.pan-header .mobile-games-menu,.memory-mobile-start-menu,.memory-mobile-start-menu .mobile-games-menu,.memory-game-menu,.memory-game-menu .mobile-games-menu{display:flex}.game-header .mobile-games-menu,.pan-header .mobile-games-menu,.memory-mobile-start-menu .mobile-games-menu,.memory-game-menu .mobile-games-menu{margin-left:auto}.pan-header{z-index:90;align-items:center;position:relative}.pan-header .mobile-games-menu{display:block;position:relative}.pan-header .mobile-games-menu-trigger{color:#fff4d6;background:#07526a;border:1px solid #8ccdc08f;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff29,0 7px 16px #00142a3d}.pan-header .mobile-games-menu-trigger span{flex-direction:column;gap:5px;width:22px;display:flex}.pan-header .mobile-games-menu-trigger i{background:currentColor;border-radius:999px;flex:0 0 3px;width:100%;height:3px;display:block}.pan-header .mobile-games-menu nav{z-index:100;background:#04375c;border:1px solid #8ccdc075;border-radius:12px;gap:5px;width:min(42vw,250px);max-height:calc(100dvh - 76px);padding:8px;display:grid;position:absolute;top:calc(100% + 7px);right:0;overflow-y:auto;box-shadow:0 16px 34px #00142a57}.pan-header .mobile-games-menu nav a,.pan-header .mobile-games-menu nav button{color:#fff4d6;min-height:34px;font:inherit;text-align:left;background:#ffffff14;border:0;border-radius:8px;align-items:center;padding:7px 10px;font-size:.74rem;font-weight:900;display:flex}.memory-game-menu{z-index:90;justify-content:flex-end;align-items:center;position:relative}.memory-game-menu .mobile-games-menu{position:relative}.memory-game-menu .mobile-games-menu-trigger{color:#fff4d6;background:#07526a;border:1px solid #8ccdc08f;border-radius:50%;place-items:center;width:48px;height:48px;padding:0;display:grid;box-shadow:inset 0 1px #ffffff29,0 7px 16px #00142a3d}.memory-game-menu .mobile-games-menu-trigger span{flex-direction:column;gap:5px;width:22px;display:flex}.memory-game-menu .mobile-games-menu-trigger i{background:currentColor;border-radius:999px;flex:0 0 3px;width:100%;height:3px;display:block}.memory-game-menu .mobile-games-menu nav{z-index:100;background:#04375c;border:1px solid #8ccdc075;border-radius:12px;gap:5px;width:min(42vw,250px);max-height:calc(100dvh - 76px);padding:8px;display:grid;position:absolute;top:calc(100% + 7px);right:0;overflow-y:auto;box-shadow:0 16px 34px #00142a57}.memory-game-menu .mobile-games-menu nav a,.memory-game-menu .mobile-games-menu nav button{color:#fff4d6;min-height:34px;font:inherit;text-align:left;background:#ffffff14;border:0;border-radius:8px;align-items:center;padding:7px 10px;font-size:.74rem;font-weight:900;display:flex}.chord-tutorial{grid-template-columns:minmax(250px,.8fr) minmax(330px,1.2fr);gap:12px 24px;margin-block:10px}.chord-tutorial .chord-tutorial-hero{grid-area:1/1;align-self:start}.chord-tutorial .chord-tutorial-kicker{font-size:1.05rem}.chord-tutorial h1{font-size:clamp(1.75rem,4.4vw,2.5rem);line-height:1.04}.chord-tutorial .chord-tutorial-lead{font-size:.9rem;line-height:1.4}.chord-tutorial .chord-tutorial-lessons{grid-area:1/2/span 2;grid-template-columns:1fr;max-height:calc(100dvh - 90px);margin:0;overflow-y:auto}.chord-tutorial .chord-tutorial-lessons article:last-child{grid-column:auto}.chord-tutorial .chord-tutorial-actions{grid-area:2/1;align-self:start}.chord-tutorial-example,.chord-tutorial>.chord-mode-grid{grid-column:2}.chord-tutorial-example{margin:0}.chord-tutorial>.chord-mode-grid{align-self:start}.chord-tutorial>.chord-mode-grid button{min-height:72px;padding:10px}.chord-game{gap:9px;width:min(100% - 20px,960px);margin-block:8px}.chord-status-panel{border-radius:14px;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:6px}.chord-status-item{border-radius:10px;gap:2px;min-height:44px;padding:5px 8px}.chord-status-item small{font-size:.58rem}.chord-status-item strong{font-size:.8rem}.chord-practice-layout{grid-template-columns:minmax(240px,.9fr) minmax(300px,1.1fr);gap:12px}.chord-challenge-panel,.chord-answer-card,.chord-feedback{border-radius:16px;min-height:0;padding:13px}.chord-challenge-panel{gap:7px}.chord-display{min-height:min(46dvh,190px);font-size:clamp(3.2rem,13vw,5.4rem)}.chord-display.chord-display-long{padding-inline:8px;font-size:clamp(1.75rem,4vw,2.8rem)}.chord-symbol-caption{display:none}.chord-answer-card{gap:9px}.chord-answer-card label{font-size:1.05rem}.chord-game input{min-height:46px;padding-block:8px}.chord-game form button,.chord-feedback button{min-height:44px}.chord-feedback{align-content:start;max-height:min(55dvh,230px);overflow-y:auto}.chord-feedback-heading>p:last-child{font-size:.72rem;line-height:1.3}.chord-feedback-lesson{grid-template-columns:1fr 1fr;gap:6px}.chord-feedback-lesson section:first-child{grid-column:1/-1}.chord-feedback-lesson section{padding:7px 9px}.chord-feedback-lesson ul{font-size:.68rem}.chord-result{width:min(100% - 20px,760px);margin-block:8px}.chord-result-card{border-radius:18px;gap:7px;padding:14px}.chord-result-mark{width:42px;height:42px;font-size:1.3rem}.chord-result-score{min-width:220px;padding:6px 18px}.chord-result h1{font-size:4rem}.chord-result h2{font-size:1.35rem}.chord-result-copy{font-size:.78rem;line-height:1.25}.chord-result-summary{margin-top:2px}.chord-result-summary>div{padding:7px}.chord-result-actions{margin-top:2px}.chord-result-actions>*{min-height:44px}.memory-tutorial-shell>section{margin-block:10px}.jim-status{grid-template-columns:auto auto 1fr auto;align-items:center;gap:6px 12px;display:grid}.jim-status p{margin:0}.jim-spelling-toggle{width:auto}.pan-shell{font-size:.9rem}.answer-modal.memory-landscape-keyboard-mode{top:var(--memory-vv-top,0px);z-index:10000;width:100%;height:var(--memory-vv-height,150px);min-height:0;padding:4px max(8px, env(safe-area-inset-right)) 4px max(8px, env(safe-area-inset-left));background:#002a57f5;place-items:center;display:grid;position:fixed;bottom:auto;left:0;right:0;overflow:hidden}.answer-modal.memory-landscape-keyboard-mode .answer-dialog{border-width:2px;border-radius:8px;grid-template-rows:minmax(0,1fr);grid-template-columns:clamp(64px,10vw,86px) minmax(112px,.7fr) minmax(170px,1.35fr) auto;align-items:center;gap:clamp(6px,1.4vw,12px);width:min(100%,900px);height:min(100%,106px);min-height:0;max-height:106px;padding:6px 8px;display:grid;overflow:hidden;box-shadow:0 8px 24px #0000003d}.answer-modal.memory-landscape-keyboard-mode .answer-card-preview{aspect-ratio:1;grid-area:1/1;align-self:center;width:clamp(64px,10vw,86px);max-height:86px}.answer-modal.memory-landscape-keyboard-mode .answer-card-art{box-shadow:none}.answer-modal.memory-landscape-keyboard-mode .answer-card-art>span{font-size:clamp(1.35rem,4vw,2.35rem)}.answer-modal.memory-landscape-keyboard-mode .answer-dialog-copy{display:none}.answer-modal.memory-landscape-keyboard-mode .memory-compact-question{min-width:0;color:var(--navy);white-space:nowrap;grid-area:1/2;margin:0;font-size:clamp(.88rem,2.2vw,1.15rem);font-weight:800;line-height:1;display:block}.answer-modal.memory-landscape-keyboard-mode .memory-compact-question-arrow{display:none}.answer-modal.memory-landscape-keyboard-mode .answer-response-row{display:contents}.answer-modal.memory-landscape-keyboard-mode .answer-field{grid-area:1/3;min-width:0}.answer-modal.memory-landscape-keyboard-mode .answer-field span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.answer-modal.memory-landscape-keyboard-mode .answer-field input{border-width:2px;min-height:44px;padding-inline:12px;font-size:16px}.answer-modal.memory-landscape-keyboard-mode .answer-response-row button{white-space:nowrap;grid-area:1/4;min-height:44px;padding-inline:clamp(10px,2vw,18px);font-size:.88rem}.answer-modal.memory-landscape-keyboard-mode.is-extreme-keyboard-mode .answer-dialog{grid-template-columns:58px auto minmax(140px,1fr) auto;gap:6px;height:min(100%,72px);max-height:72px;padding:4px 6px}.answer-modal.memory-landscape-keyboard-mode.is-extreme-keyboard-mode .answer-card-preview{width:58px;max-height:58px}.answer-modal.memory-landscape-keyboard-mode.is-extreme-keyboard-mode .memory-compact-question-text{display:none}.answer-modal.memory-landscape-keyboard-mode.is-extreme-keyboard-mode .memory-compact-question-arrow{display:inline}.answer-modal.memory-landscape-keyboard-mode.is-extreme-keyboard-mode .answer-field input,.answer-modal.memory-landscape-keyboard-mode.is-extreme-keyboard-mode .answer-response-row button{min-height:40px}}@media (max-width:1000px) and (max-height:600px) and (orientation:landscape){.pan-round-layout{display:block!important;position:relative!important}.pan-round-layout .pan-status{width:auto!important;height:auto!important;position:absolute!important;inset:0 69% 0 0!important}.pan-round-layout .pan-prompt,.pan-round-layout .pan-prompt-grid{display:contents!important;position:static!important}.pan-round-layout .pan-question-copy{z-index:4!important;width:calc(31% - 28px)!important;height:auto!important;padding:0!important;position:absolute!important;bottom:18px!important;left:14px!important}.pan-round-layout .pan-question-copy>span:not(.pan-mobile-brand){font-size:.8rem!important;line-height:1!important}.pan-round-layout .pan-question-copy>strong{font-size:clamp(2rem,7vh,2.45rem)!important;line-height:.9!important}.pan-round-layout .pan-question-copy>small{display:none!important}.pan-round-layout .pan-answer-form{align-content:center!important;width:auto!important;padding:10px 14px!important;display:grid!important;position:absolute!important;inset:0 0 0 31%!important}.pan-round-layout .pan-note-card{display:none!important}.pan-round-layout .pan-mini-fretboard{width:100%!important}.pan-round-layout .pan-response-module{z-index:6!important;grid-template-columns:1fr!important;gap:5px!important;width:calc(31% - 28px)!important;display:grid!important;position:fixed!important;bottom:10px!important;left:14px!important}.pan-round-layout .pan-selected-answer,.pan-round-layout .pan-confirm-answer,.pan-round-layout .pan-manual-answer{grid-area:auto/1!important}.pan-round-layout .pan-confirm-answer{width:100%!important;max-width:none!important;min-height:38px!important}.pan-round-layout .pan-manual-answer summary{min-height:30px!important;padding:5px 7px!important;font-size:.68rem!important}.pan-round-layout .pan-question-copy{bottom:116px!important}}.pan-answer-visual-stack{width:100%;display:grid;position:relative}.pan-answer-guitar-stage{isolation:isolate;aspect-ratio:1672/941;width:100%;max-width:none}.pan-answer-guitar-stage:after{z-index:1;background:radial-gradient(circle at 72% 13%,#002a571a,#0000 25%),linear-gradient(90deg,#0000000d,#0000 20% 78%,#00000014)}.pan-position-summary{z-index:8;border:1px solid var(--pan-target-color,var(--cream));gap:5px;width:min(31%,330px);display:grid;position:absolute;top:clamp(12px,2vw,24px);right:clamp(12px,2vw,24px)}@supports (color:color-mix(in lab, red, red)){.pan-position-summary{border:1px solid color-mix(in srgb, var(--pan-target-color,var(--cream)) 60%, transparent)}}.pan-position-summary{color:var(--cream);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:linear-gradient(145deg,#032d4ce6,#251910db),#032d4ce6;border-radius:18px;padding:clamp(12px,1.45vw,18px);box-shadow:0 16px 34px #00000038}.pan-position-summary p,.pan-position-summary h2{margin:0}.pan-position-summary .eyebrow{color:var(--aqua)}.pan-position-summary h2{color:var(--pan-target-color,var(--orange))}@supports (color:color-mix(in lab, red, red)){.pan-position-summary h2{color:color-mix(in srgb, var(--pan-target-color,var(--orange)) 58%, #fff 42%)}}.pan-position-summary h2{text-shadow:0 2px 0 #0000004d, 0 0 14px var(--pan-target-color,var(--orange));font-size:clamp(1.85rem,3.35vw,3.45rem);line-height:.95}@supports (color:color-mix(in lab, red, red)){.pan-position-summary h2{text-shadow:0 2px 0 #0000004d, 0 0 14px color-mix(in srgb, var(--pan-target-color,var(--orange)) 32%, transparent)}}.pan-position-summary p:not(.eyebrow){color:#fff1c9eb;font-size:clamp(.8rem,1.18vw,1rem);font-weight:900;line-height:1.25}.pan-target-anchor{top:var(--pan-target-y);left:var(--pan-target-x);z-index:5;pointer-events:none;width:0;height:0;position:absolute}.pan-target-ring{z-index:4;aspect-ratio:1;background:radial-gradient(circle,#0fb95f47 0 46%,#0fb95f1f 47% 100%);border:4px solid #0fb95f;border-radius:50%;width:clamp(24px,3.2vw,46px);animation:.88s both pan-marker-pulse;position:absolute;top:0;left:0;transform:translate(-50%,-50%);box-shadow:0 0 0 6px #0fb95f29,0 0 24px #0fb95f5c,0 10px 18px #00000038}.pan-target-finger{--pan-finger-hotspot-x:49.7%;--pan-finger-hotspot-y:8.66%;--pan-finger-offset-x:-49.7%;--pan-finger-offset-y:-8.66%;z-index:3;opacity:1;pointer-events:none;width:clamp(120px,11.5vw,190px);max-width:none;height:auto;transform:translate(var(--pan-finger-offset-x), var(--pan-finger-offset-y));transform-origin:var(--pan-finger-hotspot-x) var(--pan-finger-hotspot-y);filter:drop-shadow(0 8px 8px #0000003d)saturate(.98)contrast(1.03);animation:.68s cubic-bezier(.2,.75,.25,1) both pan-target-finger-enter;display:block;position:absolute;top:0;left:0}@keyframes pan-target-finger-enter{0%{opacity:0;transform:translate(var(--pan-finger-offset-x), calc(var(--pan-finger-offset-y) + 14px)) scale(.97)}to{opacity:1;transform:translate(var(--pan-finger-offset-x), var(--pan-finger-offset-y)) scale(1)}}.pan-wrong-result-card{gap:clamp(14px,2vw,22px);display:grid}.pan-wrong-explanation{color:var(--navy);text-align:center;background:#ab2e2014;border:1px solid #ab2e202e;border-radius:14px;margin:0;padding:12px 16px;font-weight:900;line-height:1.4}.pan-wrong-result-card>button{justify-self:center;min-width:210px}@media (max-width:700px) and (orientation:portrait){.pan-answer{margin-bottom:max(12px, env(safe-area-inset-bottom));border-radius:22px;gap:10px;padding:10px}.pan-answer.is-correct{border-radius:22px;padding:10px}.pan-correct-result-card,.pan-wrong-result-card{gap:10px}.pan-correct-status-bar{border-radius:14px;flex-direction:row;align-items:center;gap:8px;min-height:0;padding:8px 10px}.pan-correct-status-main{gap:8px}.pan-correct-status-main strong{white-space:nowrap;font-size:clamp(.86rem,4.2vw,1rem)}.pan-success-check{border-width:2px;width:32px;font-size:1.25rem;box-shadow:0 0 0 3px #0fb95f1f}.pan-correct-round{margin-left:auto;padding:6px 8px;font-size:.68rem}.pan-answer-visual-stack{gap:8px}.pan-position-summary{border-radius:14px;width:100%;padding:10px 12px;position:static;box-shadow:0 8px 18px #00000024}.pan-position-summary h2{font-size:clamp(1.55rem,8vw,2rem)}.pan-position-summary p:not(.eyebrow){font-size:.82rem}.pan-answer-guitar-stage,.pan-correct-guitar-wrapper{border-width:2px;border-radius:14px;order:2;display:grid}.pan-target-ring{border-width:3px;width:clamp(20px,6.5vw,28px);box-shadow:0 0 0 4px #0fb95f26,0 0 14px #0fb95f57}.pan-target-finger{filter:drop-shadow(0 5px 5px #00000038);width:clamp(48px,13vw,66px)}.pan-wrong-marker{border-width:3px;width:clamp(20px,6.5vw,28px)}.pan-wrong-marker:before{font-size:.9rem}.pan-correct-action-bar{border-radius:14px;gap:8px;padding:10px}.pan-correct-action-bar p{font-size:.9rem;line-height:1.25}.pan-answer .pan-correct-action-bar button,.pan-wrong-result-card>button{width:100%;min-width:0;min-height:48px}.pan-wrong-explanation{padding:10px 12px;font-size:.88rem;line-height:1.3}.pan-learning-help{border-radius:14px;gap:10px;padding:12px}.pan-help-grid{gap:12px}.pan-help-card{border-radius:12px;gap:9px;padding:12px}.pan-help-card h3{font-size:1rem}.pan-help-card p,.pan-help-card small{font-size:.86rem;line-height:1.38}.pan-wheel-marker{--pan-wheel-marker-size:17px;border-width:2px;box-shadow:0 0 0 2px #fff4d6b8}.pan-wheel-marker-target{--pan-wheel-marker-size:22px}.pan-wheel-marker-label{padding:2px 4px;font-size:.47rem}}@media (max-width:1000px) and (orientation:landscape){.pan-answer{margin-bottom:max(10px, env(safe-area-inset-bottom));padding:10px 12px}.pan-correct-result-card,.pan-wrong-result-card{gap:9px}.pan-correct-status-bar{min-height:0;padding:7px 10px}.pan-success-check{width:32px;font-size:1.2rem}.pan-position-summary{border-radius:12px;width:min(35%,270px);padding:8px 10px;top:10px;right:10px}.pan-position-summary h2{font-size:clamp(1.35rem,4vw,2rem)}.pan-position-summary p:not(.eyebrow){font-size:.72rem}.pan-target-ring,.pan-wrong-marker{border-width:3px;width:clamp(20px,4vw,30px)}.pan-target-finger{width:clamp(76px,11vw,112px)}.pan-correct-action-bar{padding:8px 10px}.pan-correct-action-bar p{font-size:.82rem}.pan-answer .pan-correct-action-bar button{min-width:160px;min-height:40px}}@media (prefers-reduced-motion:reduce){.pan-target-finger,.pan-target-ring{animation:none}}.jim-section-shell{width:min(100%, var(--jim-section-max-width,1180px));max-width:var(--jim-section-max-width,1180px);box-sizing:border-box;place-self:stretch center;margin-inline:auto;padding-inline:0;display:grid}.jim-section-shell>*{box-sizing:border-box;width:100%;max-width:none;margin-inline:0}.jim-section-shell>:is(.jim-status,.jim-challenge-banner,.jim-extension-picker,.jim-game-section,.jim-bass-answer,.jim-interval-board,.jim-bottom-feedback){width:100%;max-width:none}.jim-confirm-area{justify-items:center}.jim-confirm-area>.jim-confirm-answer{width:min(100%,360px)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}