@import "https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Gasoek+One&family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap";html,body,#root{background-color:#110111;width:100%;min-height:100%;margin:0}body{min-height:100vh}*{box-sizing:border-box}main{background-color:#110111;flex-direction:column;font-family:Gasoek One,sans-serif;display:flex}nav{color:#fff;border-bottom:3px solid #3a3a40;align-items:center;gap:20px;min-width:100%;height:100px;padding:20px;font-size:36px;display:flex}.navLinks{flex-direction:row;justify-content:flex-end;align-items:center;gap:40px;width:100%;padding-right:60px;display:flex}nav a{color:#fff;cursor:pointer;font-family:JetBrains Mono,monospace;font-size:14px}nav a:hover{transform:scale(1.05)}nav button{color:#110111;cursor:pointer;background-color:#d5c917;border:2px solid #fff;padding:10px 20px;font-family:Gasoek One,sans-serif;font-size:20px}nav button:hover{transform:scale(1.05)}.footer{flex-direction:row;flex-direction:flex-start;background-color:#110111;border-top:4px solid #3a3a40;width:100%;height:170px;display:flex}.footerLeft{flex-direction:column;width:50%;padding-left:50px;display:flex}.footerTitle{color:#fff;margin-top:25px;margin-bottom:10px;font-size:24px}.footerSub{color:#e1dfe2;font-family:JetBrains Mono,monospace;font-size:12px}.footerRight{flex-direction:row;justify-content:flex-end;gap:10px;width:50%;padding-top:45px;padding-right:45px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.footerBlackGold{color:#d5c917;background-color:#2b282c;border:1px solid #fff;align-items:center;height:23px;padding-left:5px;padding-right:5px;display:flex}.footerPurpleWhite{color:#fff;background-color:#721990;border:1px solid #fff;align-items:center;height:23px;padding-left:5px;padding-right:5px;display:flex}.footerBlackWhite{color:#fff;background-color:#110111;border:1px solid #3a3a40;align-items:center;height:23px;padding-left:5px;padding-right:5px;display:flex}.pointerFrames{background-color:#fff0;flex-direction:row;justify-content:center;align-items:center;gap:30px;width:80%;height:auto;display:flex}.pointerFrame{border:3px solid #fff;width:405.33px;min-height:380px;padding:30px;box-shadow:10px 10px #721990}.pointerNumber{background-color:#d5c917;padding:10px 15px;font-size:28px}.pointerHeading{color:#fff;margin-top:20px;margin-bottom:10px;font-size:20px}.pointerSub{color:#e1dfe2;font-family:Archivo,sans-serif;font-size:15px}@media (width<=900px){.hero{min-height:600px}.leftHeroFrame{width:100%;max-width:700px;padding:80px 40px}.heroTitle{font-size:clamp(44px,10vw,68px)}.heroSubtitle{max-width:600px}.heroButtons{flex-wrap:wrap}}.hero{border-bottom:3px solid #3a3a40;width:100%;min-height:640px;display:flex;position:relative;overflow:hidden}.heroBg{z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.leftHeroFrame{z-index:1;flex-direction:column;justify-content:center;align-items:flex-start;gap:25px;width:50%;max-width:750px;padding:100px 40px 80px 60px;display:flex;position:relative}.heroTagline{letter-spacing:2px;color:#d5c917;font-family:JetBrains Mono,monospace;font-size:clamp(11px,1vw,14px)}.headerTag{color:#fff;background-color:#721990;border:2px solid #fff;width:fit-content;height:fit-content;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px}.heroTitle{flex-direction:column;align-items:flex-start;gap:15px;margin:0;font-size:clamp(48px,5vw,72px);line-height:.95;display:flex}.whiteBlock{color:#110111;background-color:#fff;padding:10px 20px}.purpleBlock{color:#fff;transform-origin:50%;background-color:#721990;padding:10px 20px;transform:rotate(-2deg)}.heroSubtitle{color:#e1dfe2;font-family:Archivo,sans-serif;font-size:18px}.heroButtons{flex-direction:row;justify-content:flex-start;align-items:center;gap:20px;display:flex}.primaryButton{color:#110111;cursor:pointer;background-color:#d5c917;border:3px solid #fff;padding:20px 30px;font-family:Gasoek One,sans-serif;font-size:20px;box-shadow:4px 4px #110111}.primaryButton:hover{transform:scale(1.05)}.secondaryButton{color:#fff;cursor:pointer;background-color:#fff0;border:3px solid #fff;padding:15px 25px;font-family:Gasoek One,sans-serif;font-size:20px}.secondaryButton:hover{transform:scale(1.05)}.riffstorm-description{box-sizing:border-box;background-color:#110111;border-bottom:2px solid #3a3a40;grid-template-columns:40% 60%;width:100%;min-height:528px;display:grid}.leftDescriptionFrame{box-sizing:border-box;justify-content:flex-start;align-items:flex-start;padding:60px;display:flex;position:relative}.tape{opacity:.4;z-index:5;background-color:#e0e0e0;width:120px;height:28px;position:absolute;top:-30px;right:30%;transform:rotate(-15deg)skew(-4deg)}.contentFrame{box-sizing:border-box;z-index:1;background-color:#2b282c;border:5px solid #721990;width:min(440px,100%);height:auto;min-height:228px;padding:25px;position:relative}.contentRiffName{color:#d5c917;margin:0;font-family:Gasoek One,sans-serif;font-size:20px;position:relative}.contentRiffBPM{color:#fff;margin:10px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;position:relative}.contentRiffTuneCheck{color:#a12ecb;margin:5px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;position:relative}.contentProgress{border-bottom:1px solid #3a3a40;flex-direction:row;width:100%;height:30px;margin-top:15px;padding-bottom:10px;display:flex;position:relative}.contentProgressLabel{color:#e1dfe2;height:100%;margin:5px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;position:relative}.contentProgressValue{color:#d5c917;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;margin:5px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;display:flex;position:relative}.contentRating{border-bottom:1px solid #3a3a40;flex-direction:row;width:100%;height:30px;margin-top:5px;padding-bottom:10px;display:flex;position:relative}.contentRatingLabel{color:#e1dfe2;height:100%;margin:5px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;position:relative}.contentRatingValue{color:#e1dfe2;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;margin:5px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;display:flex;position:relative}.contentAccuracy{flex-direction:row;width:100%;height:25px;margin-top:5px;padding-bottom:5px;display:flex;position:relative}.contentAccuracyLabel{color:#e1dfe2;height:100%;margin:5px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;position:relative}.contentAccuracyValue{color:#a12ecb;justify-content:flex-end;align-items:center;width:100%;height:100%;margin:5px 0 0;font-family:JetBrains Mono,monospace;font-size:12px;display:flex;position:relative}.rightDescriptionFrame{box-sizing:border-box;padding:60px 60px 60px 0}.descriptionTitle{color:#fff;margin-top:10px;font-family:Gasoek One,sans-serif;font-size:56px;line-height:1}.descriptionSubtitle{color:#e1dfe2;margin-top:20px;margin-bottom:20px;font-family:Archivo,sans-serif;font-size:18px}.descriptionPointers{flex-direction:row;gap:20px;padding-top:20px;display:flex}.descriptionPointer{color:#d5c917;border:2px solid #721990;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:13px}.riffstormPrerequisites{background-color:#110111;border-bottom:2px solid #3a3a40;flex-direction:column;align-items:center;gap:15px;width:100%;min-height:735px;padding:8% 10px 10px;display:flex}.prerequisitesTitle{color:#fff;margin:0;font-family:Gasoek One,sans-serif;font-size:56px}.tunerContainer{color:#fff;background-color:#110111;border-bottom:2px solid #3a3a40;justify-content:center;width:100%;height:740px;display:flex}.tunerFrame{background-color:#2b282c;border:5px solid #721990;flex-direction:column;justify-content:center;align-self:center;align-items:center;width:95%;height:90%;display:flex}.tunerNote{font-family:Gasoek One,sans-serif;font-size:72px}.tunerCents{font-family:JetBrains Mono,monospace;font-size:16px}.tabBarSection{border-bottom:2px solid #3a3a40;gap:10px;width:100%;padding:20px 20px 10px}.tabBarSection a{color:#fff;cursor:pointer;padding-left:20px;padding-right:20px;font-family:JetBrains Mono,monospace;text-decoration:none;transition:color .2s;position:relative}.tabBarSection a:after{content:"";transform-origin:50%;background:currentColor;width:100%;height:2px;transition:all .25s;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)scaleX(0)}.tabBarSection a:hover{color:#d5c917}.tabBarSection a:hover:after{transform:translate(-50%)scaleX(1)}.songPracticeSelection{flex-direction:column;width:100%;height:876px;padding:100px 50px 50px;display:flex}.gridHeader{gap:20px}.practiceTitle{color:#fff;padding-top:20px;font-size:40px}.gridContainer{grid-template-columns:repeat(2,624px);justify-content:center;align-items:center;gap:60px;width:100%;height:540px;padding:20px;display:grid}.gridBox{background-color:#2b282c;border:3px solid #fff;border-radius:2px;width:624px;height:289px;padding-top:5px}.gridSongNumber{background-color:#d5c917;align-items:flex-end;max-width:47px;max-height:31px;margin-top:-5px;padding:3px 10px;font-size:20px;display:flex}.gridSongName{color:#d5c917;padding:15px 20px 20px;font-size:26px}.metadataList{flex-direction:column;padding:0 20px 20px;display:flex}.metadataFrame{border-bottom:1px solid #3a3a40;justify-content:space-between;align-items:center;height:30px;display:flex}.metadataFrameLabel,.metadataFrameBPM{color:#fff;font-family:JetBrains Mono,monospace;font-size:14px}.metadataFrameDifficultyBEGINNER{background-color:#d5c917;border-radius:3px;padding:1px;font-family:JetBrains Mono,monospace}.metadataFrameDifficultyINTERMEDIATE{background-color:#a12ecb;border-radius:3px;padding:1px;font-family:JetBrains Mono,monospace}.metadataFrameDifficultyADVANCED{background-color:#ff3e3e;border-radius:3px;padding:1px;font-family:JetBrains Mono,monospace}.gridPracticeButton{color:#110111;cursor:pointer;background-color:#d5c917;border:3px solid #fff;margin-left:20px;padding:10px 20px;font-family:Gasoek One,sans-serif;font-size:20px;box-shadow:4px 4px #110111}.gridPracticeButton:hover{transform:scale(1.05)}.ctaSection{border-bottom:2px solid #3a3a40;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:566px;display:flex;position:relative;overflow:hidden}.ctaHeading{color:#fff;z-index:999;text-align:center;padding-left:450px;padding-right:450px;font-size:48px}.ctaSub{color:#e1dfe2;text-align:center;z-index:999;padding-top:10px;padding-left:450px;padding-right:450px;font-family:Archivo,sans-serif;font-size:18px}.ctaButtons{flex-direction:row;justify-content:center;gap:40px;display:flex}.ctaPrimary{color:#110111;cursor:pointer;z-index:999;background-color:#d5c917;border:3px solid #fff;margin-top:30px;padding:15px 25px;font-family:Gasoek One,sans-serif;font-size:20px;box-shadow:4px 4px #110111}.ctaPrimary:hover{transform:scale(1.05)}.ctaSecondary{color:#fff;cursor:pointer;z-index:999;background-color:#721990;border:3px solid #fff;margin-top:30px;padding:15px 25px;font-family:Gasoek One,sans-serif;font-size:20px;box-shadow:4px 4px #110111}.ctaSecondary:hover{transform:scale(1.05)}.practiceRiffSongInfoHeader{border-bottom:2px solid #3a3a40;flex-direction:row;width:100%;height:160px;padding:32px 80px;display:flex}.practiceRiffSongInfoHeaderLeft{flex-direction:column;gap:15px;width:50%;display:flex}.practiceRiffSongInfoHeaderLeftTitle{color:#d5c917;font-size:36px}.practiceRiffSongInfoHeaderLeftPillsRow{flex-direction:row;gap:10px;display:flex}.practiceRiffSongInfoHeaderLeftPillGrey{color:#fff;background-color:#2b282c;border:1px solid #3a3a40;border-radius:2px;padding:3px 5px;font-family:JetBrains Mono,monospace;font-size:12px}.practiceRiffSongInfoHeaderLeftPillPurple{color:#fff;background-color:#721990;border:1px solid #fff;border-radius:2px;padding:3px 5px;font-family:JetBrains Mono,monospace;font-size:12px}.practiceRiffSongInfoHeaderRight{flex-direction:row;justify-content:flex-end;align-items:center;gap:15px;width:50%;display:flex}.practiceRiffSongInfoHeaderRightPrimaryBtn{color:#110111;cursor:pointer;background-color:#d5c917;border:3px solid #fff;padding:10px 20px;font-family:Gasoek One,sans-serif;font-size:16px;box-shadow:4px 4px #110111}.practiceRiffSongInfoHeaderRightPrimaryBtn:hover{transform:scale(1.05)}.practiceRiffSongInfoHeaderRightSecondaryBtn{color:#fff;cursor:pointer;background-color:#721990;border:3px solid #fff;padding:8px 18px;font-family:Gasoek One,sans-serif;font-size:16px;box-shadow:4px 4px #110111}.practiceRiffSongInfoHeaderRightSecondaryBtn:hover{transform:scale(1.05)}.practiceRiffBg{color:#110111;border-bottom:2px solid #3a3a40;flex-direction:column;justify-content:center;align-items:center;width:100%;height:400px;display:flex;position:relative}.countdownOverlay{pointer-events:none;z-index:998;background-color:#2b282c;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.countdownNumber{color:#d5c917;z-index:999;font-family:Gasoek One,sans-serif;font-size:96px;font-weight:700;line-height:1}.countdownText{color:#fff;letter-spacing:2px;z-index:999;margin-top:12px;font-family:JetBrains Mono,monospace;font-size:16px}.practiceRiffPerformancePanel{grid-template-columns:repeat(4,25%);width:100%;height:112px;padding-top:12px;padding-bottom:12px;display:grid}.performancePanelStat{border-right:2px solid #3a3a40;flex-direction:column;justify-content:center;padding:0 60px;display:flex}.performancePanelStatLabel{color:#fff;font-family:JetBrains Mono,monospace;font-size:12px}.performancePanelStateNoteToPlay{color:#d5c917;font-size:28px}.performancePanelStateDetectedNote{color:#a12ecb;font-size:28px}.performancePanelStateScore,.perFormancePanelStateTotalNotes{color:#fff;font-family:JetBrains Mono,monospace;font-size:28px}.noteToPlay{color:#d5c917;font-size:60px}.detectedNote{color:#a12ecb;font-size:40px}.totalNotes{color:#a12ecb;padding-bottom:10px;font-family:JetBrains Mono,monospace}.tabDisplay{box-sizing:border-box;background-color:#2b282c;border:2px solid #fff;width:1280px;height:320px;margin:0 auto;padding:18px 32px;overflow:hidden}.tabStrings{width:100%;height:150px;margin-top:65px;position:relative}.tabString{align-items:center;height:25px;display:flex}.stringName{color:#fff;text-align:left;flex:0 0 40px;width:40px;font-family:JetBrains Mono,monospace;font-size:14px}.stringLine{background:#3e3a40;flex:1;height:2px}.tabNotesLayer{height:150px;position:absolute;top:0;left:12%;right:12%}.tabNote{z-index:5;box-sizing:border-box;color:#fff;text-align:center;background:#2b282c;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-family:JetBrains Mono,monospace;font-size:16px;font-weight:700;line-height:1;display:flex;position:absolute;transform:translate(-50%,-50%)}.activeTabNote{z-index:6;color:#110111;background:#d5c917;border:2px solid #fff}.playhead{z-index:4;pointer-events:none;background:#d5c917;width:3px;position:absolute;top:0;bottom:0;transform:translate(-50%)}.playhead span{color:#110111;white-space:nowrap;background:#d5c917;padding:3px 5px;font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;top:-14px;left:50%;transform:translate(-50%)}.tabPageIndicator{color:#aaa;text-align:right;margin-top:10px;font-family:JetBrains Mono,monospace;font-size:12px}.settingsPageHeader{color:#d5c917;border-bottom:2px solid #3a3a40;justify-content:flex-start;align-items:center;width:100%;height:116px;padding-left:30px;font-size:36px;display:flex}.settingsControls{flex-direction:column;gap:10px;width:100%;height:584px;padding:50px;display:flex}.settingRow{color:#fff;background-color:#2b282c;border:2px solid #3a3a40;border-radius:3px;flex-direction:row;justify-content:space-between;align-items:center;padding:4px 15px;font-family:JetBrains Mono,monospace;font-size:12px;display:flex}select{color:#d5c917;background-color:#2b282c;border:none;font-family:JetBrains Mono,monospace}input[type=range]{appearance:none;background:#3a3a40;border:none;border-radius:5px;outline:none;flex:1;margin:0 30px;overflow:hidden}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:0 0;border:none;width:0;height:0}input[type=range]::-moz-range-thumb{background:0 0;border:none;width:0;height:0}input[type=range]::-moz-range-track{background:0 0;border:none;border-radius:5px;height:100%}.settingsDescription{flex-direction:column;width:100%;height:auto;padding-top:50px;display:flex}.settingsDescriptionTag{color:#fff;background-color:#721990;width:fit-content;padding:5px 10px;font-family:JetBrains Mono,monospace;font-size:12px}.settingsDescriptionSub{color:#e1dfe2;padding-top:10px;padding-bottom:20px;font-family:Archivo,sans-serif;font-size:14px}.attemptAnalysis{background-color:#110111;border-bottom:2px solid #3a3a40;width:100%}.attemptAnalysisContent{width:min(1120px,100% - 112px);min-height:518px;margin:0 auto;padding:30px 0 22px}.attemptAnalysisStats{grid-template-columns:repeat(4,1fr);gap:28px;display:grid}.attemptAnalysisStat{background-color:#2b282c;border:2px solid #fff;min-height:112px;padding:18px 16px 14px}.attemptAnalysisStatLabel,.attemptAnalysisHighlightLabel{color:#fff;letter-spacing:.5px;font-family:JetBrains Mono,monospace;font-size:10px;display:block}.attemptAnalysisStatValue{color:#fff;margin-top:14px;font-size:42px;line-height:.9;display:inline-block}.attemptAnalysisStatValueGold,.attemptAnalysisHighlightValueGold{color:#d5c917}.attemptAnalysisStatInline{align-items:baseline;gap:8px;display:flex}.attemptAnalysisStatInline .attemptAnalysisStatValue{margin-top:14px}.attemptAnalysisStatSuffix{color:#e1dfe2;font-family:JetBrains Mono,monospace;font-size:14px}.attemptAnalysisMeasures{margin-top:24px}.attemptAnalysisSectionHeading{color:#fff;letter-spacing:.4px;background-color:#721990;width:fit-content;padding:5px 9px;font-family:JetBrains Mono,monospace;font-size:10px}.attemptAnalysisDescription{color:#e1dfe2;margin:8px 0 12px;font-family:Archivo,sans-serif;font-size:11px}.attemptAnalysisMeasureList{flex-direction:column;gap:8px;display:flex}.attemptAnalysisMeasure{background-color:#2b282c;border:1px solid #3a3a40;border-radius:3px;grid-template-columns:48px minmax(0,1fr) 40px;align-items:center;gap:12px;min-height:28px;padding:5px 10px;display:grid}.attemptAnalysisMeasureLabel,.attemptAnalysisMeasureValue{color:#fff;font-family:JetBrains Mono,monospace;font-size:10px}.attemptAnalysisMeasureValue{color:#d5c917;text-align:right}.attemptAnalysisMeasureTrack{background-color:#464148;border-radius:3px;height:8px;overflow:hidden}.attemptAnalysisMeasureFill{border-radius:inherit;background-color:#d5c917;height:100%;transition:width .5s ease-out;display:block}.attemptAnalysisMeasureFill.isPurple{background-color:#a12ecb}.attemptAnalysisHighlights{grid-template-columns:1fr 1fr;gap:28px;margin-top:22px;display:grid}.attemptAnalysisHighlight{background-color:#2b282c;border:2px solid #fff;min-height:94px;padding:17px 16px}.attemptAnalysisHighlightValue{color:#fff;margin-top:14px;font-size:30px;line-height:.95;display:block}.attemptAnalysisActions{gap:12px;margin-top:28px;display:flex}.attemptAnalysisAction{cursor:pointer;min-height:28px;padding:6px 12px;font-family:Gasoek One,sans-serif;font-size:10px}.attemptAnalysisAction:hover{transform:scale(1.05)}.attemptAnalysisActionPrimary{color:#fff;background-color:#721990;border:1px solid #fff;font-family:JetBrains Mono,monospace}.attemptAnalysisActionSecondary{color:#fff;background-color:#0000;border:2px solid #fff}.srOnly{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=760px){.attemptAnalysisContent{width:min(100% - 32px,540px);padding-top:20px}.attemptAnalysisStats{grid-template-columns:repeat(2,1fr);gap:12px}.attemptAnalysisStatValue{font-size:clamp(28px,8vw,42px)}.attemptAnalysisHighlights{gap:12px}.attemptAnalysisHighlightValue{font-size:clamp(20px,6vw,30px)}}html,body{overflow-x:hidden}nav{height:auto;min-height:100px;padding:clamp(14px,2vw,20px)}nav>img{object-fit:contain;flex:0 355px;width:min(355px,31vw);height:auto}.navLinks{flex:auto;gap:clamp(12px,3vw,40px);width:auto;min-width:0;padding-right:clamp(0px,4vw,60px)}.practiceRiffSongInfoHeader{gap:clamp(20px,4vw,48px);height:auto;min-height:160px;padding:clamp(24px,3.2vw,32px) clamp(20px,6vw,80px)}.practiceRiffSongInfoHeaderLeft,.practiceRiffSongInfoHeaderRight{min-width:0}.practiceRiffSongInfoHeaderLeftTitle{overflow-wrap:anywhere;font-size:clamp(26px,3.5vw,36px)}.practiceRiffSongInfoHeaderLeftPillsRow{flex-wrap:wrap}.practiceRiffSongInfoHeaderRightPrimaryBtn,.practiceRiffSongInfoHeaderRightSecondaryBtn{white-space:nowrap;font-size:clamp(12px,1.6vw,16px)}.practiceRiffBg{height:clamp(280px,36vw,400px);padding:clamp(12px,2vw,20px)}.tabDisplay{width:min(1280px,100%);height:clamp(248px,31vw,320px);padding:clamp(12px,2vw,18px) clamp(14px,3vw,32px)}.tabStrings{height:150px;margin-top:clamp(38px,6vw,65px)}.tabNotesLayer{left:clamp(8%,10vw,12%);right:clamp(8%,10vw,12%)}.practiceRiffPerformancePanel{grid-template-columns:repeat(4,minmax(0,1fr));height:auto;min-height:112px}.performancePanelStat{min-width:0;padding-inline:clamp(16px,4vw,60px)}.performancePanelStatLabel{font-size:clamp(10px,1.2vw,12px)}.performancePanelStateNoteToPlay,.performancePanelStateDetectedNote,.performancePanelStateScore,.perFormancePanelStateTotalNotes{font-size:clamp(22px,2.7vw,28px)}.attemptAnalysisContent{width:min(1120px,100% - clamp(32px,8.75vw,112px))}.attemptAnalysisStats,.attemptAnalysisHighlights{gap:clamp(12px,2.2vw,28px)}.attemptAnalysisStatValue{font-size:clamp(28px,3.5vw,42px)}.attemptAnalysisHighlightValue{overflow-wrap:anywhere;font-size:clamp(24px,2.5vw,30px)}@media (width<=900px){nav>img{width:min(300px,32vw)}.navLinks{gap:clamp(10px,2vw,24px)}.attemptAnalysisStats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=760px){nav{flex-wrap:wrap;align-items:center;row-gap:12px}nav>img{flex-basis:auto;width:min(240px,62vw)}.navLinks{flex-basis:100%;justify-content:space-between;gap:8px;width:100%;padding-right:0}nav a{font-size:clamp(10px,2.2vw,14px)}nav button{padding:8px 12px;font-size:clamp(11px,2.8vw,16px)}.practiceRiffSongInfoHeader{flex-direction:column;align-items:stretch;gap:24px}.practiceRiffSongInfoHeaderLeft,.practiceRiffSongInfoHeaderRight{width:100%}.practiceRiffSongInfoHeaderRight{justify-content:flex-start}.practiceRiffBg{padding-inline:10px}.practiceRiffPerformancePanel{grid-template-columns:repeat(2,minmax(0,1fr))}.performancePanelStat{min-height:78px;padding-block:12px}.performancePanelStat:nth-child(2n){border-right:0}.performancePanelStat:nth-child(-n+2){border-bottom:2px solid #3a3a40}.attemptAnalysisContent{width:calc(100% - 32px);padding-top:20px}}@media (width<=480px){nav{padding:14px 12px}nav>img{width:min(200px,58vw)}.navLinks{gap:6px}nav button{padding:7px 9px}.practiceRiffSongInfoHeader{padding-inline:16px}.practiceRiffSongInfoHeaderLeftPillGrey,.practiceRiffSongInfoHeaderLeftPillPurple{font-size:10px}.practiceRiffSongInfoHeaderRight{gap:10px}.practiceRiffSongInfoHeaderRightPrimaryBtn,.practiceRiffSongInfoHeaderRightSecondaryBtn{flex:1 1 0;padding-inline:10px}.tabDisplay{height:248px;padding-inline:10px}.tabStrings{margin-top:38px}.stringName{flex-basis:28px;width:28px;font-size:11px}.tabNote{width:22px;height:22px;font-size:13px}.tabPageIndicator{font-size:10px}.attemptAnalysisStats{gap:10px}.attemptAnalysisStat{min-height:100px;padding:14px 12px}.attemptAnalysisStatLabel,.attemptAnalysisHighlightLabel,.attemptAnalysisMeasureLabel,.attemptAnalysisMeasureValue{font-size:9px}.attemptAnalysisStatValue{margin-top:12px;font-size:clamp(24px,8vw,34px)}.attemptAnalysisStatSuffix{font-size:11px}.attemptAnalysisMeasure{grid-template-columns:34px minmax(0,1fr) 34px;gap:7px;padding-inline:7px}.attemptAnalysisHighlights{gap:10px}.attemptAnalysisHighlight{min-height:88px;padding:14px 12px}.attemptAnalysisHighlightValue{margin-top:12px;font-size:clamp(18px,6vw,25px)}.attemptAnalysisActions{flex-wrap:wrap;gap:8px;margin-top:22px}.attemptAnalysisAction{flex:auto;font-size:9px}}@media (width<=360px){.practiceRiffPerformancePanel{grid-template-columns:1fr}.performancePanelStat{border-bottom:2px solid #3a3a40;border-right:0}.performancePanelStat:last-child{border-bottom:0}.navLinks{flex-wrap:wrap;justify-content:flex-start;align-items:stretch}.navLinks a,.navLinks button{text-align:center;flex:auto}.attemptAnalysisStats,.attemptAnalysisHighlights{grid-template-columns:1fr}.attemptAnalysisStat,.attemptAnalysisHighlight{min-height:86px}.attemptAnalysisStatValue,.attemptAnalysisHighlightValue{margin-top:10px}}@media (width>=1440px){.attemptAnalysisContent{width:min(1220px,100% - 160px)}.attemptAnalysisStatValue{font-size:46px}}@media (width<=620px){.footer{flex-direction:column;height:auto;min-height:210px}.footerLeft,.footerRight{width:100%;padding-inline:20px}.footerLeft{padding-bottom:12px}.footerRight{justify-content:flex-start;padding-top:12px;padding-bottom:20px}}.songPracticeSelection{width:100%;height:auto;min-height:clamp(620px,68vh,876px);padding:clamp(32px,7vw,100px) clamp(16px,5vw,50px) 64px}.gridHeader{width:min(1368px,100%);margin:0 auto}.practiceTitle{color:#fff;overflow-wrap:anywhere;max-width:100%;padding-top:clamp(14px,2vw,20px);font-size:clamp(28px,4vw,40px);line-height:1.05}.gridContainer{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:clamp(20px,4vw,60px);width:min(1368px,100%);height:auto;margin:0 auto;padding:clamp(24px,4vw,50px) clamp(0px,1.5vw,20px) 0}.gridBox{flex-direction:column;width:100%;min-width:0;height:auto;min-height:289px;padding-top:5px;display:flex}.gridSongNumber{flex:none}.gridSongName{overflow-wrap:anywhere;min-width:0;padding:15px clamp(14px,2vw,20px) clamp(12px,2vw,20px);font-size:clamp(22px,2.2vw,26px);line-height:1.1}.metadataList{padding:0 clamp(14px,2vw,20px)}.metadataFrame{gap:12px;min-width:0}.metadataFrameLabel,.metadataFrameBPM,.metadataFrameDifficultyBEGINNER,.metadataFrameDifficultyINTERMEDIATE,.metadataFrameDifficultyADVANCED{font-size:clamp(11px,1.2vw,14px)}.metadataFrameLabel{overflow-wrap:anywhere}.gridPracticeButton{align-self:flex-start;width:fit-content;margin:auto 14px 18px;padding:9px clamp(12px,2vw,20px);font-size:clamp(14px,1.6vw,20px)}@media (width<=760px){.songPracticeSelection{min-height:0;padding:32px 16px 48px}.gridContainer{grid-template-columns:1fr;gap:20px;padding-top:28px}.gridBox{min-height:248px}}@media (width<=480px){.songPracticeSelection{padding:28px 12px 40px}.practiceTitle{font-size:clamp(24px,8vw,32px)}.gridContainer{gap:16px;padding-top:22px}.gridBox{min-height:232px}.gridSongNumber{padding-inline:8px;font-size:16px}.gridSongName{padding-top:13px;font-size:clamp(19px,6vw,24px)}.metadataList{padding-inline:12px}.metadataFrame{height:28px}.metadataFrameLabel,.metadataFrameBPM,.metadataFrameDifficultyBEGINNER,.metadataFrameDifficultyINTERMEDIATE,.metadataFrameDifficultyADVANCED{font-size:10px}.gridPracticeButton{margin:auto 12px 14px;font-size:13px}}@media (width<=360px){.songPracticeSelection{padding-inline:10px}.gridBox{min-height:220px}.gridSongName{font-size:20px}}