/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}::backdrop{--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance: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{.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fixed{position:fixed}.static{position:static}.isolate{isolation:isolate}.block{display:block}.hidden{display:none}.table{display:table}.resize{resize:both}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--motion-ease:cubic-bezier(.2,.8,.2,1);--premium-border:#3c5576;--premium-surface:linear-gradient(145deg,#1b304b,#101c32);--premium-glow:0 8px 28px #00d9db18;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.sponsor-panel{contain:layout;background:#101a2e;border:1px solid #354965;border-radius:14px;max-width:1200px;margin:40px auto 70px;padding:32px}.sponsor-panel h2{letter-spacing:-.8px;font-size:27px}.sponsor-panel>p{color:#abc0db;max-width:800px;line-height:1.8}.sponsor-panel .sponsor-label{letter-spacing:1.5px;text-transform:uppercase;font-size:11px}.sponsor-panel iframe{border:0;width:100%;margin:18px 0;display:block}.sponsor-panel .actions{flex-wrap:wrap;gap:16px}.sponsor-panel .actions a{color:#a5eee9;font-size:13px}@media (max-width:700px){.sponsor-panel{margin:24px 20px 50px;padding:22px}}html body{background-color:#080e1f}body button,body .button,body summary{isolation:isolate;touch-action:manipulation;transition:transform .22s var(--motion-ease),background-color .22s ease, border-color .22s ease,box-shadow .22s ease,color .22s ease,opacity .16s ease;position:relative}body button{border:1px solid var(--premium-border);background:var(--premium-surface);color:#e5efff;border-radius:10px;min-height:42px;padding:11px 17px;font-weight:600;overflow:hidden;box-shadow:inset 0 1px #ffffff0b,0 4px 12px #0000001f}body button:after,body .button:after{content:"";border-radius:inherit;pointer-events:none;opacity:0;transition:opacity .4s ease,transform .45s var(--motion-ease);background:radial-gradient(#ffffff40,#0000 72%);position:absolute;inset:0;transform:scale(.35)}body button:not(:disabled):active:after,body .button:active:after{opacity:1;transition-duration:80ms;transform:scale(1.6)}body .button,body .controls .button{color:#04212c;background:linear-gradient(125deg,#64f4e0 0%,#13dbe1 55%,#40baff 100%);border:1px solid #a0fff05e;border-radius:10px;padding:15px 23px;font-size:14px;font-weight:750;box-shadow:inset 0 1px #eaffff7a,0 4px #097482,0 8px 25px #00d9db20}body .button.small{padding:11px 18px;font-size:12px}body .secondary,body .session-note button{color:#d0e7ff}body .controls button{color:#b4c5de;background:linear-gradient(145deg,#15243a,#10192c);border:1px solid #334761;border-radius:9px;min-height:40px;padding:10px 14px}body .controls button.selected,body button[aria-pressed=true],body .learning-path button.active{color:#b5fff3;background:linear-gradient(135deg,#1b4c57,#182e47);border-color:#40d9d49c;box-shadow:inset 0 1px #8cfff122,0 0 22px #00d9db16}body .controls{gap:10px}body .controls>div{gap:8px}body .abilities button{color:#eee3ff;background:linear-gradient(145deg,#393056,#231d3a);border-color:#9e7ce57a}body .learning-path button{color:#c9d7eb;background:var(--premium-surface);border-color:#3c5373}body button:not(:disabled):active,body .button:active,body summary:active,body .game-links a:active{transform:translateY(1px)scale(.975)}body button:not(:disabled):active,body .button:active{box-shadow:inset 0 2px 5px #00151e33,0 1px #0c596d,0 0 24px #00d9db26}body button:disabled,body .controls button:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;filter:saturate(.35);transform:none}body :is(a,button,summary,input,select,textarea):focus-visible{outline-offset:4px;outline:2px solid #8dfaea;box-shadow:0 0 0 5px #00d9db18,0 0 24px #00d9db20}body :is(.account-form,.lobby,.youtube-form) input,body select{color:#e8f2ff;background:#0c192d;border:1px solid #456386;border-radius:9px;padding:12px 14px;transition:border-color .2s,box-shadow .2s,background-color .2s}body input::placeholder{color:#92a7c5}body :is(.account-form,.lobby,.youtube-form) input:focus,body select:focus{background:#10233a;border-color:#65dfdf;box-shadow:0 0 0 3px #00d9db12}body input[type=file]::file-selector-button{color:#defaff;cursor:pointer;background:#1b304d;border:1px solid #6584ac;border-radius:8px;margin-right:12px;padding:10px 15px;transition:background-color .2s,border-color .2s}body .game-links :is(a,button){background:var(--premium-surface);color:#d6e9ff;min-height:44px;transition:transform .22s var(--motion-ease),border-color .22s ease,box-shadow .22s ease,color .22s ease;border:1px solid #405b7d;border-radius:10px;justify-content:center;align-items:center;padding:14px 19px;display:inline-flex;box-shadow:inset 0 1px #ffffff0a}body :is(nav,.launch-links,footer) a:not(.brand){color:#b9cce5;align-items:center;min-height:32px;transition:color .2s,text-shadow .2s;display:inline-flex;position:relative}body :is(nav,.launch-links,footer) a:not(.brand):after{content:"";transform-origin:0;width:100%;height:1px;transition:transform .24s var(--motion-ease);background:linear-gradient(90deg,#73f5df,#5db7ff);position:absolute;bottom:1px;left:0;transform:scaleX(0)}body details{background:linear-gradient(145deg,#14233b,#0e192c);border:1px solid #405879;border-radius:12px;margin:18px 0;padding:0 20px;transition:border-color .24s,box-shadow .24s}body details>summary{cursor:pointer;color:#c5e8ff;min-height:48px;padding:15px 2px}body details[open]{border-color:#647cc1;padding-bottom:22px;box-shadow:0 18px 45px #0005,0 8px 35px #8563ff18}body details[open]>:not(summary){animation:surface-enter .34s var(--motion-ease) both}body :is(.results,.account-form,.youtube-form,.player-versus,.lobby>div){background-image:radial-gradient(at 100% 0,#32728e24,#0000 65%),linear-gradient(150deg,#16253d,#101a2e);border-color:#3f597b;box-shadow:inset 0 1px #ffffff09,0 18px 48px #00000024,0 10px 40px #466cff0a}body .results{animation:surface-enter .42s var(--motion-ease) both;border-color:#4ba7ad;box-shadow:0 22px 55px #0005,0 8px 50px #00d9db16}body .game-overlay{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);animation:surface-enter .28s var(--motion-ease) both;background:linear-gradient(145deg,#081326dc,#17132de0);box-shadow:inset 0 -40px 90px #7357dd1c}body :is(.lesson-feedback,.validation-notice){animation:surface-enter .26s var(--motion-ease) both;border-radius:0 10px 10px 0;box-shadow:0 8px 25px #0002}body :is(.typing-panel,.game-input):focus-within{border-color:#5cbfc5;box-shadow:0 0 0 1px #00d9db0d,0 8px 35px #00d9db0b}body :is(.experience,.game-tile){transition:transform .3s var(--motion-ease),border-color .25s ease,box-shadow .25s ease}body :is(.workspace,.info,.hero){animation:page-enter .44s var(--motion-ease) both}body .experience .card-arrow{transition:transform .24s var(--motion-ease),color .24s ease}@media (hover:hover) and (pointer:fine){body button:not(:disabled):hover,body .button:hover,body label:hover>.button{color:#edffff;border-color:#83eee4;transform:translateY(-3px);box-shadow:inset 0 1px #ffffff29,0 9px 26px #00d9db24}body .button:hover,body .controls .button:hover,body label:hover>.button{color:#03212b;box-shadow:inset 0 1px #fff8,0 5px #097482,0 13px 35px #00d9db32}body :is(.abilities button,.learning-path button):not(:disabled):hover{border-color:#b4a1fa;box-shadow:0 9px 30px #9172ff24}body .game-links :is(a,button):hover{color:#b8fff6;box-shadow:var(--premium-glow);border-color:#4bcacb;transform:translateY(-3px)}body :is(nav,.launch-links,footer) a:not(.brand):hover{color:#8ff5e6;text-shadow:0 0 18px #00d9db44}body :is(nav,.launch-links,footer) a:not(.brand):hover:after{transform:scaleX(1)}body :is(nav,.launch-links,footer) a:focus-visible:after{transform:scaleX(1)}body summary:hover{color:#98ffed}body :is(.experience,.game-tile):hover{border-color:#61bcc5;transform:translateY(-5px);box-shadow:0 20px 45px #0004,0 6px 35px #00d9db16}body .experience:hover .card-arrow{color:#9affed;transform:translate(3px,-3px)}body input[type=file]::file-selector-button:hover{background:#254766;border-color:#65e6db}}@keyframes surface-enter{0%{opacity:0;transform:translateY(9px)scale(.99)}to{opacity:1;transform:none}}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (max-width:700px){body .controls{justify-content:flex-start}body .controls button{min-height:44px;padding:10px 12px}body .button,body .controls .button{padding:13px 19px}body .abilities{gap:9px}body .game-links{gap:10px}body details{padding-inline:14px}}@media (prefers-reduced-motion:reduce){html body *,html body :before,html body :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}body :is(button,.button,.experience,.game-tile,summary,.game-links a):is(:hover,:active){transform:none!important}}:root{--bg:#080e1f;--panel:#10192d;--line:#253148;--text:#eef3fc;--muted:#94a3bb;--cyan:#00d9db;--blue:#3478ff;--violet:#7b4dff}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button,a{transition:background .18s,transform .18s,color .18s}button:hover,.button:hover{transform:translateY(-2px)}:is(a:focus-visible,button:focus-visible,textarea:focus-visible){outline:2px solid var(--cyan);outline-offset:5px}header{border-bottom:1px solid #ffffff0c;justify-content:space-between;align-items:center;max-width:1440px;height:96px;margin:auto;padding:0 6%;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:9px;font-size:25px;font-weight:800;display:flex}.brand b{color:var(--cyan);font-size:37px}.brand span{align-self:flex-start;margin-top:10px;font-size:11px}nav{color:#abb8ce;gap:36px;font-size:13px;display:flex}nav a:hover,footer a:hover{color:var(--cyan)}.button{background:var(--cyan);color:#06161f;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:35px;padding:17px 24px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:0 4px #007c89}.button.small{box-shadow:none;padding:11px 18px}.secondary{padding:17px 8px;font-size:14px;font-weight:600}.hero{background:radial-gradient(at 80%,#14244a88,#0000 60%);grid-template-columns:1fr 1fr;align-items:center;max-width:1440px;min-height:650px;margin:auto;padding:70px 6% 64px;display:grid;overflow:hidden}.eyebrow{color:var(--cyan);letter-spacing:2px;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 25px;font-size:10px;font-weight:700;display:flex}.eyebrow>span{background:var(--cyan);width:6px;height:6px;box-shadow:0 0 15px var(--cyan);border-radius:50%}h1{letter-spacing:-5px;margin:0 0 27px;font-size:clamp(52px,5.7vw,84px);font-weight:750;line-height:1.04}em{color:var(--cyan);font-style:normal}.lead{color:#9cabc2;font-size:16px;line-height:1.8}.actions{align-items:center;gap:22px;margin-top:30px;display:flex}.hero-note{letter-spacing:1.5px;color:#7889a4;align-items:center;gap:12px;margin-top:50px;font-size:9px;display:flex}.hero-note>span{color:var(--cyan)}.hero-note i{background:#40516c;width:25px;height:1px}.hero-art{perspective:1000px;min-height:440px;position:relative}.hero-keys{filter:drop-shadow(0 35px 25px #0009);width:590px;position:absolute;top:130px;left:-10px;transform:rotateX(32deg)rotate(-13deg)}.hero-keys .keyboard{background:linear-gradient(120deg,#23324d,#0e1627);border-bottom:10px solid #050b16;padding:20px}.hero-keys kbd{min-height:34px;font-size:10px}.hero-keys .keyboard-label{font-size:7px}.orbit{border:1px solid #3478ff22;border-radius:50%;width:450px;height:350px;position:absolute;top:70px;left:30px;transform:rotate(-30deg)}.orbit-two{width:330px;height:420px;top:30px;left:80px;transform:rotate(35deg)}.floating{z-index:2;position:absolute}.stat{background:#15213ad9;border:1px solid #344968;border-radius:8px;padding:17px 22px;top:25px;left:80px;transform:rotate(-5deg)}.stat small{letter-spacing:1.5px;color:#899dbd;font-size:8px}.stat strong{margin-top:9px;font-size:22px;font-weight:500;display:block}.stat strong span{color:var(--cyan);margin-left:25px}.flow{letter-spacing:2px;background:#111d34;border:1px solid #304361;border-radius:8px;padding:15px;font-size:8px;bottom:0;right:0;transform:rotate(7deg)}.flow>span{color:var(--cyan);font-size:20px}.bars{color:var(--cyan);letter-spacing:4px;margin-top:10px;font-size:25px}.art-label{color:#6b80a2;letter-spacing:2px;font-size:8px;position:absolute;bottom:-15px;left:40px}.ribbon{background:#0d1628;border-block:1px solid #243049;justify-content:space-between;align-items:center;gap:20px;padding:25px 6%;display:flex}.ribbon span{letter-spacing:1.5px;color:#8192ad;font-size:8px}.ribbon p{color:#c2cee0;font-size:13px}.experiences{max-width:1440px;margin:auto;padding:80px 6%}.section-head{justify-content:space-between;align-items:center;gap:20px;margin-bottom:30px;display:flex}.section-head .eyebrow{margin-bottom:15px}h2{letter-spacing:-1.5px;margin:0;font-size:36px;line-height:1.15}h3{letter-spacing:-.6px;margin:0;font-size:23px}.section-head>p{color:var(--muted);font-size:13px;line-height:1.6}.cards{grid-template-columns:1fr 1fr;gap:22px;display:grid}.experience{border:1px solid #28374e;border-radius:12px;min-height:330px;padding:27px 30px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.experience:hover{border-color:#7089b6;transform:translateY(-5px)}.card-top{letter-spacing:1.4px;color:#91a4c0;justify-content:space-between;font-size:8px;display:flex}.card-top b{color:var(--cyan);font-size:8px;font-weight:500}.experience p{color:#94a7c2;font-size:13px;line-height:1.7}.card-arrow{color:#acbed7;font-size:24px;position:absolute;bottom:35px;right:30px}.practice-card{background:radial-gradient(at 80%,#123d4b66,#0000 70%),#0d1d2c}.word-art{color:#506e7d;margin:30px 0 28px;font-family:Consolas,monospace;font-size:28px;line-height:1.5}.word-art span{color:#8be1d6}.word-art i{color:var(--cyan);font-style:normal}.academy-card{background:radial-gradient(at 60% 40%,#51427b55,#0000 70%),#17182f}.mini-keys{justify-content:center;gap:10px;padding:37px 0;display:flex;transform:rotate(-8deg)}.mini-keys kbd{background:#292e49;border-bottom:6px solid #101427;flex:none;width:60px;height:60px;font-size:22px;box-shadow:0 10px 20px #0004}.mini-keys .lit{color:#eee;background:#6552ad;border-color:#3c2a79}.music-card{background:#17182c}.music-card .card-top b{color:#c5a6eb}.waveform{justify-content:center;align-items:center;gap:5px;height:140px;display:flex}.waveform i{background:linear-gradient(#b797ee,#62478e);border-radius:5px;width:5px}.games-card{background:radial-gradient(at 70% 40%,#1f4d9a66,#0000 65%),#101b32}.games-card .card-top b{color:#7fabff}.race-art{justify-content:center;align-items:center;height:140px;display:flex;position:relative;overflow:hidden}.race-art span{color:#6d9bff;text-shadow:-14px 7px #3478ff22;font-size:95px;font-style:italic;transform:skew(-15deg)}.race-art i{background:linear-gradient(90deg,#0000,#3478ff,#0000);width:60%;height:1px;position:absolute;transform:rotate(-15deg)}.race-art i:nth-child(2){top:35px}.race-art i:nth-child(3){bottom:30px}.closing{text-align:center;background:radial-gradient(at bottom,#14244a66,#0000 70%);padding:60px 20px 100px}.closing>span{letter-spacing:2px;color:#7c90b1;font-size:9px}.closing h2{margin:25px 0 30px;font-size:48px}footer{border-top:1px solid #27324a;flex-wrap:wrap;align-items:center;gap:35px;padding:35px 6%;display:flex}footer .brand{font-size:19px}footer>span{color:var(--muted);font-size:12px}footer>div{color:#adbad0;gap:22px;margin-left:auto;font-size:12px;display:flex}footer small{letter-spacing:2px;color:#52647f;width:100%;font-size:8px}.workspace{max-width:1200px;margin:auto;padding:65px 40px}.workspace h1{letter-spacing:-3px;font-size:56px}.controls{border-block:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:15px;margin:25px 0;padding:20px 0;display:flex}.controls>div{flex-wrap:wrap;gap:4px;display:flex}.controls button,.session-note button{color:#8f9fb9;background:0 0;border:0;border-radius:5px;padding:8px 10px;font-size:12px}.controls .selected{color:var(--cyan);background:#163c49}.metrics{grid-template-columns:repeat(5,1fr);gap:15px;margin:35px 0;display:grid}.metrics small{letter-spacing:1.5px;color:#8093b0;font-size:9px}.metrics strong{margin-top:10px;font-size:36px;font-weight:500;display:block}.metrics strong em{color:#8295b0;margin-left:5px;font-size:13px}.metrics>div:first-child strong{color:var(--cyan)}.typing-panel{border:1px solid var(--line);cursor:text;background:#0e1729;border-radius:12px;padding:25px 30px;position:relative}.typing-panel.focused{border-color:#32717c}.panel-label{letter-spacing:1.4px;color:#69809e;justify-content:space-between;gap:15px;margin-bottom:25px;font-size:8px;display:flex}.passage{letter-spacing:1px;color:#65758f;white-space:pre-wrap;overflow-wrap:anywhere;height:150px;font:25px/1.9 Consolas,Courier New,monospace;overflow:hidden}.correct{color:#c6e8e9}.incorrect{color:#ff8298;background:#692b3c66}.caret{border-left:2px solid var(--cyan);margin-left:-2px}.capture{resize:none;opacity:.01;color:#0000;caret-color:#0000;background:0 0;border:0;width:100%;height:calc(100% - 50px);position:absolute;inset:50px 0 0}.session-note{color:#7e90ab;justify-content:space-between;align-items:center;margin:15px 0 30px;font-size:11px;display:flex}.keyboard{background:linear-gradient(140deg,#1c2940,#10192a);border:1px solid #36465e;border-bottom:6px solid #050a15;border-radius:14px;max-width:850px;margin:auto;padding:18px;box-shadow:0 20px 35px #0003}.keyboard-label{letter-spacing:2px;color:#8fa2bd;justify-content:space-between;margin-bottom:16px;font-size:8px;display:flex}.keyboard-label span{color:#54979e;font-size:7px}.key-row{gap:6px;margin-top:7px;display:flex}kbd{color:#b8c7db;background:linear-gradient(150deg,#2d3b52,#202c41);border:1px solid #44536a;border-bottom:3px solid #080f20;border-radius:5px;flex:1;justify-content:center;align-items:center;min-width:0;min-height:38px;font:11px Consolas,monospace;transition:transform 80ms,background 80ms;display:flex;position:relative;box-shadow:0 2px #020815}kbd i{background:#5088aa55;width:8px;height:2px;position:absolute;bottom:6px}kbd[data-zone=Right] i{background:#a078cf55}kbd.wide{color:#7186a3;flex:1.5;font-size:9px}kbd.space{flex:7}kbd.target{color:#fff;background:linear-gradient(145deg,#218b93,#10505d);border-color:#4cc9cb #4cc9cb #05353e;box-shadow:0 0 18px #00d9db22}kbd.pressed{background:#3478ff;transform:translateY(3px)}kbd.wrong{background:#9b354d}.finger-guide{text-align:center;color:#8fa2bb;letter-spacing:1px;margin-top:20px;font-size:10px}.finger-guide b{color:var(--cyan)}.history{border-top:1px solid var(--line);margin-top:60px;padding-top:25px}.history .section-head span{letter-spacing:1px;color:var(--muted);font-size:8px}.history p,.fine-print{color:#899ab3;font-size:12px;line-height:1.7}.fine-print{margin-top:35px;font-size:10px}.chart{border-bottom:1px solid var(--line);align-items:flex-end;gap:20px;height:150px;padding-bottom:15px;display:flex}.chart>div{flex-direction:column;flex:1;justify-content:end;align-items:center;gap:6px;max-width:65px;display:flex}.chart span{color:var(--cyan);font-size:10px}.chart i{background:linear-gradient(var(--cyan),#174953);border-radius:4px 4px 0 0;width:100%}.chart small{color:var(--muted);font-size:8px}.results{text-align:center;background:#101f2d;border:1px solid #27545c;border-radius:12px;padding:45px}.results .eyebrow{justify-content:center}.results p{color:var(--muted);margin:25px 0}.results h2{font-size:45px}.learning-path{grid-template-columns:repeat(4,1fr);gap:12px;margin:30px 0;display:grid}.learning-path button{text-align:left;border:1px solid var(--line);color:#9caec7;background:#10192c;border-radius:8px;padding:18px;font-size:12px}.learning-path span{color:#667e9f;margin-bottom:12px;font-size:22px;display:block}.learning-path .active{color:#e0ffff;background:#102b38;border-color:#00a6ab}.learning-path .active span{color:var(--cyan)}progress{width:100%;height:5px;accent-color:var(--cyan)}.lesson{padding:25px 0}.lesson p{color:#a1b3cc;line-height:1.7}.lesson small{color:#8193ad}.lesson .eyebrow{color:var(--cyan)}.lesson-feedback{border-left:3px solid var(--cyan);background:#0e2c36;padding:15px}.info{max-width:1000px;min-height:65vh;margin:auto;padding:100px 40px}.info h1{font-size:65px}.info .lead{max-width:680px}.game-links{flex-wrap:wrap;gap:15px;margin:30px 0;display:flex}.game-links a{border:1px solid var(--line);background:var(--panel);border-radius:8px;padding:18px}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (min-width:1450px){.hero-keys{width:640px}}@media (max-width:1000px){.hero-keys{width:500px;left:-20px}.hero h1{font-size:65px}.hero-art{transform-origin:0;transform:scale(.88)}nav{gap:20px}.hero-note{font-size:7px}.ribbon p{font-size:11px}.ribbon span:last-child{display:none}.word-art{font-size:24px}.card-top{font-size:7px}.keyboard{padding:12px}}@media (max-width:700px){header{flex-wrap:wrap;gap:20px;height:auto;min-height:80px;padding:20px 6%}header nav{order:3;justify-content:space-between;width:100%}.brand{font-size:22px}.hero{grid-template-columns:1fr;padding-top:45px;padding-bottom:30px}.hero h1{font-size:67px}.hero-art{width:115%;min-height:350px;margin-top:30px;transform:scale(.8)}.hero-keys{width:500px;top:90px;left:0}.stat{top:0;left:60px}.flow{bottom:0;right:10px}.art-label{bottom:-20px}.hero-note{margin-top:30px}.ribbon{flex-wrap:wrap;justify-content:center;gap:15px;padding:20px}.ribbon>span{text-align:center;width:100%}.ribbon p{margin:0;font-size:10px}.experiences{padding-top:50px}.section-head{align-items:flex-start}h2{font-size:29px}.section-head>p{display:none}.cards{grid-template-columns:1fr}.experience{min-height:320px}.closing h2{font-size:38px}footer{gap:20px}footer>div{margin-left:0}.workspace{padding:40px 20px}.workspace h1{font-size:46px}.metrics{grid-template-columns:repeat(3,1fr);gap:20px}.metrics strong{font-size:29px}.metrics small{font-size:8px}.typing-panel{padding:20px}.panel-label span:last-child{display:none}.passage{font-size:21px}.workspace .keyboard{max-width:100%;overflow-x:auto}.workspace .key-row,.workspace .keyboard-label{min-width:620px}.finger-guide{line-height:1.8}.learning-path{grid-template-columns:1fr 1fr}.learning-path button{padding:13px;font-size:11px}.learning-path span{font-size:18px}.history .section-head{flex-direction:column}.info{padding:60px 25px}.info h1{letter-spacing:-3px;font-size:48px}.actions{flex-wrap:wrap;gap:12px}.chart{gap:8px}.chart small{font-size:6px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.game-menu{grid-template-columns:repeat(3,1fr);gap:20px;margin:45px 0;display:grid}.game-tile{background:linear-gradient(155deg,#17314b,#0a1428);border:1px solid #344566;border-radius:14px;padding:28px;position:relative;overflow:hidden}.game-tile.shadow{background:linear-gradient(155deg,#362058,#111329)}.game-tile.racing{background:linear-gradient(155deg,#174f66,#101a35)}.game-tile>span{letter-spacing:1.5px;color:#a4bada;font:9px monospace}.game-tile h2{font-size:28px}.game-tile p{color:var(--muted);min-height:70px;font-size:13px;line-height:1.8}.game-tile b{color:var(--cyan);letter-spacing:2px;font-size:11px}.tile-art{height:180px;position:relative}.tile-art i{border:2px solid #00d9db88;width:110px;height:110px;position:absolute;top:40px;left:calc(50% - 55px);transform:rotate(45deg);box-shadow:0 0 30px #00d9db22}.tile-art i:nth-child(2){transform:rotate(45deg)scale(.7)}.tile-art i:nth-child(3){background:#00d9db33;transform:rotate(45deg)scale(.4)}.shadow .tile-art i{border-color:#a67aff;border-radius:50%}.racing .tile-art i{border-radius:18px;width:65px;height:140px;left:calc(50% - 32px);transform:perspective(200px)rotateX(50deg)}.arena{border:1px solid #334864;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 25px 60px #0004}.arena canvas{width:100%;height:auto;display:block}.game-hud{background:#0c1427;justify-content:space-between;align-items:center;gap:25px;padding:23px;display:flex}.game-hud>div{letter-spacing:1px;width:32%;font-size:10px}.game-hud b{float:right;font-size:13px}.game-hud progress{height:8px;margin-top:10px}.game-hud>div:last-child progress{accent-color:#ffb84d}.game-hud>span{letter-spacing:2px;color:#9caec6;font-size:9px}.game-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);text-align:center;background:#071021aa;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:75px 0 0}.game-overlay .eyebrow{margin:0}.game-overlay h2{font-size:50px}.game-overlay p{color:#bed1e7}.battle-status{letter-spacing:1px;color:#a5c4db;justify-content:space-between;gap:15px;padding:22px 0;font-size:10px;display:flex}.battle-status span:first-child{color:var(--cyan)}.abilities{gap:12px;margin:0 0 22px;display:flex}.abilities button{color:#ded2ff;background:#241c3a;border:1px solid #6b4b9f;border-radius:8px;flex:1;padding:15px;font-size:12px}.abilities small{color:#9d8ab7;margin-top:7px;font-size:9px;display:block}button:disabled{opacity:.4;cursor:not-allowed;transform:none}.game-input{background:#0e192c;border:1px solid #34465e;border-radius:12px;padding:22px 25px;position:relative}.game-input:focus-within{border-color:var(--cyan)}.game-input .eyebrow{margin-bottom:15px;font-size:8px}.game-passage{color:#71829b;white-space:pre-wrap;overflow-wrap:anywhere;height:90px;font:25px/1.8 Consolas,monospace;overflow:hidden}.game-input textarea{opacity:.01;resize:none;width:100%;height:100%;position:absolute;inset:0}.equalizer{background:radial-gradient(#36235477,#0000 75%);justify-content:center;align-items:center;gap:7px;height:145px;margin-top:35px;display:flex}.equalizer i{background:linear-gradient(#c19bff,#487cff);border-radius:5px;width:9px}.equalizer.playing i{animation:.5s ease-in-out infinite alternate pulse-beat}@keyframes pulse-beat{to{opacity:.6;transform:scaleY(.35)}}.music-session .controls{align-items:center}.music-session .controls span{color:#a28abf;letter-spacing:1px;font-size:10px}.music-session input[type=range]{accent-color:var(--cyan);vertical-align:middle}.music-session>p{color:#9fb3d1;font-size:13px}.music-passage{scroll-behavior:smooth;height:190px}.youtube-form{border:1px solid var(--line);border-radius:12px;margin:30px 0;padding:25px}.youtube-form label{color:#a1b3cf;margin-bottom:12px;font-size:12px;display:block}.youtube-form>div{gap:15px;display:flex}.youtube-form input{color:#fff;background:#090f20;border:1px solid #40516c;border-radius:6px;flex:1;min-width:0;padding:16px}.youtube-player{aspect-ratio:16/9;max-width:850px;min-height:240px;margin:25px 0}.youtube-player iframe{border:0;width:100%;height:100%;min-height:240px}.music-session .capture{height:100%;inset:0}@media (max-width:700px){.game-menu{grid-template-columns:1fr}.game-hud{gap:12px;padding:16px 12px}.game-hud>span{display:none}.game-hud>div{width:48%}.game-hud b{font-size:11px}.game-overlay{gap:10px;inset:65px 0 0}.game-overlay h2{font-size:28px}.game-overlay .eyebrow{font-size:7px}.game-overlay p{font-size:10px}.game-overlay .button{padding:10px 15px}.battle-status{flex-wrap:wrap;line-height:1.7}.abilities{flex-wrap:wrap}.abilities button{min-width:40%}.youtube-form>div{flex-direction:column}.equalizer{gap:4px}.equalizer i{width:5px}.game-workspace h1{font-size:40px}.game-passage{font-size:21px}}.game-menu{grid-template-columns:repeat(2,1fr)}.energy-strip{color:#c6b6ee;background:#191b37;border:1px solid #504578;border-radius:9px;align-items:center;gap:18px;margin-bottom:15px;padding:15px 20px;font-size:10px;display:flex}.energy-strip progress{accent-color:#ae80ff;flex:1}.energy-strip span{min-width:150px}.video-empty{aspect-ratio:16/7;text-align:center;background:radial-gradient(#223556,#0b1426);border:1px dashed #47607c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:250px;padding:30px;display:flex}.video-empty>span{color:var(--cyan);letter-spacing:3px;font-size:10px}.video-empty p,.video-empty small{color:var(--muted)}.validation-notice{color:#f4d39e;background:#33281e;border-left:3px solid #ffb84d;padding:15px 20px;font-size:13px;line-height:1.7}.youtube-player{max-width:none}.youtube-player iframe{display:block}.game-hud progress::-webkit-progress-bar{background:#27364d;border-radius:4px}.game-hud progress::-webkit-progress-value{background:var(--cyan);border-radius:4px}.game-hud>div:last-child progress::-webkit-progress-value{background:#b88bff}@media (max-width:700px){.game-menu{grid-template-columns:1fr}.energy-strip{flex-wrap:wrap}.energy-strip progress{min-width:100px}.energy-strip span:last-child{width:100%}.video-empty{aspect-ratio:auto}}.video-workbench{grid-template-columns:1.25fr 1fr;align-items:start;gap:25px;display:grid}.video-workbench .youtube-player{margin-top:20px;position:sticky;top:20px}.video-companion .equalizer{display:none}.video-companion .metrics{grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0}.video-companion .controls{margin:20px 0;padding:15px 0}.video-companion .controls span{display:none}.video-companion .passage{height:180px;font-size:20px}.video-companion .typing-panel{padding:18px}.video-companion .fine-print{margin-top:15px}.video-companion .secondary{display:none}@media (max-width:900px){.video-workbench{grid-template-columns:1fr}.video-workbench .youtube-player{position:relative;top:auto}}.game-workspace .arena canvas{object-fit:contain;background:#091426;max-height:42vh}.game-workspace .game-passage{height:70px}.game-workspace .game-input{padding:15px 22px}.native-video{aspect-ratio:16/9;background:#071326;border-radius:12px;width:100%;max-height:52vh;display:block}.native-game{max-width:1000px;margin:30px auto}.native-game .metrics{grid-template-columns:repeat(3,1fr)}.native-game .passage{height:140px;font-size:22px}.native-game .capture,.video-companion .capture{height:100%;inset:0}.timeline-label{color:#98b4cd;margin-bottom:20px;font-size:12px;line-height:2;display:block}.native-game>p,.video-companion>p{color:#adc2db;font-size:13px}.video-companion .metrics{grid-template-columns:repeat(3,1fr)}.video-companion .metrics strong{font-size:20px}.account-page{max-width:900px}.account-form{background:#101d34;border:1px solid #344968;border-radius:12px;max-width:480px;padding:28px}.account-form label,.lobby label{color:#a2b7d3;margin-bottom:20px;font-size:12px;display:block}.account-form input,.lobby input{color:#edfaff;width:100%;font:inherit;background:#091426;border:1px solid #47607c;border-radius:6px;margin-top:10px;padding:13px;display:block}.badges{grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0;display:grid}.badges>div{opacity:.55;background:#111a2d;border:1px solid #2b3d57;border-radius:10px;padding:20px}.badges .earned{opacity:1;background:linear-gradient(135deg,#183e48,#211b3d);border-color:#3d7d8a}.badges span{color:#ffd18b;font-size:30px;display:block}.badges h3{margin:15px 0;font-size:16px}.badges small{letter-spacing:1.5px;color:#8fcbd1;font-size:8px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%}th{color:#839cba;text-transform:uppercase;letter-spacing:1px;font-size:10px}td,th{border-bottom:1px solid #28384d;padding:18px 15px}td{font-size:13px}.lobby{grid-template-columns:1fr 1fr;gap:25px;margin:40px 0;display:grid}.lobby>div{background:radial-gradient(at 100% 0,#19444f88,#0000),#101b30;border:1px solid #385375;border-radius:14px;padding:30px}.lobby p{color:#98aec9;line-height:1.7}.lobby form{margin-top:30px}.player-versus{background:#131e35;border:1px solid #354c6b;border-radius:12px;justify-content:space-between;align-items:center;gap:25px;margin:30px 0;padding:30px;display:flex}.player-versus small{color:#889fbc;letter-spacing:2px;font-size:9px}.player-versus h3{margin:15px 0}.player-versus span{color:var(--cyan);font-size:11px}.player-versus>b{color:#9174bf;font-size:28px}.cloud-status{text-align:center;color:#8ab7c9;padding:8px;font-size:10px;display:block}.launch-links{color:#9db8d3;border-bottom:1px solid #23344d;justify-content:center;gap:25px;padding:18px;font-size:12px;display:flex}.article{max-width:760px;line-height:1.9}.article h2{margin-top:40px}.article p{color:#a8bad1}.account-form button{margin-top:10px}@media (max-width:700px){.badges{grid-template-columns:1fr 1fr}.lobby{grid-template-columns:1fr}.player-versus{gap:15px;padding:20px}.player-versus h3{font-size:17px}.launch-links{flex-wrap:wrap;gap:18px;font-size:11px}}.brand .brand-logo{object-fit:contain;border-radius:50%;flex-shrink:0;width:56px;height:56px;display:block}.brand .brand-wordmark{font:inherit;letter-spacing:-.04em;color:var(--text);font-weight:800;line-height:1.1;position:static;transform:none}.brand{white-space:nowrap;gap:10px}@media (max-width:600px){.brand .brand-logo{width:42px;height:42px}.brand .brand-wordmark{font-size:20px}}.brand-showcase{border-radius:50%;width:256px;max-width:80vw;height:auto;margin:24px 0;display:block}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}