@import "https://fonts.googleapis.com/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@500;600;700;800;900&display=swap";
@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{.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}: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}.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(3,minmax(0,1fr));gap:clamp(22px,3vw,30px)}.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:360px;padding:clamp(24px,2.8vw,30px)}.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:10px;display:grid}.jim-shell{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{justify-content:space-between;align-items:end;gap:18px;max-width:1320px;margin:0 auto 18px;display:flex}.jim-header h1{max-width:780px;color:var(--orange);text-shadow:0 3px 0 var(--red-dark), 0 12px 28px #0000004d;margin:0;font-size:clamp(2.5rem,6vw,5.4rem)}.jim-nav{flex-wrap:wrap;gap:10px;display:flex}.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)}.jim-interval-grid,.jim-task-grid{grid-template-columns:repeat(4,minmax(150px,1fr));gap:clamp(18px,2vw,30px);max-width:1180px;margin:0 auto 22px;display:grid}.jim-reference-board{box-shadow:var(--shadow);background:#ffffffe6;border:2px solid #ffe9bd52;border-radius:8px;padding:clamp(16px,2vw,24px)}.jim-interval-slot,.jim-task-card{aspect-ratio:1.42;border-radius:18px}.jim-interval-slot{overflow:visible}.jim-interval-slot img{border-radius:18px}.jim-note-placement{z-index:3;aspect-ratio:1;background:var(--jim-note-color,#fff4d6eb);width:clamp(68px,8vw,98px);color:var(--jim-note-text,var(--navy));border:4px solid #002a57d1;border-radius:999px;align-content:center;place-items:center;padding:4px;display:grid;position:absolute;top:8px;left:50%;transform:translate(-50%);box-shadow:0 10px 18px #0000002e}.jim-note-placement:not(.is-empty){background:#fff4d6b8;padding:0;overflow:hidden}.jim-note-placement .jim-note-asset{border-radius:999px}.jim-note-placement strong{font-size:clamp(1.05rem,2vw,1.65rem)}.jim-note-placement small{color:var(--jim-note-text,var(--red-dark))}.jim-note-placement.is-empty{background:#fff4d6f5;border-width:2px;width:clamp(34px,4vw,48px);padding:2px;top:8px;left:8px;transform:none;box-shadow:0 7px 14px #00000024}.jim-note-placement.is-empty strong{font-size:clamp(1.05rem,2vw,1.45rem);line-height:1}.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-manual 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 p,.jim-manual-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(3,minmax(0,1fr));gap:clamp(14px,2vw,22px);display:grid}.jim-mode-card{background:linear-gradient(#ffffff6b,#8ccdc02e),#fff4d6eb;border:1px solid #002a571f;border-radius:18px;flex-direction:column;gap:14px;min-height:360px;padding:clamp(18px,2vw,24px);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);margin:0;font-size:clamp(2rem,4vw,3rem);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{margin-top:auto}.jim-basic-manual,.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 18px;padding:clamp(18px,3vw,30px)}.jim-basic-manual{gap:clamp(16px,2.6vw,24px);display:grid}.jim-manual-intro{gap:12px;max-width:860px;display:grid}.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-manual-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.jim-manual-steps article{background:#ffffff61;border:1px solid #049b9d33;border-radius:14px;gap:8px;padding:14px;display:grid}.jim-manual-steps article>span{background:var(--red);color:#fff;border-radius:999px;place-items:center;width:32px;height:32px;font-weight:950;display:grid}.jim-manual-steps h3,.jim-guided-example h3{color:var(--red-dark);margin:0}.jim-manual-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-manual-actions,.jim-key-actions,.jim-round-actions{flex-wrap:wrap;gap:12px;display:flex}.jim-manual-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-manual-actions button:nth-child(2),.jim-key-header button,.jim-round-actions button{background:var(--teal)}.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(6,minmax(70px,1fr));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 18px;display:flex}.pan-header h1{max-width:880px;color:var(--orange);text-shadow:0 3px 0 var(--red-dark), 0 12px 28px #0000004d;margin:0;font-size:clamp(3rem,7vw,6.4rem);line-height:.9}.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-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 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;border-radius:14px;justify-self:start;min-height:52px;padding:0 24px;font-size:1rem;box-shadow:0 14px 28px #ff271d38}.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);align-items:center;gap:12px;padding:14px 16px;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{color:var(--red-dark);margin:0;font-weight:950;line-height:1.35}.pan-challenge,.pan-prompt{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;padding:16px;display:flex}.pan-challenge span,.pan-prompt span{background:#8ccdc0a3;border-radius:999px;padding:6px 10px;font-weight:950}.pan-challenge strong,.pan-prompt strong{color:var(--red);font-size:clamp(2.4rem,7vw,5.6rem);font-weight:950;line-height:.9}.pan-challenge b,.pan-prompt b{color:var(--navy);font-size:clamp(1.4rem,3vw,2.6rem);font-weight:950}.pan-prompt{max-width:1320px;color:var(--navy);text-align:center;box-shadow:var(--shadow);background:#fff4d6f0;border:2px solid #ffe9bd75;border-radius:8px;grid-template-columns:minmax(0,1fr);margin:0 auto 18px;padding:clamp(18px,3vw,34px);display:grid}.pan-prompt h2{max-width:900px;color:var(--navy);margin:0 auto;font-size:clamp(1.65rem,3.5vw,3.45rem);line-height:1.05}.pan-prompt strong{font-size:clamp(3.6rem,10vw,7.6rem)}.pan-note-chip{aspect-ratio:1;background:var(--pan-note-color,var(--red));width:clamp(126px,18vw,220px);color:var(--pan-note-text,#fff);border:4px solid #ffe9bdc7;border-radius:999px;justify-self:center;place-items:center;padding:14px;display:inline-grid;box-shadow:0 18px 34px #002a572e}.pan-note-chip strong{color:var(--pan-note-text,#fff);font-size:clamp(2.4rem,6vw,5.2rem);line-height:.82}.pan-note-chip b{color:var(--pan-note-text,#fff);font-size:clamp(1rem,2.1vw,1.65rem);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-answer-form{background:#ffffff47;border:3px solid #049b9d5c;border-radius:8px;grid-template-columns:minmax(170px,240px) auto;justify-content:center;align-items:center;gap:12px;width:min(100%,520px);margin:8px auto 0;padding:14px;display:grid}.pan-answer-form label{color:var(--navy);text-align:left;grid-column:1/-1;font-size:1.08rem;font-weight:950}.pan-answer-form input{width:100%;min-height:68px;color:var(--navy);text-align:center;background:#fff4d6eb;border:3px solid #049b9d8f;border-radius:8px;outline:none;padding:0 12px;font-size:2rem;font-weight:950}.pan-answer-form button{min-height:68px;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);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:18px;margin:0 auto 18px;padding:clamp(18px,3vw,32px);display:grid}.pan-answer-text{z-index:6;max-width:min(44%,520px);color:var(--cream);text-align:left;background:#251910c2;border:2px solid #ffe9bd47;border-radius:8px;gap:6px;padding:clamp(10px,1.5vw,18px);display:grid;position:absolute;top:7%;left:43%;box-shadow:0 14px 30px #0000003d}.pan-answer-text h2{color:var(--orange);text-shadow:0 2px #00000047;margin:0;font-size:clamp(1.8rem,4.2vw,4.2rem);line-height:.92}.pan-answer-text p{color:var(--cream);margin:0;font-size:clamp(.88rem,1.45vw,1.12rem);font-weight:900;line-height:1.25}.pan-answer-text .eyebrow{color:var(--aqua)}.pan-answer-feedback{color:var(--aqua)!important}.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-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:#0fb95f33;border:4px solid #0fb95f;box-shadow:0 0 0 6px #0fb95f2e,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;display:block}.pan-finger-photo{top:var(--pan-finger-y);left:var(--pan-finger-x);z-index:10;opacity:0;pointer-events:none;transform-origin:56% 6%;filter:drop-shadow(0 12px 12px #00000057);width:clamp(150px,17vw,282px);height:auto;transition:left .45s,top .45s,opacity .25s,transform .25s;position:absolute;transform:translate(-56%,-6%)rotate(-2deg)scale(.96)}.pan-finger-photo.is-visible{opacity:1;animation:.72s both pan-real-finger-press}@keyframes pan-real-finger-press{0%{opacity:0;transform:translate(-56%,-24%)rotate(-7deg)scale(.84)}68%{opacity:1;transform:translate(-56%,-4%)rotate(-2deg)scale(1)}to{opacity:1;transform:translate(-56%,-6%)rotate(-2deg)scale(.96)}}.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-svg-finger{filter:drop-shadow(0 12px 12px #00000042);animation:.74s both pan-answer-finger-svg}@keyframes pan-answer-finger-svg{0%{opacity:0}to{opacity:1}}.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-answer-finger{top:calc(var(--pan-finger-y) - 28%);left:var(--pan-finger-x);z-index:5;background:linear-gradient(#e7a676,#c87f50);border:4px solid #5027167a;border-radius:999px 999px 18px 18px;width:clamp(24px,4vw,42px);height:clamp(78px,13vw,132px);animation:.78s both pan-answer-finger;position:absolute;transform:translate(-50%)rotate(-2deg);box-shadow:0 18px 24px #00000047}.pan-answer-finger:after{content:"";background:#fff4d6b8;border-radius:999px;width:62%;height:18%;position:absolute;top:4px;left:50%;transform:translate(-50%)}@keyframes pan-answer-finger{0%{opacity:0;transform:translate(-50%,-60%)rotate(-12deg)}to{opacity:1;transform:translate(-50%)rotate(-2deg)}}.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}@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}.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}.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:4;content:"";pointer-events:none;border-radius:999px;width:clamp(14px,2.2vw,20px);height:clamp(14px,2.2vw,20px);position:absolute;top:8px;right:8px}.memory-card.is-matched:before{z-index:5;content:"";pointer-events:none;border-bottom:2px solid;border-left:2px solid;width:clamp(6px,1vw,9px);height:clamp(3px,.65vw,5px);position:absolute;top:clamp(11px,2.25vw,15px);right:clamp(12px,2.35vw,16px);transform:rotate(-45deg)}.memory-card.is-matched-by-human{color:#0a8f42}.memory-card.is-matched-by-human:after{background:#e6ffefe0;border:2px solid #0a8f42}.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{border:2px solid var(--red);background:#fffc}.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}.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-field,.answer-dialog button{grid-column:2}.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))}.games-list .game-card:nth-child(3):last-child{grid-column:1/-1;justify-self:center;width:min(100%,50% - 12px)}}@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,.jim-mode-cards,.jim-manual-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: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{max-width:58%;padding:8px;top:5%;left:38%}.pan-answer-text h2{font-size:clamp(1.35rem,6vw,2.4rem)}.pan-answer-text p{font-size:.78rem}.pan-finger-photo{width:clamp(92px,22vw,150px)}.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:380px){.cards-grid{grid-template-columns:repeat(2,minmax(72px,1fr))}}@media (prefers-reduced-motion:reduce){.pan-intro button,.pan-modal button,.jim-key-bank .jim-note-card,.jim-game-section .jim-note-card,.rankings-tabs button{transition:none}.jim-key-bank .jim-note-card:hover,.jim-game-section .jim-note-card:hover,.rankings-tabs button:hover{transform:none}}