@import"https://fonts.googleapis.com/css2?family=Chakra+Petch:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500;600;700&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{--ink:#f4f1e8;--muted:#91989f;--acid:#d7ff45;--orange:#ff7048;--panel:#11151b;--line:#2a3038}*{box-sizing:border-box}body{background:#080b10;color:var(--ink);font-family:IBM Plex Sans Thai,sans-serif;margin:0;min-height:100vh}.leaderboard-player strong,.lesson-card h3,.podium-card>strong,.road-step strong,h1,h2,h3{font-family:Chakra Petch,IBM Plex Sans Thai,sans-serif}input,select,textarea{font-family:IBM Plex Sans Thai,sans-serif}.noise{inset:0;opacity:.035;pointer-events:none;position:fixed;z-index:10}.topbar{border-bottom:1px solid #1f242b;height:76px;justify-content:space-between;padding:0 clamp(22px,5vw,76px)}.brand,.topbar{align-items:center;display:flex}.brand{text-decoration:none}.brand img{display:block;height:auto;width:164px}.status-pill{align-items:center;color:#99a0a8;display:flex;font:12px IBM Plex Mono;gap:9px}.status-pill i{background:#555d66;border-radius:50%;box-shadow:0 0 0 4px #20252b;height:7px;width:7px}.status-pill.live i{background:var(--acid);box-shadow:0 0 14px var(--acid)}.header-actions{align-items:center;display:flex;gap:16px}.language-menu select{background:#11171d;border:1px solid #303942;color:#e8ece6;cursor:pointer;font:9px IBM Plex Mono;max-width:128px;padding:7px 28px 7px 9px}.header-connect{background:#171d23;border:1px solid #313a43;color:#d7ff45;display:none;font:600 10px IBM Plex Mono;padding:8px 11px}main{display:flex;flex-direction:column;margin:auto;width:min(1180px,calc(100% - 40px))}.hero{padding:86px 20px 68px;text-align:center}.eyebrow,.label{color:var(--acid);font:600 11px IBM Plex Mono;letter-spacing:2.5px}.hero-title,h1{font-size:clamp(44px,7vw,84px);letter-spacing:-4px;line-height:.98;margin:18px 0}.hero-title em{color:transparent;-webkit-text-stroke:1.5px #8c949d;font-style:normal}.hero>p{color:#9aa1a9;font-size:17px;line-height:1.7;margin:24px auto;max-width:580px}.actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:30px}button{border:0;border-radius:2px;cursor:pointer;font:700 14px Chakra Petch,sans-serif;padding:15px 22px;transition:transform .2s,background .2s}button:hover{transform:translateY(-2px)}.primary{background:var(--acid);box-shadow:0 8px 30px #d7ff451b;color:#0d1009}.primary.connected{background:#293038;color:#fff}.secondary{background:#151a20;border:1px solid #303740;color:#d6dbe0}.button-icon{font-size:20px;margin-right:5px;vertical-align:-1px}.hero .privacy{color:#5e666f;font:11px IBM Plex Mono;margin-top:16px}.studio{background:linear-gradient(140deg,#131820,#0e1217);border:1px solid #29313a;box-shadow:0 34px 90px #0008;display:flex;flex-direction:column;order:-2}.studio>.fretboard-wrap{order:-1}.studio-head{align-items:center;border-bottom:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;min-height:80px;padding:18px 24px}.studio-head>div:first-child{align-items:center;display:flex;gap:18px}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#191f26;border:1px solid #303841;border-radius:2px;color:#dbe0e4;max-width:260px;padding:10px 34px 10px 12px}.level-wrap{align-items:center;color:#68717b;display:flex;font:10px IBM Plex Mono;gap:10px}.level{background:#252b32;height:5px;overflow:hidden;width:110px}.level b{background:linear-gradient(90deg,var(--acid),var(--orange));display:block;height:100%;transition:width .06s;width:2%}.readout{align-items:center;display:grid;gap:28px;grid-template-columns:180px 1fr 300px;min-height:156px;padding:24px 32px}.readout-connect{align-items:center;background:#151c21;border:1px solid #d7ff4570;color:var(--acid);display:flex;font:700 11px IBM Plex Mono;gap:8px;justify-content:center;min-width:148px;padding:12px 18px;white-space:nowrap}.readout-connect span{font-size:18px}.readout-connect:hover{filter:brightness(1.12)}.readout-connect[hidden]{display:none}.note-block{color:var(--acid);font-size:88px;font-weight:800;letter-spacing:-7px;line-height:1}.note-block sup{color:#7c858f;font:600 22px IBM Plex Mono;margin-left:8px}.pitch-data{border-left:1px solid var(--line);display:flex;flex-direction:column;gap:8px;padding-left:28px}.pitch-data strong{font:500 22px IBM Plex Mono}.pitch-data span{color:#727b85;font-size:13px}.tuner{text-align:center}.tuner-scale{color:#5f6871;display:flex;font:9px IBM Plex Mono;justify-content:space-between}.tuner-scale i{font-style:normal}.tuner-track{background:linear-gradient(90deg,#ff704844,#d7ff4544,#ff704844);height:5px;margin:10px 0 9px;position:relative}.tuner-track b{background:var(--ink);box-shadow:0 0 10px #fff8;height:21px;left:50%;position:absolute;top:-8px;transition:left .08s;width:3px}.tuner>span{color:#858e97;font:11px IBM Plex Mono}.fretboard-wrap{background:#0b0e12;border-bottom:1px solid var(--line);border-top:1px solid var(--line);overflow-x:auto;padding:30px 26px 34px}.guitar-hit-banner{background:#d7ff45;border:2px solid #f3ffbb;box-shadow:0 0 45px #d7ff4566;color:#091008;left:50%;min-width:190px;opacity:0;padding:10px 20px;pointer-events:none;position:absolute;text-align:center;top:12px;transform:translate(-50%,-12px) scale(.8);z-index:6}.guitar-hit-banner strong{display:block;font:700 19px Chakra Petch,sans-serif;letter-spacing:.4px}.guitar-hit-banner span{font:600 9px IBM Plex Mono}.guitar-hit-banner.show{animation:guitarBanner .68s ease-out}.position-transition{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b151de8;border:1px solid #48cfff;box-shadow:0 0 55px #48cfff45;left:50%;min-width:230px;opacity:0;padding:18px 28px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%) scale(.7);z-index:8}.position-transition small,.position-transition span{color:#8a98a3;display:block;font:8px IBM Plex Mono;letter-spacing:1.3px}.position-transition strong{color:#48cfff;display:block;font:700 28px Chakra Petch,sans-serif;margin:5px 0;text-shadow:0 0 24px #48cfff88}.position-transition.show{animation:positionShift 1s ease-out}@keyframes positionShift{0%{opacity:0;transform:translate(-50%,-50%) scale(.7)}20%,70%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(1.08)}}.position-guide{background:#0a141cf2;border:1px solid #48cfff55;box-shadow:0 10px 35px #0009;opacity:0;padding:12px 14px;pointer-events:none;position:absolute;right:18px;top:18px;transform:translate(18px);transition:.22s;width:292px;z-index:7}.position-guide.show{animation:guidePulse 1s ease-in-out infinite;opacity:1;transform:translate(0)}.position-guide-head{align-items:center;display:grid;grid-template-columns:1fr auto}.position-guide small,.position-guide span{color:#7f929f;display:block;font:7px IBM Plex Mono;letter-spacing:.8px}.position-guide-head strong{color:#48cfff;display:block;font:700 27px Chakra Petch,sans-serif;grid-column:2;grid-row:1/3;margin:0}.next-pattern-label{color:#657681;font:7px IBM Plex Mono;letter-spacing:.8px;margin:8px 0 5px}.next-pattern-preview{background:#091017;border:1px solid #24323b;display:grid;gap:2px;grid-template-columns:repeat(18,1fr);grid-template-rows:repeat(6,5px);padding:7px}.next-pattern-preview i{background:#1e2a32;border-radius:50%;display:block;height:auto;margin:0;width:auto}.next-pattern-preview i.pattern{background:#48cfff99;box-shadow:0 0 5px #48cfff66}.next-pattern-preview i.root{background:var(--acid);box-shadow:0 0 7px #d7ff45}.next-pattern-preview i.start{background:var(--orange);box-shadow:0 0 8px #ff7048}.next-pattern-detail{display:grid;gap:5px;grid-template-columns:1fr 1fr;margin-top:7px}.next-pattern-detail b,.next-pattern-detail span{background:#111b22;color:#a7b3ba;font:7px IBM Plex Mono;letter-spacing:0;padding:5px 6px}.next-pattern-detail b{color:var(--acid)}.position-guide>i{background:#26323a;display:block;height:3px;margin-top:8px;overflow:hidden}.position-guide>i em{background:#48cfff;display:block;height:100%;transition:width .2s;width:0}@keyframes guidePulse{50%{border-color:#48cfff;box-shadow:0 0 26px #48cfff24}}.countdown-overlay{--count-progress:0;-webkit-backdrop-filter:blur(calc(11px - var(--count-progress)*7px)) brightness(calc(.58 + var(--count-progress)*.65));backdrop-filter:blur(calc(11px - var(--count-progress)*7px)) brightness(calc(.58 + var(--count-progress)*.65));background:rgba(5,10,16,calc(.92 - var(--count-progress)*.55));display:grid;inset:0;opacity:0;place-content:center;pointer-events:none;position:fixed;text-align:center;transition:opacity .18s,background .42s ease,backdrop-filter .42s ease;z-index:100}.countdown-overlay:before{background:radial-gradient(circle at 50% 50%,#d7ff4538,transparent 48%);content:"";inset:0;opacity:calc(var(--count-progress)*.9);position:absolute;transition:opacity .42s ease}.countdown-overlay.show{opacity:1}.countdown-overlay small,.countdown-overlay strong{position:relative;z-index:1}.countdown-overlay small{color:#8d9ba5;font:10px IBM Plex Mono;letter-spacing:2px;text-transform:uppercase}.countdown-overlay strong{color:var(--acid);font:700 96px Chakra Petch,sans-serif;line-height:1;text-shadow:0 0 calc(35px + var(--count-progress)*45px) #d7ff45}.countdown-overlay strong.tick{animation:countTick .25s ease-out}.countdown-overlay.go{-webkit-backdrop-filter:blur(2px) brightness(1.2);backdrop-filter:blur(2px) brightness(1.2);background:#48cfff18}.countdown-overlay.go:before{background:radial-gradient(circle at 50% 50%,#48cfff66,transparent 55%);opacity:1}.countdown-overlay.go strong{color:#48cfff;font-size:62px}@keyframes countTick{0%{opacity:.4;transform:scale(1.35)}to{opacity:1;transform:scale(1)}}.countdown-overlay.clear{-webkit-backdrop-filter:none;backdrop-filter:none;background:transparent}.countdown-overlay.clear:before{background:radial-gradient(circle at 50% 50%,#07101899 0 10%,transparent 34%);opacity:.65}.countdown-overlay.clear small{color:#d4dce0;text-shadow:0 2px 10px #000}.countdown-overlay.clear strong{text-shadow:0 0 18px #091009,0 0 48px #d7ff45,2px 3px 3px #000}@keyframes guitarBanner{0%{opacity:0;transform:translate(-50%,-15px) scale(.7)}18%{opacity:1;transform:translate(-50%) scale(1.08)}72%{opacity:1;transform:translate(-50%) scale(1)}to{opacity:0;transform:translate(-50%,-8px) scale(.96)}}.fret-numbers,.fretboard{display:grid;grid-template-columns:54px repeat(17,1fr);min-width:1180px}.fret-numbers{color:#555e67;font:10px IBM Plex Mono;height:26px;text-align:center}.fretboard{background:linear-gradient(90deg,#171a1f,#1e1d1b 45%,#15191d);border:1px solid #343a40;height:250px}.cell,.fretboard{position:relative}.cell{align-items:center;border-right:2px solid #5d6266;display:flex;justify-content:center}.cell.open{background:#0d1014;border-right:6px solid #d9d4c8}.cell:before{background:#777b7e;box-shadow:0 1px 1px #000;content:"";height:var(--string);left:0;position:absolute;right:0}.cell[data-string="0"]:before{--string:1px}.cell[data-string="1"]:before{--string:1.4px}.cell[data-string="2"]:before{--string:1.8px}.cell[data-string="3"]:before{--string:2.3px}.cell[data-string="4"]:before{--string:2.8px}.cell[data-string="5"]:before{--string:3.4px}.note-dot{border-radius:50%;color:transparent;display:grid;font:600 11px IBM Plex Mono;height:34px;place-items:center;position:relative;transition:.12s;width:34px;z-index:2}.cell.open .note-dot{background:#202830;border:1px solid #65717b;box-shadow:0 0 0 4px #0b101488;color:#eef3ec}.cell.match .note-dot{background:#d7ff4512;border:1px solid #71802d;color:#b5c978}.cell.primary-note .note-dot{background:var(--acid);border-color:var(--acid);box-shadow:0 0 0 6px #d7ff4518,0 0 24px #d7ff4560;color:#0b0e08;transform:scale(1.12)}.cell.marker:after{background:#343b41;border-radius:50%;content:"";height:8px;position:absolute;top:calc(300% - 4px);width:8px}.legend{align-items:center;color:#737d86;display:flex;font:10px IBM Plex Mono;gap:22px;padding:20px 24px}.dot{border-radius:50%;display:inline-block;height:8px;margin-right:7px;width:8px}.active-dot{background:var(--acid)}.match-dot{border:1px solid #839432}.tip{margin-left:auto}.trainer{display:flex;flex-direction:column;margin:0 0 12px;order:-1;padding-top:0}.trainer-panel{order:-1}.scale-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10151bf5;border:1px solid #3a444d;box-shadow:0 24px 80px #000a;pointer-events:none;position:fixed;right:14px;top:64px;transform:translate(calc(100% + 32px));transition:transform .24s ease,opacity .2s;width:min(900px,calc(100% - 28px));z-index:60}.scale-toolbar.open{pointer-events:auto;transform:translate(0)}.scale-toolbar-head{align-items:center;border-bottom:1px solid #29313a;display:flex;justify-content:space-between;min-height:48px;padding:0 16px}.scale-toolbar-head>span:nth-child(2){color:#68717a;font:10px IBM Plex Mono;margin-left:auto;margin-right:16px}.scale-toolbar-head button{background:#171d23;border:1px solid #36404a;color:#dce1da;font-size:20px;height:30px;padding:0;width:30px}.scale-toolbar .trainer-controls{border-bottom:0}.fixed-mode-controls{background:#2a3037;border-top:1px solid #2a3037;display:grid;gap:1px;grid-template-columns:1.5fr repeat(3,1fr);padding:1px}.fixed-mode-controls label{align-items:center;background:#11161c;color:#68717a;display:flex;font:9px IBM Plex Mono;gap:12px;padding:9px 12px}.fixed-mode-controls .mini-select{flex:1;min-width:0}.fixed-mode-controls .mini{border-radius:0;min-height:38px}.setup-fab{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151b1eeb;border:1px solid #59672e;box-shadow:0 10px 32px #0008;color:var(--acid);gap:8px;padding:10px 12px;position:fixed;right:12px;top:84px;z-index:55}.setup-fab span{font-size:15px}.setup-fab b{font:600 9px IBM Plex Mono;white-space:nowrap}body.setup-open .setup-fab{opacity:0;pointer-events:none}.setup-practice-btn{align-items:center;background:#ff7048;border:0;border-top:1px solid #ff8968;color:#fff;display:flex;font:700 12px IBM Plex Mono;gap:9px;justify-content:center;min-height:50px;width:100%}.setup-practice-btn span{font-size:14px}.setup-practice-btn b{font:inherit}.setup-practice-btn.running{background:#252c32;color:#ff8a68}.trainer-title{align-items:end;display:none;gap:30px;justify-content:space-between;margin-bottom:30px}.trainer-title h2{font-size:clamp(34px,5vw,58px);letter-spacing:-2.5px;line-height:1;margin:12px 0 0}.trainer-title h2 em{color:var(--acid);font-style:normal}.trainer-title>p{color:#7f8790;font-size:14px;line-height:1.7;max-width:420px}.trainer-panel{background:#10151b;border:1px solid #29313a}.trainer-controls{background:#2a3037;border-bottom:1px solid #2a3037;display:grid;gap:1px;grid-template-columns:90px 1.15fr 1.25fr 1.5fr 1.1fr 1.35fr}.trainer-controls label{background:#11161c;color:#68717a;display:flex;flex-direction:column;font:10px IBM Plex Mono;gap:9px;padding:15px 16px}.trainer-controls select{background:transparent;border:0;color:#e8e5de;font:600 13px IBM Plex Sans Thai,sans-serif;max-width:none;padding:0}.rhythm-check{align-items:center;bottom:8px;color:var(--acid);cursor:pointer;display:flex;font:8px IBM Plex Mono;gap:5px;position:absolute;right:12px}.rhythm-check input{accent-color:var(--acid);height:13px;margin:0;width:13px}.tempo-label{padding-bottom:28px!important;position:relative}.tempo-label.tempo-disabled output,.tempo-label.tempo-disabled>input[type=range]{opacity:.28}.tempo-label.tempo-disabled .rhythm-check{color:#89929a}.input-control select{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compact-level{background:#252b32;display:block;height:3px;overflow:hidden;width:100%}.compact-level i{background:linear-gradient(90deg,var(--acid),var(--orange));display:block;height:100%;transition:width .06s;width:2%}.tempo-label output{color:var(--acid);margin-left:86px;position:absolute}input[type=range]{accent-color:var(--acid);height:3px;width:100%}.trainer-stage{align-items:center;background:radial-gradient(circle at 20% 50%,#d7ff450a,transparent 32%);display:grid;gap:38px;grid-template-columns:145px 1fr auto;min-height:250px;overflow:hidden;padding:30px 36px;position:relative}.count-ring{border:1px solid #3e4851;border-radius:50%;box-shadow:inset 0 0 0 8px #0c1015;display:grid;height:132px;place-content:center;position:relative;text-align:center;width:132px}.count-ring:before{border-radius:50%;border-top:3px solid var(--acid);content:"";inset:-2px;position:absolute;transform:rotate(0);transition:transform .12s}.count-ring.pulse{animation:beatPulse .16s ease-out}@keyframes beatPulse{50%{box-shadow:0 0 35px #d7ff452e,inset 0 0 0 8px #0c1015;transform:scale(1.07)}}.count-ring span{color:var(--acid);font-size:52px;font-weight:800;line-height:1}.count-ring small{color:#747d86;font:9px IBM Plex Mono;letter-spacing:1px;margin-top:6px}.trainer-info{min-width:0}.trainer-info>span{color:#7c858e;font:12px IBM Plex Mono}.trainer-info>strong{color:#eef0e9;display:block;font:600 14px IBM Plex Mono;margin:10px 0 20px}.sequence{align-items:center;box-sizing:border-box;display:flex;gap:6px;height:42px;overflow:hidden;padding-left:10px}.sequence i{border:1px solid #343b43;border-radius:50%;color:#606972;display:grid;flex:0 0 29px;font:10px IBM Plex Mono;font-style:normal;height:29px;place-items:center;transition:.15s}.sequence i.done{border-color:#52602e;color:#8aa044}.sequence i.current{background:var(--orange);border-color:var(--orange);box-shadow:0 0 18px #ff70484c;color:#fff;transform:scale(1.2)}.game-stats{color:#58616a;display:flex;font:9px IBM Plex Mono;gap:22px;margin-top:18px}.game-stats span{align-items:baseline;display:flex;gap:7px}.game-stats b{color:#d9ddd6;font-size:13px}.game-stats span:nth-child(2) b{color:var(--acid)}.practice-btn{background:var(--orange);color:#fff;min-width:126px}.trainer-actions{align-items:stretch;display:flex;gap:10px}.trainer-actions .practice-btn{flex:1}.trainer-foot{align-items:center;border-top:1px solid #29313a;color:#68717a;display:flex;font:10px IBM Plex Mono;gap:24px;min-height:54px;padding:0 18px}.trainer-foot>span:nth-child(2){margin:auto}.mini{background:#161c22;border:1px solid #303842;color:#69727c;font:9px IBM Plex Mono;padding:7px 10px}.mini.active{border-color:#5b682d;color:var(--acid)}.calibration-trigger.needs-calibration{animation:calibrationPulse 1.8s infinite;border-color:#76552f;color:#ffb45e}.calibration-trigger.calibrated{border-color:#35596b;color:#9edbff}.calibration-modal{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#05080bd9;display:none;inset:0;padding:20px;place-items:center;position:fixed;z-index:1000}.calibration-modal.open{display:grid}.calibration-card{background:#10161c;border:1px solid #39434d;box-shadow:0 30px 100px #000;padding:34px;position:relative;width:min(480px,100%)}.calibration-card h2{font-size:30px;margin:12px 0}.calibration-card p{color:#8b949e;line-height:1.6;min-height:50px}.calibration-close{background:none;border:0;color:#87919b;font-size:25px;position:absolute;right:14px;top:12px}.calibration-meter{background:#222a31;height:12px;margin:25px 0 15px;overflow:hidden}.calibration-meter i{background:linear-gradient(90deg,#65cfff,var(--acid),#ff765c);display:block;height:100%;transition:width .08s;width:0}.calibration-result{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:22px}.calibration-result strong{color:var(--acid)}.calibration-result span{color:#77818b;font:9px IBM Plex Mono;text-align:right}.calibration-start{background:var(--acid);border:0;color:#0b0e10;font-weight:800;padding:16px;width:100%}.calibration-start:disabled{opacity:.35}.calibration-result strong{font:600 18px IBM Plex Mono}@keyframes calibrationPulse{50%{box-shadow:0 0 16px #ffb45e33}}.count-ring.wrong-flash{animation:wrongNoteFlash .32s ease-out}@keyframes wrongNoteFlash{50%{border-color:#ff8b6b;box-shadow:0 0 28px #ff6b4a55,inset 0 0 0 4px #0c1015}}.mini-select{background:#161c22;border:1px solid #3a444d;color:#d9ddd6;font:9px IBM Plex Mono;min-width:135px;padding:7px 9px}.cell.scale-note .note-dot{background:#262d34;border:1px solid #343e47;color:#838d96}.cell.root-note .note-dot{border-color:var(--acid);box-shadow:inset 0 0 0 1px #d7ff4544}.cell.target-note .note-dot{background:var(--orange);border-color:var(--orange);box-shadow:0 0 0 6px #ff704819,0 0 25px #ff704865;color:#fff;transform:scale(1.15)}.cell.next-preview:not(.target-note) .note-dot{animation:nextPatternBlink .72s ease-in-out infinite;background:#48cfff24;border:1px dashed #48cfff;box-shadow:0 0 0 3px #48cfff16,0 0 18px #48cfff55;color:#c9f4ff;opacity:1}.cell.next-preview-root:not(.target-note) .note-dot{background:#d7ff4566;border:2px solid var(--acid);box-shadow:0 0 24px #d7ff4588;color:#102000}.cell.next-preview-start:not(.target-note) .note-dot{animation:nextStartBlink .5s ease-in-out infinite;background:var(--orange);border:2px solid #ffd0c4;box-shadow:0 0 0 7px #ff704829,0 0 32px #ff7048;color:#fff}@keyframes nextPatternBlink{50%{box-shadow:0 0 4px #48cfff22;opacity:.35;transform:scale(.88)}}@keyframes nextStartBlink{50%{box-shadow:0 0 0 11px #ff704818,0 0 40px #ff7048;transform:scale(1.28)}}.cell.shift-note .note-dot{border-color:#48cfff;box-shadow:0 0 0 3px #48cfff24}.cell.shift-note .note-dot:after{color:#48cfff;content:"→";font-size:9px;position:absolute;transform:translate(11px,-12px)}.memory-dots .cell.scale-note .note-dot{color:transparent}.memory-roots .cell.scale-note:not(.root-note) .note-dot{opacity:.12}.memory-blind .cell.scale-note .note-dot,.memory-blind .cell.target-note .note-dot{opacity:0}.memory-blind .sequence{visibility:hidden}.curriculum{margin:100px 0 0}.curriculum-head{align-items:end;display:flex;gap:40px;justify-content:space-between;margin-bottom:35px}.curriculum-head h1{font-size:clamp(36px,5vw,62px);letter-spacing:-3px;line-height:1;margin:12px 0 0}.curriculum-head>p{color:#858d96;font-size:14px;line-height:1.75;max-width:440px}.roadmap-line{background:#11161c;border:1px solid #293039;display:grid;grid-template-columns:repeat(6,1fr)}.road-step{border-right:1px solid #293039;cursor:pointer;min-height:112px;padding:17px;position:relative;transition:.2s}.road-step:last-child{border:0}.road-step.active,.road-step:hover{background:#1a2026}.road-step.active:after{background:var(--acid);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.road-step b{color:#5d6670;font:600 10px IBM Plex Mono}.road-step.active b{color:var(--acid)}.road-step strong{display:block;font-size:13px;margin-top:17px}.road-step span{color:#616a73;display:block;font-size:10px;margin-top:4px}.lesson-grid{background:#293039;border:1px solid #293039;border-top:0;display:grid;gap:1px;grid-template-columns:repeat(2,1fr)}.lesson-card{background:#0d1116;min-height:235px;padding:28px;position:relative}.lesson-card .lesson-no{color:var(--acid);font:600 10px IBM Plex Mono}.lesson-card h3{font-size:20px;margin:18px 0 10px}.lesson-card .why{color:#929aa2;font-size:13px;line-height:1.75;margin:0 0 18px}.lesson-card .why:before{color:#d7ff45;content:attr(data-label);font-weight:700}.lesson-card ul{display:flex;flex-wrap:wrap;gap:7px;list-style:none;margin:0;padding:0}.lesson-card li{border:1px solid #2d353d;color:#69727b;font:9px IBM Plex Mono;padding:6px 8px}.lesson-card .lesson-goal{border-top:1px solid #242b32;color:#747d86;font-size:11px;margin-top:18px;padding-top:15px}.lesson-card .lesson-goal b{color:#d8ddd6}.method-note{background:#151a20;border:1px solid #293039;border-top:0;display:grid;gap:25px;grid-template-columns:200px 1fr;padding:24px 28px}.method-note span{color:var(--acid);font:600 10px IBM Plex Mono;letter-spacing:1px}.method-note p{color:#7d858e;font-size:12px;line-height:1.7;margin:0}.trainer-panel.hit{animation:panelHit .26s ease-out}.trainer-panel.miss{animation:panelMiss .22s ease-out}@keyframes panelHit{50%{border-color:var(--acid);box-shadow:0 0 45px #d7ff4526}}@keyframes panelMiss{50%{border-color:#ff4b48;box-shadow:0 0 30px #ff4b481d}}.cell.note-hit .note-dot{background:var(--acid)!important;border-color:var(--acid)!important;box-shadow:0 0 32px #d7ff4588!important;color:#091008!important}.cell.note-burst .note-dot{animation:fretNoteBounce .52s cubic-bezier(.2,.9,.25,1.35)}.note-shatter-particle{animation:fretNoteShatter .58s ease-out var(--delay,0s) forwards;background:var(--acid);border-radius:1px;box-shadow:0 0 9px #d7ff45;height:6px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:6px;z-index:5}.note-shatter-particle:nth-of-type(3n){background:#fff;box-shadow:0 0 8px #fff;height:8px;width:4px}.note-shatter-particle:nth-of-type(3n+1){background:#ffcb45;box-shadow:0 0 8px #ffcb45}@keyframes fretNoteBounce{0%,to{transform:translateY(0) scale(1.15)}34%{transform:translateY(-10px) scale(1.42)}62%{transform:translateY(2px) scale(1.08)}80%{transform:translateY(-2px) scale(1.2)}}@keyframes fretNoteShatter{0%{opacity:1;transform:translate(-50%,-50%) rotate(0) scale(1)}to{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) rotate(var(--rotate)) scale(.15)}}@media(prefers-reduced-motion:reduce){.cell.note-burst .note-dot{animation:none}.note-shatter-particle{display:none}}.hit-effect{display:grid;inset:0;opacity:0;place-content:center;pointer-events:none;position:absolute;text-align:center;transform:scale(.7);z-index:5}.hit-effect.show{animation:hitPop .6s ease-out}.hit-effect strong{color:var(--acid);font:700 35px Chakra Petch,sans-serif;text-shadow:0 0 25px #d7ff4577}.hit-effect span{color:#fff;font:600 12px IBM Plex Mono}.hit-effect.miss-grade strong{color:#ff5d58;text-shadow:0 0 25px #ff4b4877}.hit-effect.miss-grade i{background:#ff5d58}.hit-effect.nohit-grade strong{color:#8fa8b8;text-shadow:0 0 25px #48cfff44}.hit-effect.nohit-grade span{color:#6f818e}.hit-effect.nohit-grade i{background:#6f8796}.hit-effect i{background:var(--acid);border-radius:50%;height:5px;left:50%;position:absolute;top:50%;width:5px}.hit-effect i:first-of-type{--x:110px;--y:-60px}.hit-effect i:nth-of-type(2){--x:-100px;--y:-50px}.hit-effect i:nth-of-type(3){--x:85px;--y:65px}.hit-effect i:nth-of-type(4){--x:-90px;--y:70px}.hit-effect i:nth-of-type(5){--x:20px;--y:-100px}.hit-effect i:nth-of-type(6){--x:-10px;--y:100px}.hit-effect.show i{animation:particle .55s ease-out forwards}@keyframes hitPop{0%{opacity:0;transform:scale(.7)}25%{opacity:1;transform:scale(1.12)}70%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9)}}@keyframes particle{to{opacity:0;transform:translate(var(--x),var(--y))}}.performance-board{background:#293039;border:1px solid #293039;display:grid;gap:1px;grid-template-columns:1fr 1fr;margin-top:1px}.performance-live,.records-panel{background:#0d1217;min-height:190px;padding:18px 20px}.performance-head{align-items:center;color:#77818b;display:flex;font:9px IBM Plex Mono;justify-content:space-between;letter-spacing:.8px;margin-bottom:16px}.performance-head>b{color:var(--acid);font-size:9px}.grade,.grade-bars{display:grid;gap:10px}.grade{align-items:center;grid-template-columns:105px 1fr}.grade>span{color:#79838c;display:flex;font:9px IBM Plex Mono;justify-content:space-between}.grade>span b{color:#e9ede6}.grade>i{background:#20272e;display:block;height:8px;overflow:hidden}.grade>i em{box-shadow:0 0 14px currentColor;display:block;height:100%;transition:width .28s cubic-bezier(.2,.9,.2,1);width:0}.grade.perfect>i em{background:var(--acid);color:var(--acid)}.grade.good>i em{background:#48cfff;color:#48cfff}.grade.miss>i em{background:#ff5d58;color:#ff5d58}.run-meta{border-top:1px solid #252c33;color:#626c75;display:flex;font:8px IBM Plex Mono;gap:28px;margin-top:17px;padding-top:13px}.run-meta b{color:#f0f2ed;font-size:11px;margin-left:7px}.run-meta span:first-child b{color:var(--acid)}.miss-breakdown{display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-top:12px}.miss-breakdown span{background:#121920;border:1px solid #2b343c;color:#78838c;display:flex;font:7px IBM Plex Mono;justify-content:space-between;padding:6px 7px}.miss-breakdown b{color:#ff7772;font-size:9px}.record-list{background:#252c33;display:grid;gap:1px}.record-row{align-items:center;background:#12181e;display:grid;grid-template-columns:26px 1fr auto;min-height:43px;padding:7px 10px}.record-row>b{color:#5d6872;font:9px IBM Plex Mono}.record-row>span{color:#dce1da;font-size:10px}.record-row small{color:#69737c;display:block;font:7px IBM Plex Mono;margin-top:2px}.record-row>strong{color:var(--acid);font:700 12px IBM Plex Mono;text-align:right}.record-empty{background:#12181e;color:#626c75;display:grid;font:9px IBM Plex Mono;min-height:105px;place-items:center}.how{background:#242a31;border:1px solid #242a31;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:80px 0}.how>div{background:#0c1015;min-height:210px;padding:34px}.how b{color:var(--acid);font:500 12px IBM Plex Mono}.how h2{font-size:20px;margin:30px 0 9px}.how p{color:#747d86;font-size:13px;line-height:1.7;margin:0}footer{border-top:1px solid #1c2229;color:#4e565f;display:flex;font:10px IBM Plex Mono;justify-content:space-between;padding:28px clamp(20px,5vw,76px)}#toast{background:#f3f0e7;bottom:auto;box-shadow:0 12px 36px #0009;color:#11151a;font-size:12px;left:50%;opacity:0;padding:12px 18px;pointer-events:none;position:fixed;top:88px;transform:translate(-50%,-18px);transition:.25s;z-index:120}#toast.show{opacity:1;transform:translate(-50%)}@media(max-width:760px){#toast{top:56px}}@media(max-width:900px){.trainer-controls{grid-template-columns:repeat(2,1fr)}.trainer-stage{grid-template-columns:125px 1fr}.trainer-actions{grid-column:1/-1}.trainer-title{align-items:start;flex-direction:column}.trainer-title>p{margin:0}.curriculum-head{align-items:start;flex-direction:column}.curriculum-head>p{margin:0}.roadmap-line{grid-template-columns:repeat(3,1fr)}.road-step:nth-child(3){border-right:0}.road-step:nth-child(-n+3){border-bottom:1px solid #293039}}@media(max-width:1300px){.setup-fab{height:42px;justify-content:center;padding:0;width:42px}.setup-fab b{display:none}}@media(max-width:760px){main{width:min(100% - 24px,1180px)}.topbar{height:64px}.hero{padding:60px 5px 46px}h1{letter-spacing:-2.5px}.studio-head{align-items:flex-start}.level-wrap{display:none}.studio-head>div:first-child{align-items:flex-start;flex-direction:column;gap:8px}.readout{gap:15px;grid-template-columns:110px 1fr;padding:22px 18px}.note-block{font-size:68px}.tuner{grid-column:1/-1}.trainer-controls{grid-template-columns:1fr 1fr}.trainer-stage{gap:17px;grid-template-columns:100px 1fr;padding:25px 18px}.count-ring{height:94px;width:94px}.count-ring span{font-size:38px}.trainer-foot{flex-wrap:wrap;gap:12px;padding:12px 14px}.trainer-foot>span:nth-child(2){order:3;width:100%}.lesson-grid,.method-note{grid-template-columns:1fr}.roadmap-line{grid-template-columns:repeat(2,1fr)}.road-step:nth-child(n){border-bottom:1px solid #293039;border-right:1px solid #293039}.road-step:nth-child(2n){border-right:0}.how{grid-template-columns:1fr}.how>div{min-height:0}.legend{flex-wrap:wrap}.tip{margin:0;width:100%}footer{gap:20px}.fretboard-wrap{padding-left:14px;padding-right:14px}.guitar-hit-banner{display:table;left:auto;margin:0 auto -42px;position:sticky;top:8px}.topbar{height:44px;padding:0 12px}.brand img{width:118px}.header-actions{gap:6px}.header-connect{display:block}.status-pill span{display:none}.language-menu select{font-size:8px;max-width:102px;padding:6px 20px 6px 6px}main{width:100%}.hero{display:none}.scale-toolbar{border-left:0;border-right:0;margin:0}.scale-toolbar-head{display:none}.trainer-controls{grid-template-columns:.7fr 1fr 1.35fr}.trainer-controls label{gap:4px;height:58px;justify-content:center;padding:7px 10px}.trainer-controls select{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.tempo-label{grid-column:auto}.tempo-label output{font-size:8px;margin-left:48px}.trainer-controls label:last-child{grid-column:auto}.input-control select{font-size:9px}.compact-level{margin-top:1px}.trainer{margin:0;padding-top:0}.trainer-panel{border-left:0;border-right:0}.trainer-stage{gap:8px 12px;grid-template-columns:66px minmax(0,1fr);min-height:134px;padding:9px 12px}.count-ring{box-shadow:inset 0 0 0 4px #0c1015;height:62px;width:62px}.count-ring span{font-size:29px}.count-ring small{font-size:7px}.trainer-info{box-sizing:border-box;overflow:hidden;padding:5px 8px}.trainer-info>span{display:block;font-size:8px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.trainer-info>strong{font-size:10px;margin:3px 0 5px}.sequence{gap:4px;height:25px;max-width:100%}.sequence i{flex-basis:22px;font-size:8px;height:22px;width:22px}.game-stats{font-size:7px;gap:11px;margin-top:6px;max-width:100%;overflow:hidden}.game-stats b{font-size:9px}.practice-btn{font-size:14px;grid-column:1/-1;min-height:42px;padding:10px}.trainer-foot{display:flex;gap:5px;min-height:28px;padding:4px 8px}.trainer-foot>span:first-child{font-size:7px}.trainer-foot>span:nth-child(2){display:none}.mini{font-size:6px;padding:7px 3px;white-space:nowrap}.mini-select{font-size:7px;min-width:0;padding:7px 4px;width:100%}.studio{border-left:0;border-right:0;height:calc(100dvh - 354px);min-height:220px;overflow:hidden}.studio-head{display:none}.readout{gap:9px;grid-template-columns:62px 1fr 130px;height:58px;min-height:58px;padding:5px 12px}.note-block{font-size:46px}.note-block sup{font-size:13px}.pitch-data{padding-left:10px}.pitch-data strong{font-size:13px}.pitch-data span{font-size:8px}.tuner{grid-column:auto}.tuner-scale{font-size:6px}.tuner>span{font-size:7px}.fretboard-wrap{height:calc(100% - 86px);padding:20px 8px 6px}.fret-numbers{height:17px}.fretboard{height:calc(100% - 17px)}.legend{flex-wrap:nowrap;font-size:7px;height:28px;padding:5px 10px}.legend .tip{display:none}.guitar-hit-banner{margin:0 auto -40px;position:sticky;top:2px}.curriculum{margin-top:72px}.how{margin-top:40px}.performance-board{grid-template-columns:1fr}.performance-live,.records-panel{min-height:0;padding:11px 12px}.performance-head{margin-bottom:9px}.grade-bars{gap:6px}.grade{grid-template-columns:80px 1fr}.run-meta{margin-top:9px;padding-top:8px}.record-list{grid-template-columns:repeat(2,minmax(0,1fr))}.record-row{grid-template-columns:20px 1fr;min-height:40px}.record-row>strong{font-size:9px;grid-column:2;text-align:left}.record-row>strong small{display:inline;margin-left:6px}.position-guide{padding:7px 9px;right:7px;top:7px;width:230px}.position-guide-head strong{font-size:20px}.next-pattern-preview{gap:1px;grid-template-rows:repeat(6,4px);padding:5px}.next-pattern-detail{grid-template-columns:1fr}.countdown-overlay strong{font-size:62px}.countdown-overlay.go strong{font-size:42px}.setup-fab{padding:8px 9px;right:8px;top:52px}.setup-fab b{font-size:8px}.scale-toolbar{border:1px solid #45515c;right:8px;top:48px;width:calc(100% - 16px)}.scale-toolbar-head{display:flex;min-height:42px;padding:0 10px}.scale-toolbar-head>span:nth-child(2){font-size:8px;margin-right:8px}.scale-toolbar-head button{display:block;height:28px;width:28px}.scale-toolbar .trainer-controls{grid-template-columns:.7fr 1fr 1.35fr}.scale-toolbar .trainer-controls label{height:58px}.fixed-mode-controls{grid-template-columns:1.4fr repeat(3,1fr)}.fixed-mode-controls label{display:block;font-size:7px;padding:5px 7px}.fixed-mode-controls .mini{font-size:6px;min-height:42px}.setup-practice-btn{font-size:11px;min-height:46px}.studio{height:calc(100dvh - 235px);min-height:300px}}body{background-attachment:scroll,scroll,scroll,fixed;background-color:#080c10;background-image:linear-gradient(#080c1090,#080c1090),radial-gradient(circle at 18% 8%,#d7ff450a,transparent 27%),radial-gradient(circle at 88% 38%,#35bfff08,transparent 25%),url(../images/guitarrun-dark-blueprint-bg.png);background-position:50%,50%,50%,50%;background-repeat:no-repeat;background-size:auto,auto,auto,cover}.topbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#090d12e8;border-bottom-color:#d7ff4524;box-shadow:0 8px 35px #0008}.hero:before{background:#d7ff4508;border:1px solid #d7ff4540;color:#d7ff45;content:"RUN YOUR NEXT NOTE";display:block;font:8px IBM Plex Mono;letter-spacing:2px;margin:0 auto 24px;padding:7px 12px;transform:skew(-8deg);width:-moz-max-content;width:max-content}.performance-board,.studio,.trainer-panel{border-color:#34404a;border-radius:10px;box-shadow:0 22px 60px #0007,0 0 0 1px #d7ff4505;overflow:hidden}.trainer-stage{background:linear-gradient(110deg,#d7ff450b,transparent 32%),repeating-linear-gradient(120deg,transparent 0 48px,#ffffff03 49px 50px),#0e141a}.trainer-stage:after{background:linear-gradient(90deg,var(--acid) 0 24%,#273039 24% 100%);bottom:0;box-shadow:0 0 15px #d7ff4555;content:"";height:3px;left:0;position:absolute;right:0}.count-ring{background:radial-gradient(circle,#d7ff4514,#10171d 68%);border-color:#d7ff45;box-shadow:0 0 30px #d7ff4512,inset 0 0 0 5px #0b1014}.practice-btn,.setup-practice-btn{background:linear-gradient(105deg,#d7ff45,#a9ef3d);border:0;box-shadow:0 9px 30px #d7ff4522;clip-path:polygon(7px 0,100% 0,calc(100% - 7px) 100%,0 100%);color:#0b100d}.practice-btn:hover,.setup-practice-btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.performance-board{background:linear-gradient(145deg,#111820,#0b1015)}.performance-live,.records-panel{background:transparent}.performance-head{border-bottom:1px solid #d7ff4519}.performance-head b{color:var(--acid);text-shadow:0 0 18px #d7ff4540}.grade-bars .grade>i{background:#202830;border-radius:10px;overflow:hidden}.grade-bars .grade em{border-radius:10px}.miss-breakdown span{background:#0e151b;border-color:#34414b;border-radius:4px}.record-list>div{background:linear-gradient(90deg,#d7ff4508,transparent);border-left:2px solid var(--acid)}.readout{background:linear-gradient(100deg,#101820,#0c1116);border-bottom:1px solid #34404a;position:relative}.readout:before{color:#d7ff4566;content:"LIVE INPUT";font:7px IBM Plex Mono;letter-spacing:2px;position:absolute;right:12px;top:8px}.note-block{align-items:center;color:#77828d;-moz-column-gap:3px;column-gap:3px;display:grid;grid-template-columns:auto auto;grid-template-rows:auto 1fr;justify-content:center;min-width:112px;transition:.2s}.note-block small{color:#68737d;font:7px IBM Plex Mono;grid-column:1/-1;letter-spacing:1px;text-transform:uppercase}.note-block span{font-size:56px;line-height:.9}.note-block.detected{color:var(--acid);text-shadow:0 0 25px #d7ff4555}.note-block.detected small{color:#a8bc66}.note-block sup{align-self:start}.note-block:not(.detected) span{color:#89949e;font:700 15px IBM Plex Mono;letter-spacing:2px}.pitch-data strong{color:#eef3ec}.tuner-track{box-shadow:0 0 18px #d7ff4510}.fretboard-wrap{background:linear-gradient(180deg,#111820,#090d11);position:relative}.fretboard-wrap:before{background:linear-gradient(90deg,#d7ff4505,transparent 20%,transparent 80%,#d7ff4505);content:"";inset:0;pointer-events:none;position:absolute}.setup-fab{background:#10171ded;border-color:#d7ff4560;border-radius:6px;box-shadow:0 10px 30px #0008,0 0 18px #d7ff4510}.curriculum{position:relative}.road-step.active{background:linear-gradient(145deg,#d7ff4512,#11171c);box-shadow:inset 0 3px var(--acid)}@media(max-width:760px){.performance-board,.studio,.trainer-panel{border-radius:0}.note-block{min-width:58px}.note-block small{font-size:5px;letter-spacing:0}.note-block span{font-size:34px}.readout:before{display:none}.practice-btn{clip-path:polygon(5px 0,100% 0,calc(100% - 5px) 100%,0 100%)}}.profile-button{align-items:center;background:#10161c;border:1px solid #34404a;color:#e9eee8;cursor:pointer;display:flex;font:9px IBM Plex Mono;gap:8px;padding:5px 10px 5px 5px}.profile-button span{background:var(--acid);border-radius:50%;color:#0b1014;display:grid;font-weight:800;height:26px;place-items:center;width:26px}.profile-button:hover{border-color:var(--acid)}.profile-modal{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#05080bdd;display:none;inset:0;padding:18px;place-items:center;position:fixed;z-index:1100}.profile-modal.open{display:grid}.profile-card{background:linear-gradient(145deg,#121a21,#0b1015);border:1px solid #3a4650;box-shadow:0 30px 100px #000;padding:34px;position:relative;width:min(480px,100%)}.profile-close{background:none;border:0;color:#89949d;font-size:25px;position:absolute;right:14px;top:12px}.profile-card h2{font-size:30px;margin:12px 0 8px}.profile-card p{color:#89939c;line-height:1.6}.google-setup-hint{color:#f4b66a!important;font:9px IBM Plex Mono}.profile-identity{align-items:center;display:flex;gap:16px;margin:22px 0}.profile-identity img{border:2px solid var(--acid);border-radius:50%;height:70px;-o-object-fit:cover;object-fit:cover;width:70px}.profile-identity h2{margin:0}.profile-identity span{color:#7e8993;font-size:11px}.profile-upload{border:1px dashed #56636e;color:var(--acid);cursor:pointer;display:block;font-size:11px;padding:12px;text-align:center}.profile-upload input{display:none}.profile-stats{background:#303a43;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin:18px 0}.profile-stats span{background:#10161c;color:#77828c;display:flex;flex-direction:column;font:8px IBM Plex Mono;gap:6px;justify-content:center;min-height:75px;padding:10px;text-align:center}.profile-stats b{color:#edf1ea;font-size:16px}.logout-button{background:transparent;border:1px solid #3d4852;color:#88939c;padding:12px;width:100%}.community-leaderboard{margin:100px 0}.leaderboard-title{align-items:end;display:flex;gap:40px;justify-content:space-between;margin-bottom:28px}.leaderboard-title h2{font-family:Chakra Petch,IBM Plex Sans Thai,sans-serif;font-size:clamp(34px,5vw,58px);font-weight:700;letter-spacing:-2px;line-height:1.08;margin:12px 0 0}.leaderboard-title h2 em{color:var(--acid);font-style:normal}.leaderboard-title>p{color:#7f8993;font-size:13px;line-height:1.7;max-width:420px}.leaderboard-shell{background:linear-gradient(145deg,#111820,#0a0f14);border:1px solid #35414b;box-shadow:0 24px 70px #0008}.leaderboard-head{border-bottom:1px solid #35414b;color:#7c8790;display:flex;font:9px IBM Plex Mono;justify-content:space-between;letter-spacing:1px;padding:16px 20px}.leaderboard-head b{color:var(--acid)}.global-leaderboard{display:grid}.leaderboard-loading{color:#78838d;font:10px IBM Plex Mono;padding:35px;text-align:center}.leaderboard-row{align-items:center;border-bottom:1px solid #222c34;display:grid;gap:14px;grid-template-columns:46px 44px 1fr auto;padding:14px 20px}.leaderboard-row:last-child{border:0}.leaderboard-row.is-me,.leaderboard-row:hover{background:#d7ff4508}.leaderboard-rank{color:#7b8790;font:700 14px IBM Plex Mono}.leaderboard-row:nth-child(-n+3) .leaderboard-rank{color:var(--acid)}.leaderboard-row img{border-radius:50%;height:40px;-o-object-fit:cover;object-fit:cover;width:40px}.leaderboard-row>div{display:flex;flex-direction:column;gap:5px}.leaderboard-row strong{font-size:13px}.leaderboard-row span{color:#68747e;font:8px IBM Plex Mono}.leaderboard-row em{color:#eef2ec;font:700 16px IBM Plex Mono;font-style:normal}.scale-showcase{background:#080b10;border:1px solid #34404a;border-radius:12px;box-shadow:0 30px 90px #000a,0 0 45px #d7ff450c;height:clamp(240px,38vw,450px);margin:80px 0 0;overflow:hidden;position:relative}.scale-showcase:after,.scale-showcase:before{content:"";inset:0;pointer-events:none;position:absolute;z-index:1}.scale-showcase:before{background:linear-gradient(90deg,#080b10,transparent 28%,transparent 78%,#080b1088)}.scale-showcase:after{background:linear-gradient(180deg,#080b1033,transparent 55%,#080b10cc);box-shadow:inset 0 0 0 1px #d7ff4508}.scale-showcase img{display:block;filter:saturate(.9) contrast(1.04);height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.roadmap-showcase{height:clamp(220px,32vw,380px);margin-top:0}.roadmap-showcase:before{background:linear-gradient(90deg,#080b1099,transparent 18%,transparent 82%,#080b1066)}.roadmap-showcase img{-o-object-position:center 52%;object-position:center 52%}@media(max-width:760px){.profile-button b{display:none}.profile-button{padding:3px}.profile-button span{height:24px;width:24px}.community-leaderboard{margin:60px 0}.leaderboard-title{align-items:start;flex-direction:column;gap:12px;padding:0 18px}.leaderboard-title h2{font-size:clamp(28px,7.2vw,34px);letter-spacing:-.8px;line-height:1.16;max-width:420px;width:100%}.leaderboard-title>p{margin:0}.leaderboard-row{gap:8px;grid-template-columns:32px 36px 1fr auto;padding:11px 10px}.leaderboard-row img{height:32px;width:32px}.leaderboard-row span{font-size:6px}.leaderboard-row em{font-size:11px}.profile-card{padding:28px 18px}.profile-stats b{font-size:12px}.scale-showcase{border-radius:8px;height:clamp(210px,58vw,300px);margin:48px 12px 0}.scale-showcase img{-o-object-position:58% center;object-position:58% center}.scale-showcase:before{background:linear-gradient(90deg,#080b1088,transparent 34%,transparent 82%,#080b1055)}.roadmap-showcase{height:200px;margin:0 12px}.roadmap-showcase img{-o-object-position:64% center;object-position:64% center}}.leaderboard-intro{max-width:420px}.leaderboard-intro>span{align-items:center;background:#d7ff4508;border:1px solid #d7ff4540;color:var(--acid);display:inline-flex;font:700 8px IBM Plex Mono;gap:8px;letter-spacing:1.4px;padding:7px 10px}.leaderboard-intro i{animation:leaderPulse 1.6s infinite;background:var(--acid);border-radius:50%;box-shadow:0 0 12px var(--acid);height:6px;width:6px}.leaderboard-intro p{color:#7f8993;font-size:13px;line-height:1.7;margin:12px 0 0}.leaderboard-summary{background:#35414b;border:1px solid #35414b;display:grid;gap:1px;grid-template-columns:repeat(3,1fr);margin-bottom:18px}.leaderboard-summary>div{align-items:end;background:linear-gradient(145deg,#111920,#0c1217);display:grid;gap:4px 14px;grid-template-columns:1fr auto;min-height:104px;padding:18px 22px}.leaderboard-summary span{color:#78838d;font:8px IBM Plex Mono;grid-column:1/-1;letter-spacing:1px}.leaderboard-summary strong{color:#eef3ec;font-size:clamp(18px,2.2vw,28px);line-height:1.1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-summary>div:nth-child(3) strong{color:var(--acid)}.leaderboard-summary small{color:#59646d;font:7px IBM Plex Mono;letter-spacing:1px}.leaderboard-podium{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:0 0 18px;min-height:250px}.podium-card{align-items:center;background:linear-gradient(160deg,#141d24,#0b1014);border:1px solid #34404a;display:flex;flex-direction:column;justify-content:center;min-height:220px;min-width:0;overflow:hidden;padding:22px 15px 16px;position:relative;text-align:center}.podium-card:before{background:radial-gradient(circle at 50% 0,#d7ff4514,transparent 48%);content:"";inset:0;pointer-events:none;position:absolute}.podium-card.rank-1{background:linear-gradient(160deg,#1a251d,#0b1014);border-color:#d7ff4570;box-shadow:0 0 34px #d7ff4510;min-height:250px}.podium-card.rank-1:after{background:var(--acid);color:#0a0e10;content:"LEADER";font:700 7px IBM Plex Mono;letter-spacing:1px;padding:4px 0;position:absolute;right:-26px;top:14px;transform:rotate(38deg);width:100px}.podium-place{color:#74808a;font:700 11px IBM Plex Mono;left:12px;position:absolute;top:10px}.rank-1 .podium-place{color:var(--acid)}.podium-avatar{margin-bottom:11px;position:relative}.podium-avatar img{border:2px solid #58646e;border-radius:50%;height:62px;-o-object-fit:cover;object-fit:cover;width:62px}.rank-1 .podium-avatar img{border-color:var(--acid);box-shadow:0 0 0 5px #d7ff450d,0 0 25px #d7ff4520;height:78px;width:78px}.podium-avatar i{background:#29343d;border-radius:50%;bottom:2px;color:#eef2ec;display:grid;font:700 8px IBM Plex Mono;font-style:normal;height:21px;place-items:center;position:absolute;right:-3px;width:21px}.rank-1 .podium-avatar i{background:var(--acid);color:#0b1014}.podium-card>strong{font-size:13px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.podium-card>em{color:var(--acid);font:700 20px IBM Plex Mono;font-style:normal;margin:7px 0 12px}.podium-stats{border-top:1px solid #27313a;display:flex;gap:10px;justify-content:center;padding-top:12px;width:100%}.podium-stats span{color:#606c75;display:flex;flex-direction:column;font-size:7px;gap:3px;min-width:0}.podium-stats b{color:#cbd2d2;font:700 9px IBM Plex Mono}.podium-card>small{bottom:7px;color:var(--acid);font:7px IBM Plex Mono;left:8px;position:absolute}.leaderboard-empty{align-items:center;border:1px dashed #35414b;color:#78838d;display:flex;flex-direction:column;gap:8px;grid-column:1/-1;justify-content:center;min-height:180px}.leaderboard-empty b{color:var(--acid);font-size:18px}.leaderboard-head>div{display:flex;gap:70px}.leaderboard-row{grid-template-columns:46px minmax(200px,1.4fr) minmax(100px,1fr) 75px}.leaderboard-player{align-items:center;display:flex!important;flex-direction:row!important;gap:12px!important;min-width:0}.leaderboard-player>div{display:flex;flex-direction:column;gap:5px;min-width:0}.leaderboard-player strong{align-items:center;display:flex;gap:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-player strong small{background:var(--acid);color:#0b1014;font:700 6px IBM Plex Mono;padding:2px 4px}.leaderboard-progress{background:#202a31;height:5px!important;overflow:hidden}.leaderboard-progress i{background:linear-gradient(90deg,#73921e,var(--acid));box-shadow:0 0 10px #d7ff4530;display:block;height:100%}.leaderboard-row.is-me{box-shadow:inset 3px 0 var(--acid)}@keyframes leaderPulse{50%{box-shadow:0 0 3px var(--acid);opacity:.35}}@media(max-width:760px){.leaderboard-intro{padding:0}.leaderboard-intro p{font-size:11px}.leaderboard-summary{grid-template-columns:1fr 1fr;margin:0 12px 12px}.leaderboard-summary>div{min-height:82px;padding:13px}.leaderboard-summary>div:nth-child(3){grid-column:1/-1}.leaderboard-summary strong{font-size:17px}.leaderboard-podium{gap:8px;grid-template-columns:1fr 1fr;margin:0 12px 12px;min-height:0}.podium-card{min-height:190px;padding:18px 9px 13px}.podium-card.rank-1{grid-column:1/-1;grid-row:1;min-height:220px}.podium-card.rank-2,.podium-card.rank-3{grid-row:2}.podium-stats{gap:6px}.podium-stats span{font-size:6px}.podium-card>em{font-size:17px}.leaderboard-shell{border-left:0;border-right:0}.leaderboard-head{padding:13px 12px}.leaderboard-head>div span{display:none}.leaderboard-head>div{gap:0}.leaderboard-row{grid-template-columns:28px minmax(0,1fr) 54px;padding:11px 12px}.leaderboard-progress{display:none!important}.leaderboard-player{gap:8px!important}.leaderboard-player>div>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.leaderboard-row em{font-size:10px}.curriculum-head{padding:0 18px}.curriculum-head h1{font-family:Chakra Petch,IBM Plex Sans Thai,sans-serif;font-size:clamp(28px,7.2vw,34px);font-weight:700;letter-spacing:-.8px;line-height:1.18}.curriculum-head>p{font-size:12px;line-height:1.7}}.needs-connection{animation:connectAttention .42s ease-in-out 4!important;border-color:var(--acid)!important;box-shadow:0 0 0 3px #d7ff4520,0 0 24px #d7ff4535!important}@keyframes connectAttention{50%{transform:translate(-4px)}}.setup-fab{display:flex;left:auto;right:8px;top:50%;transform:translateY(-50%)}.setup-fab:hover{transform:translateY(-52%)}#leaderboardChampion{font-size:18px}@media(max-width:760px){#leaderboardChampion{font-size:13px}}#__nuxt,body,html{max-width:100%;overflow-x:hidden}main>*{min-width:0}canvas,img,svg,video{max-width:100%}@media(max-width:1024px)and (min-width:761px){main{width:calc(100% - 32px)}.topbar{padding-inline:24px}.brand img{width:142px}.header-actions{gap:9px}.readout{gap:18px;grid-template-columns:140px minmax(0,1fr) 240px;padding-inline:22px}.performance-board{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.leaderboard-row{grid-template-columns:38px minmax(180px,1.4fr) minmax(90px,1fr) 68px}.leaderboard-head>div{gap:36px}}@media(max-width:600px){.topbar{padding-inline:8px}.brand img{width:100px}.header-actions{gap:4px}.profile-button{display:none}.language-menu select{max-width:76px;width:76px}.header-connect{font-size:8px;padding:7px 8px}.status-pill{display:none}.scale-toolbar{max-height:calc(100dvh - 56px);overflow-y:auto}.scale-toolbar .trainer-controls{grid-template-columns:1fr 1fr}.scale-toolbar .trainer-controls label{height:auto;min-height:56px}.scale-toolbar .trainer-controls label:nth-child(3),.scale-toolbar .trainer-controls label:nth-child(6){grid-column:1/-1}.fixed-mode-controls{grid-template-columns:1fr 1fr}.fixed-mode-controls label{grid-column:1/-1}.studio{height:min(610px,calc(100dvh - 120px));min-height:390px}.readout{gap:6px;grid-template-columns:54px minmax(0,1fr) 94px;padding:5px 7px}.note-block{min-width:0}.pitch-data{min-width:0;padding-left:6px}.pitch-data span,.pitch-data strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tuner{min-width:0}.readout-connect{font-size:9px;padding:9px 11px}.readout-connect span{font-size:14px}.fretboard-wrap{overflow-x:hidden}.fret-numbers,.fretboard{grid-template-columns:34px repeat(17,minmax(0,1fr));min-width:0;width:100%}.fret-numbers{font-size:6px}.cell{border-right-width:1px;min-width:0}.cell.open{border-right-width:3px}.cell.open .note-dot,.note-dot{font-size:6px;height:16px;width:16px}.cell.marker:after{height:5px;width:5px}.trainer{padding-top:20px}.trainer-stage{grid-template-columns:58px minmax(0,1fr)}.count-ring{height:56px;width:56px}.count-ring span{font-size:25px}.miss-breakdown,.record-list,.roadmap-line{grid-template-columns:1fr}.road-step:nth-child(n){border-right:0}.leaderboard-summary{grid-template-columns:1fr}.leaderboard-summary>div:nth-child(3){grid-column:auto}.leaderboard-podium{grid-template-columns:1fr}.podium-card.rank-1,.podium-card.rank-2,.podium-card.rank-3{grid-column:1;grid-row:auto}.leaderboard-row{gap:6px;grid-template-columns:26px minmax(0,1fr) 48px;padding-inline:8px}.profile-stats{grid-template-columns:1fr}.profile-stats span{min-height:58px}footer{align-items:flex-start;flex-direction:column;gap:8px;padding:20px}#toast{max-width:420px;text-align:center;width:calc(100% - 24px)}}@media(max-width:360px){.brand img{width:86px}.language-menu select{font-size:7px;max-width:66px;width:66px}.header-connect{font-size:7px;padding-inline:6px}.readout{grid-template-columns:48px minmax(0,1fr) 82px}.readout-connect{font-size:8px;padding:8px}.readout-connect span{display:none}.trainer-controls{grid-template-columns:1fr}.trainer-controls label{grid-column:1/-1}.game-stats{gap:6px}.trainer-foot{font-size:6px}.position-guide{width:calc(100% - 14px)}.curriculum-head,.leaderboard-title{padding-inline:12px}}@media(max-width:600px)and (max-height:700px){.studio{height:clamp(330px,64dvh,400px);min-height:330px}.fretboard-wrap{padding-top:12px}.fret-numbers{height:14px}.fretboard{height:calc(100% - 14px)}}.studio{height:auto;overflow:visible}@media(max-width:600px){.studio{height:auto;min-height:0;overflow:visible}.studio>.fretboard-wrap{height:clamp(330px,64dvh,400px);min-height:330px}}@property --leader-glow-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.podium-card.rank-1{--leader-glow-angle:0deg;animation:leaderBorderRun 5.5s linear infinite,leaderHaloBreathe 2.8s ease-in-out infinite;background:linear-gradient(160deg,#1a251d,#0b1014) padding-box,conic-gradient(from var(--leader-glow-angle),transparent 0 74%,#d7ff4530 82%,#d7ff45cc 88%,#d7ff4540 94%,transparent 100%) border-box;border:2px solid transparent;box-shadow:0 0 26px #d7ff4518,inset 0 0 24px #d7ff4508}@keyframes leaderBorderRun{to{--leader-glow-angle:360deg}}@keyframes leaderHaloBreathe{50%{box-shadow:0 0 38px #d7ff4528,inset 0 0 30px #d7ff450d}}@media(prefers-reduced-motion:reduce){.podium-card.rank-1{animation:none}}.hero{display:none}.chord-mode .cell.scale-note .note-dot{background:#48cfff;border-color:#bcefff;box-shadow:0 0 0 4px #48cfff20,0 0 18px #48cfff55;color:#071116}.chord-mode .cell.root-note .note-dot{background:var(--acid);border-color:#f1ffc0;box-shadow:0 0 0 5px #d7ff4520,0 0 22px #d7ff4566}.cell.open.chord-muted .note-dot{background:#321b20;border-color:#ff7772;color:#ff7772;font-size:0}.cell.open.chord-muted .note-dot:after{content:"×";font:700 12px IBM Plex Mono}.scale-toolbar{border:1px solid #45515c;border-bottom:0;border-radius:14px 14px 0 0;box-shadow:0 -28px 90px #000c;inset:auto auto 0 50%;margin:0;max-height:82dvh;opacity:0;overflow-y:auto;transform:translate(-50%,calc(100% + 24px));transform-origin:center bottom;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s;width:min(960px,calc(100% - 32px))}.scale-toolbar.open{opacity:1;transform:translate(-50%)}.scale-toolbar-head{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#10171df5;position:sticky;top:0;z-index:2}.scale-toolbar-head:before{background:#64717a;border-radius:10px;content:"";height:4px;left:50%;position:absolute;top:6px;transform:translate(-50%);width:42px}body.setup-open{padding-bottom:calc(var(--setup-clearance, 0px) + 24px)}@media(max-width:760px){.scale-toolbar{border-left:0;border-right:0;inset:auto 0 0;max-height:88dvh;transform:translateY(calc(100% + 16px));width:100%}.scale-toolbar.open{transform:translateY(0)}.scale-toolbar-head{padding-top:6px}}.fretboard-wrap .setup-fab{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0d151be8;border:1px solid #d7ff4570;border-radius:8px;box-shadow:0 8px 28px #000b,0 0 20px #d7ff4515;display:flex;gap:8px;left:auto;padding:9px 11px;position:absolute;right:18px;top:42px;z-index:9}.fretboard-wrap .setup-fab:hover{border-color:var(--acid);box-shadow:0 8px 28px #000b,0 0 24px #d7ff4530}@media(max-width:760px){.fretboard-wrap .setup-fab{padding:7px 9px;right:8px;top:22px}.fretboard-wrap .setup-fab b{display:none}.fretboard-wrap .setup-fab span{font-size:14px}}.fret-quick-controls{display:grid;gap:8px;margin:-14px 0 16px;padding-right:150px}.fret-quick-row{align-items:center;display:grid;gap:10px;grid-template-columns:64px minmax(0,1fr)}.fret-quick-row>span{color:#77828c;font:700 8px IBM Plex Mono;letter-spacing:1px;text-transform:uppercase}.quick-choices{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.quick-choices::-webkit-scrollbar{display:none}.quick-choices button{background:#10161b;border:1px solid #354049;border-radius:8px;box-shadow:inset 0 0 0 1px #ffffff02;color:#dce3df;flex:0 0 auto;font:700 11px IBM Plex Mono;min-height:34px;min-width:42px;padding:7px 10px}.quick-choices button:hover{border-color:#73832f;color:var(--acid)}.quick-choices button.active{background:linear-gradient(145deg,#d7ff45,#9fe238);border-color:var(--acid);box-shadow:0 0 18px #d7ff4530;color:#08100b}.quick-positions button{min-width:36px}@media(max-width:760px){.fret-quick-controls{gap:5px;margin:-12px 0 7px;padding-right:38px}.fret-quick-row{gap:5px;grid-template-columns:38px minmax(0,1fr)}.fret-quick-row>span{font-size:6px}.quick-choices{gap:4px}.quick-choices button{border-radius:6px;font-size:8px;min-height:27px;min-width:31px;padding:5px 7px}.quick-positions button{min-width:29px}.fretboard-wrap{padding-top:18px}.fretboard-wrap .setup-fab{top:8px}.fretboard-wrap .fretboard{height:calc(100% - 82px)}}body{font-size:16px}p{font-size:15px;line-height:1.75}input,label,select,textarea{font-size:12px}.curriculum-head>p,.how p,.leaderboard-intro p,.lesson-card .why,.lesson-goal,.method-note p,.trainer-title>p{color:#a4adb4;font-size:15px;line-height:1.8}.lesson-card .why{font-size:16px}.lesson-card .lesson-no,.lesson-card li{font-size:11px}.road-step span{font-size:11px;line-height:1.55}.road-step b{font-size:9px}.grade,.miss-breakdown,.performance-head,.record-row,.run-meta,.trainer-feedback,.trainer-foot,.trainer-info>span{font-size:10px}.legend,.pitch-data span,.tuner>span{font-size:11px}.leaderboard-row span,.leaderboard-summary small,.leaderboard-summary span,.podium-stats span,.profile-stats span{font-size:9px}.leaderboard-row strong,.podium-card>strong{font-size:14px}.player-country{font-size:10px!important}.practice-tags span{font-size:9px}.eyebrow,.label,.method-note span{font-size:12px}footer{font-size:11px}@media(max-width:760px){p{font-size:15px}.curriculum-head>p,.leaderboard-intro p,.lesson-goal,.method-note p{font-size:15px;line-height:1.75}.lesson-card .why{font-size:16px;line-height:1.8}.lesson-card li,.road-step span{font-size:10px}.leaderboard-row span,.leaderboard-summary small,.leaderboard-summary span,.podium-stats span{font-size:9px}.player-country{font-size:9px!important}.practice-tags span{font-size:8px}.legend,.pitch-data span{font-size:9px}}.player-country{align-items:center;color:#8e9aa3!important;display:flex!important;flex-direction:row!important;font:8px IBM Plex Mono!important;gap:6px!important;justify-content:center}.player-country b{font-size:15px;line-height:1}.practice-tags{display:flex!important;flex-wrap:wrap;gap:4px!important;justify-content:center;margin:7px 0 10px;max-width:100%}.practice-tags span{background:#48cfff0b;border:1px solid #48cfff38;color:#a9dce9!important;font:7px IBM Plex Mono;max-width:100%;overflow:hidden;padding:4px 6px;text-overflow:ellipsis;white-space:nowrap}.practice-tags .empty{border-style:dashed;color:#65727b!important}.podium-card{min-height:270px}.podium-card.rank-1{min-height:300px}.leaderboard-player .player-country{justify-content:flex-start}.leaderboard-player .practice-tags{justify-content:flex-start;margin:3px 0 2px}.leaderboard-row{min-height:82px}.profile-country{align-items:center;background:#0d1419;border:1px solid #3a4650;color:#89949d;display:grid;font-size:10px;gap:12px;grid-template-columns:auto minmax(0,1fr);margin:14px 0;padding:11px 12px}.profile-country select{background:#151d23;color:#eef3ec;max-width:none;padding:9px 32px 9px 10px;width:100%}.profile-country select:disabled{opacity:.55}@media(max-width:760px){.player-country{font-size:7px!important}.practice-tags span{font-size:6px}.podium-card,.podium-card.rank-1{min-height:245px}.leaderboard-row{min-height:76px}.leaderboard-player .practice-tags{flex-wrap:nowrap;overflow:hidden}.leaderboard-player .practice-tags span:nth-child(n+2){display:none}}