body{font-family:Fredoka,sans-serif;overflow:hidden;background-color:#1a1625;color:#fff;margin:0;padding:0;width:100vw;height:100vh}canvas{display:block}*{user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}#grid-wrapper{position:fixed;top:-50vw;right:-50vw;bottom:-50vw;left:-50vw;width:200vw;height:200vh;z-index:-1;transform:perspective(600px) rotateX(30deg) scale(1.2);transform-style:preserve-3d;transition:transform 1.5s cubic-bezier(.25,1,.5,1)}#grid-pattern{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:60px 60px;animation:gridScroll 20s linear infinite}@keyframes gridScroll{0%{transform:translateY(0)}to{transform:translateY(60px)}}#grid-wrapper.grid-exit{opacity:0;transform:perspective(600px) rotateX(60deg) scale(2)}#ui-layer{transition:opacity .8s ease;overflow:visible}#grid-wrapper.grid-flat{transform:perspective(600px) rotateX(0) scale(1)}.class-card.active-class{border-color:#ff85c0;background-color:#ff85c01a;box-shadow:0 0 15px #ff85c033}.menu-zoom-out{animation:zoomOutFade .8s cubic-bezier(.7,0,.84,0) forwards;pointer-events:none}@keyframes zoomOutFade{0%{opacity:1}to{opacity:0;transform:scale(4) translateY(100px)}}canvas#game-canvas{opacity:0;animation:canvasFadeIn 1s ease-out .4s forwards}@keyframes canvasFadeIn{to{opacity:1}}.vignette{position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle,transparent 30%,#1a1625 120%);pointer-events:none;z-index:0;transition:opacity 1.5s ease}.vignette.faded{opacity:.4}.custom-scroll::-webkit-scrollbar{width:6px}.custom-scroll::-webkit-scrollbar-track{background:#0003;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb{background:#ff85c033;border-radius:4px}.custom-scroll::-webkit-scrollbar-thumb:hover{background:#ff85c066}.input-glow:focus{box-shadow:0 0 20px #ff85c066}.input-fem:focus{border-color:#ffb7b2;box-shadow:0 0 15px #ffb7b266}.rounded-3xl{border-radius:1.5rem}.rounded-xl{border-radius:1rem}.jp-column-wrapper{position:fixed;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;z-index:0;pointer-events:none;opacity:.15;font-family:Hiragino Kaku Gothic Pro,Meiryo,sans-serif;-webkit-user-select:none;user-select:none}.jp-column-left{left:2rem}.jp-column-right{right:2rem}.jp-text{writing-mode:vertical-rl;text-orientation:upright;font-size:4rem;font-weight:900;letter-spacing:1.5rem;color:#fff;text-shadow:0 0 20px rgba(255,133,192,.8);animation:floatText 8s ease-in-out infinite}.jp-text.delayed{animation-delay:-4s}@keyframes floatText{0%,to{transform:translateY(-20px);opacity:.1}50%{transform:translateY(20px);opacity:.3}}@media (max-width: 1024px){.jp-column-wrapper{display:none}}#fireflies-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}@keyframes floatUp{0%{transform:translateY(0) scale(1);opacity:1}to{transform:translateY(-50px) scale(1.5);opacity:0}}.animate-float-up{animation:floatUp 1s ease-out forwards}@keyframes shine{0%{left:-100%}to{left:200%}}.group-hover\:animate-shine:hover{animation:shine .7s ease-in-out}#srv-btn-left:active,#srv-btn-right:active{transform:scale(.9) translateY(2px)}