@tailwind base;@tailwind components;@tailwind utilities;@font-face{font-family:PfStardust30;src:url(/fonts/PFStardust.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:PfStardust30;src:url(/fonts/PFStardustBold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:PfStardust30;src:url(/fonts/PFStardustExtraBold.woff2)format("woff2");font-weight:800;font-display:swap}@font-face{font-family:Aggravo;src:url(/fonts/SBAggroL.woff)format("woff");font-weight:300;font-display:swap}@font-face{font-family:Aggravo;src:url(/fonts/SBAggroM.woff)format("woff");font-weight:500;font-display:swap}@font-face{font-family:Aggravo;src:url(/fonts/SBAggroB.woff)format("woff");font-weight:700;font-display:swap}:root{--font-aero:"PfStardust30","Inter",system-ui,-apple-system,sans-serif;--font-modern:"Aggravo","Inter",system-ui,-apple-system,sans-serif;--font-main:var(--font-aero);--glass-bg:#ffffff40;--glass-border:#fff9;--glass-highlight:#ffffffe6;--glass-shadow:0 8px 32px 0 #0064ff40;--primary:#00fff2;--secondary:#08f;--accent:#f07;--text-main:#fff;--text-dim:#d0e8ff}[data-theme=modern]{--font-main:var(--font-modern)}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;backface-visibility:hidden}body{color:var(--text-main);font-family:var(--font-main);-webkit-user-select:none;user-select:none;touch-action:manipulation;background:#000;height:100vh;margin:0;padding:0;overflow:hidden}.bg-aero-wrapper{z-index:-1;will-change:transform;background:linear-gradient(135deg,#021124 0%,#0b3d91 40%,#00d4ff 100%);width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden;transform:translate(0,0)}.aero-orb{filter:blur(40px);opacity:.6;will-change:transform;border-radius:50%;animation:20s ease-in-out infinite alternate floatOrb;position:absolute;transform:translate(0,0)}.orb-1{background:radial-gradient(circle,#00fff2 0%,#0000 70%);width:50vw;height:50vw;animation-duration:25s;top:-10%;left:-10%}.orb-2{background:radial-gradient(circle,#06f 0%,#0000 70%);width:60vw;height:60vw;animation-duration:30s;animation-delay:-5s;bottom:-20%;right:-10%}.orb-3{mix-blend-mode:overlay;background:radial-gradient(circle,#f07 0%,#0000 70%);width:30vw;height:30vw;animation-duration:18s;animation-delay:-10s;top:40%;left:40%}@keyframes floatOrb{0%{transform:translate(0)scale(1)}50%{transform:translate(50px,30px)scale(1.1)}to{transform:translate(-30px,-20px)scale(.95)}}.bg-grid{pointer-events:none;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:50px 50px;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 40%,#0000 100%);mask-image:linear-gradient(#000 40%,#0000 100%)}.aero-glass{-webkit-backdrop-filter:blur(24px)saturate(120%);isolation:isolate;background:linear-gradient(125deg,#ffffff4d 0%,#ffffff0d 100%);border-top:2px solid #fffc;border-bottom:2px solid #ffffff1a;border-left:2px solid #ffffff80;border-right:1px solid #fff6;border-radius:28px;transition:all .4s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;transform:translate(0,0);box-shadow:0 20px 50px #0000004d,inset 0 0 0 1px #ffffff1a,inset 0 20px 40px #ffffff26}.aero-glass:after{content:"";pointer-events:none;background:linear-gradient(45deg,#0000 45%,#ffffff1a 48%,#ffffff4d 50%,#ffffff1a 52%,#0000 55%);width:300%;height:300%;animation:8s linear infinite shimmer;position:absolute;top:-100%;left:-100%;transform:rotate(-30deg)}@keyframes shimmer{0%{transform:translateY(0)rotate(-30deg)}to{transform:translateY(50%)rotate(-30deg)}}.aero-glass:hover{border-color:#ffffffe6;transform:translateY(-5px)scale(1.01);box-shadow:0 30px 60px #00a0ff4d,inset 0 0 30px #fff3}.tetris-board{background:#000a1e66;border:3px solid #ffffff4d;border-radius:12px;grid-template-rows:repeat(20,1fr);grid-template-columns:repeat(10,1fr);width:100%;height:100%;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 30px #000c}.tetris-board:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:10% 5%;position:absolute;inset:0}.tetris-cell{box-sizing:border-box;will-change:background;width:100%;height:100%;transition:background 50ms;transform:translate(0,0)}[class*=block-]{border:1px solid #ffffff80;position:relative;box-shadow:inset 3px 3px 6px #fff9,inset -3px -3px 6px #0003,0 0 10px}[class*=block-]:after{content:"";filter:blur(1px);background:linear-gradient(135deg,#fffc,#ffffff1a);border-radius:50%;width:40%;height:30%;position:absolute;top:10%;left:10%}.block-I,.tetris-cell.block-I{color:#00f0f0;background:#00f0f0b3}.block-J,.tetris-cell.block-J{color:#0000f0;background:#1e1ef0b3}.block-L,.tetris-cell.block-L{color:#f0a000;background:#f0a000b3}.block-O,.tetris-cell.block-O{color:#f0f000;background:#f0f000b3}.block-S,.tetris-cell.block-S{color:#00f000;background:#00f000b3}.block-T,.tetris-cell.block-T{color:#a000f0;background:#a000f0b3}.block-Z,.tetris-cell.block-Z{color:#f00000;background:#f00000b3}.input-aero{color:#fff;-webkit-user-select:text;user-select:text;background:#0000004d;border:1px solid #ffffff4d;border-color:#00000080 #ffffff4d #ffffff80;border-radius:12px;outline:none;padding:18px;font-size:1rem;transition:all .3s;box-shadow:inset 0 2px 8px #0009}.input-aero:focus{border-color:var(--secondary);background:#00143299;box-shadow:0 0 20px #00aaff80,inset 0 2px 5px #00000080}.btn-aero{color:#fff;letter-spacing:2.5px;text-transform:uppercase;cursor:pointer;text-shadow:0 2px 4px #00000080;background:linear-gradient(#ffffff80 0%,#fff3 49%,#0000001a 50%,#0003 100%);border:2px solid #fff9;border-top-color:#ffffffe6;border-radius:35px;padding:16px 32px;font-weight:900;transition:all .3s cubic-bezier(.2,.8,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 15px #0000004d,inset 0 1px 1px #fff6}.btn-aero:before{content:"";pointer-events:none;background:linear-gradient(#fff6,#0000);width:100%;height:50%;position:absolute;top:0;left:0}.btn-aero:hover{border-color:#fff;transform:translateY(-3px)scale(1.03);box-shadow:0 15px 30px #00b4ff80}.btn-aero.active{background:linear-gradient(180deg,var(--secondary)0%,var(--primary)100%);box-shadow:0 0 20px var(--primary);border-color:#fff}.title-aero{background:linear-gradient(#fff 20%,#8ecfff 70%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #0000004d);text-transform:uppercase;-webkit-background-clip:text;background-clip:text;font-weight:900}.lang-toggle{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0003;border:1px solid #ffffff1a;border-radius:20px;gap:4px;padding:4px;display:flex;box-shadow:inset 0 1px 3px #0000004d}.lang-btn{color:#fff;cursor:pointer;text-shadow:0 1px 2px #0003;text-align:center;background:linear-gradient(#ffffff4d 0%,#ffffff0d 100%);border:1px solid #fff6;border-radius:15px;min-width:48px;padding:6px 14px;font-size:.75rem;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1)}.lang-btn:hover{background:linear-gradient(#ffffff80 0%,#fff3 100%);transform:translateY(-1px);box-shadow:0 4px 12px #00fff266}.lang-btn.active{background:linear-gradient(180deg,var(--secondary)0%,var(--primary)100%);border-color:var(--primary);box-shadow:0 0 15px var(--primary),inset 0 1px 2px #ffffff80}.lang-btn:active{transform:scale(.95)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:10px}::selection{text-shadow:0 0 5px #00fff2;background:0 0}::selection{text-shadow:0 0 5px #00fff2;background:0 0}[data-theme=modern]{--glass-bg:#0f172a66;--glass-border:#ffffff1a;--glass-highlight:#ffffff0d;--glass-shadow:0 10px 40px #0009;--primary:#818cf8;--secondary:#6366f1;--accent:#f472b6;--text-main:#f8fafc;--text-dim:#94a3b8}[data-theme=modern] .bg-aero-wrapper{background:radial-gradient(circle at 100% 0,#1e1b4b,#0f172a 100%)}[data-theme=modern] .aero-orb{filter:blur(80px);opacity:.3}[data-theme=modern] .orb-1{background:#4f46e5}[data-theme=modern] .orb-2{background:#1e1b4b}[data-theme=modern] .orb-3{mix-blend-mode:soft-light;background:#312e81}[data-theme=modern] .bg-grid{opacity:.2;background-size:30px 30px}[data-theme=modern] .aero-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(35px)saturate();backdrop-filter:blur(35px)saturate();box-shadow:var(--glass-shadow);border:1px solid #ffffff14;border-radius:16px}[data-theme=modern] .aero-glass:after{display:none}[data-theme=modern] .tetris-board{box-shadow:none;background:#020617cc;border-color:#ffffff0d}[data-theme=modern] [class*=block-]:after{display:none}[data-theme=modern] [class*=block-]{border:1px solid #fff3;box-shadow:inset 0 0 10px #ffffff1a}[data-theme=modern] .block-I{background:#38bdf899}[data-theme=modern] .block-J{background:#6366f199}[data-theme=modern] .block-L{background:#fb923c99}[data-theme=modern] .block-O{background:#facc1599}[data-theme=modern] .block-S{background:#4ade8099}[data-theme=modern] .block-T{background:#c084fc99}[data-theme=modern] .block-Z{background:#f8717199}[data-theme=modern] .btn-aero{text-shadow:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:12px;box-shadow:inset 0 0 10px #ffffff05}[data-theme=modern] .btn-aero:before{display:none}[data-theme=modern] .btn-aero:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 0 25px #6366f166}[data-theme=modern] .btn-aero.active{background:var(--secondary);border-color:var(--primary);box-shadow:0 0 30px #6366f180}[data-theme=modern] .title-aero{background:linear-gradient(#fff,#94a3b8);filter:none;-webkit-background-clip:text;background-clip:text}[data-theme=modern] .lang-toggle{box-shadow:none;background:#0f172a99;border-color:#ffffff0d}[data-theme=modern] .lang-btn{text-shadow:none;background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px}[data-theme=modern] .lang-btn:hover{background:#ffffff14;box-shadow:0 0 10px #6366f133}[data-theme=modern] .lang-btn.active{background:var(--secondary);border-color:var(--primary);color:#fff;box-shadow:0 0 15px #6366f166}[data-theme=modern] ::selection{text-shadow:0 0 5px #6366f1}@media (max-width:1024px){.main-layout{overflow-y:auto!important}.game-grid-system{grid-template-columns:1fr 1.5fr!important}.hidden-tablet{display:none!important}}@media (max-width:768px){.game-grid-system{grid-template-columns:1fr!important;gap:10px!important}.hidden-mobile{display:none!important}.aero-glass{border-radius:12px!important;padding:15px!important}.tetris-board{width:auto!important;height:60vh!important}.title-aero{font-size:1.4rem!important}header.aero-glass{flex-direction:column;align-items:center;gap:10px;padding:10px!important}header.aero-glass>div{text-align:center}}.mobile-controls{z-index:50;grid-template-columns:repeat(3,1fr);gap:10px;width:90%;max-width:400px;display:none;position:fixed;bottom:30px;left:50%;transform:translate(-50%)}@media (max-width:768px){.mobile-controls{display:grid}}.pad-btn{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;justify-content:center;align-items:center;padding:20px;font-size:1.5rem;display:flex;box-shadow:0 4px 15px #0006}.pad-btn:active{background:var(--primary);transform:scale(.92)}.pad-main{grid-column:span 3;grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.action-btns{gap:10px;width:100%;margin-top:10px;display:flex}.action-btn{text-transform:uppercase;text-align:center;border-radius:12px;flex:1;padding:15px;font-size:.8rem;font-weight:700}