@font-face{font-family:Outfit;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/outfit-variable.woff2) format("woff2")}:root{--bg-color: #050505;--board-bg: #0a0a0a;--grid-color: rgba(255, 255, 255, .07);--text-color: #f8fafc;--accent-color: #a78bfa;--panel-bg: #0a0a0a;--border-color: #333333;--piece-i: #00f0f0;--piece-j: #0000f0;--piece-l: #f0a000;--piece-o: #f0f000;--piece-s: #00f000;--piece-t: #a000f0;--piece-z: #f00000}*{box-sizing:border-box;margin:0;padding:0;font-family:Outfit,sans-serif}body{background-color:var(--bg-color);background-image:radial-gradient(var(--grid-color) 1px,transparent 1px);background-size:20px 20px;color:var(--text-color);min-height:100dvh;display:flex;justify-content:center;align-items:center;overflow:hidden}@keyframes shake-small{0%,to{transform:translateY(0)}50%{transform:translateY(2px)}}.shake-small{animation:shake-small .1s linear}@keyframes shake-large{0%,to{transform:translate(0)}25%{transform:translate(3px,3px)}50%{transform:translate(-3px,-3px)}75%{transform:translate(3px,-2px)}}.shake-large{animation:shake-large .15s steps(2)}#garbage-indicator{position:absolute;right:-18px;bottom:10px;width:14px;display:flex;flex-direction:column-reverse;gap:2px}.garbage-block{width:14px;height:14px;background:#ef4444;border:1px solid #b91c1c;animation:garbage-pulse .8s ease-in-out infinite alternate}@keyframes garbage-pulse{0%{opacity:.6}to{opacity:1;box-shadow:0 0 6px #ef4444}}#toast-container{position:fixed;bottom:20px;right:20px;display:flex;flex-direction:column;gap:8px;z-index:1000;pointer-events:none}.toast-notif{background:#0d0d0d;border:1px solid var(--accent-color);border-left:4px solid var(--accent-color);padding:10px 14px;max-width:280px;font-size:.85rem;box-shadow:4px 4px #a78bfa4d;pointer-events:all;opacity:0;transform:translate(20px);transition:opacity .3s,transform .3s;display:flex;flex-direction:column;gap:3px}.toast-notif.toast-visible{opacity:1;transform:translate(0)}.toast-notif strong{color:var(--accent-color);font-size:.9rem}.toast-notif span{color:#94a3b8}.toast-match{border-left-color:#facc15;box-shadow:4px 4px #facc154d}.toast-actions{display:flex;gap:8px;margin-top:6px}.toast-btn{flex:1;padding:6px 10px;border:1px solid #333;font-size:1rem;font-weight:700;cursor:pointer;transition:all .15s;font-family:Outfit,sans-serif}.toast-accept{background:#22c55e26;color:#22c55e;border-color:#22c55e}.toast-accept:hover{background:#22c55e;color:#000}.toast-decline{background:#ef444426;color:#ef4444;border-color:#ef4444}.toast-decline:hover{background:#ef4444;color:#fff}@media(max-width:768px){#toast-container{bottom:auto;top:15px;right:auto;left:15px}.toast-notif{padding:8px 10px;max-width:240px;font-size:.8rem}.toast-notif strong{font-size:.85rem}.toast-actions{margin-top:4px;gap:6px}.toast-btn{padding:4px 8px;font-size:.9rem}}.info-box[data-v-a48986c9]{background:var(--panel-bg);border:1px solid var(--border-color);padding:15px;text-align:center;transition:transform .1s ease,border-color .2s ease,box-shadow .2s ease}.info-box[data-v-a48986c9]:not(.no-hover):hover{border-color:var(--accent-color);transform:translate(-3px,-3px);box-shadow:4px 4px #a78bfa80}.info-box[data-v-a48986c9] h3{font-size:.9rem;text-transform:uppercase;letter-spacing:1.5px;color:#888;margin-bottom:5px}.info-box[data-v-a48986c9] p{font-size:1.8rem;font-weight:800;color:var(--text-color)}.info-box--trt[data-v-a48986c9] h3{color:#a78bfa}.info-box--trt[data-v-a48986c9] p{font-size:1.6rem;color:#a78bfa;margin-bottom:6px;transition:color .2s ease}.info-box--trt[data-v-a48986c9] p.trt-hot{color:#22c55e}.info-box--trt[data-v-a48986c9] p.trt-warm{color:#facc15}.info-box--trt[data-v-a48986c9] p.trt-cold{color:#ef4444}.info-box--social[data-v-a48986c9]{padding:12px 14px;text-align:left}.info-box--social[data-v-a48986c9] h3{font-size:.8rem;display:flex;align-items:center;gap:6px;margin-bottom:8px}.info-box--leaderboard[data-v-a48986c9]{padding:10px 15px 15px}.info-box--controls[data-v-a48986c9]{padding:15px;text-align:left}.compact-btn[data-v-2a2be68d]{background:#111;border:1px solid var(--border-color);color:#888;width:32px;height:32px;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s ease,color .1s ease,background .1s ease,transform .1s ease;padding:0;flex-shrink:0;font-family:Outfit,sans-serif}.compact-btn[data-v-2a2be68d]:hover{border-color:var(--accent-color);color:#fff;transform:scale(1.08)}.compact-btn.is-active[data-v-2a2be68d]{border-color:var(--accent-color);background:#a78bfa26;color:#fff}.compact-btn.is-sm[data-v-2a2be68d]{width:26px;height:26px;font-size:.85rem}[data-v-7ebed593] #my-trt-chart{display:block;margin:0 auto;background:#111;border:1px solid var(--border-color)}.lb-tabs[data-v-7ebed593]{display:flex;gap:4px;justify-content:center;margin-bottom:6px}.lb-list[data-v-7ebed593]{list-style:none;padding:0;font-size:.8rem;text-align:left;color:#cbd5e1;margin-top:10px}.lb-list li[data-v-7ebed593]{padding:4px 0;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between}.lb-list li[data-v-7ebed593]:last-child{border-bottom:none}.lb-name[data-v-7ebed593]{font-weight:600;color:#fff}.lb-empty[data-v-7ebed593]{color:#555;font-size:.75rem;text-align:center;padding:8px 0;justify-content:center;border-bottom:none}.opponent-name[data-v-1e5dfb46]{font-size:.95rem;font-weight:700;color:var(--text-color);text-align:center;margin-bottom:5px;text-transform:none;letter-spacing:0}.opponent-stats[data-v-1e5dfb46]{display:flex;justify-content:space-around;margin-bottom:5px}.stat-col[data-v-1e5dfb46]{text-align:center}.stat-label[data-v-1e5dfb46]{font-size:.65rem;color:#888;text-transform:uppercase}.stat-val[data-v-1e5dfb46]{font-size:1.2rem;font-weight:700}.trt-mini-widget[data-v-1e5dfb46]{display:flex;align-items:center;justify-content:center;gap:6px;background:#111;border:1px solid var(--border-color);padding:4px 8px;margin-bottom:2px;flex-wrap:wrap}.trt-mini-label[data-v-1e5dfb46]{font-size:.65rem;text-transform:uppercase;color:#a78bfa;font-weight:600}.trt-mini-value[data-v-1e5dfb46]{font-size:.9rem;font-weight:800;color:#a78bfa;min-width:36px;text-align:center}.trt-mini-value.trt-hot[data-v-1e5dfb46]{color:#22c55e}.trt-mini-value.trt-warm[data-v-1e5dfb46]{color:#facc15}.trt-mini-value.trt-cold[data-v-1e5dfb46]{color:#ef4444}[data-v-1e5dfb46] #opponent-trt-chart{display:block;background:#111;border:1px solid var(--border-color)}[data-v-1e5dfb46] #opponent-board{background:var(--board-bg);border-radius:4px;box-shadow:inset 0 0 10px #00000080;margin-top:6px;border:1px solid var(--border-color);display:block;max-width:100%}.opponent-status[data-v-1e5dfb46]{font-size:.8rem;color:#facc15;margin-top:5px;text-align:center}.settings-row[data-v-1e5dfb46]{display:flex;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap;justify-content:space-between}.settings-left[data-v-1e5dfb46],.player-header[data-v-1e5dfb46]{display:flex;align-items:center;gap:8px}.header-nick[data-v-1e5dfb46]{font-size:.9rem;font-weight:600;color:var(--accent-color)}[data-v-1e5dfb46] #lang-switch{background:#111;border:1px solid var(--border-color);color:var(--text-color);padding:4px 10px;font-size:.85rem;border-radius:4px;outline:none;cursor:pointer;font-family:Outfit,sans-serif;transition:border-color .2s}[data-v-1e5dfb46] #lang-switch:hover,[data-v-1e5dfb46] #lang-switch:focus{border-color:var(--accent-color)}[data-v-1e5dfb46] #lang-switch option{background:#111;color:#fff}.divider[data-v-1e5dfb46]{border-color:#333;margin:10px 0}.badge[data-v-1e5dfb46]{background:var(--accent-color);color:#000;font-size:.65rem;font-weight:800;padding:1px 5px;border-radius:10px;min-width:18px;text-align:center}.social-list[data-v-1e5dfb46]{list-style:none;display:flex;flex-direction:column;gap:4px;max-height:150px;overflow-y:auto}.social-list li[data-v-1e5dfb46]{display:flex;align-items:center;gap:5px;font-size:.78rem;padding:3px 0;border-bottom:1px solid #1a1a1a}.social-list li[data-v-1e5dfb46]:last-child{border-bottom:none}.status-indicator[data-v-1e5dfb46]{width:8px;height:8px;border-radius:50%;background:#22c55e;flex-shrink:0}.status-indicator.offline[data-v-1e5dfb46]{background:#555}.status-indicator.online[data-v-1e5dfb46]{background:#22c55e}.status-indicator.away[data-v-1e5dfb46]{background:#facc15}.social-nick[data-v-1e5dfb46]{flex:1;font-weight:600;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.social-nick.away[data-v-1e5dfb46]{color:#555}.social-action-btn[data-v-1e5dfb46]{background:none;border:none;cursor:pointer;font-size:.85rem;padding:2px 4px;border-radius:3px;transition:background .2s;display:flex;align-items:center;justify-content:center;flex-shrink:0}.social-action-btn[data-v-1e5dfb46]:hover:not(:disabled){background:#ffffff1a}.social-action-btn[data-v-1e5dfb46]:disabled{cursor:default}.pending-requests[data-v-1e5dfb46]{background:#facc1512;border:1px solid #facc1540;padding:6px 8px;margin-bottom:6px;font-size:.75rem}.pending-req-item[data-v-1e5dfb46]{display:flex;align-items:center;gap:4px;margin-bottom:4px}.pending-req-item[data-v-1e5dfb46]:last-child{margin-bottom:0}.pending-req-nick[data-v-1e5dfb46]{flex:1;color:#facc15;font-weight:600}.controls-list[data-v-1e5dfb46]{list-style:none;font-size:.85rem;color:#bbb}.controls-list li[data-v-1e5dfb46]{margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}.controls-list li>span[data-v-1e5dfb46]{text-align:right;line-height:1.1;max-width:50%}.keys-group[data-v-1e5dfb46]{display:flex;gap:5px;align-items:center;flex-wrap:wrap}kbd[data-v-1e5dfb46]{background:#222;padding:2px 6px;font-family:monospace;font-size:.8rem;border:1px solid #444;border-bottom:2px solid #555}.offline-container[data-v-1e5dfb46]{width:100%}.offline-notice[data-v-1e5dfb46]{color:#ef4444;font-weight:600;text-align:center;font-size:.8rem;padding:10px 5px;border:1px dashed rgba(239,68,68,.4);background:#ef44440d;border-radius:4px;margin:0;line-height:1.3}.action-btn[data-v-6b6c1ff9]{cursor:pointer;font-family:Outfit,sans-serif;transition:all .1s ease;border:1px solid var(--border-color)}.action-btn[data-v-6b6c1ff9]:disabled{background:#1a1a1a!important;color:#555!important;border-color:#2a2a2a!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}.action-btn--glow[data-v-6b6c1ff9]{background:var(--bg-color);color:#fff;padding:10px 20px;font-size:1.05rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.action-btn--glow[data-v-6b6c1ff9]:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color);transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--accent-color)}.action-btn--glow[data-v-6b6c1ff9]:active{transform:translate(0);box-shadow:none}.action-btn--glow.is-danger[data-v-6b6c1ff9]{background:linear-gradient(135deg,#ef4444,#b91c1c);border-color:#b91c1c}.action-btn--glow.is-danger[data-v-6b6c1ff9]:hover{background:#fca5a5;color:#7f1d1d;border-color:#fca5a5}.action-btn--mode[data-v-6b6c1ff9]{background:#0d0d0d;border-color:#333;color:#bbb;padding:6px 12px;font-size:.85rem;font-weight:600;text-align:left;display:flex;align-items:center;gap:8px;width:100%;letter-spacing:.5px}.action-btn--mode[data-v-6b6c1ff9]:hover{border-color:var(--accent-color);color:#fff;transform:translate(-2px,-2px);box-shadow:3px 3px #a78bfa66}.action-btn--mode.is-active[data-v-6b6c1ff9]{border-color:var(--accent-color);color:#fff;background:#a78bfa1f;box-shadow:2px 2px #a78bfa80}.text-btn[data-v-93dea293]{background:transparent;border:none;color:#555;font-size:.72rem;cursor:pointer;padding:2px 0;text-decoration:underline;font-family:Outfit,sans-serif;transition:color .1s ease}.text-btn[data-v-93dea293]:hover{color:#aaa}.text-btn.is-danger[data-v-93dea293]:hover{color:#ef4444}.board-container[data-v-48899aab]{position:relative;padding:10px;background:var(--panel-bg);border:1px solid var(--border-color)}[data-v-48899aab] #tetris-board{background:var(--board-bg);display:block;border:1px solid var(--border-color);background-image:radial-gradient(var(--grid-color) 1px,transparent 1px);background-size:30px 30px;background-position:center}.overlay[data-v-48899aab]{position:absolute;top:0;left:0;width:100%;height:100%;background:#050505eb;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;text-align:center}.overlay h2[data-v-48899aab]{font-size:2.5rem;margin-bottom:10px;color:var(--text-color);letter-spacing:2px}.overlay p[data-v-48899aab]{font-size:1.2rem;margin-bottom:20px;color:#aaa}.nes-title[data-v-48899aab]{font-size:2.8rem!important;font-weight:800;letter-spacing:4px;margin-bottom:10px!important;color:var(--text-color);text-shadow:4px 4px 0px var(--accent-color)}.overlay-desc[data-v-48899aab]{font-size:.75rem;color:#94a3b8;margin-bottom:8px}.auth-error[data-v-48899aab]{color:#ef4444;font-size:.8rem;min-height:1.2em;margin-bottom:8px}#player-name-input[data-v-48899aab]{background:#111;border:1px solid var(--border-color);color:#fff;font-size:1.1rem;padding:10px;margin-bottom:8px;border-radius:8px;outline:none;text-align:center;width:100%;box-sizing:border-box;font-family:Outfit,sans-serif}#player-name-input[data-v-48899aab]:focus{border-color:var(--accent-color)}.lobby-block[data-v-48899aab]{background:#a78bfa0f;border:1px solid rgba(167,139,250,.25);padding:10px 14px;width:100%;max-width:280px;margin-bottom:14px}.lobby-partner-row[data-v-48899aab]{display:flex;align-items:center;gap:6px;margin-bottom:8px;font-size:.85rem}.lobby-label[data-v-48899aab]{color:#666}.lobby-partner-name[data-v-48899aab]{font-weight:700;color:#e2e8f0;flex:1}.lobby-status.online[data-v-48899aab]{color:#22c55e}.lobby-status.away[data-v-48899aab]{color:#facc15}.lobby-status.offline[data-v-48899aab]{color:#555}.lobby-link-row[data-v-48899aab]{display:flex;gap:6px;align-items:center;margin-bottom:6px}.lobby-link-input[data-v-48899aab]{flex:1;background:#111;border:1px solid #333;color:#888;font-size:.7rem;padding:5px 8px;outline:none;font-family:monospace;overflow:hidden;text-overflow:ellipsis}.auto-match-block[data-v-48899aab]{background:#22c55e0f;border:1px solid rgba(34,197,94,.25);padding:8px 14px;margin-bottom:14px;text-align:center}.auto-match-text[data-v-48899aab]{color:#4ade80;font-size:.85rem}.mode-selector[data-v-48899aab]{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:6px;width:100%}.mode-selector-label[data-v-48899aab]{font-size:.8rem;text-transform:uppercase;letter-spacing:1.5px;color:#888}.mode-btns[data-v-48899aab]{display:flex;flex-direction:column;gap:6px;width:100%;max-width:260px}.level-selection[data-v-48899aab]{margin-bottom:15px;display:flex;flex-direction:column;align-items:center;gap:5px}.level-selection label[data-v-48899aab]{font-size:1.1rem;color:#888;text-transform:uppercase;letter-spacing:1px}.level-input-group[data-v-48899aab]{display:flex;align-items:center;gap:8px}#start-level-input[data-v-48899aab]{background:#111;border:1px solid var(--border-color);color:#fff;font-size:1.5rem;padding:3px 0;width:60px;text-align:center;outline:none;font-family:monospace;-moz-appearance:textfield}#start-level-input[data-v-48899aab]::-webkit-outer-spin-button,#start-level-input[data-v-48899aab]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}#start-level-input[data-v-48899aab]:focus{border-color:var(--accent-color)}.play-btns[data-v-48899aab]{display:flex;gap:10px}.solo-btn[data-v-48899aab]{background:linear-gradient(135deg,#a855f7,#7e22ce)!important}.waiting-message[data-v-48899aab]{margin-top:15px;text-align:center}.waiting-text[data-v-48899aab]{color:#facc15;margin-bottom:10px}.match-result[data-v-48899aab]{font-size:1.5rem;font-weight:700;color:#facc15;margin-bottom:20px}.status-message[data-v-48899aab]{margin-top:15px;color:#94a3b8;font-size:.9rem}[data-v-48899aab] .score-win{color:#22c55e!important}[data-v-48899aab] .score-lose{color:#ef4444!important}[data-v-48899aab] .score-tie{color:var(--accent-color)!important}@media(max-width:768px){.overlay[data-v-48899aab]{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;width:100vw;height:100vh;overflow-y:auto;background:#050505f2}.overlay h2[data-v-48899aab]{font-size:1.8rem}.nes-title[data-v-48899aab]{font-size:2.2rem!important}}.control-btn[data-v-ba7cc349]{background:#111;border:1px solid var(--border-color);color:#fff;width:60px;height:60px;font-size:1.5rem;display:flex;justify-content:center;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:background .05s ease;font-family:Outfit,sans-serif}.control-btn[data-v-ba7cc349]:active{background:#333}.mobile-controls[data-v-9525e88d]{display:none;width:100%;max-width:400px;justify-content:space-between;align-items:flex-end;margin-top:10px;padding:0 10px}.setup-bar[data-v-9525e88d]{position:fixed;top:60px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:4000;background:#0a0a0ae6;padding:10px;border-radius:8px;border:1px solid var(--accent-color);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.setup-btn[data-v-9525e88d]{background:#a78bfa33;color:#fff;border:1px solid var(--accent-color);padding:8px 16px;font-family:Outfit,sans-serif;font-weight:600;border-radius:6px;cursor:pointer;transition:background .2s}.setup-btn[data-v-9525e88d]:active{background:#a78bfa66}.cancel-btn[data-v-9525e88d]{background:#fa8b8b33;border-color:#fca5a5}.cancel-btn[data-v-9525e88d]:active{background:#fa8b8b66}.d-pad[data-v-9525e88d]{display:flex;gap:20px}.action-buttons[data-v-9525e88d]{display:flex;flex-direction:column;align-items:center;position:relative}[data-v-9525e88d] .action-buttons .control-btn{width:65px;height:65px}.btn-drop[data-v-9525e88d]{position:absolute;bottom:120px;z-index:50}@media(max-width:768px){.mobile-controls[data-v-9525e88d]{display:flex;flex:1;min-height:130px;align-items:center;margin-top:0;padding:0 15px}}.modal-backdrop[data-v-b714a551]{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;display:flex;align-items:center;justify-content:center;z-index:500}.modal-box[data-v-b714a551]{background:#0d0d0d;border:1px solid var(--border-color);padding:28px 32px;text-align:center;max-width:360px;width:90%;box-shadow:6px 6px 0 var(--accent-color)}.modal-box[data-v-b714a551] h3{font-size:1.2rem;font-weight:800;margin-bottom:10px;letter-spacing:1px}.modal-actions[data-v-b714a551]{margin-top:16px}.default-close-btn[data-v-b714a551]{background:var(--bg-color);color:#fff;border:1px solid var(--border-color);padding:10px 20px;font-size:1.05rem;font-weight:600;cursor:pointer;text-transform:uppercase;letter-spacing:1px;font-family:Outfit,sans-serif;transition:all .1s ease}.default-close-btn[data-v-b714a551]:hover{background:var(--text-color);color:var(--bg-color);border-color:var(--text-color);transform:translate(-3px,-3px);box-shadow:4px 4px 0 var(--accent-color)}.default-close-btn[data-v-b714a551]:active{transform:translate(0);box-shadow:none}.modal-desc[data-v-733549d0]{font-size:.8rem;color:#94a3b8;margin-bottom:12px}.key-display-row[data-v-733549d0]{display:flex;gap:6px;align-items:center;margin-bottom:4px}#key-display[data-v-733549d0]{flex:1;background:#111;border:1px solid var(--border-color);color:#a78bfa;font-family:monospace;font-size:.85rem;padding:8px 10px;outline:none;letter-spacing:1px}.invite-from[data-v-733549d0]{color:#facc15;font-size:1rem;margin-bottom:16px}.invite-actions[data-v-733549d0]{display:flex;gap:10px;justify-content:center}.countdown-overlay[data-v-733549d0]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000d9;border:2px solid var(--accent-color);border-radius:12px;width:150px;height:150px;display:flex;align-items:center;justify-content:center;z-index:9999;box-shadow:0 0 30px var(--accent-color);animation:popIn-733549d0 .3s cubic-bezier(.175,.885,.32,1.275)}.countdown-number[data-v-733549d0]{font-size:5rem;font-weight:900;color:#fff;text-shadow:0 0 20px var(--accent-color)}@keyframes popIn-733549d0{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.mobile-menu-wrapper[data-v-e617fd51]{display:none}@media(max-width:768px){.mobile-menu-wrapper[data-v-e617fd51]{display:block}.hamburger-btn[data-v-e617fd51]{position:fixed;top:5px;right:5px;width:44px;height:44px;z-index:3000;background:#0a0a0a99;border:1px solid var(--accent-color);border-radius:8px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:all .3s ease;padding:0;opacity:.5}.hamburger-btn[data-v-e617fd51]:hover{background:#0a0a0ae6;opacity:1}.hamburger-line[data-v-e617fd51]{width:24px;height:2px;background-color:var(--accent-color);transition:all .3s ease}.hamburger-btn.is-open .hamburger-line[data-v-e617fd51]:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-btn.is-open .hamburger-line[data-v-e617fd51]:nth-child(2){opacity:0}.hamburger-btn.is-open .hamburger-line[data-v-e617fd51]:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger-btn.is-open[data-v-e617fd51]{background:#0a0a0af2;border-color:#facc15;opacity:1}.hamburger-btn.is-open .hamburger-line[data-v-e617fd51]{background-color:#facc15}.mobile-menu-overlay[data-v-e617fd51]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#050505f2;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:2900;display:flex;justify-content:center;align-items:center}.mobile-menu-content[data-v-e617fd51]{display:flex;flex-direction:column;gap:20px;width:80%;max-width:320px}.menu-title[data-v-e617fd51]{text-align:center;color:var(--text-color);font-size:1.5rem;margin-bottom:10px;letter-spacing:2px;text-transform:uppercase}.menu-item-btn[data-v-e617fd51]{background:#a78bfa1a;border:2px solid var(--accent-color);color:#fff;padding:16px 20px;font-size:1.1rem;font-family:Outfit,sans-serif;font-weight:600;border-radius:12px;cursor:pointer;transition:all .2s ease;text-align:left;box-shadow:0 4px 15px #00000080}.menu-item-btn[data-v-e617fd51]:active{transform:scale(.96);background:#a78bfa4d}.fade-enter-active[data-v-e617fd51],.fade-leave-active[data-v-e617fd51]{transition:opacity .25s ease}.fade-enter-from[data-v-e617fd51],.fade-leave-to[data-v-e617fd51]{opacity:0}}.game-container{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px;max-width:1500px;width:100%}.game-layout{display:flex;flex-direction:row;gap:30px;align-items:flex-start;justify-content:center;width:100%}.side-panel{display:flex;flex-direction:row;gap:30px}.panel-col{display:flex;flex-direction:column;gap:20px;width:234px}@media(max-width:768px){.game-container{padding:5px;height:100dvh;justify-content:space-between}.game-layout{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:5px;width:100%;max-width:400px;flex:0 1 auto;min-height:0;grid-template-rows:auto 1fr;grid-template-areas:"score lines level trt" "board board board right-col"}.left-panel,.panel-col{display:contents}.right-panel{display:flex!important;flex-direction:column;grid-area:right-col;gap:5px;min-height:0;overflow:hidden;width:110px}#score-box{grid-area:score;padding:5px}#lines-box{grid-area:lines;padding:5px}#level-box{grid-area:level;padding:5px}#my-trt-box{grid-area:trt;padding:5px}#next-box{padding:5px;flex-shrink:0}#opponent-box{padding:5px;flex:1;min-height:0;overflow:hidden}.board-container{grid-area:board;padding:0;display:flex;justify-content:center;align-items:center;min-height:0;min-width:0}.leaderboard-box,.social-controls-mobile-wrapper{display:none!important}.mobile-layer-left_panel .leaderboard-box{display:flex!important;position:fixed!important;top:0;left:0;right:0;bottom:0;width:100vw!important;height:100vh!important;z-index:2000;background:#0a0a0afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;flex-direction:column;padding:60px 20px 20px!important;border:1px solid var(--accent-color);box-shadow:0 0 20px #000c;transform:none!important;margin:0!important;animation:fadeIn .2s ease-out}.mobile-layer-right_panel .social-controls-mobile-wrapper{display:flex!important;position:fixed!important;top:0;left:0;right:0;bottom:0;width:100vw!important;height:100vh!important;z-index:2000;background:#0a0a0afa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;flex-direction:column;gap:15px;padding:60px 20px 20px!important;border:1px solid var(--accent-color);box-shadow:0 0 20px #000c;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.info-box h3{font-size:.55rem;margin-bottom:2px;letter-spacing:0}.info-box p{font-size:1.1rem}#my-trt-chart,#opponent-trt-chart{display:none!important}#next-piece-canvas{width:50px;height:50px;margin:0 auto}#tetris-board{width:auto;max-width:100%;height:100%;max-height:100%;aspect-ratio:1 / 2;background-size:10% 5%;margin:0 auto}#opponent-board{width:auto;max-width:100%;height:100%;max-height:30dvh;aspect-ratio:1 / 2;background-size:10% 5%;margin:0 auto}}