:root{--bg-dark:#121826;--bg-light:#202b3d;--magic-blue:#5ffbf1;--magic-purple:#9b5de5;--magic-pink:#f15bb5;--text-main:#f8f9fa}html,body{background-color:var(--bg-dark);touch-action:none;-webkit-overflow-scrolling:none;width:100%;height:100%;margin:0;font-family:Nunito,sans-serif;overflow:hidden}canvas.threejs{width:100%;height:100%;display:block;overflow:hidden}#loading-screen{z-index:9999;background:radial-gradient(circle at center, var(--bg-light) 0%, var(--bg-dark) 100%);flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity 1s ease-in-out;display:flex;position:fixed;top:0;left:0;overflow:hidden}.stars{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#loading-screen .title{color:var(--text-main);z-index:10;text-align:center;text-transform:uppercase;letter-spacing:5px;text-shadow:0 0 10px #5ffbf180,0 0 20px #5ffbf14d,0 0 30px #9b5de566;margin:0 24px 50px;font-family:Fredoka One,cursive;font-size:clamp(2.5rem,8vw,4rem);animation:4s ease-in-out infinite alternate breathe}.cube-loader-container{z-index:10;justify-content:center;align-items:center;width:150px;height:150px;margin-bottom:40px;display:flex;position:relative}.cube-wrapper{perspective:800px;z-index:2;width:60px;height:60px;animation:3s ease-in-out infinite float-cube;position:absolute}.cube{width:100%;height:100%;transform-style:preserve-3d;animation:8s linear infinite spin-cube;position:relative}.cube-face{border:2px solid var(--magic-blue);background:#9b5de540;width:100%;height:100%;position:absolute;box-shadow:0 0 15px #5ffbf14d,inset 0 0 15px #9b5de54d}.cube-face.front{transform:rotateY(0)translateZ(30px)}.cube-face.back{transform:rotateY(180deg)translateZ(30px)}.cube-face.right{transform:rotateY(90deg)translateZ(30px)}.cube-face.left{transform:rotateY(-90deg)translateZ(30px)}.cube-face.top{transform:rotateX(90deg)translateZ(30px)}.cube-face.bottom{transform:rotateX(-90deg)translateZ(30px)}.cube-shadow{background:var(--magic-blue);filter:blur(12px);opacity:.5;z-index:1;border-radius:50%;width:70px;height:15px;animation:3s ease-in-out infinite pulse-shadow;position:absolute;bottom:10px}.progress-number{z-index:3;color:#fff;text-shadow:0 0 10px var(--magic-blue), 0 0 20px var(--magic-purple), 0 0 30px #fff;font-family:Fredoka One,cursive;font-size:1.6rem;position:absolute}.loading-status{z-index:10;color:var(--magic-blue);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;font-family:monospace;font-size:1rem}.progress-bar-container{z-index:10;background-color:#ffffff1a;border-radius:2px;width:200px;height:4px;margin-bottom:40px;overflow:hidden}.progress-bar-fill{background:linear-gradient(90deg, var(--magic-purple), var(--magic-blue));width:0%;height:100%;box-shadow:0 0 10px var(--magic-blue);transition:width .3s}#loading-screen .start{z-index:10;opacity:0;pointer-events:none;color:#fff;border:2px solid var(--magic-blue);cursor:pointer;backdrop-filter:blur(10px);text-transform:uppercase;letter-spacing:4px;background:#5ffbf11a;border-radius:40px;padding:15px 50px;font-family:Fredoka One,cursive;font-size:1.5rem;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:inline-block;position:static;transform:translateY(20px)scale(.9);box-shadow:0 0 15px #5ffbf14d,inset 0 0 10px #5ffbf11a}#loading-screen .start.ready{opacity:1;pointer-events:auto;animation:3s ease-in-out infinite float-btn;transform:translateY(0)scale(1)}#loading-screen .start.ready:hover{color:#fff;text-shadow:0 0 5px #fff;background:#5ffbf14d;box-shadow:0 0 30px #5ffbf1cc,inset 0 0 15px #ffffff80}#loading-screen.fade-out{opacity:0;pointer-events:none}@keyframes spin-cube{0%{transform:rotateX(-20deg)rotateY(0)}to{transform:rotateX(-20deg)rotateY(360deg)}}@keyframes float-cube{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-shadow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.2;transform:scale(1.4)}}@keyframes breathe{0%{filter:brightness();transform:scale(1)}to{filter:brightness(1.2);transform:scale(1.02)}}@keyframes float-btn{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.modal{z-index:9999;opacity:0;background-color:#0000;width:100%;height:100%;transition:opacity .6s;display:none;position:fixed;top:0;left:0;overflow:visible}.modal.fadeIn{opacity:1;backdrop-filter:blur(4px);background-color:#0000004d;justify-content:center;align-items:center;display:flex}.modal.fadeOut{opacity:0}.modal-wrapper{text-align:left;width:100%;max-width:420px;margin:16px;position:relative;overflow:visible}.modal-content{-webkit-backdrop-filter:blur(8px);color:#1a1a2e;overscroll-behavior:contain;background:#fffffff2;border:1px solid #fff6;border-radius:24px;max-height:70vh;padding:32px;font-family:Poppins,sans-serif;position:relative;overflow-y:auto;box-shadow:0 8px 32px #0003}.modal-image{object-fit:contain;pointer-events:none;z-index:10;filter:drop-shadow(0 4px 12px #00000040);width:200px;height:200px;display:none;position:absolute}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#ffffff1a;border-radius:10px}.modal-content::-webkit-scrollbar-thumb{background:#0003;border-radius:10px}.modal h1,.modal p{margin:0 0 15px}.modal h1{color:#0d9488;letter-spacing:-.5px;font-size:28px;font-weight:700}.modal p{color:#000;font-size:15px;font-weight:400;line-height:1.6}.modal.night-mode .modal-content{background:#000000d9;border-color:#ffffff26}.modal.night-mode p{color:#f0f0f0!important}.modal-socials{align-items:center;gap:16px;margin-top:20px;display:none}.modal-social-link{color:#43464b;justify-content:center;align-items:center;width:36px;height:36px;transition:color .2s,transform .2s;display:flex}.modal-social-link:hover{color:#0d9488;transform:scale(1.15)}.modal.night-mode .modal-social-link{color:#fff}.modal.night-mode .modal-social-link:hover{color:#5ffbf1}.modal-footer{border-top:1px solid #ffffff4d;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;display:flex}.modal-btn-close{color:#4a4a4a;cursor:pointer;background-color:#e5e7eb;border:none;border-radius:12px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;transition:transform .1s,box-shadow .1s;box-shadow:0 3px #d1d5db}.modal-btn-close:active{transform:translateY(3px);box-shadow:0 0 #d1d5db}.modal-btn-primary{color:#fff;cursor:pointer;background-color:#0d9488;border:none;border-radius:12px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .1s;display:inline-block;box-shadow:0 3px #0f766e}.modal-btn-primary:active{transform:translateY(3px);box-shadow:0 0 #0f766e}#translateButton{z-index:10000;backdrop-filter:blur(10px);color:#fff;cursor:pointer;letter-spacing:1px;background:#ffffff1a;border:2px solid #5ffbf199;border-radius:50%;width:48px;height:48px;font-family:Poppins,sans-serif;font-size:14px;font-weight:500;transition:all .3s;position:fixed;top:20px;right:20px;box-shadow:0 0 15px #5ffbf133}#translateButton:hover{border-color:var(--magic-blue);background:#5ffbf140;box-shadow:0 0 25px #5ffbf180}#touchIndicator{pointer-events:none;z-index:9998;opacity:0;will-change:transform, opacity;background:#5ffbf11a;border:2px solid #5ffbf180;border-radius:50%;width:50px;height:50px;margin-top:-25px;margin-left:-25px;transition:opacity .15s;position:fixed;transform:translate(0,0)scale(.5)}#touchIndicator.active{opacity:1}