.app{margin:calc(50vh - 2rem) 1rem 1rem}.text{font-size:2rem;display:flex;flex-wrap:wrap;max-width:800px;z-index:2;position:relative;justify-content:flex-start;align-items:flex-start;line-height:1.5;margin:0 auto}.letter{margin:0 2px;transition:transform .2s ease,opacity .2s ease;position:relative;font-family:JuliaMono,monospace;display:inline-block}.letter.active{color:#ffeb3b;text-shadow:0 0 8px #fff200,0 0 16px #ffeb3b}.letter.inactive{color:#aaa;opacity:.6;text-shadow:0 0 8px #000,0 0 16px #000,0 0 24px #000}[data-char=␣]{font-weight:900}.pixi-layer canvas{position:absolute;top:0;left:0;z-index:1;pointer-events:none}.cursor{width:3px;height:2.4rem;background:#fff;position:absolute;border-radius:2px;animation:cursor-pulse 1.5s infinite;box-shadow:0 0 10px #fff,0 0 20px #fff,0 0 30px #fff;transform:translate(-3px,-50%);transition:top .1s ease,left .1s ease}@keyframes cursor-pulse{0%,to{opacity:1}50%{opacity:.5}}.screen{position:relative;width:100vw;height:100vh;overflow:hidden;will-change:transform}.expected-char{color:#bbb}.incorrect-overlay{color:red;opacity:.6;position:absolute;left:0;bottom:0;pointer-events:none;width:100%;text-align:center;z-index:2;font-size:.5em;transform:translateY(60%)}.screen--hidden{opacity:0;pointer-events:none;transform:translateY(-60px) scale(.98);transition:opacity .5s cubic-bezier(.4,0,.2,1),transform .5s cubic-bezier(.4,0,.2,1)}.results-container{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#0f0f0fe6;border-radius:12px;padding:2rem;box-shadow:0 0 30px #0096ff4d;max-width:500px;width:100%;margin:auto;position:relative;border:1px solid rgba(0,150,255,.3);z-index:3;max-height:min-content}.results-container h2{font-size:2rem;margin-bottom:1.5rem;color:#fff;text-align:center}.wpm-display{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;background-color:#0003;padding:1rem;border-radius:8px;border:1px solid rgba(255,255,255,.1);width:80%}.stats-row{display:flex;width:100%}.stat-column{display:flex;flex-direction:column;align-items:center;flex:1}.stat-value{font-size:2rem;font-weight:700;color:#ace;line-height:1}.stat-label{font-size:1rem;color:#ace;margin-top:.5rem;opacity:.8}.high-scores{width:100%}.high-scores h3{font-size:1.5rem;margin-bottom:1rem;color:#ace;text-align:center}.high-scores ul{list-style-type:none;padding-left:0}.high-scores li{font-size:1.2rem;margin-bottom:.5rem;color:#fff;padding:.5rem 1rem;background-color:#0096ff1a;border-radius:4px;text-align:center;display:flex;justify-content:space-between}.high-score-rank{font-weight:700;color:#0af;flex:0 0 40px;text-align:left}.high-score-name{font-weight:700;color:#fff;flex:0 0 80px;text-align:center}.high-score-points{font-weight:700;color:gold;flex:0 0 90px}.high-score-stats{color:#ace;flex:1;text-align:right}.high-scores p{color:#aaa;text-align:center}.results-footer{margin-top:2.5rem;text-align:center}.pure-vibes-button{font-family:inherit;font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:#cfd8ea;background:#ffffff0f;border:1px solid #4a5468;border-radius:4px;padding:.5rem 1.1rem;margin-top:.9rem;cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.pure-vibes-button:hover{background:#ffffff1f;border-color:#7fb2ff;color:#fff}.pure-vibes-button:focus-visible{outline:2px solid #7fb2ff;outline-offset:2px}.results-footer p{color:#aaa;font-size:.9rem}.results-footer kbd{background-color:#444;border-radius:3px;border:1px solid #666;box-shadow:0 1px 1px #0003;color:#fff;display:inline-block;font-size:.9rem;font-family:JuliaMono,monospace;line-height:1;padding:3px 6px;margin:0 3px}.results-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0a1428b3;display:flex;align-items:center;justify-content:center;z-index:1000;overflow-y:auto;padding:0}.hidden{display:none!important}.uncorrected-warning{margin-top:.8rem;margin-bottom:1.2rem;color:#ffb347;background:#0003;border-radius:6px;padding:.75rem 1rem;font-size:1rem;border:1px solid rgba(255,215,0,.2);text-align:center;max-width:350px;margin-left:auto;margin-right:auto}.uncorrected-warning strong{color:#fc6;font-weight:700}@keyframes user-score-pulsate{0%,to{box-shadow:0 0 10px #00ffd044,0 0 20px #00ffd044;opacity:1}50%{box-shadow:0 0 24px #00ffd088,0 0 40px #00ffd088;opacity:.85}}.user-score{background-color:#00ffaa38!important;color:#00ffd0!important;font-weight:700;border:2px solid #00ffd0;box-shadow:0 0 10px #00ffd044,0 0 20px #00ffd044}.score-prominent{font-size:5rem;font-weight:900;text-align:center;margin:.5em 0 .2em;color:gold;letter-spacing:.04em;text-shadow:0 2px 8px #000,0 0 8px #fff8,0 0 16px #ffd70088}.editable-name{opacity:.7;position:relative;display:inline-flex;justify-content:center}.name-letter{position:relative;width:1em;text-align:center}.name-letter.inactive{opacity:.4}.name-letter.active{opacity:1;color:#00ffd0;text-shadow:0 0 5px #00ffd088}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:.5}}.name-cursor{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#00ffaa4d;z-index:-1;animation:cursor-blink .6s infinite}.loading-scores{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem 0;width:100%}.loading-scores p{color:#ace;margin-top:1rem;font-size:1.1rem}@keyframes pulse{0%{opacity:.6}50%{opacity:.3}to{opacity:.6}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-score-row{position:relative}.skeleton-score-row:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0096ff1a,#0096ff33,#0096ff1a);background-size:200% 100%;animation:shimmer 1.5s infinite linear}.power-bar-container{position:fixed;left:0;right:0;bottom:0;z-index:100;display:flex;justify-content:center;pointer-events:none}.power-bar__glow{position:absolute;left:50%;bottom:16px;width:270px;height:18px;transform:translate(-50%);z-index:1;pointer-events:none;border-radius:0;transition:opacity .35s cubic-bezier(.4,2,.6,1),box-shadow .35s cubic-bezier(.4,2,.6,1)}.power-bar{width:320px;height:18px;overflow:hidden;margin:16px 0;position:relative;z-index:2;clip-path:polygon(26px 0px,294px 0px,320px 18px,0px 18px)}.power-bar-outline{position:absolute;left:50%;bottom:12px;width:345.61px;height:26px;transform:translate(-50%);z-index:1;pointer-events:none}.power-bar-outline__path{fill:var(--power-bar-outline-fill, aqua);transition:fill .3s}.power-bar__fill{position:absolute;left:0;top:0;height:100%;transition:transform .3s cubic-bezier(.4,2,.6,1);z-index:4}.power-bar__fill--level-1{background:linear-gradient(90deg,var(--level-1-start) 0%,var(--level-1-end) 100%);box-shadow:0 0 8px var(--level-1-shadow) 55}.power-bar__fill--level-2{background:linear-gradient(90deg,var(--level-2-start) 0%,var(--level-2-end) 100%);box-shadow:0 0 8px var(--level-2-shadow) 55}.power-bar__fill--level-3{background:linear-gradient(90deg,var(--level-3-start) 0%,var(--level-3-end) 100%);box-shadow:0 0 8px var(--level-3-shadow) 55}.power-bar__fill--level-4{background:linear-gradient(90deg,var(--level-4-start) 0%,var(--level-4-end) 100%);box-shadow:0 0 8px var(--level-4-shadow) 55}.power-bar__multiplier-label{position:absolute;left:50%;transform:translate(-50%);bottom:44px;z-index:10;font-family:JuliaMono,monospace;font-weight:900;font-size:1.25rem;text-shadow:0 2px 8px #000,0 0 8px #fff8,0 0 16px currentColor,0 0 32px currentColor;letter-spacing:.04em;pointer-events:none;padding:2px 16px;transition:font-size .18s cubic-bezier(.4,2,.6,1)}.power-bar__multiplier-label.level-1{color:var(--level-1-label)}.power-bar__multiplier-label.level-2{color:var(--level-2-label)}.power-bar__multiplier-label.level-3{color:var(--level-3-label)}.power-bar__multiplier-label.level-4{color:var(--level-4-label)}.power-bar__window{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;display:block;clip-path:polygon(26px 0px,320px 0px,320px 18px,0px 18px)}.power-bar__window--level-1{left:0%;width:100%}.power-bar__window--level-2{left:10%;width:90%}.power-bar__window--level-3{left:20%;width:80%}.power-bar__window--level-4{left:30%;width:70%}.power-bar__fill-bar{height:100%;display:inline-block;background:inherit;border-radius:10px 0 0 10px}.power-bar__fill-cap{width:16px;height:100%;display:inline-block}.power-bar__fill-cap--level-1{background:linear-gradient(90deg,var(--level-1-end) 0%,var(--level-2-start) 100%)}.power-bar__fill-cap--level-2{background:linear-gradient(90deg,var(--level-2-end) 0%,var(--level-3-start) 100%)}.power-bar__fill-cap--level-3{background:linear-gradient(90deg,var(--level-3-end) 0%,var(--level-4-start) 100%)}.power-bar__fill-cap--level-4{background:linear-gradient(90deg,var(--level-4-end) 0%,var(--level-4-end) 100%)}.score-display{position:fixed;top:100px;right:48px;z-index:20;font-family:JuliaMono,monospace;color:#ffeb3b;text-shadow:0 0 8px #fff200,0 0 16px #ffeb3b;letter-spacing:.04em;background:transparent;padding:12px 32px;pointer-events:none;-webkit-user-select:none;user-select:none;transition:all .3s ease;transform:translateY(0);display:flex;flex-direction:row;align-items:center;gap:25px}.score-content{display:flex;flex-direction:column;align-items:center}.score-label{font-size:.9rem;text-transform:uppercase;letter-spacing:.2em;opacity:.8;margin-bottom:4px;font-weight:700;color:#fff;text-shadow:0 0 4px #fff}.score-value{font-size:2.5rem;line-height:1;font-weight:900;animation:score-pulse 2s infinite alternate}.energy-bar{width:8px;height:55px;display:flex;flex-direction:column;align-items:center;justify-content:center}.energy-sections{width:100%;height:100%;display:flex;flex-direction:column-reverse;gap:3px}.energy-section{width:100%;flex:1;border-radius:2px;background-color:#fff3;box-shadow:0 0 5px #00000080 inset;transition:background-color .5s ease}.energy-section.active{box-shadow:0 0 8px currentColor}.energy-section.blinking{animation:energy-blink .4s infinite alternate}@keyframes score-pulse{0%{text-shadow:0 0 8px #fff200,0 0 16px #ffeb3b}to{text-shadow:0 0 12px #fff200,0 0 24px #ffeb3b}}@keyframes energy-blink{0%{opacity:1;box-shadow:0 0 12px currentColor}to{opacity:.4;box-shadow:0 0 4px currentColor}}.header{position:fixed;top:0;left:0;width:100%;z-index:10;background-color:#111111d9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border-bottom:1px solid rgba(255,255,255,.1);transform:translateY(0);will-change:transform}.header-content{display:flex;justify-content:space-between;align-items:center;padding:15px 2rem;max-width:1200px;margin:0 auto}.logo-container{display:flex;align-items:center}.logo{height:auto;width:80px;opacity:.8;transition:opacity .3s ease}.logo:hover{opacity:1}.nav-links{display:flex;gap:20px;align-items:center}.nav-link{color:#ffffff4d;text-decoration:none;font-size:16px;font-family:JuliaMono,monospace;font-weight:900;transition:color .3s ease,background-color .3s ease;background:none;border:none;cursor:pointer;padding:8px 12px;border-radius:4px}.nav-link:hover{color:#fff;background-color:#ffffff1a}.difficulty-toggle,.video-toggle,.sound-toggle{display:flex;align-items:center;justify-content:center;min-width:110px;position:relative;overflow:hidden}.admin-container{max-width:1024px;margin:2rem auto;text-align:center;flex:1 1 auto;min-height:0;overflow-y:auto;max-height:calc(100vh - 4rem);color:#e0e0e0}.admin-form-container{max-width:400px;margin:2rem auto;text-align:center;color:#e0e0e0}.admin-input{padding:.5rem;width:80%;background-color:#2a2a2a;border:1px solid #444;color:#e0e0e0;border-radius:4px}.admin-submit-btn{margin-top:1rem;padding:.5rem 1rem;background-color:#444;color:#e0e0e0;border:none;border-radius:4px;cursor:pointer;transition:background-color .2s}.admin-submit-btn:hover{background-color:#555}.admin-table{margin:2rem auto;border-collapse:collapse;width:100%;box-shadow:0 2px 8px #0000004d;border-radius:8px;overflow:hidden;background-color:#222}.admin-table thead{background-color:#333}.admin-table th{padding:12px 15px;text-align:left;font-weight:600;border-bottom:2px solid #444;color:#e0e0e0}.admin-table td{padding:10px 15px;border-bottom:1px solid #333;color:#ccc}.admin-table tbody tr:hover{background-color:#2a2a2a}.admin-table tbody tr:last-child td{border-bottom:none}.admin-error{color:#ff6b6b}.admin-load-more-btn{margin:1rem auto;padding:.5rem 1rem;background-color:#333;color:#e0e0e0;border:1px solid #444;border-radius:4px;cursor:pointer;transition:background-color .2s}.admin-load-more-btn:hover{background-color:#444}.bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;pointer-events:none;background:#000;--bg-dim: .42;--px: 1px;--sl: 3px;--sl-alpha: .85;--grille-alpha: .35;--vignette: .55}.bg-video{position:absolute;top:50%;left:50%;width:100%;height:100%;object-fit:cover;transform:translate(-50%,-50%);filter:saturate(1.15);opacity:0;transition:opacity .6s ease}.bg-video.is-visible{opacity:1}.bg-crt-glow{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(70% 55% at 50% 45%,rgba(120,170,255,.07),transparent 70%)}.bg-crt-grid{position:absolute;top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;background:repeating-linear-gradient(to bottom,rgba(0,0,0,var(--sl-alpha)) 0,rgba(0,0,0,calc(var(--sl-alpha) * .45)) calc(var(--sl) * .5),rgba(0,0,0,calc(var(--sl-alpha) * .06)) var(--sl),rgba(0,0,0,0) calc(var(--sl) * 1.5),rgba(0,0,0,calc(var(--sl-alpha) * .06)) calc(var(--sl) * 2),rgba(0,0,0,calc(var(--sl-alpha) * .45)) calc(var(--sl) * 2.5),rgba(0,0,0,var(--sl-alpha)) calc(var(--sl) * 3)),repeating-linear-gradient(to right,rgba(255,60,60,var(--grille-alpha)) 0 var(--px),rgba(60,255,60,var(--grille-alpha)) var(--px) calc(var(--px) * 2),rgba(60,60,255,var(--grille-alpha)) calc(var(--px) * 2) calc(var(--px) * 3))}.bg-crt-vig{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .8s ease;box-shadow:inset 0 0 160px 50px rgba(0,0,0,var(--vignette)),inset 0 0 40px 4px rgba(0,0,0,calc(var(--vignette) * .5))}.bg-dim{position:absolute;top:0;right:0;bottom:0;left:0;transition:opacity .8s ease;background:radial-gradient(ellipse at center,#00000059,#00000026,#000000a6),rgba(17,17,17,var(--bg-dim))}.bg-layer.is-vibes .bg-dim{opacity:0}@media (prefers-reduced-motion: reduce){.bg-video,.bg-dim,.bg-crt-vig{transition:none}}@font-face{font-family:JuliaMono;src:url(/fonts/JuliaMono-Regular.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:JuliaMono;src:url(/fonts/JuliaMono-Bold.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:JuliaMono;src:url(/fonts/JuliaMono-Black.woff2) format("woff2");font-weight:900}body{font-family:JuliaMono,sans-serif;background:#111;color:#fff;margin:0;padding:0;display:flex;flex-direction:column;align-items:center;overflow:hidden}.layout{display:flex;flex-direction:column;min-height:100vh;width:100vw;position:relative;z-index:1;transition:opacity .8s ease}.layout.vibes-hidden{opacity:0;pointer-events:none}main{flex:1;width:100%}h1{margin-bottom:2rem}