:root{--cursor:url(/images/Glove.png) 0 0, auto}*,:before,:after{box-sizing:border-box;cursor:var(--cursor);-webkit-user-select:none;user-select:none;text-decoration:none}@font-face{font-family:Pixellari;src:url(/fonts/Pixellari.ttf)format("truetype");font-display:block}@font-face{font-family:FutoMaru;src:url(/fonts/FutoMaru.ttf)format("truetype");font-display:block}#dashboard-nav{box-sizing:border-box;background-color:var(--bg-color1);border-inline-end:2px solid var(--border-color);flex-direction:column;justify-content:space-between;align-items:center;width:100px;height:100vh;display:flex}#dashboard-nav div{flex-direction:column;align-items:center;display:flex}:scope a{margin:10px}nav#dashboard-nav a{transition:all .4s ease-in-out}nav#dashboard-nav a:hover,nav#dashboard-nav a:focus-visible{outline:none;transform:scale(1.1)}nav#dashboard-nav a:hover:not(.home-link),nav#dashboard-nav a:focus-visible:not(:hover):not(:active):not(.home-link){filter:drop-shadow(0px 0px 8px var(--border-color))}body{color:var(--text-color);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;margin:0;font-family:Pixellari,FutoMaru}.nav-icon{width:65px;height:65px}:focus{outline:none}a:link,a:active,a:visited{color:inherit;text-decoration:none}#home-icon{filter:grayscale()}#home-icon:hover{filter:grayscale(0)}.window-main{border:2px solid var(--border-color);background-color:var(--bg-color1);width:70%;height:75vh;position:absolute;top:50%;left:50%;transform:translate(calc(50px - 50%),-50%)}:scope a{justify-content:center;align-items:center;display:flex}:scope img:not(.nav-icon){justify-self:center;width:auto;max-width:85%;height:auto;max-height:75%}#menu-button-container{flex-direction:column;justify-content:center;align-self:center;align-items:center;height:100%;display:flex}.menu-button{border:2px solid var(--border-color);background-color:var(--bg-color2);opacity:1;width:50%;height:5rem;box-shadow:4px 4px var(--border-color2);justify-content:center;align-items:center;margin:10px;padding:5px;font-size:2.5rem;line-height:1;transition:all .3s ease-in-out;display:flex}:scope span{transform:translateY(4px)}.menu-button:hover{background-color:var(--highlight)}#menu-button-container:has(.typing-game){place-items:stretch stretch;width:100%;min-width:0;height:100%;min-height:0;display:grid;overflow:hidden}@font-face{font-family:"ShaynePixel" format(truetype);src:url(/fonts/ShaynePixel.ttf)}.typing-game,.typing-game *{box-sizing:border-box}.typing-game{isolation:isolate;color:#fff;grid-template-rows:auto minmax(0,1fr);gap:clamp(6px,1.4cqb,14px);width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%;padding:clamp(6px,1.8cqb,18px);font-family:ShaynePixel,Pixellar,FutoMaru,"monospace";display:grid;position:relative;overflow:hidden;container-type:size}.typing-stars{z-index:-2;opacity:.55;background:radial-gradient(circle,#ffffffe6 0 1px,#0000 1px) 10px 20px/80px 80px,radial-gradient(circle,#ffe761d9 0 1px,#0000 1px) 45px 55px/110px 110px;animation:14s linear infinite typingStarDrift;position:absolute;inset:0}.typing-game:before{content:"";z-index:-3;background:radial-gradient(circle at 50% 18%,#ff2bd638,#0000 28%),linear-gradient(#11002940,#0000001f);position:absolute;inset:-25%}.typing-status-bar{color:#fff;background:linear-gradient(90deg,#0c001ce6,#37005be6,#ff28cfb8),repeating-linear-gradient(#ffffff14 0 1px,#0000 1px 4px);border:2px solid #ffffffb8;grid-template-columns:auto auto minmax(0,1fr) auto auto;align-items:center;gap:clamp(4px,1.4cqi,12px);width:100%;min-width:0;min-height:0;padding:clamp(4px,1cqb,8px) clamp(6px,1.5cqi,14px);display:grid;overflow:hidden;box-shadow:0 0 14px #ff2bd68c,4px 4px #0000008c}.typing-status-bar.is-fever{animation:.35s infinite alternate typingFeverHud}.typing-status-chip{text-shadow:2px 2px #000;white-space:nowrap;text-overflow:ellipsis;background:#00000059;border:2px solid #ffffffa6;min-width:0;padding:clamp(3px,.8cqb,6px) clamp(4px,1cqi,8px);font-size:clamp(.65rem,2.2cqi,1rem);overflow:hidden}.typing-status-stack{gap:3px;min-width:0;display:grid}.typing-combo-bar,.typing-fever-bar{background:#050010cc;border:2px solid #ffffffa6;min-width:0;height:clamp(7px,1.7cqb,12px);overflow:hidden}.typing-fever-bar{border-color:#ffe761cc;height:clamp(4px,1cqb,6px)}.typing-combo-bar>div,.typing-fever-bar>div{height:100%;transition:width 80ms linear}.typing-combo-bar>div{background:linear-gradient(90deg,#29f3ff,#ff2bd6,#ffe761);box-shadow:0 0 12px #ff2bd6}.typing-fever-bar>div{background:#ffe761;box-shadow:0 0 10px #ffe761}.typing-stage{flex-direction:column;grid-row:1/-1;justify-content:center;place-items:center;width:100%;min-width:0;height:auto;min-height:0;max-height:100%;display:flex;overflow:hidden}.typing-game:has(.typing-status-bar) .typing-status-bar{grid-row:1}.typing-game:has(.typing-status-bar) .typing-stage{grid-row:2;align-self:stretch;height:auto;max-height:100%}.typing-panel,.typing-play-panel{text-align:center;align-content:center;justify-items:center;gap:clamp(8px,2cqb,18px);width:min(100%,920px);min-width:0;max-width:100%;min-height:0;max-height:100%;padding:clamp(10px,3cqb,28px);display:grid;overflow:hidden}.typing-panel{background:#0b001cad;border:3px solid #ffffffb3;box-shadow:clamp(3px,1.1cqi,8px) clamp(3px,1.1cqi,8px) #000000a6,0 0 24px #ff2bd666}.typing-play-panel{height:100%;max-height:100%;box-shadow:none;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr);align-content:stretch}.typing-title,.typing-final-score{text-transform:uppercase;gap:4px;min-width:0;display:grid}.typing-title span,.typing-mode-panel h1,.typing-gameover-panel h1{color:var(--primary-yellow,#ffe761);text-shadow:4px 4px #000,0 0 18px #ff2bd6;margin:0;font-size:clamp(1.5rem,8cqi,4.8rem);line-height:1}.typing-title small,.typing-hint,.typing-play-meta,.typing-results,.typing-mode-card small,.typing-mode-card em{color:#ffffffc7;text-shadow:2px 2px #000;font-size:clamp(.65rem,2.2cqi,1rem)}.typing-play-meta,.typing-results{padding:2px}.typing-button,.typing-mode-card{color:#fff;font:inherit;background:#251044;border:3px solid #fff;transition:transform 50ms,filter .15s;position:relative;box-shadow:5px 5px #000}.typing-button{padding:clamp(6px,1.5cqb,10px) clamp(14px,4cqi,24px);font-size:clamp(.8rem,2.8cqi,1.3rem)}.typing-button.primary,.typing-mode-card:hover{background:linear-gradient(90deg,#6027ff,#ff2bd6)}.typing-button:active,.typing-mode-card:active{transform:translate(5px,5px);box-shadow:0 0 #000}.typing-mode-grid{grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:clamp(8px,1.6cqi,14px);width:100%;min-width:0;display:grid;overflow:hidden}.typing-mode-card{align-content:center;justify-items:center;gap:clamp(3px,1cqb,7px);min-width:0;min-height:clamp(82px,22cqb,145px);padding:clamp(8px,2cqb,16px);display:grid;overflow:hidden}.typing-mode-key{color:#16002e;background:var(--primary-yellow,#ffe761);border:2px solid #fff;place-items:center;width:clamp(24px,5cqi,34px);height:clamp(24px,5cqi,34px);display:grid}.typing-mode-card strong{min-width:0;color:var(--primary-yellow,#ffe761);text-overflow:ellipsis;white-space:nowrap;font-size:clamp(.85rem,2.6cqi,1.35rem);overflow:hidden}.typing-ready{color:var(--primary-yellow,#ffe761);text-shadow:8px 8px #000,0 0 25px #ff2bd6;font-size:clamp(4rem,24cqb,12rem);line-height:1;animation:.45s both typingReadyPop}.typing-play-meta{flex-wrap:wrap;justify-content:space-between;gap:8px;width:min(100%,920px);min-width:0;display:flex;overflow:hidden}.typing-word-screen{background:#040010b8;border:3px solid #fffc;place-items:center;width:min(100%,960px);min-width:0;height:100%;min-height:0;max-height:100%;padding:clamp(10px,3cqb,30px);display:grid;position:relative;overflow:hidden;box-shadow:8px 8px #000000bf,inset 0 0 28px #29f3ff2e,0 0 28px #ff2bd659}.typing-current-word{overflow-wrap:anywhere;flex-wrap:wrap;place-content:center;gap:.18em;min-width:0;max-width:100%;max-height:100%;font-family:ShaynePixel,Pixellar,FutoMaru,"monospace";font-size:clamp(1.2rem,6.2cqi,4rem);line-height:1.18;display:flex;overflow:hidden}.mode-paragraph .typing-current-word{font-size:clamp(.55rem,2.15cqi,1.2rem);line-height:1.3}.mode-sentence .typing-current-word{font-size:clamp(.9rem,4.2cqi,3rem)}.mode-password .typing-current-word{font-size:clamp(.85rem,4.5cqi,3.3rem)}.typing-word-block{min-width:0;display:inline-flex}.typing-char{color:#ffffff8c;text-shadow:3px 3px #000;min-width:.42em;position:relative}.typing-char.complete{color:#29f3ff}.typing-char.current{color:#16002e;background:var(--primary-yellow,#ffe761);box-shadow:0 0 14px #ffe761}.typing-char.wrong{color:#fff;background:#ff2b5f;box-shadow:0 0 16px #ff2b5f}.typing-char.space.current:after,.typing-char.space.wrong:after{content:"␣";color:inherit;position:absolute;left:50%;transform:translate(-50%)}.typing-score-pop{color:var(--primary-yellow,#ffe761);text-shadow:3px 3px #000,0 0 18px #ff2bd6;font-size:clamp(1rem,4cqi,2rem);animation:.65s ease-out both typingScorePop;position:absolute;top:25%;right:14%}.typing-final-score{color:var(--primary-yellow,#ffe761);text-shadow:5px 5px #000,0 0 20px #ff2bd6;font-size:clamp(1.8rem,10cqi,5.5rem);line-height:1}.typing-final-score small{color:#fff;font-size:clamp(.7rem,2.4cqi,1.2rem)}.typing-results,.typing-button-row{flex-wrap:wrap;justify-content:center;gap:clamp(6px,1.4cqi,12px);min-width:0;max-width:100%;display:flex;overflow:hidden}.typing-gameover-panel{width:min(100%,760px)}.shake-error{animation:.22s steps(2,end) both typingShake}.typing-game.is-fever .typing-word-screen{animation:.35s infinite alternate typingFeverPanel}@keyframes typingStarDrift{0%{background-position:10px 20px,45px 55px,0 0,0 0}to{background-position:10px 180px,45px 225px,0 0,0 0}}@keyframes typingReadyPop{0%{opacity:0;transform:scale(.65)}to{opacity:1;transform:scale(1)}}@keyframes typingShake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}50%{transform:translate(6px)}75%{transform:translate(-3px)}}@keyframes typingScorePop{0%{opacity:0;transform:translateY(16px)scale(.8)}35%{opacity:1}to{opacity:0;transform:translateY(-30px)scale(1.1)}}@keyframes typingFeverHud{0%{filter:brightness()saturate()}to{filter:brightness(1.35)saturate(1.6)}}@keyframes typingFeverPanel{0%{filter:hue-rotate()brightness()}to{filter:hue-rotate(16deg)brightness(1.25)}}@container (width<=520px){.typing-status-bar{grid-template-columns:auto auto minmax(0,1fr) auto}.typing-status-chip.ghost,.typing-title small,.typing-hint,.typing-mode-card small,.typing-mode-card em{display:none}}@container (height<=360px){.typing-game{gap:4px;padding:6px}.typing-panel,.typing-play-panel{gap:6px;padding:8px}.typing-mode-card{min-height:64px}.typing-gameover-panel h1{font-size:clamp(1.2rem,6cqi,2.6rem)}}#menu-button-container:has(>.typing-game){grid-template-rows:1fr;grid-template-columns:1fr;place-content:stretch;place-items:stretch stretch;display:grid;overflow:hidden}#menu-button-container:has(>.typing-game)>.typing-game{grid-area:1/1/-1/-1;place-self:stretch stretch;width:100%;min-width:0;max-width:100%;height:100%;min-height:0;max-height:100%}.typing-stars{display:none}.typing-game:before{content:"";z-index:-1;pointer-events:none;opacity:.75;background:radial-gradient(circle,#ffffffd9 0 1px,#0000 1px) 10px 20px/80px 80px,radial-gradient(circle,#ffe761bf 0 1px,#0000 1px) 45px 55px/110px 110px,radial-gradient(circle at 50% 18%,#ff2bd638,#0000 28%),linear-gradient(#11002940,#0000001f);animation:14s linear infinite typingStarDrift;position:absolute;inset:-25%}.typing-game:after{content:"";z-index:20;pointer-events:none;mix-blend-mode:screen;background:repeating-linear-gradient(#ffffff09 0 1px,#0000 1px 4px);position:absolute;inset:0}