@font-face{font-family:OriginTech;src:url(/assets/OriginTech-BpZw2uTO.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{--vt-c-white: #70386d33;--vt-c-white-soft: #6a4a69ab;--vt-c-white-mute: #bbd1fa8c;--vt-c-black: #262626;--vt-c-black-soft: #1e1e20;--vt-c-black-mute: #42424252;--vt-c-primary: #404040;--vt-c-primary-dark: #0099cc;--vt-c-secondary: #ff6b6b;--vt-c-accent: #4ecdc4;--vt-c-success: #00ff88;--vt-c-warning: #ffeb3b;--vt-c-purple: #fcfcfc;--gradient-primary: linear-gradient(135deg, var(--vt-c-white) 0%, var(--vt-c-purple) 100%);--gradient-gaming: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-neon: linear-gradient(45deg, #ff006e, #00d4ff, #ff006e);--vt-c-divider-light-1: rgba(148, 163, 184, .3);--vt-c-divider-light-2: rgba(148, 163, 184, .15);--vt-c-divider-dark-1: rgba(252, 252, 252, .411);--vt-c-divider-dark-2: rgba(100, 255, 219, 0);--vt-c-text-light-1: #ffffff;--vt-c-text-light-2: #ffffff;--vt-c-text-dark-1: #f8fafc;--vt-c-text-dark-2: rgba(255, 255, 255, .8);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--glow-primary: 0 0 20px rgba(255, 255, 255, .5);--glow-secondary: 0 0 20px rgba(255, 107, 107, .5)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-primary: var(--vt-c-primary);--color-secondary: var(--vt-c-secondary);--section-gap: 120px;--color-success: #16a34a;--color-success-contrast: #0b3d1f;--color-success-soft: rgba(22,163,74,.12);--color-danger: #ef4444;--color-danger-contrast: #7f1d1d;--color-danger-soft: rgba(239,68,68,.12);--color-warning: #f59e0b;--color-warning-contrast: #7c4a00;--color-warning-soft: rgba(245,158,11,.12);--color-info: #3b82f6;--color-info-contrast: #0b3a82;--color-info-soft: rgba(59,130,246,.12);--color-online: #10b981;--color-offline: #9e9e9e;--color-playing: #ff9800;--color-overlay-bg: rgba(0,0,0,.55);--color-brand: #4facfe;--gradient-brand: linear-gradient(135deg,#4facfe,#00f2fe);--color-background-rgb: 255,255,255;--color-background-soft-rgb: 248,250,252;--pong-bg: #0a0a0a;--pong-ball: #ccccff;--pong-paddle: #ffffff;--pong-overlay: rgba(0,0,0,.7);--panel-bg: var(--color-background-soft);--panel-border: var(--color-border);--panel-shadow: var(--shadow-md);--surface-card-bg: linear-gradient(160deg, rgba(255, 255, 255, .88) 0%, rgba(248, 250, 252, .78) 100%);--surface-card-border: rgba(148, 163, 184, .3);--surface-field-bg: rgba(255, 255, 255, .94);--surface-field-border: rgba(148, 163, 184, .45)}.panel{background:var(--panel-bg, var(--color-background-soft));border:1px solid var(--panel-border, var(--color-border));border-radius:7px;padding:1.2em;box-shadow:var(--panel-shadow, var(--shadow-md))}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}:root[data-theme=light],[data-theme=light]{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--color-background-rgb: 255,255,255;--color-background-soft-rgb: 248,250,252;--color-overlay-bg: rgba(0,0,0,.45);--panel-bg: var(--color-background-soft);--panel-border: var(--color-border);--panel-shadow: var(--shadow-md);--surface-card-bg: linear-gradient(160deg, rgba(255, 255, 255, .9) 0%, rgba(248, 250, 252, .8) 100%);--surface-card-border: rgba(148, 163, 184, .35);--surface-field-bg: rgba(255, 255, 255, .95);--surface-field-border: rgba(148, 163, 184, .5)}:root[data-theme=dark],[data-theme=dark]{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2);--color-background-rgb: 23,26,43;--color-background-soft-rgb: 30,30,32;--color-overlay-bg: rgba(0,0,0,.6);--panel-bg: rgba(55, 55, 55, .71);--panel-border: rgba(255,255,255,.06);--panel-shadow: 0 6px 24px rgba(0,0,0,.25) inset, 0 6px 18px rgba(0,0,0,.22);--surface-card-bg: linear-gradient(160deg, rgba(39, 44, 60, .9) 0%, rgba(21, 25, 38, .85) 100%);--surface-card-border: rgba(148, 163, 184, .28);--surface-field-bg: rgba(20, 24, 36, .9);--surface-field-border: rgba(148, 163, 184, .32)}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);background-image:radial-gradient(circle at 25% 25%,rgba(0,212,255,.05) 0%,transparent 50%),radial-gradient(circle at 75% 75%,rgba(255,107,107,.05) 0%,transparent 50%);transition:color .3s ease,background-color .3s ease;line-height:1.6;font-family:OriginTech,Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pong-fullscreen{position:fixed;inset:0;width:100vw;height:100vh;touch-action:none;background:#000;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.pong-canvas{display:block;image-rendering:optimizeQuality}.fs-btn{position:absolute;z-index:20;right:12px;top:12px;padding:8px 12px;border-radius:8px;background:#ffffff26;color:#fff;font-weight:600;-webkit-backdrop-filter:saturate(120%) blur(8px);backdrop-filter:saturate(120%) blur(8px);-webkit-user-select:none;user-select:none}#app{max-width:1800px;margin:0 auto;font-weight:400;position:relative;z-index:1;isolation:isolate}a{text-decoration:none;color:var(--color-primary);transition:all .3s ease;padding:8px 12px;border-radius:7px;position:relative;font-weight:500}a:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--gradient-primary);transition:all .3s ease;transform:translate(-50%);border-radius:1px}@media (hover: hover){a:hover{color:var(--vt-c-white);transform:translateY(-2px)}a:hover:after{width:89%}}.green{color:var(--vt-c-success);text-shadow:0 0 10px rgba(0,255,136,.5)}.btn{padding:12px 24px;border:none;border-radius:7px;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.btn-primary{background:#fff;color:#000;box-shadow:var(--shadow-md)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--glow-primary),var(--shadow-lg)}.btn-secondary{background:var(--gradient-gaming);color:#fff;box-shadow:var(--shadow-md)}.btn-secondary:hover{box-shadow:var(--glow-secondary),var(--shadow-lg);transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.card{background:var(--color-background-soft);border:1px solid var(--color-border);padding:24px;box-shadow:var(--shadow-md);transition:all .3s ease}.card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.input{padding:12px 16px;border:2px solid var(--color-border);border-radius:7px;background:var(--color-background-soft);color:var(--color-text);font-size:16px;transition:all .3s ease}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #00d4ff1a}header{background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:100}@media (prefers-color-scheme: dark){header{background:#ffffff0a;border-bottom-color:var(--color-border)}}:root[data-theme=dark] header,[data-theme=dark] header{border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .75));box-shadow:var(--panel-shadow)}:root[data-theme=light] header,[data-theme=light] header{border-radius:7px}@media (min-width: 768px){#app{padding:1rem}}@media (min-width: 1024px){body{display:flex;flex-direction:column;align-items:center}#app{width:100%;max-width:1800px}}@keyframes glow{0%,to{box-shadow:0 0 5px var(--color-primary)}50%{box-shadow:0 0 20px var(--color-primary)}}.animate-glow{animation:glow 2s ease-in-out infinite}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-background-mute)}::-webkit-scrollbar-thumb{background:var(--gradient-primary);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--vt-c-primary-dark)}.game-fs-on .game-overlay,.game-fs-on .canvas-countdown,.game-fs-on .ai-performance,.game-fs-on .game-footer,.game-fs-on .game-header,.game-fs-on .score-board,.game-fs-on .game-instructions,.game-fs-on .instructions,.game-fs-on .game-header-mini{display:none!important}.game-fs-on .game-container,.game-fs-on .ai-game,.game-fs-on .local-game,.game-fs-on .remote-game-container,.game-fs-on .game-canvas-container{background:transparent!important;border:none!important;padding:0!important;box-shadow:none!important}.game-fs-on .game-canvas-container:before{display:none!important}.game-fs-on .pong-canvas{border:none!important}.game-fs-on .mobile-ctrls,.game-fs-on .game-background,.game-fs-on .floating-shapes,.game-fs-on .shape,.game-fs-on .three-bg{display:none!important}.game-fs-on header{display:none!important}.game-fs-on .remote-game-container .score,.game-fs-on .remote-game-container .game-status,.game-fs-on .remote-game-container .instructions,.game-fs-on .remote-game-container .leave-btn{display:none!important}.username[data-v-f13b4d11]{color:var(--color-text);line-height:1.2;position:relative;display:inline-block;transition:color .3s;font-weight:600}.username[data-v-f13b4d11]:after{content:"";display:block;width:0;height:3px;background:var(--gradient-primary);transition:width .3s;position:absolute;bottom:-4px;left:0;border-radius:2px}.username[data-v-f13b4d11]:hover{color:var(--color-primary);opacity:.5}.username[data-v-f13b4d11]:hover:after{width:100%;transform:translate(0)}.bg3d[data-v-f13b4d11],.bg3d[data-v-f13b4d11] *{pointer-events:none!important}.header-modern[data-v-f13b4d11]{position:sticky;top:0;z-index:1000;box-shadow:0 60px 20px #fff0 inset,0 16px 14px #4a4a4a;backdrop-filter:blur(4px) saturate(20%);-webkit-backdrop-filter:blur(4px) saturate(20%);background:linear-gradient(transparent,#504f4fde);padding:.9rem 11.25rem;border-radius:25px;border:0px}.header-content[data-v-f13b4d11]{max-width:1100px;margin:0 auto;width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem}.logo-text[data-v-f13b4d11]{margin:0;font-size:1.4rem;font-weight:900;letter-spacing:.2px;background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.nav-wrapper[data-v-f13b4d11]{position:relative;display:flex;align-items:center;justify-content:center}.nav-toggle[data-v-f13b4d11]{display:none;width:44px;height:44px;border-radius:11px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer;align-items:center;justify-content:center;padding:0;transition:background .2s ease,border-color .2s ease,transform .2s ease}.nav-toggle[data-v-f13b4d11]:hover{background:#ffffff24;transform:translateY(-1px)}.nav-toggle-line[data-v-f13b4d11]{position:relative;width:22px;height:2px;background:currentColor;border-radius:999px;transition:background .2s ease}.nav-toggle-line[data-v-f13b4d11]:before,.nav-toggle-line[data-v-f13b4d11]:after{content:"";position:absolute;left:0;width:22px;height:2px;background:currentColor;border-radius:999px;transition:transform .25s ease,top .25s ease}.nav-toggle-line[data-v-f13b4d11]:before{top:-7px}.nav-toggle-line[data-v-f13b4d11]:after{top:7px}.nav-toggle-line.open[data-v-f13b4d11]{background:transparent}.nav-toggle-line.open[data-v-f13b4d11]:before{top:0;transform:rotate(45deg)}.nav-toggle-line.open[data-v-f13b4d11]:after{top:0;transform:rotate(-45deg)}.nav-modern[data-v-f13b4d11]{display:flex;align-items:center;justify-content:center;gap:.35rem;flex-wrap:wrap}.nav-modern .username[data-v-f13b4d11]{display:flex;align-items:center;justify-content:center}.nav-link[data-v-f13b4d11]{position:relative;padding:.55rem .8rem;border-radius:10px;color:#ffffffd9;font-weight:600;transition:color .2s ease,background .2s ease,transform .2s ease}.nav-link[data-v-f13b4d11]:hover{color:#fff;background:#ffffff0f;transform:translateY(-1px)}.nav-link[data-v-f13b4d11]:after{content:"";position:absolute;left:.8rem;right:.8rem;bottom:.35rem;height:2px;border-radius:2px;background:var(--gradient-primary);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}a.router-link-active.nav-link[data-v-f13b4d11]:after,.header-right[data-v-f13b4d11]{display:flex;align-items:center;gap:.6rem}.theme-toggle[data-v-f13b4d11]{padding:.45rem .6rem;border-radius:10px;border:1px solid rgba(255,255,255,.14);background:#ffffff14;color:#fff;cursor:pointer}.theme-toggle[data-v-f13b4d11]:hover{background:#ffffff24}.lang-selector[data-v-f13b4d11]{padding:.5rem .7rem;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#ffffff0f;color:#fff;font-weight:700;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.lang-selector[data-v-f13b4d11]:hover{background:#ffffff1a;transform:translateY(-1px)}.lang-selector[data-v-f13b4d11]:focus{outline:none;border-color:#6366f1a6;box-shadow:0 0 0 3px #6366f12e}.userbox[data-v-f13b4d11]{position:relative;display:inline-flex;align-items:center;gap:.5rem}.avatar[data-v-f13b4d11]{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;font-size:.95rem;border:2px solid rgba(255,255,255,.18);box-shadow:0 8px 22px #00000073;overflow:hidden;cursor:pointer}.avatar img[data-v-f13b4d11]{width:170%;height:120%;object-fit:cover;display:block}.avatar[data-v-f13b4d11]:hover{transform:translateY(-1px);box-shadow:0 10px 26px #00000080}.presence[data-v-f13b4d11]{position:absolute;right:-2px;bottom:-2px;width:12px;height:12px;border-radius:50%;border:2px solid rgba(23,26,43,1);box-shadow:0 0 0 2px #00000026 inset}.presence.online[data-v-f13b4d11]{background:#10b981}.presence.offline[data-v-f13b4d11]{background:#ef4444}.presence-sm[data-v-f13b4d11]{width:10px;height:10px;right:-2px;bottom:-2px}.user-menu[data-v-f13b4d11]{position:absolute;top:calc(100% + 10px);right:0;width:260px;border-radius:7px;padding:.65rem;border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 48px #00000073;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);animation:menuIn-f13b4d11 .16s ease}@keyframes menuIn-f13b4d11{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.user-menu[data-v-f13b4d11]:before{content:"";position:absolute;right:12px;top:-6px;width:12px;height:12px;background:inherit;transform:rotate(45deg);border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}.user-menu-header[data-v-f13b4d11]{display:flex;align-items:center;gap:.6rem;padding:.35rem .35rem .6rem;margin-bottom:.4rem;border-bottom:1px solid rgba(255,255,255,.12)}.avatar-sm[data-v-f13b4d11]{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:800;overflow:hidden;border:2px solid rgba(255,255,255,.18);background:linear-gradient(135deg,#4facfe,#00f2fe)}.avatar-sm img[data-v-f13b4d11]{width:100%;height:100%;object-fit:cover;display:block}.user-meta[data-v-f13b4d11]{display:flex;flex-direction:column;min-width:0}.user-name[data-v-f13b4d11]{font-weight:800;color:#fff;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-status[data-v-f13b4d11]{font-size:.8rem;color:#fff9}.menu-item[data-v-f13b4d11]{width:100%;background:transparent;border:0;color:#fff;font-weight:700;text-align:left;padding:.55rem .6rem;border-radius:7px;cursor:pointer;display:flex;align-items:center;gap:.55rem;transition:background .15s ease,transform .15s ease}.menu-item[data-v-f13b4d11]:hover{background:#ffffff14;transform:translateY(-1px)}.menu-item.danger[data-v-f13b4d11]{color:#ff6b6b}.menu-sep[data-v-f13b4d11]{height:1px;margin:.35rem 0;background:#ffffff1f}@media (max-width: 900px){.header-modern[data-v-f13b4d11]{padding:.9rem 2rem}.header-content[data-v-f13b4d11]{grid-template-columns:auto auto;gap:.8rem}.nav-wrapper[data-v-f13b4d11]{justify-content:flex-start}}@media (max-width: 720px){.header-modern[data-v-f13b4d11]{padding:.8rem 1.2rem}.header-content[data-v-f13b4d11]{grid-template-columns:auto auto}.nav-wrapper[data-v-f13b4d11]{justify-content:flex-end}.nav-toggle[data-v-f13b4d11]{display:inline-flex}.nav-modern[data-v-f13b4d11]{position:absolute;top:calc(100% + 12px);right:0;display:flex;flex-direction:column;align-items:stretch;gap:.35rem;padding:.85rem .9rem;border:1px solid var(--surface-card-border);border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .75));box-shadow:var(--panel-shadow);border-radius:7px;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.nav-modern.is-mobile-open[data-v-f13b4d11]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.nav-modern .username[data-v-f13b4d11]{width:100%;justify-content:flex-start;padding:.6rem .8rem;border-radius:8px;margin:0}.nav-modern .username[data-v-f13b4d11]:hover{background:#fff;transform:none}.nav-modern .username[data-v-f13b4d11]:after{display:none}.header-right[data-v-f13b4d11]{gap:.45rem}}@media (max-width: 720px){.header-right .theme-toggle[data-v-f13b4d11]{padding:.45rem .55rem}}@media (max-width: 640px){.lang-selector[data-v-f13b4d11]{display:none}}.gtoast-container[data-v-f13b4d11]{position:fixed;top:16px;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:.5rem;z-index:12000;pointer-events:none}.gtoast[data-v-f13b4d11]{display:flex;align-items:flex-start;gap:.6rem;min-width:260px;max-width:94vw;background:#000000e6;color:#fff;padding:.65rem .8rem;border-radius:7px;border:1px solid rgba(255,255,255,.12);box-shadow:0 10px 26px #00000059;pointer-events:auto}.gtoast .icon[data-v-f13b4d11]{font-size:1.1rem;line-height:1;margin-top:.1rem}.gtoast .content[data-v-f13b4d11]{display:flex;flex-direction:column;gap:.1rem;flex:1;min-width:0}.gtoast .title[data-v-f13b4d11]{font-weight:800;font-size:.95rem}.gtoast .message[data-v-f13b4d11]{opacity:.95}.gtoast .action[data-v-f13b4d11]{background:#ffffff24;border:1px solid rgba(255,255,255,.22);color:#fff;padding:.3rem .55rem;border-radius:6px;cursor:pointer;margin-right:.35rem}.gtoast .action[data-v-f13b4d11]:hover{background:#ffffff38}.gtoast .close[data-v-f13b4d11]{background:transparent;border:0;color:#fff;opacity:.85;cursor:pointer;font-weight:800}.gtoast.success[data-v-f13b4d11]{background:#10b981eb}.gtoast.error[data-v-f13b4d11]{background:#ef4444eb}.gtoast.info[data-v-f13b4d11]{background:#64b5f6eb}.gtoast.warning[data-v-f13b4d11]{background:#f59e0beb}.gtoast-enter-active[data-v-f13b4d11],.gtoast-leave-active[data-v-f13b4d11]{transition:all .2s ease}.gtoast-enter-from[data-v-f13b4d11],.gtoast-leave-to[data-v-f13b4d11]{opacity:0;transform:translateY(-8px)}html.fs-active .gtoast-container[data-v-f13b4d11]{pointer-events:none!important}.music-controls[data-v-f13b4d11]{display:flex;align-items:center;gap:.4rem;position:relative}.music-slider[data-v-f13b4d11]{position:absolute;top:120%;left:50%;transform:translate(-50%);width:120px}.fade-enter-active[data-v-f13b4d11],.fade-leave-active[data-v-f13b4d11]{transition:opacity .2s ease,transform .2s ease}.fade-enter-from[data-v-f13b4d11],.fade-leave-to[data-v-f13b4d11]{opacity:0;transform:translateY(-4px)}.game-background[data-v-f13b4d11]{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-soft) 100%)}.floating-shapes[data-v-f13b4d11]{position:absolute;width:100%;height:100%;overflow:hidden}.shape[data-v-f13b4d11]{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));opacity:.1;animation:float-f13b4d11 6s ease-in-out infinite}.shape-1[data-v-f13b4d11]{width:80px;height:80px;top:20%;left:10%;animation-delay:-2s}.shape-2[data-v-f13b4d11]{width:120px;height:120px;top:60%;right:15%;animation-delay:-4s}.shape-3[data-v-f13b4d11]{width:100px;height:100px;bottom:20%;left:20%;animation-delay:-1s}.shape-4[data-v-f13b4d11]{width:60px;height:60px;top:10%;right:30%;animation-delay:-3s}@keyframes float-f13b4d11{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.home[data-v-c3e9f06f]{display:grid;gap:2.5rem;padding:3.5rem 2rem 4rem}.hero[data-v-c3e9f06f]{display:grid;gap:2rem;align-items:center;padding:2.5rem}.hero-content[data-v-c3e9f06f]{display:grid;gap:1.25rem}.hero-title[data-v-c3e9f06f]{font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.1;color:var(--color-heading)}.hero-text[data-v-c3e9f06f]{font-size:1.05rem;line-height:1.6;color:var(--color-text);opacity:.92}.hero-actions[data-v-c3e9f06f]{display:flex;flex-wrap:wrap;gap:.85rem}.hero-stats[data-v-c3e9f06f]{display:flex;flex-wrap:wrap;gap:1.5rem;margin:0}.stat[data-v-c3e9f06f]{min-width:140px}.stat dt[data-v-c3e9f06f]{font-size:1.75rem;font-weight:800;color:var(--color-heading)}.stat dd[data-v-c3e9f06f]{margin:0;color:var(--color-text);opacity:.65;font-size:.95rem}.stats-error[data-v-c3e9f06f]{margin:0;font-size:.85rem;color:#f97316;opacity:.85}.hero-visual[data-v-c3e9f06f]{display:flex;justify-content:center;align-items:center;position:relative}.arena-model[data-v-c3e9f06f]{width:min(420px,100%);max-height:420px;filter:drop-shadow(0 30px 50px rgba(15,23,42,.35))}.feature-grid[data-v-c3e9f06f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}.feature-card[data-v-c3e9f06f]{display:grid;gap:.75rem;padding:1.6rem;transition:transform .25s ease,box-shadow .25s ease}.feature-card[data-v-c3e9f06f]:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.feature-icon[data-v-c3e9f06f]{font-size:1.8rem}.feature-card h3[data-v-c3e9f06f]{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-heading)}.feature-card p[data-v-c3e9f06f]{margin:0;color:var(--color-text);opacity:.8}.live[data-v-c3e9f06f]{display:grid;gap:1.5rem;padding:2.25rem}.live-head[data-v-c3e9f06f]{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;border-radius:7px;padding:10px}.live-head h2[data-v-c3e9f06f]{margin:0;font-size:1.6rem;font-weight:700;color:var(--color-heading)}.live-head p[data-v-c3e9f06f]{margin:.35rem 0 0;color:var(--color-text);opacity:.75}.live-cards[data-v-c3e9f06f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.live-card[data-v-c3e9f06f]{display:grid;gap:.75rem;padding:1.4rem;border:1px solid var(--color-border);border-radius:7px;background:#2221218f;box-shadow:var(--shadow-md)}.vs[data-v-c3e9f06f]{display:grid;gap:.4rem;text-align:center}.player[data-v-c3e9f06f]{font-weight:700;color:var(--color-heading)}.score[data-v-c3e9f06f]{font-size:1.4rem;font-weight:800;color:#fff}.meta[data-v-c3e9f06f]{display:flex;justify-content:space-between;font-size:.85rem;color:var(--color-text);opacity:.7}.live-empty[data-v-c3e9f06f]{padding:1.2rem;border-radius:7px;background:#2221218f;color:var(--color-text);text-align:center}.lobby-list[data-v-c3e9f06f]{display:grid;gap:1rem}.lobby-list h3[data-v-c3e9f06f]{margin:0;font-size:1.2rem;font-weight:700;color:var(--color-heading)}.lobby-grid[data-v-c3e9f06f]{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.lobby-card[data-v-c3e9f06f]{border:1px solid var(--color-border);border-radius:14px;padding:1.1rem 1.3rem;background:rgba(var(--color-background-rgb, 25,25,35),.85);box-shadow:var(--shadow-sm);display:grid;gap:.6rem}.lobby-head[data-v-c3e9f06f]{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.lobby-head h4[data-v-c3e9f06f]{margin:0;font-size:1.05rem;font-weight:700;color:var(--color-heading)}.lobby-pill[data-v-c3e9f06f]{font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;background:#3b82f626;color:var(--color-primary);text-transform:uppercase}.lobby-pill.protected[data-v-c3e9f06f]{background:#ef444426;color:#ef4444}.lobby-meta[data-v-c3e9f06f]{margin:0;color:var(--color-text);opacity:.75;font-size:.9rem}.lobby-flags[data-v-c3e9f06f]{display:flex;gap:.6rem;flex-wrap:wrap;font-size:.8rem;color:var(--color-text);opacity:.75}@media (max-width: 1024px){.hero[data-v-c3e9f06f]{grid-template-columns:1fr;text-align:center}.hero-actions[data-v-c3e9f06f],.hero-stats[data-v-c3e9f06f]{justify-content:center}}@media (max-width: 768px){.home[data-v-c3e9f06f]{padding:2.5rem 1.25rem 3rem}.hero[data-v-c3e9f06f]{padding:2rem}.live[data-v-c3e9f06f]{padding:1.75rem}}.join-game-list[data-v-90f1eba1]{max-width:800px;margin:0 auto;padding:1.5rem}.list-header[data-v-90f1eba1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.header-info[data-v-90f1eba1]{flex:1}.list-title[data-v-90f1eba1]{font-size:2rem;font-weight:800;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem}.list-subtitle[data-v-90f1eba1]{color:var(--color-text);opacity:.8;margin:0}.btn-refresh[data-v-90f1eba1]{display:flex;align-items:center;gap:.5rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:7px;padding:.75rem 1.25rem;color:var(--color-text);cursor:pointer;transition:all .3s ease}.btn-refresh[data-v-90f1eba1]:hover:not(:disabled){border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn-refresh[data-v-90f1eba1]:disabled{opacity:.6;cursor:not-allowed}.refresh-icon[data-v-90f1eba1]{font-size:1rem;transition:transform .3s ease}.refresh-icon.spinning[data-v-90f1eba1]{animation:spin-90f1eba1 1s linear infinite}@keyframes spin-90f1eba1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-stats[data-v-90f1eba1]{display:flex;gap:1rem;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.stat-item[data-v-90f1eba1]{display:flex;align-items:center;gap:.5rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:7px;padding:.75rem 1.25rem;font-size:.9rem}.stat-icon[data-v-90f1eba1]{font-size:1rem}.stat-label[data-v-90f1eba1]{color:var(--color-text);opacity:.8}.stat-value[data-v-90f1eba1]{font-weight:700;color:var(--color-primary)}.stat-value.ping-excellent[data-v-90f1eba1]{color:#4caf50}.stat-value.ping-good[data-v-90f1eba1]{color:#8bc34a}.stat-value.ping-average[data-v-90f1eba1]{color:#ff9800}.stat-value.ping-poor[data-v-90f1eba1]{color:#f44336}.games-container[data-v-90f1eba1]{min-height:300px;margin-bottom:2rem}.loading-state[data-v-90f1eba1],.empty-state[data-v-90f1eba1]{text-align:center;padding:3rem 1rem}.loading-spinner[data-v-90f1eba1],.empty-icon[data-v-90f1eba1]{font-size:3rem;margin-bottom:1rem;animation:pulse 2s infinite}.loading-title[data-v-90f1eba1],.empty-title[data-v-90f1eba1]{font-size:1.5rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.loading-text[data-v-90f1eba1],.empty-text[data-v-90f1eba1]{color:var(--color-text);opacity:.7;margin-bottom:1.5rem}.btn-create[data-v-90f1eba1]{background:var(--gradient-primary);color:#fff;border:none;padding:.75rem 2rem;border-radius:7px;cursor:pointer;transition:all .3s ease}.btn-create[data-v-90f1eba1]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.games-grid[data-v-90f1eba1]{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.game-card[data-v-90f1eba1]{background:var(--color-background-soft);border:2px solid var(--color-border);border-radius:7px;padding:1.5rem;transition:all .3s ease;position:relative;overflow:hidden}.game-card[data-v-90f1eba1]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.game-card.card-active[data-v-90f1eba1]{border-color:var(--color-primary)}.game-card.card-password[data-v-90f1eba1]{background:linear-gradient(135deg,var(--color-background-soft),var(--color-warning-soft))}.game-card.card-full[data-v-90f1eba1]{opacity:.7;filter:grayscale(.3)}.card-header[data-v-90f1eba1]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.game-info[data-v-90f1eba1]{flex:1}.game-name[data-v-90f1eba1]{font-size:1.3rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem}.password-icon[data-v-90f1eba1]{font-size:1rem;color:var(--color-warning)}.game-status[data-v-90f1eba1]{font-size:.85rem;padding:.25rem .75rem;border-radius:7px;font-weight:500;display:inline-block}.status-waiting[data-v-90f1eba1]{background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning)}.status-playing[data-v-90f1eba1]{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.status-full[data-v-90f1eba1]{background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger)}.game-ping[data-v-90f1eba1]{display:flex;flex-direction:column;align-items:flex-end}.ping-indicator[data-v-90f1eba1]{display:flex;align-items:center;gap:.5rem;font-size:.8rem;font-weight:500}.ping-dot[data-v-90f1eba1]{width:8px;height:8px;border-radius:50%;background:currentColor}.ping-excellent[data-v-90f1eba1]{color:var(--color-success)}.ping-good[data-v-90f1eba1]{color:var(--color-success);opacity:.85}.ping-average[data-v-90f1eba1]{color:var(--color-warning)}.ping-poor[data-v-90f1eba1]{color:var(--color-danger)}.ping-unknown[data-v-90f1eba1]{color:var(--color-offline)}.card-details[data-v-90f1eba1]{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.5rem}.detail-item[data-v-90f1eba1]{display:flex;align-items:center;gap:.5rem;font-size:.9rem}.detail-icon[data-v-90f1eba1]{font-size:1rem}.detail-text[data-v-90f1eba1]{color:var(--color-text);opacity:.8}.players-bar[data-v-90f1eba1]{flex:1;height:4px;background:rgba(var(--color-background-rgb),.12);border-radius:7px;margin-left:auto;margin-right:1rem;overflow:hidden;min-width:60px}.players-fill[data-v-90f1eba1]{height:100%;background:var(--gradient-primary);transition:width .3s ease}.card-actions[data-v-90f1eba1]{display:flex;gap:.75rem}.btn-join[data-v-90f1eba1]{display:flex;align-items:center;justify-content:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:7px;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease;flex:1}.btn-join[data-v-90f1eba1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-join.btn-join-full[data-v-90f1eba1]{background:var(--color-offline);cursor:not-allowed}.btn-join.btn-join-password[data-v-90f1eba1]{background:linear-gradient(135deg,var(--color-warning),var(--color-warning-contrast))}.btn-join[data-v-90f1eba1]:disabled{opacity:.6;cursor:not-allowed;transform:none}.popularity-badge[data-v-90f1eba1]{position:absolute;top:-5px;right:-5px;background:var(--gradient-primary);color:#fff;font-size:.7rem;padding:.25rem .75rem;border-radius:7px;box-shadow:var(--shadow-sm);animation:bounce-90f1eba1 2s infinite}@keyframes bounce-90f1eba1{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-3px)}60%{transform:translateY(-2px)}}.list-footer[data-v-90f1eba1]{display:flex;justify-content:center}.btn-back[data-v-90f1eba1]{display:flex;align-items:center;gap:.5rem;background:var(--color-background);border:2px solid var(--color-border);border-radius:7px;padding:.875rem 2rem;color:var(--color-text);cursor:pointer;transition:all .3s ease}.btn-back[data-v-90f1eba1]:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.modal-overlay[data-v-90f1eba1]{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.modal-content[data-v-90f1eba1]{background:var(--color-background);border:2px solid var(--color-border);border-radius:7px;padding:2rem;max-width:400px;width:100%;box-shadow:var(--shadow-lg)}.modal-header[data-v-90f1eba1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.modal-title[data-v-90f1eba1]{font-size:1.3rem;font-weight:700;color:var(--color-text);margin:0}.modal-close[data-v-90f1eba1]{background:none;border:none;font-size:1.5rem;color:var(--color-text);cursor:pointer;opacity:.7;transition:opacity .3s ease}.modal-close[data-v-90f1eba1]:hover{opacity:1}.modal-body[data-v-90f1eba1]{margin-bottom:1.5rem}.password-prompt[data-v-90f1eba1]{color:var(--color-text);margin-bottom:1rem;opacity:.8}.password-input[data-v-90f1eba1]{width:100%;background:var(--color-background-soft);border:2px solid var(--color-border);border-radius:7px;padding:.75rem 1rem;color:var(--color-text);font-size:1rem;outline:none;transition:border-color .3s ease}.password-input[data-v-90f1eba1]:focus{border-color:var(--color-primary)}.modal-actions[data-v-90f1eba1]{display:flex;gap:1rem;justify-content:flex-end}.btn-cancel[data-v-90f1eba1]{background:var(--color-background-soft);border:2px solid var(--color-border);border-radius:7px;padding:.75rem 1.5rem;color:var(--color-text);cursor:pointer;transition:all .3s ease}.btn-cancel[data-v-90f1eba1]:hover{border-color:var(--color-primary)}.btn-confirm[data-v-90f1eba1]{display:flex;align-items:center;gap:.5rem;background:var(--gradient-primary);color:#fff;border:none;border-radius:7px;padding:.75rem 1.5rem;cursor:pointer;transition:all .3s ease}.btn-confirm[data-v-90f1eba1]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.error-banner[data-v-90f1eba1]{position:fixed;top:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:.75rem;background:#f443361a;border:1px solid #F44336;color:#f44336;padding:1rem 1.5rem;border-radius:7px;box-shadow:var(--shadow-lg);z-index:1001;max-width:500px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-close[data-v-90f1eba1]{background:none;border:none;color:currentColor;cursor:pointer;font-size:1.2rem;opacity:.7;transition:opacity .3s ease}.error-close[data-v-90f1eba1]:hover{opacity:1}.modal-enter-active[data-v-90f1eba1],.modal-leave-active[data-v-90f1eba1]{transition:all .3s ease}.modal-enter-from[data-v-90f1eba1],.modal-leave-to[data-v-90f1eba1]{opacity:0;transform:scale(.9)}.fade-enter-active[data-v-90f1eba1],.fade-leave-active[data-v-90f1eba1]{transition:all .3s ease}.fade-enter-from[data-v-90f1eba1],.fade-leave-to[data-v-90f1eba1]{opacity:0;transform:translateY(-10px)}@media (max-width: 768px){.join-game-list[data-v-90f1eba1]{padding:1rem}.list-header[data-v-90f1eba1]{flex-direction:column;gap:1rem;text-align:center}.connection-stats[data-v-90f1eba1]{flex-direction:column;align-items:center}.games-grid[data-v-90f1eba1]{grid-template-columns:1fr}.game-card[data-v-90f1eba1]{padding:1rem}.modal-content[data-v-90f1eba1]{margin:1rem;padding:1.5rem}}.create-game-form[data-v-eae3c481]{max-width:560px;margin:0 auto;display:grid;gap:1.75rem;padding:2.1rem 2.4rem;background:var(--color-background);border:1px solid var(--surface-card-border);border-radius:22px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.form-header[data-v-eae3c481]{text-align:center;display:grid;gap:.4rem}.form-title[data-v-eae3c481]{font-size:2rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;margin:0}.form-subtitle[data-v-eae3c481]{color:var(--color-text);opacity:.8;margin:0}.btn-custom[data-v-eae3c481]{justify-self:center;color:var(--color-text);padding:.5rem .85rem;border-radius:999px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;background:var(--color-background);border:1px solid var(--surface-field-border)}.btn-custom[data-v-eae3c481]:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.game-form[data-v-eae3c481]{display:grid;gap:1.4rem}.form-group[data-v-eae3c481]{display:grid;gap:.65rem}.form-group.half[data-v-eae3c481]{flex:1}.form-row[data-v-eae3c481]{display:flex;gap:1rem}.form-label[data-v-eae3c481]{display:flex;align-items:center;gap:.55rem;color:var(--color-text);font-size:.95rem;font-weight:600}.label-icon[data-v-eae3c481]{font-size:1rem}.form-input[data-v-eae3c481],.form-select[data-v-eae3c481]{background:var(--color-background);border:1px solid var(--surface-field-border);border-radius:7px;padding:.85rem 1rem;color:var(--color-text);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.form-input[data-v-eae3c481]:focus,.form-select[data-v-eae3c481]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #4facfe2e;outline:none;transform:translateY(-1px)}.form-input[data-v-eae3c481]::placeholder{color:var(--color-text);opacity:.45}.password-input[data-v-eae3c481]{margin-top:.4rem}.form-select[data-v-eae3c481]{background:var(--color-background);border:2px solid var(--surface-field-border);border-radius:7px;padding:.75rem 1rem;color:var(--color-text);font-size:1rem;cursor:pointer;transition:all .3s ease}.form-select[data-v-eae3c481]:focus{border-color:var(--color-primary);outline:none}.form-checkbox[data-v-eae3c481]{display:flex;align-items:center;gap:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none}.form-checkbox input[type=checkbox][data-v-eae3c481]{display:none}.checkbox-mark[data-v-eae3c481]{width:20px;height:20px;border:2px solid var(--surface-field-border);border-radius:7px;background:var(--surface-field-bg);position:relative;transition:all .3s ease}.form-checkbox input:checked+.checkbox-mark[data-v-eae3c481]{background:var(--gradient-primary);border-color:var(--color-primary)}.form-checkbox input:checked+.checkbox-mark[data-v-eae3c481]:after{content:"✓";position:absolute;color:#fff;font-size:.8rem;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%)}.checkbox-text[data-v-eae3c481]{font-weight:500;color:var(--color-text)}.error-message[data-v-eae3c481]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#f443361a;border:1px solid #f44336;border-radius:7px;color:#f44336;font-size:.9rem}.error-icon[data-v-eae3c481]{font-size:1rem}.form-actions[data-v-eae3c481]{display:flex;gap:1rem;margin-top:1rem}.btn[data-v-eae3c481]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem 1.5rem;border:none;border-radius:7px;font-size:1rem;cursor:pointer;transition:all .3s ease;flex:1}.btn-primary[data-v-eae3c481]{color:#000;border-color:transparent;box-shadow:var(--glow-primary)}.btn-primary[data-v-eae3c481]:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn[data-v-eae3c481]:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn-primary[data-v-eae3c481]:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.2)}.btn-secondary[data-v-eae3c481]{background:transparent;color:var(--color-text);background:var(--color-background);border:1px solid var(--surface-field-border)}.btn-secondary[data-v-eae3c481]:hover{background:#94a3b81f;transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.btn-icon[data-v-eae3c481]{font-size:1rem}.btn-spinner[data-v-eae3c481]{animation:spin-eae3c481 1s linear infinite}@keyframes spin-eae3c481{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.game-preview[data-v-eae3c481]{margin-top:.5rem;padding:1.25rem 1.45rem;border-radius:7px;border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .75));box-shadow:var(--panel-shadow);display:grid;gap:1rem}.preview-header[data-v-eae3c481]{display:flex;align-items:center;gap:.5rem;color:var(--color-text);margin-bottom:1rem;font-size:.9rem}.preview-icon[data-v-eae3c481]{font-size:1rem}.preview-content[data-v-eae3c481]{display:flex;flex-direction:column;gap:.5rem}.preview-item[data-v-eae3c481]{display:flex;justify-content:space-between;align-items:center;font-size:.85rem}.preview-label[data-v-eae3c481]{color:var(--color-text);opacity:.7}.preview-value[data-v-eae3c481]{color:var(--color-text)}.custom-summary[data-v-eae3c481]{margin-top:1rem;display:flex;flex-wrap:wrap;gap:.45rem;justify-content:center;background:#0f172a14;border:1px solid rgba(148,163,184,.25);border-radius:7px;padding:.55rem .9rem}.summary-chip[data-v-eae3c481]{background:#ffffff1a;border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:.32rem .75rem;font-size:.78rem;font-weight:600;color:var(--color-text);letter-spacing:.02em}.slide-down-enter-active[data-v-eae3c481],.slide-down-leave-active[data-v-eae3c481]{transition:all .3s ease;max-height:60px;overflow:hidden}.slide-down-enter-from[data-v-eae3c481],.slide-down-leave-to[data-v-eae3c481]{max-height:0;opacity:0}.fade-enter-active[data-v-eae3c481],.fade-leave-active[data-v-eae3c481]{transition:opacity .3s ease}.fade-enter-from[data-v-eae3c481],.fade-leave-to[data-v-eae3c481]{opacity:0}@media (max-width: 768px){.create-game-form[data-v-eae3c481]{margin:1rem;padding:1.5rem}.form-row[data-v-eae3c481],.form-actions[data-v-eae3c481]{flex-direction:column}}[data-theme=light]{background:linear-gradient(160deg,#ffffffdb,#f8fafcad);border-color:#94a3b859;box-shadow:0 18px 42px #0f172a1f}[data-theme=light]{background:#ffffffeb;border-color:#94a3b873;color:#0f172aeb}[data-theme=light]{color:#0f172a8c}[data-theme=light]{background:#ffffffeb;border-color:#94a3b873}[data-theme=light]{background:#ffffffed;border-color:#94a3b852}[data-theme=light]{background:#94a3b81f;border-color:#94a3b842}[data-theme=light]{background:#ffffff8c;border-color:#94a3b859;color:#0f172abf}.jt-wrap[data-v-f9a09bd4]{display:grid;gap:1.5rem}.header[data-v-f9a09bd4]{display:flex;align-items:center;justify-content:space-between;gap:1rem}.title[data-v-f9a09bd4]{margin:0;font-size:1.35rem;font-weight:700;color:var(--color-heading)}.hint[data-v-f9a09bd4]{color:#94a3b8d9;font-weight:500;padding:.35rem 0}.list[data-v-f9a09bd4]{list-style:none;padding:0;margin:0;display:grid;gap:.85rem}.card[data-v-f9a09bd4]{display:flex;justify-content:space-between;align-items:center;gap:1.25rem;padding:1rem 1.25rem;border-radius:16px;border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .75));box-shadow:var(--panel-shadow);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}.card[data-v-f9a09bd4]:hover{transform:translateY(-4px);border-color:var(--color-border-hover);box-shadow:var(--shadow-lg)}.main[data-v-f9a09bd4]{display:grid;gap:.35rem}.name[data-v-f9a09bd4]{font-weight:700;font-size:1.1rem;color:var(--color-heading)}.sub[data-v-f9a09bd4]{color:#94a3b8e6;font-size:.95rem}.side[data-v-f9a09bd4]{display:flex;align-items:center;gap:.75rem}.time[data-v-f9a09bd4]{color:#fff;font-weight:600;background:var(--color-info-soft);padding:.35rem .65rem;border-radius:999px}.btn[data-v-f9a09bd4]{padding:.55rem 1.1rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-background-mute);color:var(--color-text);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,opacity .2s ease}.btn[data-v-f9a09bd4]:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn.primary[data-v-f9a09bd4]{color:#0b132b;background:var(--gradient-brand);border-color:transparent;box-shadow:var(--glow-primary)}.btn.primary[data-v-f9a09bd4]:hover{transform:translateY(-3px);box-shadow:var(--glow-primary),var(--shadow-lg)}.btn[data-v-f9a09bd4]:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none;filter:grayscale(.2)}@media (max-width: 768px){.card[data-v-f9a09bd4]{flex-direction:column;align-items:flex-start}.side[data-v-f9a09bd4]{width:100%;justify-content:space-between}}.tw-wrap[data-v-b565f343]{display:grid;gap:1.5rem;padding:1.5rem 1.75rem;background:linear-gradient(160deg,var(--color-background-soft) 0%,var(--color-background) 100%);border:1px solid var(--color-border);border-radius:7px;box-shadow:var(--panel-shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);opacity:80%;transition:background .3s ease,border-color .3s ease,box-shadow .3s ease}.tw-head[data-v-b565f343]{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;border:1px solid var(--panel-border, var(--color-border));border-radius:7px;background:var(--panel-bg, var(--color-background-soft));box-shadow:var(--panel-shadow)}.tw-title[data-v-b565f343]{margin:0;font-size:1.4rem;font-weight:700;color:var(--color-heading);text-shadow:0 0 18px rgba(79,172,254,.35)}.tw-meta[data-v-b565f343]{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:.35rem;font-size:.95rem;color:var(--color-text);opacity:.75}.tw-meta strong[data-v-b565f343]{color:var(--color-text)}.tw-actions[data-v-b565f343]{display:flex;gap:.6rem}.tw-content[data-v-b565f343]{display:grid;grid-template-columns:1.7fr 1fr;gap:1.25rem}.panel[data-v-b565f343]{border-radius:7px;padding:1.1rem 1.25rem;border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .72));box-shadow:var(--panel-shadow);transition:transform .3s ease,box-shadow .3s ease;margin-bottom:10px}.panel[data-v-b565f343]:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.panel.tip[data-v-b565f343]{border-color:var(--color-info-soft);background:var(--color-info-soft);color:var(--color-info-contrast)}.panel.warn[data-v-b565f343]{border-color:var(--color-warning);background:var(--color-warning-soft);color:var(--color-warning-contrast);font-weight:600}.plist[data-v-b565f343]{list-style:none;padding:0;margin:0}.plist li[data-v-b565f343]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.35rem 0;font-weight:500;color:var(--color-text)}.pill[data-v-b565f343]{font-size:.75rem;padding:.15rem .5rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-background);text-transform:uppercase;letter-spacing:.05em}.pill.out[data-v-b565f343]{border-color:var(--color-danger);color:#fff;background:var(--color-danger-soft)}.pill.bot[data-v-b565f343]{border-color:#94a3b873;color:#fff;background:#94a3b826}.pill.host[data-v-b565f343]{border-color:var(--color-success);color:#fff;background:var(--color-success-soft)}.tw-right .stack[data-v-b565f343]{display:flex;flex-direction:column;gap:.65rem}.btn[data-v-b565f343]{padding:.5rem .85rem;border-radius:7px;border:1px solid white;background:var(--color-background-mute);color:var(--color-text);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn[data-v-b565f343]:hover{transform:translateY(-2px);border-color:#fff;box-shadow:var(--shadow-md)}.btn.primary[data-v-b565f343]{color:#0b132b;background:var(--gradient-brand);border-color:transparent;box-shadow:var(--glow-primary)}.btn.primary[data-v-b565f343]:hover{transform:translateY(-3px);box-shadow:var(--glow-primary),var(--shadow-lg)}.btn.ghost[data-v-b565f343]{background:transparent;border-style:dashed;opacity:.9}.btn.danger[data-v-b565f343]{border-color:var(--color-danger);color:var(--color-danger);background:transparent}.btn.danger[data-v-b565f343]:hover{background:var(--color-danger-soft)}.tw-play[data-v-b565f343]{border-top:1px dashed var(--color-border);padding:1.5rem 1.25rem 0;background:#4facfe14;border-radius:7px}.countdown[data-v-b565f343]{display:flex;align-items:center;gap:1rem;margin-top:.75rem}.cd-label[data-v-b565f343]{color:#94a3b8f2;font-weight:600}.cd-big[data-v-b565f343]{font-size:2.75rem;font-weight:800;letter-spacing:.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.muted[data-v-b565f343]{color:#94a3b8b8}.cols[data-v-b565f343]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.cols .col h4[data-v-b565f343]{margin-bottom:.35rem;font-size:.95rem;font-weight:700;color:var(--color-heading)}.cols ul[data-v-b565f343]{list-style:none;padding:0;margin:0;display:grid;gap:.25rem}.cols li[data-v-b565f343]{padding:.35rem .5rem;border-radius:7px;background:#94a3b81f}.rlist[data-v-b565f343]{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}.rlist li[data-v-b565f343]{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.match-line[data-v-b565f343]{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;font-weight:600;color:var(--color-text)}.match-player[data-v-b565f343]{font-size:.95rem}.match-versus[data-v-b565f343]{font-size:.85rem;opacity:.6}.match-round[data-v-b565f343]{font-size:.8rem;padding:.1rem .45rem;border-radius:999px;background:#4facfe26;color:var(--color-primary)}.rlist code[data-v-b565f343],.tw-play code[data-v-b565f343]{font-family:JetBrains Mono,Fira Code,monospace;font-size:.85rem;padding:.2rem .45rem;border-radius:6px;background:var(--color-background-mute)}@media (max-width: 1024px){.tw-content[data-v-b565f343]{grid-template-columns:1fr}.tw-actions[data-v-b565f343]{width:100%;justify-content:flex-end}}@media (max-width: 768px){.tw-wrap[data-v-b565f343]{padding:1.1rem}.tw-head[data-v-b565f343]{flex-direction:column}.tw-actions[data-v-b565f343]{justify-content:flex-start;flex-wrap:wrap}.tw-meta[data-v-b565f343]{gap:.5rem}}.lobby-page[data-v-e6663ad0]{max-width:1000px;margin:0 auto;padding:1.6rem}.lobby-header[data-v-e6663ad0]{display:flex;align-items:center;justify-content:space-between;background:#31313100;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:1rem 1.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px #00000040;margin-bottom:1rem;z-index:10}.title-main[data-v-e6663ad0]{margin:0;font-weight:800;font-size:1.9rem;background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.subtitle[data-v-e6663ad0]{margin:.25rem 0 0;color:#fffc}.conn-pill[data-v-e6663ad0]{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border-radius:999px;font-weight:700;font-size:.9rem;color:#ef5350;border:1px solid #ef5350;background:#ef53501f}.header-right[data-v-e6663ad0]{display:flex;align-items:center;gap:.65rem}.header-right .btn[data-v-e6663ad0]{border-radius:10px;padding:.45rem .9rem;border:1px solid var(--color-border);background:transparent;color:var(--color-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.header-right .btn[data-v-e6663ad0]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.conn-pill.connected[data-v-e6663ad0]{color:#43c169;border-color:#43c169;background:#43c16924}.conn-pill .dot[data-v-e6663ad0]{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-e6663ad0 2s infinite}.modes-grid[data-v-e6663ad0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:.9rem;margin-bottom:1rem}.mode-card[data-v-e6663ad0]{position:relative;text-align:left;overflow:hidden;cursor:pointer;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:1rem;transition:transform .18s ease,box-shadow .25s ease,border-color .25s ease,background .25s ease;will-change:transform,box-shadow}.mode-card .ic[data-v-e6663ad0]{font-size:1.2rem;margin-bottom:.4rem}.card-title[data-v-e6663ad0]{margin:0 0 .5rem .6rem;font-weight:800;font-size:1.05rem;color:#fff}.card-desc[data-v-e6663ad0]{margin:0 0 .6rem;color:#ffffffc7}.chip[data-v-e6663ad0]{display:inline-block;padding:.25rem .55rem;border-radius:7px;font-size:.8rem;font-weight:700;color:#fff;box-shadow:0 4px 16px #00000040}.mode-card[data-v-e6663ad0]:before{content:"";position:absolute;inset:-30% -60%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);transform:translate(-60%) rotate(12deg);transition:transform .6s ease;pointer-events:none}.mode-card[data-v-e6663ad0]:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00000059;border-color:#ffffff29;background:#ffffff0e}.mode-card[data-v-e6663ad0]:hover:before{transform:translate(60%) rotate(12deg)}.mode-card[data-v-e6663ad0]:active{transform:translateY(-2px) scale(.995)}.mode-card[data-v-e6663ad0]:focus-visible{outline:3px solid rgba(99,102,241,.55);outline-offset:2px}.arrow[data-v-e6663ad0]{position:absolute;right:.8rem;bottom:.7rem;opacity:.35;font-weight:800;transition:transform .18s ease,opacity .18s ease}.mode-card:hover .arrow[data-v-e6663ad0]{transform:translate(4px);opacity:.6}.tone-blue[data-v-e6663ad0]:hover{box-shadow:0 12px 30px #2196f338}.tone-green[data-v-e6663ad0]:hover{box-shadow:0 12px 30px #4caf5038}.tone-purple[data-v-e6663ad0]:hover{box-shadow:0 12px 30px #9c27b038}.tone-orange[data-v-e6663ad0]:hover{box-shadow:0 12px 30px #ff980038}.stats-grid[data-v-e6663ad0]{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.9rem}.stat-card[data-v-e6663ad0]{display:flex;align-items:center;gap:.8rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:7px;padding:.9rem;transition:transform .18s ease,box-shadow .25s ease}.stat-card[data-v-e6663ad0]:hover{transform:translateY(-3px);box-shadow:0 10px 24px #00000047}.s-ic[data-v-e6663ad0]{font-size:1.5rem}.s-col[data-v-e6663ad0]{display:grid}.s-val[data-v-e6663ad0]{font-size:1.4rem;font-weight:800;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.s-lb[data-v-e6663ad0]{color:#ffffffc7}.section[data-v-e6663ad0]{animation:soft-in-e6663ad0 .22s ease}.sub-header[data-v-e6663ad0]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.9rem}.sub-title[data-v-e6663ad0]{margin:0;font-weight:800;color:#fff}.btn[data-v-e6663ad0]{display:inline-flex;align-items:center;gap:.5rem;padding:.72rem 1.1rem;border-radius:7px;border:none;cursor:pointer;font-weight:700;transition:transform .16s ease,box-shadow .2s ease}.btn.ghost[data-v-e6663ad0]{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);color:#fff}.btn[data-v-e6663ad0]:hover{transform:translateY(-2px);box-shadow:0 8px 18px #00000038}.lobby-footer[data-v-e6663ad0]{display:flex;justify-content:center;margin-top:1rem}.tip-pill[data-v-e6663ad0]{display:inline-flex;align-items:center;gap:.5rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:.6rem .95rem;color:#fff}.tip-ic[data-v-e6663ad0]{opacity:.9}.slidefade-enter-active[data-v-e6663ad0],.slidefade-leave-active[data-v-e6663ad0]{transition:all .28s ease}.slidefade-enter-from[data-v-e6663ad0]{opacity:0;transform:translateY(8px) scale(.98)}.slidefade-leave-to[data-v-e6663ad0]{opacity:0;transform:translateY(-8px) scale(.98)}@keyframes pulse-e6663ad0{0%{opacity:1}50%{opacity:.5}to{opacity:1}}@keyframes soft-in-e6663ad0{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.mode-card[data-v-e6663ad0],.stat-card[data-v-e6663ad0],.btn[data-v-e6663ad0],.slidefade-enter-active[data-v-e6663ad0],.slidefade-leave-active[data-v-e6663ad0]{transition:none!important}.conn-pill .dot[data-v-e6663ad0]{animation:none}}@media (max-width: 768px){.lobby-page[data-v-e6663ad0]{padding:1rem}.lobby-header[data-v-e6663ad0]{flex-direction:column;gap:.6rem;text-align:center}.modes-grid[data-v-e6663ad0],.stats-grid[data-v-e6663ad0]{grid-template-columns:1fr}}.pong-wrapper[data-v-c4a5dad2]{position:relative;width:100%;display:flex;justify-content:center}.pong-wrapper.fullscreen-active[data-v-c4a5dad2],.pong-wrapper.fullscreen-shim[data-v-c4a5dad2]{position:fixed;inset:0;z-index:2000;background:#000;padding-top:env(safe-area-inset-top);padding-right:env(safe-area-inset-right);padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left)}.pong-stage[data-v-c4a5dad2]{position:relative;width:100%;max-width:var(--canvas-max-width, 960px);aspect-ratio:var(--canvas-aspect, 2);border-radius:12px;overflow:hidden;--score-left-gradient: linear-gradient(135deg, #00bcd4, #2196f3);--score-right-gradient: linear-gradient(135deg, #ff9800, #f44336);--score-vs-bg: rgba(15, 23, 42, .35);--score-vs-border: rgba(255, 255, 255, .25);--score-vs-shadow: inset 0 6px 16px rgba(15, 23, 42, .35), 0 6px 15px rgba(0, 0, 0, .3);--score-text-shadow: 0 1px 6px rgba(0, 0, 0, .3);--score-value-shadow: 0 8px 24px rgba(0, 0, 0, .45);--score-target-color: rgba(248, 250, 252, .72);--score-value-color: rgba(248, 250, 252, .94);--score-left-color: rgba(56, 189, 248, .95);--score-right-color: rgba(248, 113, 113, .95);--score-panel-bg: rgba(15, 23, 42, .72);--score-panel-border: rgba(148, 163, 184, .4);--score-panel-shadow: 0 18px 36px rgba(15, 23, 42, .45);--score-panel-blur: 18px}.pong-stage.fullscreen[data-v-c4a5dad2]{max-width:100%;height:100%;border-radius:0}.pong-canvas[data-v-c4a5dad2]{width:100%;height:100%;display:block;border:3px solid var(--color-border);background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);cursor:crosshair;transition:border-color .3s ease,box-shadow .3s ease}.pong-stage.fullscreen .pong-canvas[data-v-c4a5dad2]{border-radius:0;border-width:0;box-shadow:none}.pong-canvas[data-v-c4a5dad2]:hover{border-color:var(--color-primary);box-shadow:var(--glow-primary)}.pong-canvas[data-v-c4a5dad2]:focus{outline:none;border-color:var(--color-primary);box-shadow:var(--glow-primary)}.score-overlay[data-v-c4a5dad2]{position:absolute;top:clamp(16px,4vw,32px);left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.35rem;pointer-events:none;z-index:5;padding-inline:clamp(12px,4vw,28px)}.result-overlay[data-v-c4a5dad2]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;padding:clamp(12px,4vw,32px);z-index:6}.result-box[data-v-c4a5dad2]{background:#04060ec7;border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:1.3rem 1.6rem;text-align:center;box-shadow:0 18px 40px #0f172a59;max-width:min(400px,80%);pointer-events:auto}.result-title[data-v-c4a5dad2]{margin:0 0 .6rem;font-size:clamp(1.2rem,1.8rem,2rem);font-weight:800;background:linear-gradient(90deg,#fff,#b8c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.result-message[data-v-c4a5dad2]{margin:0;color:#e2e8f0f2;font-size:clamp(.95rem,1.1rem,1.3rem);font-weight:600}.result-button[data-v-c4a5dad2]{margin-top:1rem;border:none;border-radius:10px;padding:.65rem 1.35rem;font-weight:700;cursor:pointer;background:linear-gradient(135deg,#38bdf8,#6366f1);color:#0b1326;box-shadow:0 14px 30px #38bdf859;transition:transform .18s ease,box-shadow .2s ease}.result-button[data-v-c4a5dad2]:hover{transform:translateY(-1px);box-shadow:0 18px 36px #38bdf873}.score-board[data-v-c4a5dad2]{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:clamp(.5rem,2.5vw,1.75rem);width:min(100%,760px);color:#f8fafc;text-transform:none}.player-score[data-v-c4a5dad2]{display:flex;flex-direction:column;align-items:center;gap:.4rem;min-width:0;text-align:center}.player-info[data-v-c4a5dad2]{display:flex;align-items:center;gap:.5rem;font-size:clamp(.8rem,1.2vw,.95rem);font-weight:600;letter-spacing:.01em;color:#f8fafcd1;text-shadow:var(--score-text-shadow)}.player-icon[data-v-c4a5dad2]{font-size:clamp(1rem,2vw,1.2rem)}.score-value[data-v-c4a5dad2]{font-size:clamp(2rem,4vw,3.5rem);line-height:1;font-weight:900;letter-spacing:.04em;text-shadow:var(--score-value-shadow);color:var(--score-value-color)}.score-value.player1[data-v-c4a5dad2]{color:var(--score-left-color, var(--score-value-color))}.score-value.player2[data-v-c4a5dad2]{color:var(--score-right-color, var(--score-value-color))}.score-separator[data-v-c4a5dad2]{display:grid;place-items:center;width:clamp(48px,6vw,64px);height:clamp(48px,6vw,64px);border-radius:50%;border:2px solid var(--score-vs-border);background:var(--score-vs-bg);box-shadow:var(--score-vs-shadow)}.vs-text[data-v-c4a5dad2]{font-weight:800;font-size:clamp(.75rem,1.3vw,1rem);letter-spacing:.18em;text-transform:uppercase;color:#f1f5f9;text-shadow:0 1px 6px rgba(15,23,42,.65)}.score-target[data-v-c4a5dad2]{font-size:clamp(.65rem,1.1vw,.8rem);font-weight:600;letter-spacing:.08em;color:var(--score-target-color);text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.35)}.score-board.classic[data-v-c4a5dad2]{display:flex!important;justify-content:space-between;align-items:flex-start;gap:clamp(1rem,6vw,4rem);width:min(100%,820px);padding-inline:clamp(12px,6vw,32px);font-family:"Press Start 2P",VT323,Share Tech Mono,Courier New,monospace;text-transform:uppercase;text-shadow:none}.score-board.classic .player-score[data-v-c4a5dad2]{flex-direction:column;gap:0;align-items:center}.score-board.classic .player-info[data-v-c4a5dad2],.score-board.classic .score-separator[data-v-c4a5dad2]{display:none}.score-board.classic .score-value[data-v-c4a5dad2]{font-size:clamp(2.6rem,7vw,4.6rem);font-weight:700;letter-spacing:.3em;font-variant-numeric:tabular-nums;color:#f8fafc;text-shadow:0 0 16px rgba(248,250,252,.42);background:none;-webkit-text-fill-color:currentColor}.score-board.classic .score-value.player1[data-v-c4a5dad2],.score-board.classic .score-value.player2[data-v-c4a5dad2]{background:none}.classic-center-line[data-v-c4a5dad2]{position:absolute;top:0;bottom:0;left:50%;width:4px;transform:translate(-50%);background-image:repeating-linear-gradient(to bottom,#f8fafcd9 0px 12px,#f8fafc00 12px 24px);opacity:.7;pointer-events:none;z-index:3}.fullscreen-btn[data-v-c4a5dad2]{position:absolute;top:max(env(safe-area-inset-top),12px);right:max(env(safe-area-inset-right),12px);width:40px;height:40px;border-radius:999px;border:1px solid rgba(255,255,255,.25);background:#0f172a99;color:#fff;display:grid;place-items:center;font-size:1rem;cursor:pointer;transition:transform .2s ease,background .2s ease;z-index:55}.fullscreen-btn[data-v-c4a5dad2]:hover{transform:translateY(-1px);background:#3b82f6d9}.touch-controls[data-v-c4a5dad2]{position:absolute;inset:0;display:flex;pointer-events:none;z-index:15}.touch-area[data-v-c4a5dad2]{flex:1;pointer-events:auto;touch-action:none}.canvas-countdown[data-v-c4a5dad2]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#04060e8c;z-index:18}.countdown-box[data-v-c4a5dad2]{text-align:center;padding:12px 18px;border:1px solid rgba(148,163,184,.5);background:#04060ead;border-radius:7px;box-shadow:0 18px 36px #0f172a59}.countdown-label[data-v-c4a5dad2]{color:#d1d5db;font-size:.9rem;letter-spacing:.12em;text-transform:uppercase;margin-bottom:.25rem}.countdown-value[data-v-c4a5dad2]{font-size:clamp(2.2rem,5vw,3.4rem);font-weight:900;background:var(--gradient-primary, linear-gradient(135deg, #4facfe, #00f2fe));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 12px 32px rgba(30,64,175,.45)}.no-scroll{touch-action:none;overflow:hidden}.pong-wrapper.arena-classic .pong-stage[data-v-c4a5dad2]{background:linear-gradient(160deg,#222222f2,#060606eb);--score-left-gradient: linear-gradient(135deg, #0ea5e9, #2563eb);--score-right-gradient: linear-gradient(135deg, #f59e0b, #dc2626);--score-vs-bg: rgba(15, 23, 42, .45);--score-vs-border: rgba(148, 163, 184, .6);--score-vs-shadow: inset 0 6px 16px rgba(15, 23, 42, .45), 0 10px 26px rgba(0, 0, 0, .34);--score-text-shadow: 0 1px 6px rgba(0, 0, 0, .45);--score-value-shadow: 0 12px 30px rgba(15, 23, 42, .55);--score-value-color: #f8fafc;--score-left-color: #f8fafc;--score-right-color: #f8fafc;--score-panel-bg: rgba(15, 23, 42, .82);--score-panel-border: rgba(148, 163, 184, .55);--score-panel-shadow: 0 22px 42px rgba(15, 23, 42, .55)}.pong-wrapper.arena-neon .pong-stage[data-v-c4a5dad2]{background:radial-gradient(circle at top,rgba(79,172,254,.25),transparent 60%),linear-gradient(200deg,#131930f2,#060b18f5);border:1px solid rgba(79,172,254,.35);box-shadow:0 20px 55px #4facfe40;--score-left-gradient: linear-gradient(135deg, #38bdf8, #60a5fa);--score-right-gradient: linear-gradient(135deg, #fbbf24, #f97316);--score-vs-bg: rgba(59, 130, 246, .32);--score-vs-border: rgba(56, 189, 248, .65);--score-vs-shadow: inset 0 8px 18px rgba(56, 189, 248, .32), 0 14px 30px rgba(79, 172, 254, .38);--score-text-shadow: 0 1px 10px rgba(59, 130, 246, .55);--score-value-shadow: 0 16px 34px rgba(14, 116, 144, .55);--score-target-color: rgba(191, 219, 254, .92);--score-value-color: rgba(219, 234, 254, .95);--score-left-color: rgba(96, 165, 250, 1);--score-right-color: rgba(251, 191, 36, 1);--score-panel-bg: rgba(17, 24, 39, .68);--score-panel-border: rgba(56, 189, 248, .55);--score-panel-shadow: 0 24px 54px rgba(56, 189, 248, .28);--score-panel-blur: 22px}.pong-wrapper.arena-cosmic .pong-stage[data-v-c4a5dad2]{background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.28),transparent 60%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.22),transparent 65%),linear-gradient(210deg,#0b1120f2,#050812fa);border:1px solid rgba(168,85,247,.35);box-shadow:0 25px 60px #a855f740;--score-left-gradient: linear-gradient(135deg, #a855f7, #22d3ee);--score-right-gradient: linear-gradient(135deg, #facc15, #ef4444);--score-vs-bg: rgba(168, 85, 247, .28);--score-vs-border: rgba(168, 85, 247, .6);--score-vs-shadow: inset 0 10px 24px rgba(147, 51, 234, .38), 0 18px 38px rgba(91, 33, 182, .38);--score-text-shadow: 0 1px 12px rgba(124, 58, 237, .6);--score-value-shadow: 0 18px 38px rgba(124, 58, 237, .6);--score-target-color: rgba(233, 213, 255, .88);--score-value-color: rgba(237, 233, 254, .95);--score-left-color: rgba(168, 85, 247, 1);--score-right-color: rgba(250, 204, 21, 1);--score-panel-bg: rgba(17, 24, 39, .7);--score-panel-border: rgba(168, 85, 247, .55);--score-panel-shadow: 0 26px 58px rgba(124, 58, 237, .35);--score-panel-blur: 24px}@media (max-width: 640px){.fullscreen-btn[data-v-c4a5dad2]{width:36px;height:36px}}@media (hover: hover) and (min-width: 768px){.pong-stage.fullscreen .score-overlay[data-v-c4a5dad2]{padding-inline:clamp(24px,6vw,64px)}.pong-stage.fullscreen .score-board[data-v-c4a5dad2]:not(.classic){width:min(100%,900px);padding:clamp(14px,2vw,20px) clamp(20px,4vw,40px);border-radius:18px;background:var(--score-panel-bg);border:1px solid var(--score-panel-border);box-shadow:var(--score-panel-shadow);-webkit-backdrop-filter:blur(var(--score-panel-blur));backdrop-filter:blur(var(--score-panel-blur))}.pong-stage.fullscreen .score-board:not(.classic) .player-info[data-v-c4a5dad2]{font-size:clamp(.85rem,1vw,1rem)}.pong-stage.fullscreen .score-board:not(.classic) .score-value[data-v-c4a5dad2]{font-size:clamp(2.6rem,3.6vw,4rem);background:none;-webkit-background-clip:initial;background-clip:initial;-webkit-text-fill-color:var(--score-value-color);color:var(--score-value-color)}.pong-stage.fullscreen .score-board:not(.classic) .score-separator[data-v-c4a5dad2]{width:clamp(52px,4.8vw,72px);height:clamp(52px,4.8vw,72px)}.pong-stage.fullscreen .score-board:not(.classic) .score-target[data-v-c4a5dad2]{font-size:clamp(.75rem,.95vw,.95rem);letter-spacing:.12em}}.local-game[data-v-2d392545]{display:flex;flex-direction:column;gap:1.6rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:12px;padding:1.6rem;box-shadow:0 18px 50px #00000040;max-width:1800px;margin:0 auto}.local-game.arena-neon[data-v-2d392545]{background:radial-gradient(circle at top,rgba(79,172,254,.25),transparent 55%),linear-gradient(200deg,#13172deb,#080c1cf2);border-color:#4facfe59;box-shadow:0 20px 55px #4facfe40}.local-game.arena-cosmic[data-v-2d392545]{background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.28),transparent 60%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.22),transparent 65%),linear-gradient(210deg,#0b1120f2,#050812fa);border-color:#a855f759;box-shadow:0 25px 60px #a855f740}.menu[data-v-2d392545]{color:var(--color-text);background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--color-border);border-radius:12px;padding:1.6rem;box-shadow:0 12px 36px #00000040;max-width:640px;margin:0 auto;display:grid;gap:1rem}.menu.arena-neon[data-v-2d392545]{background:radial-gradient(circle at top,rgba(79,172,254,.25),transparent 55%),linear-gradient(200deg,#13172de0,#080c1ceb);border-color:#4facfe59;box-shadow:0 18px 45px #4facfe40}.menu.arena-cosmic[data-v-2d392545]{background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.24),transparent 60%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.18),transparent 65%),linear-gradient(210deg,#0b1120e6,#050812f0);border-color:#a855f759;box-shadow:0 20px 48px #a855f740}.menu-title[data-v-2d392545]{margin:0;font-size:1.4rem;font-weight:800;background:linear-gradient(90deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.menu-sub[data-v-2d392545]{margin:0;color:var(--color-text);opacity:.75}.settings-list[data-v-2d392545]{list-style:none;margin:0;padding:0;display:grid;gap:.4rem}.config-chips[data-v-2d392545]{display:flex;flex-wrap:wrap;gap:.35rem}.chip[data-v-2d392545]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:500;color:var(--color-text);white-space:nowrap}.settings-list li[data-v-2d392545]{display:flex;justify-content:space-between;align-items:center;background:#3333332e;border:1px solid rgba(148,163,184,.28);border-radius:12px;padding:.65rem .95rem;color:var(--color-text)}.settings-list .label[data-v-2d392545]{opacity:.7;font-size:.9rem}.settings-list .value[data-v-2d392545]{font-weight:700}.toggle-row[data-v-2d392545]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.toggle[data-v-2d392545]{display:flex;align-items:center;gap:.75rem;color:var(--color-text);background:#0003;border:1px solid var(--color-border);border-radius:999px;padding:.6rem 1rem .6rem .6rem}.toggle input[type=checkbox][data-v-2d392545]{appearance:none;-webkit-appearance:none;width:44px;height:26px;background:#ffffff26;border:2px solid var(--color-border);border-radius:999px;position:relative;cursor:pointer;transition:.18s ease}.toggle input[type=checkbox][data-v-2d392545]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#fff,#dfe6ff);box-shadow:0 4px 10px #0000004d;transition:transform .18s ease}.toggle input[type=checkbox][data-v-2d392545]:checked{background:linear-gradient(90deg,#6a5cff,#25c6ff);border-color:transparent;box-shadow:0 6px 16px #5966ff59}.toggle input[type=checkbox][data-v-2d392545]:checked:after{transform:translate(18px)}.toggle-text[data-v-2d392545]{font-weight:600}.menu-actions[data-v-2d392545]{display:flex;justify-content:space-between;gap:.75rem}.btn[data-v-2d392545]{border:1px solid var(--color-border);border-radius:10px;padding:.7rem 1.2rem;font-weight:700;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.btn.ghost[data-v-2d392545]{background:transparent;color:var(--color-text)}.btn.primary[data-v-2d392545]{background:var(--gradient-brand);color:#0b132b;border-color:transparent;box-shadow:0 14px 28px #4facfe59}.btn[data-v-2d392545]:hover{transform:translateY(-1px)}.game-header[data-v-2d392545]{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:10px;background:linear-gradient(135deg,#fff0,#2195f31f 40%);border:1px solid var(--color-border);border-radius:7px}.mode-title[data-v-2d392545]{margin:0;font-size:1.35rem;font-weight:800;background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mode-description[data-v-2d392545]{color:var(--color-text);opacity:.8;margin:.15rem 0 0;font-size:.95rem}.game-controls[data-v-2d392545]{display:inherit;align-items:center;gap:1rem}.config-chip[data-v-2d392545]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;color:var(--color-text)}.game-canvas-container[data-v-2d392545]{position:relative;display:flex;justify-content:center;background:radial-gradient(500px 160px at 50% 0%,rgba(255,255,255,.06),transparent 70%),linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid var(--color-border);border-radius:7px;padding:1rem;box-shadow:inset 0 2px 10px #0000001f;overflow:hidden;margin:0 0 12px}.game-canvas-container[data-v-2d392545]:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 22px),repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 22px);pointer-events:none}.game-overlay[data-v-2d392545]{position:absolute;inset:0;background:#04060ea8;display:grid;place-items:center;border-radius:7px;z-index:10}.overlay-title[data-v-2d392545]{font-size:clamp(1.4rem,1.4rem + .5vw,2rem);font-weight:900;margin-bottom:.7rem;background:linear-gradient(90deg,#fff,#b8c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.overlay-message[data-v-2d392545]{font-size:1.05rem;color:var(--color-text);opacity:.9;margin-bottom:1.1rem}.btn-restart[data-v-2d392545]{padding:.75rem 1.4rem;background:linear-gradient(180deg,#19c37d,#0ea86b);color:#0a1326;border:none;border-radius:7px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 12px 24px #19c37d40}.btn-restart[data-v-2d392545]:hover{transform:translateY(-1px);box-shadow:0 18px 36px #19c37d59}.game-footer[data-v-2d392545]{display:flex;justify-content:center}.game-instructions[data-v-2d392545]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.instruction-item[data-v-2d392545]{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid var(--color-border);border-radius:7px;font-size:.95rem}.control-hint[data-v-2d392545]{display:flex;align-items:center;gap:.75rem;padding:.45rem .8rem;background:#00000040;border:1px solid var(--color-border);border-radius:999px}.keys[data-v-2d392545]{background:linear-gradient(90deg,#6a5cff,#25c6ff);color:#fff;padding:.2rem .6rem;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800;font-size:.82rem;letter-spacing:.015em;box-shadow:inset 0 -2px #ffffff14}.vs[data-v-2d392545]{color:var(--color-text);opacity:.65;font-weight:700}.instruction-icon[data-v-2d392545]{font-size:1.05rem}.instruction-text[data-v-2d392545]{color:var(--color-text);opacity:.9}@media (max-width: 820px){.local-game[data-v-2d392545]{padding:1rem;gap:1rem}.game-header[data-v-2d392545]{flex-direction:column;gap:.8rem;text-align:center}.menu[data-v-2d392545]{padding:1.1rem}}@media (max-width: 520px){.keys[data-v-2d392545]{font-size:.78rem;padding:.18rem .52rem}.control-hint[data-v-2d392545]{flex-wrap:wrap;justify-content:center}.instruction-item[data-v-2d392545]{font-size:.9rem}.game-canvas-container[data-v-2d392545]{padding:.75rem}}.ai-game[data-v-4cc3c5a8]{display:flex;flex-direction:column;gap:1.6rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:12px;padding:1.6rem;box-shadow:0 18px 50px #00000040;max-width:1800px;margin:0 auto}.ai-game.arena-neon[data-v-4cc3c5a8]{background:radial-gradient(circle at top,rgba(79,172,254,.25),transparent 55%),linear-gradient(200deg,#13172deb,#080c1cf2);border-color:#4facfe59;box-shadow:0 20px 55px #4facfe40}.ai-game.arena-cosmic[data-v-4cc3c5a8]{background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.28),transparent 60%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.22),transparent 65%),linear-gradient(210deg,#0b1120f2,#050812fa);border-color:#a855f759;box-shadow:0 25px 60px #a855f740}.config-chip[data-v-4cc3c5a8]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .9rem;font-size:.85rem;font-weight:600;color:var(--color-text)}.config-chips[data-v-4cc3c5a8]{display:flex;flex-wrap:wrap;gap:.35rem}.chip[data-v-4cc3c5a8]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:500;color:var(--color-text);white-space:nowrap}.control-hint[data-v-4cc3c5a8]{display:flex;align-items:center;gap:.75rem;padding:.45rem .8rem;background:#00000040;border:1px solid var(--color-border);border-radius:999px}.keys[data-v-4cc3c5a8]{background:linear-gradient(90deg,#6a5cff,#25c6ff);color:#fff;padding:.2rem .6rem;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800;font-size:.82rem;letter-spacing:.015em;box-shadow:inset 0 -2px #ffffff14}.vs[data-v-4cc3c5a8]{color:var(--color-text);opacity:.65;font-weight:700}.game-header[data-v-4cc3c5a8]{display:flex;justify-content:space-between;align-items:center;padding:1rem;margin-bottom:10px;background:linear-gradient(135deg,#fff0 0%,var(--color-success-soft) 100%);border:1px solid var(--color-border);border-radius:7px}.ai-controls[data-v-4cc3c5a8]{display:inherit;align-items:center;gap:.75rem}.btn[data-v-4cc3c5a8]{border:1px solid var(--color-border);border-radius:10px;padding:.5rem .85rem;background:transparent;color:var(--color-text);font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.btn.ghost[data-v-4cc3c5a8]:hover,.btn[data-v-4cc3c5a8]:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.difficulty-selector[data-v-4cc3c5a8]{border:1px solid var(--color-border);border-radius:7px;padding:.5rem 1rem;color:var(--color-text);cursor:pointer;transition:all .3s ease;background:#1113}.difficulty-selector[data-v-4cc3c5a8]:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.btn[data-v-4cc3c5a8]{border:1px solid var(--color-border);border-radius:10px;padding:.55rem .9rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.btn.ghost[data-v-4cc3c5a8]{background:transparent;color:var(--color-text)}.btn[data-v-4cc3c5a8]:hover{transform:translateY(-1px)}.menu[data-v-4cc3c5a8]{color:var(--color-text);background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--color-border);border-radius:12px;padding:1.6rem;box-shadow:0 12px 36px #00000040;max-width:640px;margin:0 auto;display:grid;gap:1rem}.menu-title[data-v-4cc3c5a8]{margin:0;font-size:1.4rem;font-weight:800;background:linear-gradient(90deg,#fff,#fff,#fff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.menu-sub[data-v-4cc3c5a8]{margin:0;color:var(--color-text);opacity:.75}.settings-list[data-v-4cc3c5a8]{list-style:none;margin:0;padding:0;display:grid;gap:.45rem}.settings-list li[data-v-4cc3c5a8]{display:flex;justify-content:space-between;align-items:center;background:#3333332e;border:1px solid rgba(148,163,184,.28);border-radius:12px;padding:.65rem .95rem;color:var(--color-text)}.settings-list .label[data-v-4cc3c5a8]{opacity:.75;font-size:.9rem}.settings-list .value[data-v-4cc3c5a8]{font-weight:700}.difficulty-row[data-v-4cc3c5a8]{display:flex;flex-direction:column;gap:.6rem;background:#3333332e;border:1px solid rgba(148,163,184,.28);border-radius:7px;padding:.75rem 1rem}.difficulty-row label[data-v-4cc3c5a8]{font-weight:600;color:var(--color-text);opacity:.8}.menu-actions[data-v-4cc3c5a8]{display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem}.menu-actions .btn[data-v-4cc3c5a8]{flex:1;min-width:160px}.toggle-row[data-v-4cc3c5a8]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.toggle[data-v-4cc3c5a8]{display:flex;align-items:center;gap:.75rem;background:#0f172a38;border:1px solid rgba(148,163,184,.35);border-radius:999px;padding:.6rem 1rem .6rem .6rem;color:var(--color-text)}.toggle input[type=checkbox][data-v-4cc3c5a8]{appearance:none;-webkit-appearance:none;width:44px;height:26px;background:#ffffff29;border:2px solid rgba(148,163,184,.5);border-radius:999px;position:relative;cursor:pointer;transition:.2s ease}.toggle input[type=checkbox][data-v-4cc3c5a8]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#fff,#e2e8f0);box-shadow:0 4px 10px #0f172a4d;transition:transform .2s ease}.toggle input[type=checkbox][data-v-4cc3c5a8]:checked{background:linear-gradient(120deg,#38bdf8,#6366f1);border-color:transparent;box-shadow:0 6px 18px #0ea5e959}.toggle input[type=checkbox][data-v-4cc3c5a8]:checked:after{transform:translate(18px)}.toggle-text[data-v-4cc3c5a8]{font-weight:600}.ai-summary[data-v-4cc3c5a8]{display:flex;gap:.6rem;flex-wrap:wrap;justify-content:center;margin-bottom:10px}.chip[data-v-4cc3c5a8]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.35rem .8rem;font-size:.8rem;font-weight:600;color:var(--color-text)}.game-canvas-container[data-v-4cc3c5a8]{position:relative;background:var(--color-background);border:1px solid var(--color-border);border-radius:7px;padding:1rem;box-shadow:inset 0 2px 10px #0000001f;overflow:hidden;margin-bottom:10px}.game-canvas-container[data-v-4cc3c5a8]:before{content:"";position:absolute;inset:0;margin-bottom:10px;pointer-events:none;background:repeating-linear-gradient(to right,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 24px),repeating-linear-gradient(to bottom,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 24px)}.game-canvas-container[data-v-4cc3c5a8] .pong-wrapper{width:100%;justify-content:center}.game-canvas-container[data-v-4cc3c5a8] .pong-stage{width:100%;max-width:960px}.game-canvas-container[data-v-4cc3c5a8] .pong-stage.fullscreen{max-width:100%;height:100%}.game-canvas-container[data-v-4cc3c5a8] .pong-canvas{width:100%;height:100%}.game-overlay[data-v-4cc3c5a8]{position:absolute;inset:0;background:#04060ea8;display:grid;place-items:center;border-radius:7px;z-index:10}.overlay-title[data-v-4cc3c5a8]{font-size:clamp(1.4rem,1.4rem + .5vw,2rem);font-weight:900;margin-bottom:.7rem;background:linear-gradient(90deg,#fff,#b8c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.overlay-message[data-v-4cc3c5a8]{font-size:1.05rem;color:var(--color-text);opacity:.9;margin-bottom:1.1rem}.btn-restart[data-v-4cc3c5a8]{padding:.75rem 1.4rem;background:linear-gradient(180deg,#19c37d,#0ea86b);color:#0a1326;border:none;border-radius:7px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 12px 24px #19c37d40}.btn-restart[data-v-4cc3c5a8]:hover{transform:translateY(-1px);box-shadow:0 18px 36px #19c37d59}.status-text[data-v-4cc3c5a8]{font-size:.8rem;padding:.25rem .75rem;border-radius:7px;font-weight:500}.status-text[data-v-4cc3c5a8]:not(.ai-status){background:var(--color-info-soft);color:var(--color-info);border:1px solid var(--color-info)}.ai-status[data-v-4cc3c5a8]{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.ai-indicator[data-v-4cc3c5a8]{position:absolute;bottom:-5px;left:50%;transform:translate(-50%)}.ai-pulse[data-v-4cc3c5a8]{display:block;width:10px;height:10px;background:var(--color-success);border-radius:50%;animation:ai-pulse-4cc3c5a8 2s infinite}@keyframes ai-pulse-4cc3c5a8{0%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}.ai-performance[data-v-4cc3c5a8]{position:absolute;top:10px;right:10px;background:var(--color-overlay-bg);padding:.75rem;border-radius:7px;color:#fff;font-size:.8rem}.performance-item[data-v-4cc3c5a8]{display:flex;align-items:center;gap:.5rem}.perf-label[data-v-4cc3c5a8]{font-weight:500}.perf-bar[data-v-4cc3c5a8]{width:60px;height:6px;background:rgba(var(--color-background-rgb),.2);border-radius:7px;overflow:hidden}.perf-fill[data-v-4cc3c5a8]{height:100%;background:linear-gradient(90deg,var(--color-danger),var(--color-success));transition:width .5s ease}.perf-value[data-v-4cc3c5a8]{color:var(--color-success)}.game-stats[data-v-4cc3c5a8]{display:flex;gap:1.5rem;justify-content:center;flex-wrap:wrap;margin-bottom:1rem}.stat-item[data-v-4cc3c5a8]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:7px;font-size:.9rem}.stat-icon[data-v-4cc3c5a8]{font-size:1.1rem}.stat-label[data-v-4cc3c5a8]{color:var(--color-text);opacity:.8}.stat-value[data-v-4cc3c5a8]{font-weight:700;color:var(--color-primary)}.game-tips[data-v-4cc3c5a8]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.tip-item[data-v-4cc3c5a8]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:rgba(var(--color-primary-rgb),.1);border:1px solid var(--color-primary);border-radius:7px;font-size:.85rem}.tip-icon[data-v-4cc3c5a8]{font-size:1rem}.tip-text[data-v-4cc3c5a8]{color:var(--color-text);opacity:.8}@media (max-width: 768px){.ai-game[data-v-4cc3c5a8]{padding:1rem;gap:1rem}.menu-actions[data-v-4cc3c5a8]{flex-direction:column}.game-header[data-v-4cc3c5a8]{flex-direction:column;gap:1rem}.game-stats[data-v-4cc3c5a8],.game-tips[data-v-4cc3c5a8]{flex-direction:column;align-items:center;gap:.5rem}}.menu[data-v-cf222d35]{color:var(--color-text);background:linear-gradient(180deg,#ffffff14,#ffffff0a);border:1px solid var(--color-border);border-radius:7px;padding:1.4rem;box-shadow:0 12px 36px #00000040;max-width:640px;margin:0 auto}.menu h2[data-v-cf222d35]{font-weight:800;margin-bottom:1rem;font-size:1.4rem;letter-spacing:.2px;background:linear-gradient(90deg,#fff,#b8c6ff,#9fe7ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.menu label[data-v-cf222d35]{display:flex;align-items:center;justify-content:center;gap:.75rem;color:var(--color-text);background:#0003;border:1px solid var(--color-border);border-radius:7px;padding:.7rem 1rem}.menu input[type=checkbox][data-v-cf222d35]{appearance:none;-webkit-appearance:none;width:44px;height:26px;background:#ffffff26;border:2px solid var(--color-border);border-radius:999px;position:relative;cursor:pointer;transition:.18s ease;outline:none}.menu input[type=checkbox][data-v-cf222d35]:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;border-radius:50%;background:linear-gradient(180deg,#fff,#dfe6ff);box-shadow:0 4px 10px #0000004d;transition:transform .18s ease}.menu input[type=checkbox][data-v-cf222d35]:checked{background:linear-gradient(90deg,#6a5cff,#25c6ff);border-color:transparent;box-shadow:0 6px 16px #5966ff59}.menu input[type=checkbox][data-v-cf222d35]:checked:after{transform:translate(18px)}.menu button[data-v-cf222d35]{width:100%;margin-top:.25rem;border:0;border-radius:7px;background:linear-gradient(180deg,#7c4dff,#5a3bff);color:#fff;font-weight:800;padding:.9rem 1rem;box-shadow:0 14px 28px #5f45ff59;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.menu button[data-v-cf222d35]:hover{transform:translateY(-1px);box-shadow:0 22px 38px #5f45ff73}.menu button[data-v-cf222d35]:active{transform:translateY(0)}.game-header[data-v-cf222d35]{display:flex;justify-content:space-between;align-items:center;padding:.9rem 1rem;background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid var(--color-border);border-radius:7px;box-shadow:0 8px 24px #0000002e}.game-controls[data-v-cf222d35]{display:inherit;align-items:center;gap:1rem}.config-chip[data-v-cf222d35]{background:#ffffff24;border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:.35rem .85rem;font-size:.85rem;font-weight:600;color:var(--color-text)}.config-chips[data-v-cf222d35]{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.chip[data-v-cf222d35]{background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.28rem .7rem;font-size:.78rem;font-weight:500;color:var(--color-text);white-space:nowrap}.mode-title[data-v-cf222d35]{margin:0;font-size:1.35rem;font-weight:800;background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.mode-description[data-v-cf222d35]{color:var(--color-text);opacity:.8;margin:.15rem 0 0;font-size:.95rem}.control-hint[data-v-cf222d35]{display:flex;align-items:center;gap:.75rem;padding:.45rem .8rem;background:#00000040;border:1px solid var(--color-border);border-radius:999px}.keys[data-v-cf222d35]{background:linear-gradient(90deg,#6a5cff,#25c6ff);color:#fff;padding:.2rem .6rem;border-radius:7px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-weight:800;font-size:.82rem;letter-spacing:.015em;box-shadow:inset 0 -2px #ffffff14}.vs[data-v-cf222d35]{color:var(--color-text);opacity:.65;font-weight:700}.game-canvas-container[data-v-cf222d35]{position:relative;display:flex;justify-content:center;background:radial-gradient(500px 160px at 50% 0%,rgba(255,255,255,.06),transparent 70%),linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid var(--color-border);border-radius:7px;padding:1rem;box-shadow:inset 0 2px 10px #0000001f;overflow:hidden}.game-canvas-container[data-v-cf222d35] .pong-wrapper{width:100%;justify-content:center}.game-canvas-container[data-v-cf222d35] .pong-stage{width:100%;max-width:960px}.game-canvas-container[data-v-cf222d35] .pong-stage.fullscreen{max-width:100%;height:100%}.game-canvas-container[data-v-cf222d35] .pong-canvas{width:100%;height:100%}.game-canvas-container[data-v-cf222d35]:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,rgba(255,255,255,.04) 0,rgba(255,255,255,.04) 1px,transparent 1px,transparent 22px),repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0,rgba(255,255,255,.03) 1px,transparent 1px,transparent 22px);pointer-events:none}.game-overlay[data-v-cf222d35]{position:absolute;inset:0;background:#04060ea8;display:grid;place-items:center;border-radius:7px;z-index:10}.overlay-title[data-v-cf222d35]{font-size:clamp(1.4rem,1.4rem + .5vw,2rem);font-weight:900;margin-bottom:.7rem;background:linear-gradient(90deg,#fff,#b8c6ff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.overlay-message[data-v-cf222d35]{font-size:1.05rem;color:var(--color-text);opacity:.9;margin-bottom:1.1rem}.btn-restart[data-v-cf222d35]{padding:.75rem 1.4rem;background:linear-gradient(180deg,#19c37d,#0ea86b);color:#0a1326;border:none;border-radius:7px;font-weight:900;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease;box-shadow:0 12px 24px #19c37d40}.btn-restart[data-v-cf222d35]:hover{transform:translateY(-1px);box-shadow:0 18px 36px #19c37d59}.game-footer[data-v-cf222d35]{display:flex;justify-content:center}.game-instructions[data-v-cf222d35]{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.instruction-item[data-v-cf222d35]{display:flex;align-items:center;gap:.5rem;padding:.65rem .9rem;background:linear-gradient(180deg,#ffffff12,#ffffff08);border:1px solid var(--color-border);border-radius:7px;font-size:.95rem}.instruction-icon[data-v-cf222d35]{font-size:1.05rem}.instruction-text[data-v-cf222d35]{color:var(--color-text);opacity:.9}.remote-game[data-v-cf222d35]{display:flex;flex-direction:column;gap:1.6rem;background:var(--panel-bg, rgba(255, 255, 255, .75));border:1px solid var(--color-border);border-radius:7px;padding:1.6rem;box-shadow:0 18px 50px #00000040;max-width:1800px;margin:0 auto}.remote-game.arena-neon[data-v-cf222d35]{background:radial-gradient(circle at top,rgba(79,172,254,.25),transparent 55%),linear-gradient(200deg,#13172deb,#080c1cf2);border-color:#4facfe59;box-shadow:0 20px 55px #4facfe40}.remote-game.arena-cosmic[data-v-cf222d35]{background:radial-gradient(circle at 30% 20%,rgba(168,85,247,.28),transparent 60%),radial-gradient(circle at 70% 80%,rgba(34,211,238,.22),transparent 65%),linear-gradient(210deg,#0b1120f2,#050812fa);border-color:#a855f759;box-shadow:0 25px 60px #a855f740}.btn[data-v-cf222d35]{border:1px solid var(--color-border);border-radius:10px;padding:.5rem .9rem;background:transparent;color:var(--color-text);font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .2s ease}.btn.ghost[data-v-cf222d35]{border-style:dashed}.btn.danger[data-v-cf222d35]{border-color:#f4433699;color:#f87171}.btn[data-v-cf222d35]:hover{transform:translateY(-1px);box-shadow:0 10px 24px #0000002e}@media (max-width: 820px){.remote-game[data-v-cf222d35]{padding:1.1rem;gap:1.1rem}.game-header[data-v-cf222d35]{flex-direction:column;gap:.8rem;text-align:center}.game-canvas-container[data-v-cf222d35]{padding:.75rem}}@media (max-width: 520px){.keys[data-v-cf222d35]{font-size:.78rem;padding:.18rem .52rem}.control-hint[data-v-cf222d35]{flex-wrap:wrap;justify-content:center}.game-canvas-container[data-v-cf222d35]{padding:.55rem;border-radius:6px}}.custom-overlay[data-v-023468b9]{position:fixed;inset:0;background:#00000091;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;place-items:center;z-index:2000;padding:1.5rem}.custom-modal[data-v-023468b9]{width:min(720px,100%);border-radius:7px;background:linear-gradient(160deg,var(--color-background) 0%,var(--color-background-soft) 100%);border:1px solid var(--color-border);box-shadow:0 30px 80px #00000059;display:grid;grid-template-rows:auto 1fr auto;max-height:90vh;will-change:transform}.custom-modal.mobile-sheet[data-v-023468b9]{max-height:88vh;width:100%;border-radius:22px 22px 0 0}.modal-header[data-v-023468b9]{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 1.75rem;border-bottom:1px solid var(--color-border);border-radius:7px 7px 0 0}.modal-header .header-content[data-v-023468b9]{display:flex;align-items:center;justify-content:space-between;gap:1rem;width:100%}.modal-header .title-block[data-v-023468b9]{display:flex;flex-direction:column}.modal-header.mobile[data-v-023468b9]{flex-direction:column;gap:.75rem;cursor:grab;touch-action:pan-y;padding-top:1rem}.modal-header.mobile[data-v-023468b9]:active{cursor:grabbing}.modal-header.mobile .header-content[data-v-023468b9]{align-items:flex-start}.modal-header.mobile .close-btn[data-v-023468b9]{align-self:flex-end}.drag-handle[data-v-023468b9]{width:52px;height:5px;border-radius:999px;background:#ffffff59;margin:0 auto;display:none}.modal-header.mobile .drag-handle[data-v-023468b9]{display:block}.modal-header h3[data-v-023468b9]{margin:0;font-size:1.35rem;font-weight:800;color:var(--color-heading)}.modal-header p[data-v-023468b9]{margin:.25rem 0 0;color:var(--color-text);opacity:.7}.close-btn[data-v-023468b9]{border:none;background:transparent;color:var(--color-text);opacity:.7;cursor:pointer;font-size:1.2rem}.modal-body[data-v-023468b9]{padding:1.75rem;overflow-y:auto;display:grid;gap:1.5rem;-webkit-overflow-scrolling:touch}.preset-section[data-v-023468b9]{background:#ffffff0a;border:1px solid var(--color-border);border-radius:14px;padding:1.25rem 1.5rem;display:grid;gap:.75rem}.preset-buttons[data-v-023468b9]{display:flex;gap:.75rem;flex-wrap:wrap}.preset-btn[data-v-023468b9]{border:1px solid transparent;border-radius:12px;padding:.65rem 1.1rem;font-weight:600;background:#3535352b;color:var(--color-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.preset-btn.active[data-v-023468b9]{background:var(--gradient-brand);border-color:transparent;color:#0b132b;box-shadow:var(--glow-primary)}.preset-desc[data-v-023468b9]{margin:0;color:var(--color-text);opacity:.75;font-size:.9rem}.grid[data-v-023468b9]{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.card[data-v-023468b9]{border:1px solid var(--color-border);border-radius:14px;padding:1.2rem 1.4rem;background:#ffffff0a;display:grid;gap:.75rem}.card h5[data-v-023468b9]{margin:0;font-size:1rem;font-weight:700;color:var(--color-heading)}.options-row[data-v-023468b9]{display:contents;margin:10px;gap:.75rem}.option-pill[data-v-023468b9]{display:inline-flex;align-items:center;gap:.4rem;border:1px solid var(--color-border);border-radius:7px;padding:.35rem .85rem;font-weight:600;cursor:pointer;transition:border-color .2s ease,background .2s ease,transform .2s ease}.option-pill input[data-v-023468b9]{display:none}.option-pill.active[data-v-023468b9]{background:#4facfe2e;border-color:#4facfe80;color:#fff}.toggles[data-v-023468b9]{gap:1rem}.toggle[data-v-023468b9]{position:relative;display:flex;align-items:center;gap:.75rem}.toggle input[data-v-023468b9]{position:absolute;opacity:0}.slider[data-v-023468b9]{width:48px;height:26px;border-radius:999px;background:#ffffff26;border:1px solid var(--color-border);position:relative;transition:background .2s ease,border-color .2s ease}.slider[data-v-023468b9]:after{content:"";position:absolute;width:20px;height:20px;top:2px;left:2px;border-radius:50%;background:#fff;transition:transform .2s ease}.toggle input:checked+.slider[data-v-023468b9]{background:var(--gradient-brand);border-color:transparent}.toggle input:checked+.slider[data-v-023468b9]:after{transform:translate(22px)}.toggle-label[data-v-023468b9]{font-weight:600}.modal-footer[data-v-023468b9]{padding:1.4rem 1.6rem;border-top:1px solid var(--color-border);display:flex;justify-content:space-between}.btn[data-v-023468b9]{border-radius:12px;padding:.75rem 1.3rem;font-weight:700;border:1px solid var(--color-border);background:var(--color-background-mute);color:var(--color-text);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn.ghost[data-v-023468b9]{background:transparent}.btn.primary[data-v-023468b9]{background:var(--gradient-brand);color:#0b132b;border-color:transparent;box-shadow:var(--glow-primary)}.btn.primary[data-v-023468b9]:hover,.btn.ghost[data-v-023468b9]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}@media (max-width: 640px){.custom-overlay[data-v-023468b9]{padding:.75rem .75rem 0;display:flex;justify-content:center;align-items:flex-end}.custom-overlay.is-mobile[data-v-023468b9]{padding:.75rem .5rem .5rem}.modal-body[data-v-023468b9]{padding:1.15rem}.modal-footer[data-v-023468b9]{padding:1.1rem 1.15rem;flex-direction:column-reverse;gap:.75rem}.modal-footer .btn[data-v-023468b9]{width:100%}.btn.primary[data-v-023468b9],.btn.ghost[data-v-023468b9]{box-shadow:none}}.game-view[data-v-39f49be6]{position:relative;display:flex;flex-direction:column;overflow-x:hidden;border-radius:7px}.game-background[data-v-39f49be6]{position:fixed;inset:0;z-index:-1;background:linear-gradient(135deg,var(--color-background) 0%,var(--color-background-soft) 100%)}.floating-shapes[data-v-39f49be6]{position:absolute;width:100%;height:100%;overflow:hidden}.shape[data-v-39f49be6]{position:absolute;border-radius:50%;background:linear-gradient(45deg,var(--color-primary),var(--color-secondary));opacity:.1;animation:float-39f49be6 6s ease-in-out infinite}.shape-1[data-v-39f49be6]{width:80px;height:80px;top:20%;left:10%;animation-delay:-2s}.shape-2[data-v-39f49be6]{width:120px;height:120px;top:60%;right:15%;animation-delay:-4s}.shape-3[data-v-39f49be6]{width:100px;height:100px;bottom:20%;left:20%;animation-delay:-1s}.shape-4[data-v-39f49be6]{width:60px;height:60px;top:10%;right:30%;animation-delay:-3s}@keyframes float-39f49be6{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-20px) rotate(180deg)}}.game-header[data-v-39f49be6]{padding:10px;text-align:center;border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:10}.game-title[data-v-39f49be6]{margin-bottom:1.5rem}.title-text[data-v-39f49be6]{font-size:3rem;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:.5rem;font-weight:800}.subtitle-text[data-v-39f49be6]{color:var(--color-text);opacity:.8;font-size:1.1rem}.mode-indicator[data-v-39f49be6]{display:flex;justify-content:center;align-items:center;gap:2rem}.indicator-content[data-v-39f49be6]{display:flex;align-items:center;gap:1rem;padding:1rem 2rem;border-radius:7px;box-shadow:var(--shadow-sm);border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .75));box-shadow:var(--panel-shadow)}.mode-emoji[data-v-39f49be6]{font-size:1.5rem}.mode-text[data-v-39f49be6]{font-weight:600;color:var(--color-text);font-size:1.1rem}.btn-back[data-v-39f49be6]{display:flex;align-items:center;gap:1rem;padding:26px 33px;border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .75));box-shadow:var(--panel-shadow);color:#fff;border-radius:7px;font-family:OriginTech,Inter,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-weight:600;font-size:1.1rem}.btn-back[data-v-39f49be6]:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.game-content[data-v-39f49be6]{display:flex;justify-content:center;align-items:center;padding:2rem;min-height:600px}.game-section[data-v-39f49be6]{width:100%;max-width:1800px;display:flex;justify-content:center;align-items:center}.lobby-section[data-v-39f49be6]{min-height:500px}.lobby-wrapper[data-v-39f49be6]{width:100%;max-width:800px}.play-section[data-v-39f49be6]{flex-direction:column;gap:2rem}.game-wrapper[data-v-39f49be6]{display:flex;flex-direction:column;gap:2rem;width:100%;position:relative}.game-header-mini[data-v-39f49be6]{text-align:center;padding:1.5rem;background:var(--color-background-soft);border:1px solid var(--color-border);border-radius:7px;box-shadow:var(--shadow-md);max-width:600px;width:100%}.game-header-mini h2[data-v-39f49be6]{font-size:1.8rem;margin-bottom:.5rem;background:var(--gradient-primary);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.game-header-mini p[data-v-39f49be6]{color:var(--color-text);opacity:.8;margin:0}.room-id[data-v-39f49be6]{background:var(--color-primary);color:#fff;padding:.25rem .5rem;border-radius:7px;font-family:Courier New,monospace;font-weight:700}.game-container[data-v-39f49be6]{width:100%;max-width:1800px;height:900px;background:var(--color-background-soft);border:2px solid var(--color-border);border-radius:7px;box-shadow:var(--glow-primary);transition:all .3s ease;overflow:hidden;position:relative}.game-container.fs-sim[data-v-39f49be6]{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--color-background);touch-action:none}.game-container.fs-sim .pong-canvas[data-v-39f49be6]{height:100vh;height:calc(var(--vh, 1vh) * 100);height:100dvh;width:auto;max-width:100vw;max-height:100vh;max-height:calc(var(--vh, 1vh) * 100);max-height:100dvh}@media (hover:hover) and (pointer:fine){html:not(.fs-active) .game-container[data-v-39f49be6]:hover{transform:translateY(-5px);box-shadow:var(--glow-primary-strong)}}html.fs-active .game-container[data-v-39f49be6]:hover,.game-container.fs-sim[data-v-39f49be6]:hover,.game-container[data-v-39f49be6]:has(.fs-root.fs-sim):hover{transform:none;box-shadow:var(--glow-primary)}.fs-btn[data-v-39f49be6]{position:absolute;top:10px;right:10px;background:var(--color-overlay-bg);color:var(--color-text);border:1px solid var(--color-border);width:36px;height:36px;border-radius:8px;display:grid;place-items:center;cursor:pointer;box-shadow:0 6px 16px #00000040;z-index:20}.fs-btn[data-v-39f49be6]:hover{background:rgba(var(--color-background-rgb),.2)}.postmatch-overlay[data-v-39f49be6]{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:var(--color-overlay-bg);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.postmatch-overlay .box[data-v-39f49be6]{background:var(--color-background);border:1px solid var(--color-border);border-radius:7px;padding:1rem 1.25rem;text-align:center}.game-footer[data-v-39f49be6]{padding:1.9rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:7px;border:1px solid var(--panel-border, var(--color-border));background:var(--panel-bg, rgba(255, 255, 255, .75));box-shadow:var(--panel-shadow)}.footer-content[data-v-39f49be6]{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.stats-info[data-v-39f49be6]{display:flex;gap:2rem}.stat-item[data-v-39f49be6]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:7px}.stat-icon[data-v-39f49be6]{font-size:1.1rem}.stat-text[data-v-39f49be6]{font-size:.9rem;font-weight:500;color:var(--color-text);opacity:.8}.connection-status[data-v-39f49be6]{display:flex;align-items:center}.status-indicator[data-v-39f49be6]{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:7px;font-size:.9rem;font-weight:500;background:var(--color-danger-soft);color:var(--color-danger);border:1px solid var(--color-danger)}.status-indicator.online[data-v-39f49be6]{background:var(--color-success-soft);color:var(--color-success);border:1px solid var(--color-success)}.status-dot[data-v-39f49be6]{width:8px;height:8px;border-radius:50%;background:currentColor;animation:pulse-39f49be6 2s infinite}@keyframes pulse-39f49be6{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.game-fade-enter-active[data-v-39f49be6],.game-fade-leave-active[data-v-39f49be6]{transition:all .4s ease}.game-fade-enter-from[data-v-39f49be6]{opacity:0;transform:translateY(30px) scale(.95)}.game-fade-leave-to[data-v-39f49be6]{opacity:0;transform:translateY(-30px) scale(.95)}@media (max-width: 768px){.title-text[data-v-39f49be6]{font-size:2rem}.mode-indicator[data-v-39f49be6]{flex-direction:column;gap:1rem}.game-content[data-v-39f49be6]{padding:1rem}.game-container[data-v-39f49be6]{height:400px;margin:0 1rem}.footer-content[data-v-39f49be6]{flex-direction:column;gap:1rem}.stats-info[data-v-39f49be6]{flex-wrap:wrap;justify-content:center;gap:1rem}}@media (max-width: 480px){.game-header[data-v-39f49be6]{padding:1rem}.title-text[data-v-39f49be6]{font-size:1.8rem}.stats-info[data-v-39f49be6]{flex-direction:column;gap:.5rem}.stat-item[data-v-39f49be6]{justify-content:center}}.twofa-header[data-v-91508186]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:1rem}.twofa-title[data-v-91508186]{font-size:1.25rem;font-weight:800;margin:0}.twofa-badge[data-v-91508186]{padding:.25rem .6rem;font-size:.8rem;border-radius:999px;border:1px solid var(--color-border);background:var(--color-background-soft);font-weight:700}.twofa-badge.on[data-v-91508186]{color:var(--color-success);background:var(--color-success-soft);border-color:var(--color-success)}.twofa-badge.off[data-v-91508186]{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger)}.twofa-help[data-v-91508186]{font-size:.95rem;opacity:.85}.twofa-qr[data-v-91508186]{display:flex;justify-content:center;align-items:center;padding:1rem;background:var(--color-background-soft);border:1px dashed var(--color-border);border-radius:7px;margin:.5rem 0 1rem}.twofa-secret[data-v-91508186]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-weight:700;letter-spacing:.08em;background:var(--color-background);border:1px solid var(--color-border);border-radius:7px;padding:.5rem .65rem}.twofa-code[data-v-91508186]{border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text);margin:10px;border-radius:7px;padding:7px}.twofa-code[data-v-91508186]:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-background-rgb),.15)}.twofa-actions[data-v-91508186]{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1rem;display:flex}@media (max-width: 640px){.twofa-actions[data-v-91508186]{grid-template-columns:1fr}}.btn[data-v-91508186]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;border-radius:7px;font-weight:800;cursor:pointer;transition:.18s ease;border:0}.btn-secondary[data-v-91508186]{background:var(--color-background);border:2px solid var(--color-border);color:var(--color-text)}.btn-secondary[data-v-91508186]:hover{transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.btn-danger[data-v-91508186]{background:linear-gradient(180deg,var(--color-danger),var(--color-danger-contrast));color:#fff}.btn[data-v-91508186]:hover{transform:translateY(-1px);box-shadow:0 8px 18px #00000014}.btn[disabled][data-v-91508186]{opacity:.6;cursor:not-allowed}.btn.block[data-v-91508186]{width:100%}.twofa-alert.success[data-v-91508186]{background:var(--color-success-soft);color:var(--color-success-contrast);border:1px solid var(--color-success)}.twofa-alert.error[data-v-91508186]{background:var(--color-danger-soft);color:var(--color-danger-contrast);border:1px solid var(--color-danger)}.mc[data-v-b004abc7]{position:fixed;width:320px;max-height:460px;background:var(--color-background, #111);border:1px solid var(--color-border, #2a2a2a);border-radius:7px;box-shadow:0 14px 34px #0006;overflow:hidden;z-index:9999;display:flex;flex-direction:column}.mc__head[data-v-b004abc7]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;padding:.6rem .6rem .6rem .4rem;background:var(--color-background-soft, #181818);border-bottom:1px solid var(--color-border, #2a2a2a);-webkit-user-select:none;user-select:none;cursor:pointer}.mc__peer[data-v-b004abc7]{display:flex;align-items:center;gap:.6rem}.mc__avatar[data-v-b004abc7]{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:.95rem;overflow:hidden}.mc__avatar-img[data-v-b004abc7]{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mc__meta[data-v-b004abc7]{display:flex;flex-direction:column;gap:.1rem}.mc__name[data-v-b004abc7]{color:#fff;font-weight:700;font-size:.95rem;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mc__status[data-v-b004abc7]{display:flex;align-items:center;gap:.4rem;font-size:.78rem;color:#9aa}.mc__status .dot[data-v-b004abc7]{width:8px;height:8px;border-radius:50%;background:var(--color-offline)}.mc__status.online .dot[data-v-b004abc7]{background:var(--color-online);animation:pulse-b004abc7 2s infinite}.mc__status .typing[data-v-b004abc7]{color:#bbb}.mc__actions[data-v-b004abc7]{display:flex;gap:.25rem}.mc__btn[data-v-b004abc7]{background:transparent;border:0;color:#bbb;width:28px;height:28px;border-radius:7px;cursor:pointer}.mc__btn[data-v-b004abc7]:hover{background:#ffffff12;color:#fff}.mc__btn--challenge[data-v-b004abc7]{background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff}.mc__btn--challenge[data-v-b004abc7]:hover{filter:brightness(1.05)}.mc__body[data-v-b004abc7]{display:flex;flex-direction:column;min-height:280px}.mc__list[data-v-b004abc7]{padding:.75rem;display:flex;flex-direction:column;gap:.4rem;overflow-y:auto;scrollbar-gutter:stable}.mc__row[data-v-b004abc7]{display:flex}.mc__row.is-me[data-v-b004abc7]{justify-content:flex-end}.mc__bubble[data-v-b004abc7]{max-width:78%;padding:.55rem .7rem;border-radius:7px;line-height:1.3;background:#fff;color:#000;border:1px solid #2a2a2a;position:relative;box-shadow:0 2px 12px #00000026}.mc__row.is-me .mc__bubble[data-v-b004abc7]{background:#2a5bd7;border-color:#2a5bd7;color:#fff}.mc__bubble.pending[data-v-b004abc7]{opacity:.6}.mc__headrow[data-v-b004abc7]{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.25rem;font-size:.75rem;opacity:.85}.mc__content[data-v-b004abc7]{font-size:.95rem;word-break:break-word}.mc__status[data-v-b004abc7]{text-align:right;margin-top:.2rem}.mc__status .read[data-v-b004abc7]{font-size:.72rem;opacity:.75}.mc__status .read.ok[data-v-b004abc7]{opacity:1}.mc__typing[data-v-b004abc7]{display:flex;align-items:center;gap:.5rem;padding:.5rem .65rem;background:#ffffff0f;border:1px solid rgba(255,255,255,.08);border-radius:7px;max-width:60%}.mc__typing .ava[data-v-b004abc7]{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:.8rem;overflow:hidden}.mini-avatar[data-v-b004abc7]{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.mc__typing .dots[data-v-b004abc7]{display:flex;gap:.25rem}.mc__typing .dots span[data-v-b004abc7]{width:6px;height:6px;background:#ffffffb3;border-radius:50%;animation:typingDots-b004abc7 1.5s infinite}.mc__typing .dots span[data-v-b004abc7]:nth-child(2){animation-delay:.2s}.mc__typing .dots span[data-v-b004abc7]:nth-child(3){animation-delay:.4s}.mc__typing .txt[data-v-b004abc7]{color:#cfd6ff;font-style:italic;font-size:.8rem}.mc__input[data-v-b004abc7]{position:relative;padding:.55rem;border-top:1px solid var(--color-border,#2a2a2a);background:var(--color-background-soft,#181818)}.mc__emoji[data-v-b004abc7]{position:absolute;bottom:100%;left:.6rem;right:.6rem;background:linear-gradient(135deg,#363636,#19191a);border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:.6rem;box-shadow:0 -10px 30px #0000004d;z-index:5}.mc__emoji .grid[data-v-b004abc7]{display:grid;grid-template-columns:repeat(8,1fr);gap:.35rem;max-height:180px;overflow:auto}.mc__emoji .e[data-v-b004abc7]{background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:7px;padding:.4rem;font-size:1.2rem;cursor:pointer}.mc__emoji .e[data-v-b004abc7]:hover{background:#ffffff29}.mc__input .row[data-v-b004abc7]{display:flex;align-items:flex-end;gap:.5rem}.toggle[data-v-b004abc7]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:2.4rem;height:2.4rem;border-radius:7px;cursor:pointer}.toggle[data-v-b004abc7]:hover{background:#fff3}.field[data-v-b004abc7]{flex:1;min-height:2.5rem;max-height:6rem;padding:.6rem .75rem;background:#ffffff14;border:2px solid rgba(255,255,255,.12);color:#fff}.field[data-v-b004abc7]:focus{outline:none;border-color:#64b5f6;box-shadow:0 0 0 3px #64b5f633}.sendbox[data-v-b004abc7]{display:flex;flex-direction:column;align-items:center;gap:.2rem}.count[data-v-b004abc7]{font-size:.7rem;color:#fff9}.count.warn[data-v-b004abc7]{color:#f59e0b}.send[data-v-b004abc7]{width:2.4rem;height:2.4rem;border-radius:7px;border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#64b5f6,#42a5f5);box-shadow:0 2px 8px #64b5f64d}.send[data-v-b004abc7]:disabled{opacity:.5;cursor:not-allowed}.ic[data-v-b004abc7]{transform:rotate(-90deg)}.spin[data-v-b004abc7]{animation:spin-b004abc7 1s linear infinite}.toast[data-v-b004abc7]{position:absolute;top:1.6rem;left:50%;transform:translate(-50%);background:#000000e6;color:#fff;padding:.6rem .8rem;border-radius:7px;font-size:.85rem;z-index:10}.toast.success[data-v-b004abc7]{background:#10b981e6}.toast.error[data-v-b004abc7]{background:#ef4444e6}.toast.info[data-v-b004abc7]{background:#64b5f6e6}.typing-enter-active[data-v-b004abc7],.typing-leave-active[data-v-b004abc7]{transition:all .25s ease}.typing-enter-from[data-v-b004abc7],.typing-leave-to[data-v-b004abc7]{opacity:0;transform:translateY(6px) scale(.98)}.send-enter-active[data-v-b004abc7],.send-leave-active[data-v-b004abc7]{transition:all .18s ease}.send-enter-from[data-v-b004abc7],.send-leave-to[data-v-b004abc7]{opacity:0;transform:scale(.85)}.toast-enter-active[data-v-b004abc7],.toast-leave-active[data-v-b004abc7]{transition:all .25s ease}.toast-enter-from[data-v-b004abc7],.toast-leave-to[data-v-b004abc7]{opacity:0;transform:translate(-50%) translateY(-8px)}.mc__list[data-v-b004abc7]::-webkit-scrollbar{width:6px}.mc__list[data-v-b004abc7]::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@keyframes spin-b004abc7{to{transform:rotate(360deg)}}@keyframes typingDots-b004abc7{0%{opacity:.3;transform:scale(.8)}30%{opacity:1;transform:scale(1)}60%{opacity:.3;transform:scale(.8)}to{opacity:.3;transform:scale(.8)}}@keyframes pulse-b004abc7{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.username[data-v-e1e64509]{font-size:2rem;font-weight:700;color:var(--color-text);margin-top:25px;line-height:1.2;position:relative;display:inline-block;transition:color .3s}.username[data-v-e1e64509]:after{content:"";display:block;width:0;height:3px;background:var(--gradient-primary);transition:width .3s;position:absolute;bottom:-4px;left:0;border-radius:2px}.username[data-v-e1e64509]:hover{color:var(--color-primary)}.username[data-v-e1e64509]:hover:after{width:100%}@media (max-width: 768px){.username[data-v-e1e64509]{font-size:1.5rem}}.profile-page[data-v-e1e64509]{max-width:1000px;margin:0 auto;padding:2rem}.profile-header[data-v-e1e64509]{overflow:hidden;margin-bottom:2rem;box-shadow:var(--shadow-lg)}.profile-banner[data-v-e1e64509]{height:200px;position:relative;display:flex;align-items:center;justify-content:center}.banner-gradient[data-v-e1e64509]{position:absolute;inset:0;background:linear-gradient(45deg,#ffffff1a,#ffffff0d,#0000001a)}.edit-banner-btn[data-v-e1e64509]{position:absolute;top:1rem;right:1rem;display:flex;align-items:center;gap:.5rem;background:#0000004d;color:#fff;border:0;padding:.5rem 1rem;border-radius:7px;cursor:pointer;transition:.3s}.edit-banner-btn[data-v-e1e64509]:hover{background:#00000080}.profile-info[data-v-e1e64509]{padding:2rem;display:flex;justify-content:space-between;align-items:flex-start;margin-top:-50px}.avatar-section[data-v-e1e64509]{display:flex;gap:1.5rem;align-items:flex-end}.avatar-container[data-v-e1e64509]{position:relative}.user-avatar[data-v-e1e64509]{width:100px;height:100px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2.5rem;color:#fff;border:4px solid var(--color-background);box-shadow:var(--shadow-md);overflow:hidden}.avatar-img[data-v-e1e64509]{width:100%;height:100%;object-fit:cover;display:block;border-radius:50%}.avatar-initials[data-v-e1e64509]{font-weight:700;font-size:2rem;line-height:1}.avatar-edit[data-v-e1e64509]{position:absolute;bottom:0;right:0;width:2rem;height:2rem;border-radius:50%;background:var(--panel-bg, var(--color-background-soft));color:#fff;border:2px solid var(--color-background);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:.8rem}.user-details h1[data-v-e1e64509]{font-size:2rem;font-weight:700;color:var(--color-text);margin-bottom:.5rem}.user-status[data-v-e1e64509]{display:flex;align-items:center;gap:.5rem;font-weight:500;margin-bottom:.5rem}.status-dot[data-v-e1e64509]{width:8px;height:8px;border-radius:50%;background:currentColor}.status-online[data-v-e1e64509]{color:var(--color-online)}.status-offline[data-v-e1e64509]{color:var(--color-offline)}.status-playing[data-v-e1e64509]{color:var(--color-playing)}.join-date[data-v-e1e64509]{color:var(--color-text);opacity:.7;font-size:.9rem}.profile-actions[data-v-e1e64509]{display:flex;gap:1rem}.profile-tabs[data-v-e1e64509]{display:flex;border-radius:7px;padding:.5rem;margin-bottom:2rem;gap:.5rem}.tab-btn[data-v-e1e64509]{display:flex;align-items:center;gap:.5rem;background:none;border:none;padding:.75rem 1.5rem;border-radius:7px;cursor:pointer;color:var(--color-text);opacity:.7;transition:.3s;font-weight:500;flex:1;justify-content:center}.tab-btn[data-v-e1e64509]:hover{opacity:1}.tab-btn.active[data-v-e1e64509]{background:var(--color-background);opacity:1}.tab-count[data-v-e1e64509]{background:#ffffff4d;color:#fff;font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:7px;min-width:1.5rem;text-align:center}.profile-content[data-v-e1e64509]{background:var(--color-background-soft);border-radius:7px;padding:2rem;box-shadow:var(--shadow-md)}.tab-content[data-v-e1e64509]{animation:fadeIn-e1e64509 .3s ease}@keyframes fadeIn-e1e64509{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stats-grid[data-v-e1e64509]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:2rem}.stat-card[data-v-e1e64509]{border-radius:7px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:.3s}.stat-card[data-v-e1e64509]:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.stat-icon[data-v-e1e64509]{font-size:2.5rem}.stat-number[data-v-e1e64509]{font-size:2rem;font-weight:700;color:#4facfe;margin-bottom:.25rem}.stat-label[data-v-e1e64509]{color:var(--color-text);opacity:.8;margin:0;font-size:.9rem}.game-history[data-v-e1e64509]{display:flex;flex-direction:column;gap:1rem}.history-item[data-v-e1e64509]{border-radius:7px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem}.game-result[data-v-e1e64509]{display:flex;align-items:center;gap:.5rem;font-weight:600;min-width:120px}.game-result.win[data-v-e1e64509]{color:var(--color-success)}.game-result.loss[data-v-e1e64509]{color:var(--color-danger)}.game-details[data-v-e1e64509]{flex:1}.opponent[data-v-e1e64509]{font-size:1.1rem;font-weight:600;margin-bottom:.25rem}.game-score[data-v-e1e64509]{color:var(--color-text);opacity:.8;margin-bottom:.25rem}.game-date[data-v-e1e64509]{font-size:.8rem;color:var(--color-text);opacity:.6;margin:0}.friends-header[data-v-e1e64509]{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.section-title[data-v-e1e64509]{font-size:1.5rem;font-weight:700;color:var(--color-text)}.friends-grid[data-v-e1e64509]{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.friend-card[data-v-e1e64509]{border-radius:7px;padding:1.5rem;display:flex;align-items:center;gap:1rem;transition:.2s;cursor:pointer}.friend-card[data-v-e1e64509]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.friend-avatar[data-v-e1e64509]{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;overflow:hidden}.friend-avatar-img[data-v-e1e64509]{width:100%;height:100%;object-fit:cover;display:block}.friend-initials[data-v-e1e64509]{font-weight:700;font-size:1.1rem;line-height:1;color:#fff}.friend-avatar[data-v-e1e64509]{position:relative;border:2px solid rgba(255,255,255,.12);box-shadow:0 6px 14px #00000040}.friend-info[data-v-e1e64509]{flex:1}.friend-name[data-v-e1e64509]{font-weight:600;margin-bottom:.25rem}.friend-actions[data-v-e1e64509]{display:flex;gap:.5rem}.btn-icon-only[data-v-e1e64509]{width:2.5rem;height:2.5rem;border:none;border-radius:7px;background:var(--color-background-soft);color:var(--color-text);cursor:pointer;transition:.2s;font-size:1rem}.btn-icon-only[data-v-e1e64509]:hover{background:var(--color-primary);color:#fff}.btn-icon-only.danger[data-v-e1e64509]:hover{background:var(--color-danger)}.settings-category[data-v-e1e64509]{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border)}.settings-category[data-v-e1e64509]:last-child{border-bottom:none;margin-bottom:0}.category-title[data-v-e1e64509]{display:flex;align-items:center;gap:.6rem;font-size:1.25rem;font-weight:800;padding:0 0 14px}.category-title[data-v-e1e64509]:before{content:"";width:8px;height:22px;border-radius:999px;background:var(--gradient-primary)}.security-section[data-v-e1e64509]{display:grid;grid-template-columns:1.2fr .8fr;gap:1.25rem;padding:1.25rem;border-radius:7px;border:1px solid var(--color-border);background:linear-gradient(180deg,rgba(var(--color-background-soft-rgb),.9),rgba(var(--color-background-rgb),.9))}@media (max-width: 900px){.security-section[data-v-e1e64509]{grid-template-columns:1fr}}.twofa-card[data-v-e1e64509]{position:relative;margin-bottom:1.3rem;border-radius:7px;padding:1rem 1.25rem;box-shadow:var(--shadow-sm);overflow:hidden}.twofa-card[data-v-e1e64509]:after{content:"";position:absolute;right:-40px;bottom:-40px;width:160px;height:160px;background:radial-gradient(closest-side,var(--color-primary) 0%,transparent 70%);opacity:.14;transform:rotate(24deg);pointer-events:none}.security-section[data-v-e1e64509] .max-w-md{max-width:none;margin:0;padding:0;background:transparent;border:none;box-shadow:none;border-radius:0}.security-section[data-v-e1e64509] h2,.security-section[data-v-e1e64509] h3{margin-top:0}.danger-card[data-v-e1e64509]{background:linear-gradient(180deg,#f4433614,#f443360a);border:1px solid rgba(244,67,54,.35);border-radius:7px;padding:1rem 1.25rem;box-shadow:0 8px 24px #f443361f}.danger-title[data-v-e1e64509]{color:#ff6b6b;font-weight:800;margin:0 0 .5rem;display:flex;align-items:center;gap:.5rem}.danger-desc[data-v-e1e64509]{margin:0 0 1rem;font-size:.95rem;color:var(--color-text);opacity:.85}.btn-danger[data-v-e1e64509]{background:linear-gradient(180deg,#ff4d4f,#e04040);color:#fff;border:0}.btn-danger[data-v-e1e64509]:hover{transform:translateY(-2px) scale(1.01);box-shadow:0 10px 22px #f4433640}.btn-danger.full[data-v-e1e64509]{width:100%;justify-content:center}.security-section[data-v-e1e64509] .text-danger,.security-section[data-v-e1e64509] .twofa-off,.security-section[data-v-e1e64509] .badge-danger{color:#ff4d4f!important}.settings-form[data-v-e1e64509]{display:flex;flex-direction:column;gap:2rem;margin-bottom:3rem}.setting-group[data-v-e1e64509]{display:flex;align-items:center;gap:1rem}.setting-label[data-v-e1e64509]{font-weight:600;color:var(--color-text);min-width:120px}.setting-input[data-v-e1e64509],.setting-select[data-v-e1e64509]{flex:1;border-radius:7px;padding:.75rem 1rem;color:var(--color-text);font-size:1rem;border:2px solid #ffffff4f}.setting-input[data-v-e1e64509]:focus,.setting-select[data-v-e1e64509]:focus{outline:none;border-color:var(--color-primary)}.setting-input[data-v-e1e64509]:read-only{background:var(--color-background-soft);opacity:.7}.edit-btn[data-v-e1e64509]{background:var(--color-background);color:#fff;border:none;padding:.5rem;border-radius:7px;cursor:pointer;font-size:1rem;border:2px solid #ffffff42}.setting-checkbox[data-v-e1e64509]{display:flex;align-items:center;gap:1rem;cursor:pointer;font-weight:600}.setting-checkbox input[data-v-e1e64509]{display:none}.checkbox-custom[data-v-e1e64509]{background:#ffffff17;width:1.5rem;height:1.5rem;border:2px solid var(--color-border);border-radius:7px;position:relative;transition:.3s}.setting-checkbox input:checked+.checkbox-custom[data-v-e1e64509]{background:var(--gradient-primary);border-color:var(--color-primary)}.setting-checkbox input:checked+.checkbox-custom[data-v-e1e64509]:after{content:"✓";position:absolute;color:#fff;font-weight:700;top:50%;left:50%;transform:translate(-50%,-50%);font-size:.9rem}.settings-actions[data-v-e1e64509]{display:flex;gap:1rem}.danger-zone[data-v-e1e64509]{border-top:1px solid var(--color-border);padding-top:2rem}.danger-title[data-v-e1e64509]{color:#f44336;font-weight:600;margin-bottom:1rem}.btn[data-v-e1e64509]{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border:none;border-radius:7px;font-weight:600;cursor:pointer;transition:.2s}.btn-primary[data-v-e1e64509]{color:#000}.btn-secondary[data-v-e1e64509]{color:var(--color-text)}.btn-danger[data-v-e1e64509]{background:#f44336;color:#fff}.btn[data-v-e1e64509]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.fade-enter-active[data-v-e1e64509],.fade-leave-active[data-v-e1e64509]{transition:opacity .2s ease}.fade-enter-from[data-v-e1e64509],.fade-leave-to[data-v-e1e64509]{opacity:0}.af-overlay[data-v-e1e64509]{position:fixed;inset:0;background:#0000004f;display:grid;place-items:center;z-index:1000}.af-modal[data-v-e1e64509]{width:min(520px,calc(100% - 2rem));padding:0;border-radius:7px;box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn-e1e64509 .12s ease}@keyframes popIn-e1e64509{0%{transform:scale(.98);opacity:.9}to{transform:scale(1);opacity:1}}.af-header[data-v-e1e64509]{opacity:75%;display:flex;align-items:center;justify-content:space-between;padding:1rem 1.2rem;background:var(--color-background-soft);border-bottom:1px solid var(--color-border)}.af-header h3[data-v-e1e64509]{margin:0;font-size:1.1rem;font-weight:700;color:var(--color-text)}.af-close[data-v-e1e64509]{color:#fff;border:0;background:transparent;cursor:pointer;font-size:1.1rem;opacity:.7}.af-close[data-v-e1e64509]:hover{opacity:1}.af-body[data-v-e1e64509]{padding:1.2rem}.af-label[data-v-e1e64509]{display:block;font-weight:600;margin-bottom:.5rem}.af-input[data-v-e1e64509]{width:100%;padding:.8rem 1rem;border-radius:7px;border:2px solid var(--color-border);background:var(--color-background);color:var(--color-text);font-size:1rem}.af-input[data-v-e1e64509]:focus{outline:none;border-color:var(--color-primary)}.af-error[data-v-e1e64509]{margin:.6rem 0 0;color:#ff4d4f;font-weight:600}.af-actions[data-v-e1e64509]{display:flex;gap:.6rem;justify-content:flex-end;margin-top:1rem}@media (max-width: 768px){.profile-page[data-v-e1e64509]{padding:1rem}.profile-info[data-v-e1e64509]{flex-direction:column;gap:1.5rem;text-align:center}.profile-actions[data-v-e1e64509]{justify-content:center}.profile-tabs[data-v-e1e64509]{flex-wrap:wrap}.stats-grid[data-v-e1e64509]{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.friends-grid[data-v-e1e64509]{grid-template-columns:1fr}.setting-group[data-v-e1e64509]{flex-direction:column;align-items:inherit;gap:.5rem}.setting-label[data-v-e1e64509]{min-width:auto}}.login-screen[data-v-64829c0c]{--bg1: #0f1222;--bg2: #1a1440;--acc1: #7c4dff;--acc2: #4ac9ff;--text: #e8eaf0;--muted: #a8b0c2;--border: rgba(255,255,255,.12);--glass: rgba(255,255,255,.06);min-height:100vh;padding:5vh 1rem 4vh;position:relative;overflow:hidden}.login-screen[data-v-64829c0c]:before,.login-screen[data-v-64829c0c]:after{content:"";position:absolute;inset:-20%;transform:rotate(12deg);-webkit-mask-image:radial-gradient(60% 60% at 50% 50%,#000 50%,transparent 80%);mask-image:radial-gradient(60% 60% at 50% 50%,#000 50%,transparent 80%);opacity:.5;pointer-events:none}.login-title[data-v-64829c0c]{color:var(--text);font-size:clamp(1.6rem,2vw + 1rem,2.2rem);font-weight:800;letter-spacing:.3px;text-align:center;margin-bottom:1.2rem;background:#fff;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.login-card[data-v-64829c0c]{width:100%;background:var(--panel-bg, rgba(255, 255, 255, .75));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:7px;box-shadow:0 20px 60px #00000059;padding:1.2rem;display:flex;flex-direction:column;gap:.9rem;animation:cardIn-64829c0c .25s ease}@keyframes cardIn-64829c0c{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.login-fields[data-v-64829c0c]{display:flex;flex-direction:column;gap:.6rem}.inp[data-v-64829c0c]{width:100%;border:2px solid var(--border);background:#0a0c1c59;color:var(--text);border-radius:7px;padding:.75rem .9rem;font-size:1rem;transition:.18s ease;outline:none}.inp[data-v-64829c0c]::placeholder{color:#c9cfe7aa}.inp[data-v-64829c0c]:hover{border-color:#ffffff2a;background:#0a0c1c73}.inp[data-v-64829c0c]:focus{border-color:#9fb5ff;box-shadow:0 0 0 3px #707eff40;background:#0a0c1c8c}.inp-otp[data-v-64829c0c]{letter-spacing:.12em;font-weight:800;text-transform:uppercase}.btn[data-v-64829c0c]{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:0;border-radius:7px;font-weight:800;cursor:pointer;padding:.8rem 1rem;transition:transform .15s ease,box-shadow .2s ease,opacity .2s ease}.btn[data-v-64829c0c]:disabled{opacity:.6;cursor:not-allowed}.btn-primary[data-v-64829c0c]{background:linear-gradient(180deg,var(--acc1),#5a3bff);color:#000;box-shadow:0 12px 26px #5f45ff59}.btn-primary[data-v-64829c0c]:hover{transform:translateY(-1px);box-shadow:0 20px 34px #5f45ff66}.btn-link[data-v-64829c0c]{appearance:none;background:transparent;color:#9fc8ff;font-weight:700;text-decoration:none;margin-top:.3rem;align-self:center}.btn-link[data-v-64829c0c]:hover{text-decoration:underline;color:#cfe6ff}.twofa-head[data-v-64829c0c]{text-align:center;margin-bottom:.2rem}.twofa-lock[data-v-64829c0c]{width:48px;height:48px;margin:0 auto .5rem;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at 30% 30%,#a6b9ff,#6dcfff);color:#0c1530;font-size:1.5rem;font-weight:900}.twofa-sub[data-v-64829c0c]{color:var(--muted);font-size:.95rem}.alert[data-v-64829c0c]{margin-top:1rem;padding:.8rem 1rem;border-radius:7px;border:1px solid var(--border);font-weight:700;max-width:640px;text-align:center}.alert.success[data-v-64829c0c]{color:#0f5132;background:#ecfdf5;border-color:#a7f3d0}.alert.error[data-v-64829c0c]{color:#842029;background:#fef2f2;border-color:#fecaca}.fade-enter-active[data-v-64829c0c],.fade-leave-active[data-v-64829c0c]{transition:opacity .18s ease}.fade-enter-from[data-v-64829c0c],.fade-leave-to[data-v-64829c0c]{opacity:0}@media (min-width: 768px){.login-screen[data-v-64829c0c]{padding-top:9vh}}.title[data-v-f814295f]{margin:0 0 .8rem;font-weight:800;color:#fff}.no-friends[data-v-f814295f]{text-align:center;padding:2rem 1rem;color:#ffffffb3;background:#ffffff0f;border:1px solid rgba(255,255,255,.12);border-radius:7px}.friend-grid[data-v-f814295f]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.9rem}.friend-card[data-v-f814295f]{position:relative;display:grid;grid-template-columns:64px 1fr;gap:.9rem;align-items:center;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:7px;padding:.9rem;transition:.18s ease;cursor:pointer}.friend-card[data-v-f814295f]:hover{background:#ffffff1f;transform:translateY(-2px)}.avatar-wrap[data-v-f814295f]{position:relative;width:3.2rem;height:3.2rem;border-radius:50%;display:grid;place-items:center;overflow:hidden;color:#fff;flex-shrink:0;box-shadow:0 6px 18px #00000040;border:2px solid rgba(255,255,255,.18);cursor:pointer}.avatar-img[data-v-f814295f]{width:120%;height:100%;object-fit:cover;display:block;border-radius:50%}.avatar-fallback[data-v-f814295f]{font-weight:800;font-size:1.1rem;letter-spacing:.5px;-webkit-user-select:none;user-select:none}.presence[data-v-f814295f]{position:absolute;right:-2px;bottom:-2px;width:14px;height:14px;border-radius:50%;border:2px solid var(--color-background);background:#ef4444;box-shadow:0 0 0 2px #0000001f inset}.presence.online[data-v-f814295f]{background:#10b981}.friend-info[data-v-f814295f]{min-width:0}.friend-top[data-v-f814295f]{display:flex;align-items:center;justify-content:space-between;gap:.6rem;margin-bottom:.25rem}.friend-name[data-v-f814295f]{font-weight:800;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-status[data-v-f814295f]{display:inline-flex;align-items:center;gap:.35rem;font-size:.82rem;color:#ffffffbf}.friend-status.online[data-v-f814295f]{color:#10b981}.friend-status.offline[data-v-f814295f]{color:#ef4444}.friend-status .dot[data-v-f814295f]{width:6px;height:6px;border-radius:50%;background:currentColor}.friend-actions-inline[data-v-f814295f]{display:flex;gap:.35rem}.action-btn[data-v-f814295f]{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;width:34px;height:34px;border-radius:7px;cursor:pointer;transition:.16s ease}.action-btn[data-v-f814295f]:hover{background:#ffffff2e}.action-btn.more[data-v-f814295f]{font-weight:700}.actions-menu[data-v-f814295f]{position:absolute;right:.6rem;top:calc(100% - .6rem);min-width:200px;padding:.4rem;z-index:30;border-radius:7px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#171a2b33;border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 40px #0006}.action-item[data-v-f814295f]{width:100%;text-align:left;border:0;background:transparent;color:#fff;padding:.6rem .75rem;border-radius:7px;cursor:pointer;font-weight:600}.action-item[data-v-f814295f]:hover{background:#ffffff14}.action-item.danger[data-v-f814295f]:hover{background:#ef44442e}.sep[data-v-f814295f]{height:1px;margin:.35rem 0;background:#ffffff1f}@media (max-width: 860px){.friend-grid[data-v-f814295f]{grid-template-columns:1fr}}.social-page[data-v-2d0b7264]{max-width:1000px;margin:0 auto;padding:2rem;--social-foreground: var(--color-heading);--social-muted: var(--color-text)}.oui[data-v-2d0b7264]{color:#fff}:root:not([data-theme=dark]) .social-page[data-v-2d0b7264],[data-theme=light] .social-page[data-v-2d0b7264]{--social-foreground: #fdfdff;--social-muted: #475569}.social-header[data-v-2d0b7264]{border-radius:7px;padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;box-shadow:var(--shadow-lg);margin-bottom:1.25rem}.header-left .title[data-v-2d0b7264]{margin:0;font-size:1.6rem;font-weight:800;color:#fff}.header-left .subtitle[data-v-2d0b7264]{margin:.25rem 0 0;color:#fff;opacity:.78;font-size:.95rem}.profile-tabs[data-v-2d0b7264]{display:flex;border-radius:12px;padding:.6rem;margin-bottom:1.25rem;gap:.5rem}.tab-btn[data-v-2d0b7264]{display:flex;align-items:center;gap:.55rem;background:transparent;border:1px solid transparent;padding:.75rem 1.5rem;border-radius:12px;cursor:pointer;color:var(--social-foreground);opacity:.85;transition:.25s;font-weight:600;flex:1;justify-content:center}.tab-btn .tab-text[data-v-2d0b7264],.tab-btn .tab-icon[data-v-2d0b7264]{color:#fff}.tab-btn[data-v-2d0b7264]:hover{opacity:1;transform:translateY(-2px)}.tab-btn.active[data-v-2d0b7264]{background:var(--color-background);border-color:var(--color-border);color:var(--social-foreground);opacity:1;box-shadow:var(--shadow-md)}.tab-btn.active .tab-text[data-v-2d0b7264],.tab-btn.active .tab-icon[data-v-2d0b7264]{color:inherit}.tab-icon[data-v-2d0b7264]{font-size:1.05rem}.tab-count[data-v-2d0b7264]{background:#4facfe26;color:var(--social-foreground);font-size:.75rem;font-weight:600;padding:.2rem .55rem;border-radius:999px;min-width:1.6rem;text-align:center}.profile-content[data-v-2d0b7264]{background:var(--color-background-soft);border-radius:7px;padding:1.5rem;box-shadow:var(--shadow-md)}.tab-content[data-v-2d0b7264]{animation:fadeIn-2d0b7264 .25s ease}@keyframes fadeIn-2d0b7264{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.section-title[data-v-2d0b7264]{font-size:1.2rem;font-weight:800;color:#fff;margin:0}.friends-header[data-v-2d0b7264],.messages-header[data-v-2d0b7264],.notif-header[data-v-2d0b7264]{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.conversations-grid[data-v-2d0b7264]{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.conversation-card[data-v-2d0b7264]{display:flex;gap:.9rem;align-items:center;text-align:left;padding:1rem;border-radius:7px;transition:.2s;cursor:pointer}.conversation-card[data-v-2d0b7264]:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.friend-avatar[data-v-2d0b7264]{width:3rem;height:3rem;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;letter-spacing:.5px}.friend-avatar-img[data-v-2d0b7264]{width:100%;height:100%;object-fit:cover;border-radius:50%;display:block}.friend-initials[data-v-2d0b7264]{font-size:1.1rem}.conv-info[data-v-2d0b7264]{flex:1;min-width:0}.top[data-v-2d0b7264]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.2rem}.name[data-v-2d0b7264]{font-weight:700;color:var(--social-foreground)}.time[data-v-2d0b7264]{color:var(--social-muted);opacity:.7;font-size:.85rem}.last[data-v-2d0b7264]{margin:.2rem 0 .5rem;color:var(--social-muted);opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bottom[data-v-2d0b7264]{display:flex;justify-content:space-between;align-items:center}.status[data-v-2d0b7264]{display:inline-flex;align-items:center;gap:.4rem;font-size:.86rem;color:var(--social-muted);opacity:.75}.status.online[data-v-2d0b7264]{color:#10b981;opacity:1}.status.offline[data-v-2d0b7264]{color:#ef4444;opacity:1}.status .dot[data-v-2d0b7264]{width:6px;height:6px;border-radius:50%;background:currentColor}.badge[data-v-2d0b7264]{background:var(--gradient-primary);color:#fff;border-radius:7px;padding:.15rem .45rem;font-size:.75rem;font-weight:700}.notif-list[data-v-2d0b7264]{display:flex;flex-direction:column;gap:.8rem}.notif-card[data-v-2d0b7264]{display:flex;gap:.9rem;align-items:center;background:var(--color-background);border:2px solid var(--color-border);border-radius:7px;padding:.9rem 1rem}.notif-card.unread[data-v-2d0b7264]{border-color:var(--color-primary)}.notif-ic[data-v-2d0b7264]{font-size:1.6rem;flex-shrink:0}.notif-content[data-v-2d0b7264]{flex:1}.notif-title[data-v-2d0b7264]{margin:0 0 .2rem;font-weight:800;color:var(--social-foreground)}.notif-msg[data-v-2d0b7264]{margin:0 0 .25rem;color:var(--social-muted);opacity:.85}.notif-time[data-v-2d0b7264]{font-size:.85rem;color:var(--social-muted);opacity:.65}.btn-icon-only[data-v-2d0b7264]{display:inline-flex;align-items:center;justify-content:center;width:2.35rem;height:2.35rem;border-radius:10px;border:1px solid var(--color-border);background:var(--color-background);color:var(--social-foreground);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.btn-icon-only[data-v-2d0b7264]:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:var(--shadow-md);color:var(--social-foreground)}.empty[data-v-2d0b7264]{text-align:center;padding:2.4rem 1rem;color:var(--social-foreground)}.empty .big[data-v-2d0b7264]{font-size:3rem;opacity:.7}.empty h4[data-v-2d0b7264]{margin:.4rem 0;font-size:1.2rem}.empty p[data-v-2d0b7264]{margin:0 0 1rem;opacity:.75}.btn[data-v-2d0b7264]{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;padding:.85rem 1.25rem;border-radius:12px;border:1px solid var(--color-border);background:var(--color-background-mute);color:#fff;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease}.btn[data-v-2d0b7264]:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.btn[data-v-2d0b7264]:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none;filter:grayscale(.25)}.btn-primary[data-v-2d0b7264]{color:#0b132b;background:var(--gradient-brand);border-color:transparent;box-shadow:var(--glow-primary)}.btn-primary[data-v-2d0b7264]:hover:not(:disabled){transform:translateY(-3px);box-shadow:var(--glow-primary),var(--shadow-lg)}.btn-secondary[data-v-2d0b7264]{background:var(--color-background);border-style:dashed}.btn-secondary[data-v-2d0b7264]:hover:not(:disabled){background:var(--color-background);border-style:solid;transform:translateY(-1px);box-shadow:0 8px 18px #0000002e}.btn-icon[data-v-2d0b7264]{font-size:1.05rem}.fade-enter-active[data-v-2d0b7264],.fade-leave-active[data-v-2d0b7264]{transition:opacity .18s ease}.fade-enter-from[data-v-2d0b7264],.fade-leave-to[data-v-2d0b7264]{opacity:0}.af-overlay[data-v-2d0b7264]{position:fixed;inset:0;background:#fffbfba3;display:grid;place-items:center;z-index:1000;border-radius:3%}.af-modal[data-v-2d0b7264]{width:min(520px,100%);background:var(--panel-bg, var(--color-background));border:1px solid var(--panel-border, var(--color-border));border-radius:18px;box-shadow:var(--panel-shadow);overflow:hidden;animation:popIn-2d0b7264 .18s ease}@keyframes popIn-2d0b7264{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.af-header[data-v-2d0b7264]{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.2rem 1.5rem;background:var(--color-background-soft);border-bottom:1px solid var(--panel-border, var(--color-border))}.af-header h3[data-v-2d0b7264]{margin:0;font-size:1.15rem;font-weight:700;color:#fff}.af-close[data-v-2d0b7264]{border:none;background:transparent;color:var(--social-muted);opacity:.7;cursor:pointer;font-size:1.1rem;transition:opacity .2s ease,transform .2s ease}.af-close[data-v-2d0b7264]:hover{opacity:1;transform:scale(1.05)}.af-body[data-v-2d0b7264]{padding:1.3rem 1.5rem 1.5rem;display:grid;gap:1rem;opacity:.9}.af-input[data-v-2d0b7264]{width:100%;padding:.85rem 1rem;border-radius:12px;border:1px solid var(--panel-border, var(--color-border));background:var(--color-background);color:var(--social-foreground);font-size:1rem;transition:border-color .2s ease,box-shadow .2s ease}.af-input[data-v-2d0b7264]::placeholder{color:#64748bbf}.af-input[data-v-2d0b7264]:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #4facfe2e}.af-error[data-v-2d0b7264]{margin:.4rem 0 0;color:var(--color-danger);font-weight:600}.af-actions[data-v-2d0b7264]{display:flex;gap:.75rem;justify-content:flex-end}.search-results[data-v-2d0b7264]{display:grid;gap:.6rem}.user-result[data-v-2d0b7264]{display:flex;align-items:center;gap:.75rem;padding:.65rem .8rem;border-radius:12px;background:var(--color-background-soft);border:1px solid var(--panel-border, var(--color-border));cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.user-result[data-v-2d0b7264]:hover{transform:translateY(-2px);border-color:var(--color-border-hover);box-shadow:var(--shadow-md)}.user-info .name[data-v-2d0b7264]{font-weight:700;color:var(--color-heading)}.mini-status[data-v-2d0b7264]{display:flex;align-items:center;gap:.35rem;font-size:.86rem;opacity:.8}.mini-status.online[data-v-2d0b7264]{color:#10b981;opacity:1}.mini-status.offline[data-v-2d0b7264]{color:#ef4444;opacity:1}.dot[data-v-2d0b7264]{width:6px;height:6px;border-radius:50%;background:currentColor}@media (max-width: 768px){.social-page[data-v-2d0b7264]{padding:1rem}.profile-tabs[data-v-2d0b7264]{flex-wrap:wrap}.conversations-grid[data-v-2d0b7264]{grid-template-columns:1fr}}