@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&family=Press+Start+2P&display=swap";*{margin:0;padding:0;box-sizing:border-box;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}body{width:100vw;height:100vh;overflow:hidden;background:radial-gradient(circle at 50% 35%,#0d1326,#050711 70%,#020308);font-family:Outfit,sans-serif;color:#fff}#canvas-container{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.hud-overlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:1.25rem 1.75rem}.top-bar{display:flex;justify-content:space-between;align-items:center}.nav-btn-arcade{display:inline-flex;align-items:center;gap:.4rem;background:#0d142ae6;border:1px solid #00f5ff;border-radius:9999px;padding:.5rem 1.1rem;color:#00f5ff;text-decoration:none;font-size:.78rem;font-weight:800;letter-spacing:.08em;pointer-events:all;box-shadow:0 0 15px #00f5ff4d;transition:all .2s ease}.nav-btn-arcade:hover{background:#00f5ff;color:#030612;box-shadow:0 0 25px #00f5ffb3;transform:scale(1.05)}.logo-badge{display:flex;align-items:center;gap:.6rem;background:#0d142ae0;border:1px solid rgba(0,245,255,.6);border-radius:9999px;padding:.5rem 1.4rem;box-shadow:0 0 25px #00f5ff59;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.logo-badge h1{font-size:1.15rem;font-weight:800;letter-spacing:.08em;background:linear-gradient(135deg,#00f5ff,#ff007f);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.tag-3d{background:#ff007f;color:#fff;font-size:.65rem;font-weight:900;padding:.15rem .5rem;border-radius:4px}.audio-btn{background:#0d142ae0;border:1px solid #00f5ff;border-radius:50%;width:44px;height:44px;color:#fff;cursor:pointer;pointer-events:all;font-size:1.15rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #00f5ff40;transition:transform .15s}.audio-btn:hover{transform:scale(1.08)}#confetti-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999}.floating-scores-container{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000;overflow:hidden}.score-float{position:absolute;font-family:Outfit,sans-serif;font-weight:900;font-size:1.8rem;letter-spacing:.05em;background:linear-gradient(90deg,#ff007f,#f90,#ff0,#0f6,#00f5ff,#c084fc);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 15px rgba(0,245,255,.8)) drop-shadow(0 0 25px rgba(255,0,127,.6));animation:floatUp 1.1s cubic-bezier(.18,.89,.32,1.28) forwards;pointer-events:none;white-space:nowrap}@keyframes floatUp{0%{opacity:0;transform:translate(-50%) scale(.6)}20%{opacity:1;transform:translate(-50%,-30px) scale(1.25)}70%{opacity:1;transform:translate(-50%,-80px) scale(1.05)}to{opacity:0;transform:translate(-50%,-120px) scale(.85)}}.score-rainbow{background:linear-gradient(135deg,#00f5ff,#ff007f,#ffe600);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:rainbowShift 3s linear infinite;display:inline-block;transition:transform .15s cubic-bezier(.18,.89,.32,1.28)}.score-rainbow.pulse{transform:scale(1.3);filter:drop-shadow(0 0 20px #00f5ff)}@keyframes rainbowShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.dopamine-card{padding:.7rem .8rem!important;background:#120c26e6!important;border:1px solid rgba(255,0,127,.5)!important;border-radius:.85rem!important;box-shadow:0 0 20px #ff007f40!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.dopamine-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem;width:100%}.dopamine-title-group{display:flex;align-items:center;gap:.3rem;min-width:0}.dopamine-label{letter-spacing:.06em;color:#f9f;font-size:.68rem;white-space:nowrap}.dopamine-badge{font-size:.72rem;background:linear-gradient(90deg,#ff007f,#00f5ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-weight:900;letter-spacing:.05em;flex-shrink:0}.dopamine-track{width:100%;height:8px;background:#ffffff14;border-radius:9999px;overflow:hidden;box-shadow:inset 0 1px 3px #00000080;margin-bottom:.3rem}.dopamine-fill{height:100%;background:linear-gradient(90deg,#00f5ff,#0f6,#ff0,#ff007f);background-size:300% 100%;animation:rainbowShift 2s linear infinite;border-radius:9999px;box-shadow:0 0 12px #00f5ffcc;transition:width .3s cubic-bezier(.18,.89,.32,1.28)}.dopamine-xp{font-size:.65rem;color:#ffffffb3;text-align:center;font-family:Space Mono,monospace;font-weight:700;white-space:nowrap}.game-layout{position:absolute;top:4.8rem;left:1.5rem;right:1.5rem;display:flex;justify-content:space-between;pointer-events:none}.hud-panel{background:#0a0f22d9;border:1px solid rgba(0,245,255,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:1.25rem;padding:1.2rem;width:140px;box-shadow:0 10px 35px #0009,inset 0 0 16px #00f5ff1f;display:flex;flex-direction:column;gap:1.1rem}.hud-card{display:flex;flex-direction:column;gap:.25rem;align-items:center}.card-label{font-size:.72rem;font-weight:800;letter-spacing:.14em;color:#00f5ff;text-transform:uppercase}.card-value{font-size:1.45rem;font-weight:900;color:#ffd32a;text-shadow:0 0 14px rgba(255,211,42,.6)}.mini-box{width:84px;height:84px;background:#050918eb;border:1px dashed rgba(0,245,255,.5);border-radius:.6rem;display:flex;align-items:center;justify-content:center}.mini-box-small{width:72px;height:52px;background:#050918eb;border:1px solid rgba(0,245,255,.35);border-radius:.5rem;display:flex;align-items:center;justify-content:center;margin-bottom:.3rem}.combo-badge{background:linear-gradient(135deg,#ff007f,#ffd32a);color:#030612;font-size:.8rem;font-weight:900;padding:.25rem .6rem;border-radius:9999px;box-shadow:0 0 15px #ff007f99;letter-spacing:.08em;animation:pulseCombo .6s infinite alternate}@keyframes pulseCombo{0%{transform:scale(.95)}to{transform:scale(1.05)}}#tetris-banner{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(135deg,#ff007ff2,#00f5fff2);border:3px solid #ffffff;padding:1.2rem 3.5rem;border-radius:1.2rem;box-shadow:0 0 60px #00f5ffe6,0 0 90px #ff007fe6;font-family:"Press Start 2P",monospace;font-size:1.8rem;font-weight:900;color:#fff;text-shadow:0 0 20px #000000;pointer-events:none;z-index:50;white-space:nowrap}.animate-pop{animation:popPulse 1.2s forwards cubic-bezier(.175,.885,.32,1.275)}@keyframes popPulse{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}25%{transform:translate(-50%,-50%) scale(1.18);opacity:1}65%{transform:translate(-50%,-50%) scale(1);opacity:1}to{transform:translate(-50%,-50%) scale(1.35);opacity:0}}.modal-backdrop{position:absolute;top:0;left:0;width:100%;height:100%;background:#03050fe0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;z-index:100;pointer-events:all}.modal-content{background:#0d142d;border:2px solid #ff007f;border-radius:1.75rem;padding:2.2rem;text-align:center;box-shadow:0 0 45px #ff007f66;max-width:400px;width:90%;display:flex;flex-direction:column;gap:1.2rem}.modal-content h2{font-size:2rem;font-weight:900;color:#ff007f;letter-spacing:.1em;text-shadow:0 0 25px rgba(255,0,127,.6)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;background:#0006;padding:1rem;border-radius:1rem}.stat-item{display:flex;flex-direction:column;align-items:center}.stat-item span:first-child{font-size:.7rem;color:#94a3b8;letter-spacing:.1em}.stat-val{font-size:1.3rem;font-weight:800;color:#00f5ff}.btn-neon{background:linear-gradient(135deg,#00f5ff,#05ffa1);border:none;border-radius:9999px;padding:1rem 2rem;font-size:1.15rem;font-weight:800;color:#030612;cursor:pointer;box-shadow:0 0 25px #00f5ff80;transition:transform .15s,box-shadow .15s}.btn-neon:hover{transform:scale(1.04);box-shadow:0 0 35px #00f5ffcc}.mobile-controls{display:none;position:absolute;bottom:1.5rem;left:0;width:100%;padding:0 1.5rem;justify-content:space-between;pointer-events:all;z-index:20}.d-pad,.action-pad{display:flex;gap:.6rem}.ctrl-btn{width:56px;height:56px;background:#0d142ad9;border:1px solid #00f5ff;border-radius:50%;color:#fff;font-size:1.25rem;font-weight:800;display:flex;align-items:center;justify-content:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;box-shadow:0 4px 18px #00000080}.ctrl-btn:active{background:#00f5ff;color:#030612;transform:scale(.92)}.btn-drop{border-color:#ffd32a}.btn-drop:active{background:#ffd32a}.btn-rot{border-color:#c084fc}.btn-rot:active{background:#c084fc}.hidden{display:none!important}@media(max-width:768px){.desktop-only{display:none!important}.mobile-controls{display:flex}.game-layout{top:calc(4.4rem + env(safe-area-inset-top,0px));left:.8rem;right:.8rem}.hud-panel{width:90px;padding:.75rem .5rem;gap:.8rem;border-radius:1rem}.mini-box{width:60px;height:60px}.mini-box-small{width:56px;height:40px}.card-label{font-size:.65rem}.card-value{font-size:1.15rem}#tetris-banner{font-size:1.2rem;padding:.8rem 1.8rem}}@media(max-width:500px){.top-bar{padding:.4rem .6rem;top:calc(.35rem + env(safe-area-inset-top,0px))}.logo-badge{padding:.35rem .75rem;gap:.35rem}.logo-badge h1{font-size:.85rem;letter-spacing:.04em}.tag-3d{font-size:.55rem;padding:.1rem .35rem}.nav-btn-arcade{padding:.35rem .65rem;font-size:.65rem}.audio-btn{width:38px;height:38px;font-size:.95rem}.game-layout{top:calc(3.8rem + env(safe-area-inset-top,0px));left:.35rem;right:.35rem}.hud-panel{width:76px;padding:.45rem .25rem;gap:.45rem;border-radius:.85rem;border-color:#00f5ff4d}.card-label{font-size:.55rem;letter-spacing:.03em}.card-value{font-size:1.05rem}.mini-box{width:50px;height:50px}.mini-box canvas{max-width:46px;max-height:46px}.mini-box-small{width:48px;height:34px;margin-bottom:.15rem}.mini-box-small canvas{max-width:44px;max-height:30px}.dopamine-card{padding:.35rem .2rem!important;border-radius:.6rem!important;width:100%!important;box-sizing:border-box!important;overflow:hidden!important}.dopamine-header{flex-direction:column;align-items:center;gap:1px;margin-bottom:.2rem}.dopamine-title-group{gap:2px;justify-content:center}.dopamine-header .bolt-icon{font-size:.65rem}.dopamine-label{font-size:.48rem!important;letter-spacing:.02em!important}.dopamine-badge{font-size:.52rem!important;letter-spacing:0!important}.dopamine-track{height:5px;margin-bottom:.2rem}.dopamine-xp{font-size:.5rem;letter-spacing:-.02em}.mobile-controls{bottom:calc(.6rem + env(safe-area-inset-bottom,0px));padding:0 .4rem}.d-pad,.action-pad{gap:.25rem}.ctrl-btn{width:46px;height:46px;font-size:1.05rem}#btn-hold{font-size:.58rem!important}}