*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;min-height:100vh}.app{min-height:100vh;display:flex;flex-direction:column}.btn{display:inline-block;padding:10px 20px;background:linear-gradient(135deg,#fc0,#fd3);color:#000;border:none;border-radius:20px;font-weight:700;cursor:pointer;margin:5px;transition:all .3s ease;box-shadow:0 5px 15px #ffcc004d}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ffcc0080}.btn-secondary{background:linear-gradient(135deg,#666,#888);color:#fff}.container{width:100%;max-width:800px;margin:0 auto;padding:20px}.message{text-align:center;margin:20px 0;padding:10px;border-radius:5px}.message.success{background-color:#28a74533;border:1px solid #28a745}.message.error{background-color:#dc354533;border:1px solid #dc3545}.index[data-v-2f5fbf40]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container[data-v-2f5fbf40]{width:100%;max-width:100%;background:#000000b3;border-radius:15px;border:2px solid #ff6b6b;box-shadow:0 0 30px #ff6b6b4d;padding:50px}h1[data-v-2f5fbf40]{color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.5);font-size:48px;margin-bottom:60px;text-align:center}.header[data-v-2f5fbf40]{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px}.user-info[data-v-2f5fbf40]{display:flex;align-items:center;gap:10px}.relative[data-v-2f5fbf40]{position:relative}.user-menu[data-v-2f5fbf40]{position:absolute;right:0;top:100%;margin-top:10px;background:#000000e6;border:1px solid #ff6b6b;border-radius:5px;padding:10px;z-index:1000;min-width:150px}.user-menu button[data-v-2f5fbf40]{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:#fff;cursor:pointer;border-radius:3px;margin-bottom:5px}.user-menu button[data-v-2f5fbf40]:hover{background-color:#ff6b6b33}.hero[data-v-2f5fbf40]{margin-bottom:80px}.game-entries[data-v-2f5fbf40]{display:flex;gap:50px;margin-bottom:60px;justify-content:center;flex-wrap:wrap}.game-card[data-v-2f5fbf40]{flex:1;min-width:300px;max-width:350px;background:#00000080;border:2px solid #333;border-radius:20px;padding:40px;text-align:center;transition:all .3s ease;cursor:pointer}.game-card[data-v-2f5fbf40]:hover{transform:translateY(-15px);box-shadow:0 15px 30px #0000004d}.game-card.pacman[data-v-2f5fbf40]{border-color:#fc0}.game-card.pacman[data-v-2f5fbf40]:hover{border-color:#fd3;box-shadow:0 10px 20px #ffcc004d}.game-card.tetris[data-v-2f5fbf40]{border-color:#0cf}.game-card.tetris[data-v-2f5fbf40]:hover{border-color:#3df;box-shadow:0 10px 20px #00ccff4d}.game-card.mbti[data-v-2f5fbf40]{border-color:#9c27b0}.game-card.mbti[data-v-2f5fbf40]:hover{border-color:#e040fb;box-shadow:0 10px 20px #9c27b04d}.game-card.tank[data-v-2f5fbf40]{border-color:#4caf50}.game-card.tank[data-v-2f5fbf40]:hover{border-color:#81c784;box-shadow:0 10px 20px #4caf504d}.game-card h2[data-v-2f5fbf40]{font-size:28px;margin-bottom:30px}.game-card.pacman h2[data-v-2f5fbf40]{color:#fc0}.game-card.tetris h2[data-v-2f5fbf40]{color:#0cf}.game-card.mbti h2[data-v-2f5fbf40]{color:#9c27b0}.game-card.tank h2[data-v-2f5fbf40]{color:#4caf50}.game-icon[data-v-2f5fbf40]{width:120px;height:120px;margin:0 auto 30px;display:flex;align-items:center;justify-content:center}.pacman-icon[data-v-2f5fbf40]{width:100px;height:100px;border-radius:50%;background:#fc0;position:relative;clip-path:polygon(0% 0%,100% 0%,100% 70%,50% 50%,100% 30%,100% 0%,0% 0%);animation:pacman-move-2f5fbf40 1s infinite alternate}.tetris-icon[data-v-2f5fbf40]{width:100px;height:100px;position:relative}.tetris-icon[data-v-2f5fbf40]:before{content:"";position:absolute;width:25px;height:25px;background:#0cf;top:25px;left:25px;box-shadow:25px 0 #0cf,0 25px #0cf,25px 25px #0cf,50px 25px #0cf;animation:tetris-move-2f5fbf40 1s infinite alternate}.mbti-icon[data-v-2f5fbf40]{width:100px;height:100px;position:relative;display:flex;align-items:center;justify-content:center}.mbti-icon[data-v-2f5fbf40]:before{content:"MBTI";font-size:30px;font-weight:700;color:#9c27b0;text-shadow:0 0 10px rgba(156,39,176,.5);animation:mbti-pulse-2f5fbf40 1s infinite alternate}.tank-icon[data-v-2f5fbf40]{width:100px;height:100px;position:relative}.tank-icon[data-v-2f5fbf40]:before{content:"";position:absolute;width:40px;height:20px;background:#4caf50;top:40px;left:30px;border-radius:5px;box-shadow:0 0 10px #4caf5080}.tank-icon[data-v-2f5fbf40]:after{content:"";position:absolute;width:10px;height:10px;background:#388e3c;top:45px;left:65px;border-radius:50%;box-shadow:0 0 10px #388e3c80;animation:tank-fire-2f5fbf40 1s infinite alternate}@keyframes mbti-pulse-2f5fbf40{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes tank-fire-2f5fbf40{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.2)}}.game-card p[data-v-2f5fbf40]{margin-bottom:30px;color:#ccc;font-size:16px;line-height:1.6}#about[data-v-2f5fbf40]{margin-bottom:80px;padding:40px;background:#00000080;border-radius:15px;border:1px solid #ff6b6b}#about h2[data-v-2f5fbf40]{color:#ff6b6b;font-size:32px;margin-bottom:30px;text-align:center}.about-content[data-v-2f5fbf40]{display:flex;gap:40px;align-items:center}.about-text[data-v-2f5fbf40]{flex:1}.about-text p[data-v-2f5fbf40]{margin-bottom:15px;line-height:1.6;color:#ccc}.about-stats[data-v-2f5fbf40]{display:flex;gap:20px}.stat[data-v-2f5fbf40]{text-align:center;padding:20px;background:#00000080;border-radius:8px;min-width:100px}.stat h3[data-v-2f5fbf40]{color:#ff6b6b;font-size:24px;margin-bottom:5px}.stat p[data-v-2f5fbf40]{color:#ccc;font-size:14px;margin:0}#contact[data-v-2f5fbf40]{margin-bottom:80px;padding:40px;background:#00000080;border-radius:15px;border:1px solid #ff6b6b}#contact h2[data-v-2f5fbf40]{color:#ff6b6b;font-size:32px;margin-bottom:30px;text-align:center}.contact-content[data-v-2f5fbf40]{text-align:center}.contact-content p[data-v-2f5fbf40]{margin-bottom:30px;line-height:1.6;color:#ccc}.contact-info[data-v-2f5fbf40]{display:flex;justify-content:center;gap:60px;flex-wrap:wrap}.contact-item[data-v-2f5fbf40]{text-align:center;min-width:150px}.contact-item h3[data-v-2f5fbf40]{color:#ff6b6b;font-size:20px;margin-bottom:5px}.contact-item p[data-v-2f5fbf40]{color:#ccc;font-size:16px;margin:0}.footer[data-v-2f5fbf40]{display:flex;flex-direction:column;align-items:center;gap:20px;margin-top:60px;padding-top:40px;border-top:1px solid #333}.footer p[data-v-2f5fbf40]{color:#ccc;font-size:16px;text-align:center;margin:0}.footer a[data-v-2f5fbf40]{color:#fff;text-decoration:none;font-size:14px;margin:5px 0}.footer a[data-v-2f5fbf40]:hover{text-decoration:underline}.footer .btn[data-v-2f5fbf40]{margin:10px 0}@keyframes pacman-move-2f5fbf40{0%{transform:rotate(0)}to{transform:rotate(30deg)}}@keyframes tetris-move-2f5fbf40{0%{transform:translateY(0)}to{transform:translateY(-5px)}}@media(max-width:900px){.container[data-v-2f5fbf40]{max-width:900px;padding:30px}h1[data-v-2f5fbf40]{font-size:36px;margin-bottom:40px}.header[data-v-2f5fbf40]{margin-bottom:40px}.hero[data-v-2f5fbf40]{margin-bottom:60px}.game-entries[data-v-2f5fbf40]{flex-direction:column;align-items:center;gap:30px}.game-card[data-v-2f5fbf40]{width:100%;max-width:300px;padding:30px}.game-card h2[data-v-2f5fbf40]{font-size:24px;margin-bottom:20px}.game-icon[data-v-2f5fbf40]{width:100px;height:100px;margin:0 auto 20px}.pacman-icon[data-v-2f5fbf40],.tetris-icon[data-v-2f5fbf40]{width:80px;height:80px}.tetris-icon[data-v-2f5fbf40]:before{width:20px;height:20px;top:20px;left:20px;box-shadow:20px 0 #0cf,0 20px #0cf,20px 20px #0cf,40px 20px #0cf}.mbti-icon[data-v-2f5fbf40]{width:80px;height:80px}.mbti-icon[data-v-2f5fbf40]:before{font-size:24px}.game-card p[data-v-2f5fbf40]{margin-bottom:20px;font-size:14px;line-height:1.4}#about[data-v-2f5fbf40]{margin-bottom:60px;padding:30px}#about h2[data-v-2f5fbf40]{font-size:28px;margin-bottom:20px}#contact[data-v-2f5fbf40]{margin-bottom:60px;padding:30px}#contact h2[data-v-2f5fbf40]{font-size:28px;margin-bottom:20px}.contact-info[data-v-2f5fbf40]{gap:40px}.contact-item h3[data-v-2f5fbf40]{font-size:18px}.contact-item p[data-v-2f5fbf40]{font-size:14px}.footer[data-v-2f5fbf40]{gap:15px;margin-top:40px;padding-top:30px}.footer p[data-v-2f5fbf40]{font-size:14px}}@media(max-width:768px){.container[data-v-2f5fbf40]{padding:20px}h1[data-v-2f5fbf40]{font-size:28px}.header[data-v-2f5fbf40]{flex-direction:column;gap:10px;align-items:stretch}.user-info[data-v-2f5fbf40]{justify-content:center}.about-content[data-v-2f5fbf40]{flex-direction:column;text-align:center}.about-stats[data-v-2f5fbf40]{justify-content:center;margin-top:20px}.contact-info[data-v-2f5fbf40],.footer[data-v-2f5fbf40]{flex-direction:column;align-items:center}.footer .btn[data-v-2f5fbf40]{width:100%;margin:5px 0}}.leaderboard[data-v-c6b98e48]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container[data-v-c6b98e48]{width:100%;max-width:800px;background:#000000b3;border-radius:15px;border:2px solid #ffcc00;box-shadow:0 0 30px #ffcc004d;padding:30px}h1[data-v-c6b98e48]{color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.5);font-size:32px;margin-bottom:30px;text-align:center}.header[data-v-c6b98e48]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.user-info[data-v-c6b98e48]{display:flex;align-items:center;gap:10px}.relative[data-v-c6b98e48]{position:relative}.user-menu[data-v-c6b98e48]{position:absolute;right:0;top:100%;margin-top:10px;background:#000000e6;border:1px solid #ffcc00;border-radius:5px;padding:10px;z-index:1000;min-width:150px}.user-menu button[data-v-c6b98e48]{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:#fff;cursor:pointer;border-radius:3px;margin-bottom:5px}.user-menu button[data-v-c6b98e48]:hover{background-color:#fc03}.leaderboard-table[data-v-c6b98e48]{width:100%;border-collapse:collapse;margin-bottom:30px}.leaderboard-table th[data-v-c6b98e48],.leaderboard-table td[data-v-c6b98e48]{padding:12px;text-align:left;border-bottom:1px solid #333}.leaderboard-table th[data-v-c6b98e48]{background-color:#fc03;color:#fc0;font-weight:700}.leaderboard-table tr[data-v-c6b98e48]:hover{background-color:#ffcc001a}.user-row[data-v-c6b98e48]{background-color:#fc03!important}.footer[data-v-c6b98e48]{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.loading[data-v-c6b98e48]{text-align:center;padding:20px;font-size:18px;color:#fc0}.load-more[data-v-c6b98e48]{text-align:center;padding:20px;font-size:16px;color:#fc0}.no-more[data-v-c6b98e48]{text-align:center;padding:20px;font-size:16px;color:#888}@media(max-width:768px){.container[data-v-c6b98e48]{padding:20px}h1[data-v-c6b98e48]{font-size:24px}.leaderboard-table th[data-v-c6b98e48],.leaderboard-table td[data-v-c6b98e48]{padding:8px;font-size:14px}.header[data-v-c6b98e48]{flex-direction:column;gap:10px;align-items:stretch}.user-info[data-v-c6b98e48]{justify-content:center}.footer[data-v-c6b98e48]{flex-direction:column;align-items:center}.footer .btn[data-v-c6b98e48]{width:100%;margin:5px 0}}.login[data-v-6d647856]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container[data-v-6d647856]{width:100%;max-width:400px;background:#000000b3;border-radius:15px;border:2px solid #ffcc00;box-shadow:0 0 30px #ffcc004d;padding:30px}h1[data-v-6d647856]{color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.5);font-size:28px;margin-bottom:30px;text-align:center}h2[data-v-6d647856]{color:#fc0;font-size:20px;margin-bottom:20px;text-align:center}.form-group[data-v-6d647856]{margin-bottom:20px}label[data-v-6d647856]{display:block;margin-bottom:8px;color:#fff;font-weight:700}input[type=text][data-v-6d647856],input[type=password][data-v-6d647856]{width:100%;padding:12px;background:#ffffff1a;border:1px solid #333;border-radius:5px;color:#fff;font-size:16px}input[type=text][data-v-6d647856]:focus,input[type=password][data-v-6d647856]:focus{outline:none;border-color:#fc0;box-shadow:0 0 10px #ffcc004d}.links[data-v-6d647856]{text-align:center;margin-top:20px}.links a[data-v-6d647856]{color:#fc0;text-decoration:none;margin:0 10px}.links a[data-v-6d647856]:hover{text-decoration:underline}.footer[data-v-6d647856]{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}@media(max-width:480px){.container[data-v-6d647856]{padding:20px}h1[data-v-6d647856]{font-size:24px}h2[data-v-6d647856]{font-size:18px}input[type=text][data-v-6d647856],input[type=password][data-v-6d647856]{padding:10px;font-size:14px}.footer[data-v-6d647856]{flex-direction:column;align-items:center}.footer .btn[data-v-6d647856]{width:100%;margin:5px 0}}.register[data-v-1b858056]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container[data-v-1b858056]{width:100%;max-width:400px;background:#000000b3;border-radius:15px;border:2px solid #ffcc00;box-shadow:0 0 30px #ffcc004d;padding:30px}h1[data-v-1b858056]{color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.5);font-size:28px;margin-bottom:30px;text-align:center}h2[data-v-1b858056]{color:#fc0;font-size:20px;margin-bottom:20px;text-align:center}.form-group[data-v-1b858056]{margin-bottom:20px}label[data-v-1b858056]{display:block;margin-bottom:8px;color:#fff;font-weight:700}input[type=text][data-v-1b858056],input[type=password][data-v-1b858056]{width:100%;padding:12px;background:#ffffff1a;border:1px solid #333;border-radius:5px;color:#fff;font-size:16px}input[type=text][data-v-1b858056]:focus,input[type=password][data-v-1b858056]:focus{outline:none;border-color:#fc0;box-shadow:0 0 10px #ffcc004d}.links[data-v-1b858056]{text-align:center;margin-top:20px}.links a[data-v-1b858056]{color:#fc0;text-decoration:none;margin:0 10px}.links a[data-v-1b858056]:hover{text-decoration:underline}.footer[data-v-1b858056]{margin-top:30px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}@media(max-width:480px){.container[data-v-1b858056]{padding:20px}h1[data-v-1b858056]{font-size:24px}h2[data-v-1b858056]{font-size:18px}input[type=text][data-v-1b858056],input[type=password][data-v-1b858056]{padding:10px;font-size:14px}.footer[data-v-1b858056]{flex-direction:column;align-items:center}.footer .btn[data-v-1b858056]{width:100%;margin:5px 0}}.pacman-game[data-v-23723426]{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:20px}.header[data-v-23723426]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:600px;margin-bottom:10px;height:50px}h1[data-v-23723426]{color:#fc0;text-shadow:0 0 20px rgba(255,204,0,.5);font-size:28px;margin:0;line-height:50px}.scoreboard[data-v-23723426]{font-size:18px;color:#fc0;background:#000000b3;padding:5px 10px;border-radius:5px;border:1px solid #ffcc00;display:inline-block;line-height:30px;margin:0!important}.game-container[data-v-23723426]{position:relative;width:80vmin;height:80vmin;max-width:600px;max-height:600px;border:2px solid #ffcc00;background:#000c;border-radius:10px;box-shadow:0 0 30px #ffcc004d;overflow:hidden}canvas[data-v-23723426]{display:block;background:#000;width:100%;height:100%}.controls[data-v-23723426]{margin-top:10px;text-align:center}.game-over[data-v-23723426]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:linear-gradient(145deg,#000000f2,#1e1e1ef2);padding:30px;border-radius:20px;text-align:center;z-index:100;border:3px solid #ffcc00;box-shadow:0 0 50px #ffcc0080,inset 0 0 20px #fc03;min-width:280px}.game-over h2[data-v-23723426]{color:#fc0;margin-bottom:15px;font-size:24px;text-shadow:0 0 10px rgba(255,204,0,.8)}.game-over p[data-v-23723426]{margin-bottom:15px;font-size:16px;color:#fff;text-shadow:0 0 5px rgba(255,255,255,.5)}.game-over p span[data-v-23723426]{color:#fc0;font-weight:700;font-size:18px;text-shadow:0 0 10px rgba(255,204,0,.8)}.mobile-controls[data-v-23723426]{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:1000;display:none}.control-pad[data-v-23723426]{display:flex;flex-direction:column;align-items:center;gap:15px;padding:0;background:transparent;border-radius:0;box-shadow:none;border:none}.control-row[data-v-23723426]{display:flex;gap:20px}.control-btn[data-v-23723426]{width:15vmin;height:15vmin;max-width:100px;max-height:100px;min-width:60px;min-height:60px;border:3px solid #333;border-radius:10px;background:linear-gradient(145deg,#fc0,#fd3);color:#333;font-size:5vmin;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;touch-action:manipulation;box-shadow:4px 4px #000;text-shadow:1px 1px 0 rgba(255,255,255,.5)}.control-btn[data-v-23723426]:active{background:linear-gradient(145deg,#fd3,#fc0);transform:translate(2px,2px);box-shadow:2px 2px #000}@media(max-width:480px){body[data-v-23723426]{padding:10px;min-height:100vh;display:flex;flex-direction:column;align-items:center}.header[data-v-23723426]{max-width:100%;margin-bottom:10px}h1[data-v-23723426]{font-size:24px}.scoreboard[data-v-23723426]{font-size:14px}.game-container[data-v-23723426]{width:calc(100vw - 4px);height:calc(100vw - 4px);max-width:600px;max-height:600px;margin-bottom:15px}canvas[data-v-23723426]{width:100%;height:100%}.controls[data-v-23723426]{margin-top:10px;margin-bottom:20px;width:100%;text-align:center}.controls p[data-v-23723426]{display:none}.btn[data-v-23723426]{padding:8px 16px;font-size:14px;margin:3px}.mobile-controls[data-v-23723426]{display:block;bottom:20px}.control-btn[data-v-23723426]{width:15vmin;height:15vmin;max-width:80px;max-height:80px;min-width:50px;min-height:50px;font-size:5vmin}}[data-v-c199dd40]{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}html[data-v-c199dd40],body[data-v-c199dd40]{width:100%;height:100%;overflow:hidden!important;position:fixed!important;top:0;left:0;right:0;bottom:0;-webkit-overflow-scrolling:none!important;overscroll-behavior:none!important;-webkit-text-size-adjust:100%!important;text-size-adjust:100%!important;-webkit-tap-highlight-color:transparent!important}@media not all and (min-resolution:.001dpcm){.control-btn[data-v-c199dd40]{cursor:pointer;-webkit-appearance:none}.controls[data-v-c199dd40]{-webkit-transform:translateZ(0)}}.tetris-game[data-v-c199dd40]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px;background:linear-gradient(135deg,#1a1a2e,#16213e);color:#fff;overflow:hidden;position:relative;z-index:1}.container[data-v-c199dd40]{display:flex;flex-direction:column;align-items:center;width:100%;height:100vh;max-width:100%;overflow:hidden}.title-container[data-v-c199dd40]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:500px;margin-bottom:10px;flex-shrink:0;position:relative}.home-btn[data-v-c199dd40]{padding:4px 8px!important;font-size:12px!important;min-width:70px!important;border-radius:0!important;background:transparent!important;border:1px solid #00ffaa!important;color:#0fa!important;box-shadow:none!important;font-weight:400!important;transition:none!important;touch-action:auto!important;-webkit-tap-highlight-color:transparent!important}.username[data-v-c199dd40]{padding:4px 8px;font-size:12px;color:#0fa;cursor:pointer;text-shadow:0 0 10px rgba(0,255,170,.5);white-space:nowrap}h1[data-v-c199dd40]{font-size:32px;text-align:center;color:#0fa;text-shadow:0 0 20px rgba(0,255,170,.5);flex-shrink:0;flex:1;margin:0 20px}.user-info[data-v-c199dd40]{display:flex;align-items:center;gap:10px}.relative[data-v-c199dd40]{position:relative}.user-menu[data-v-c199dd40]{position:absolute;right:0;top:100%;margin-top:10px;background:#000000e6;border:1px solid #00ffaa;border-radius:5px;padding:10px;z-index:1000;min-width:150px}.user-menu button[data-v-c199dd40]{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:#fff;cursor:pointer;border-radius:3px;margin-bottom:5px}.user-menu button[data-v-c199dd40]:hover{background-color:#0fa3}.game-container[data-v-c199dd40]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:5px;margin-bottom:5px}.game-info[data-v-c199dd40]{display:flex;justify-content:space-between;align-items:center;width:100%;max-width:500px;margin-bottom:10px;font-size:18px;flex-shrink:0;z-index:10}.info-item[data-v-c199dd40]{flex:1;text-align:center;z-index:11;color:#0fa;font-weight:700}.info-item[data-v-c199dd40]:nth-child(2){flex:1.5;z-index:12}.game-area[data-v-c199dd40]{position:relative;flex-shrink:0;border:2px solid #00ffaa;border-radius:8px;box-shadow:0 0 30px #00ffaa4d;background:#0000004d;cursor:pointer;display:flex;flex-direction:column;align-items:center}#gameCanvas[data-v-c199dd40]{display:block;background:#000}.game-over[data-v-c199dd40]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000f2;padding:40px;border-radius:20px;border:2px solid #ff6b6b;text-align:center;box-shadow:0 0 80px #ff6b6b99;z-index:100;min-width:300px;max-width:90%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.game-over h2[data-v-c199dd40]{font-size:36px;margin-bottom:30px;color:#ff6b6b;text-shadow:0 0 20px rgba(255,107,107,.8);font-weight:700}.game-over-stats[data-v-c199dd40]{margin-bottom:30px;display:flex;flex-direction:column;gap:15px}.stat-item[data-v-c199dd40]{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;background:#ffffff0d;border-radius:10px;border-left:4px solid #00ffaa;transition:all .3s ease}.stat-item[data-v-c199dd40]:hover{background:#ffffff1a;transform:translate(5px)}.stat-label[data-v-c199dd40]{font-size:16px;color:#ccc;font-weight:500}.stat-value[data-v-c199dd40]{font-size:20px;font-weight:700;color:#0fa;text-shadow:0 0 10px rgba(0,255,170,.5)}.stat-value.rank[data-v-c199dd40]{color:gold;text-shadow:0 0 15px rgba(255,215,0,.8);font-size:24px}.game-over-buttons[data-v-c199dd40]{display:flex;gap:15px;justify-content:center;flex-wrap:wrap}.restart-btn[data-v-c199dd40]{padding:14px 28px;border:none;border-radius:25px;background:linear-gradient(135deg,#0fa,#0cf);color:#000;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;touch-action:auto!important;-webkit-tap-highlight-color:transparent;min-width:120px;box-shadow:0 5px 15px #00ffaa4d}.restart-btn[data-v-c199dd40]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #0fa9}.leaderboard-btn[data-v-c199dd40]{padding:14px 28px;border:none;border-radius:25px;background:linear-gradient(135deg,#6b73ff,#0cf);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;touch-action:auto!important;-webkit-tap-highlight-color:transparent;min-width:120px;box-shadow:0 5px 15px #6b73ff4d}.leaderboard-btn[data-v-c199dd40]:hover{transform:translateY(-3px);box-shadow:0 8px 25px #6b73ff99}.start-btn[data-v-c199dd40]{padding:8px 20px;border:none;border-radius:20px;background:linear-gradient(135deg,#ff6b6b,#ee5a24);color:#fff;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #ff6b6b4d;touch-action:auto!important;-webkit-tap-highlight-color:transparent}.start-btn[data-v-c199dd40]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b80}.controls-container[data-v-c199dd40]{display:flex;justify-content:space-between;width:100%;max-width:300px;margin-top:1px;margin-bottom:0;flex-shrink:0;min-height:80px;padding:0 10px;box-sizing:border-box;position:relative;z-index:1000;opacity:1;visibility:visible}@media all and (max-width:1024px){.controls-container[data-v-c199dd40]{display:flex!important;position:relative!important;z-index:1000!important;opacity:1!important;visibility:visible!important;min-height:100px!important;margin-bottom:0!important}.control-btn[data-v-c199dd40]{opacity:1!important;visibility:visible!important;position:relative!important;z-index:1001!important}}.controls-container .control-btn[data-v-c199dd40]:first-child{align-self:center}.controls-container .control-btn[data-v-c199dd40]:last-child{align-self:center}.controls-container .control-btn[data-v-c199dd40]:nth-child(2){align-self:center}.control-btn[data-v-c199dd40]{width:70px;height:56px;border-radius:7px;border:none;background:linear-gradient(135deg,#0fa,#0cf);color:#000;font-size:17px;font-weight:700;cursor:pointer;transition:all .2s ease;box-shadow:0 5px 15px #00ffaa4d;touch-action:auto!important;-webkit-tap-highlight-color:transparent}.control-btn[data-v-c199dd40]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00ffaa80}.control-btn[data-v-c199dd40]:active{transform:translateY(0)}.footer[data-v-c199dd40]{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap;flex-shrink:0}.btn[data-v-c199dd40]{padding:8px 16px;border:none;border-radius:20px;background:linear-gradient(135deg,#0fa,#0cf);color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #00ffaa4d;touch-action:auto!important;-webkit-tap-highlight-color:transparent}.btn[data-v-c199dd40]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00ffaa80}.btn-secondary[data-v-c199dd40]{background:linear-gradient(135deg,#6b73ff,#0cf)}@media(max-width:480px){h1[data-v-c199dd40]{font-size:24px}.game-info[data-v-c199dd40]{font-size:14px;flex-wrap:nowrap}.info-item[data-v-c199dd40]{flex:1;min-width:80px}.info-item[data-v-c199dd40]:nth-child(2){flex:1.5;min-width:120px}.start-btn[data-v-c199dd40]{font-size:12px;padding:8px 20px;width:100%;min-width:100px;z-index:100}.control-btn[data-v-c199dd40]{width:56px;height:56px;font-size:14px}.controls-container[data-v-c199dd40]{gap:20px}.footer[data-v-c199dd40]{flex-direction:column;align-items:center}.footer .btn[data-v-c199dd40]{width:100%;margin:5px 0}}.tetris-leaderboard[data-v-cf6b2330]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container[data-v-cf6b2330]{width:100%;max-width:800px;background:#000000b3;border-radius:15px;border:2px solid #00ffaa;box-shadow:0 0 30px #00ffaa4d;padding:30px}h1[data-v-cf6b2330]{color:#0fa;text-shadow:0 0 20px rgba(0,255,170,.5);font-size:32px;margin-bottom:30px;text-align:center}.header[data-v-cf6b2330]{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.user-info[data-v-cf6b2330]{display:flex;align-items:center;gap:10px}.relative[data-v-cf6b2330]{position:relative}.user-menu[data-v-cf6b2330]{position:absolute;right:0;top:100%;margin-top:10px;background:#000000e6;border:1px solid #00ffaa;border-radius:5px;padding:10px;z-index:1000;min-width:150px}.user-menu button[data-v-cf6b2330]{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:#fff;cursor:pointer;border-radius:3px;margin-bottom:5px}.user-menu button[data-v-cf6b2330]:hover{background-color:#0fa3}.leaderboard-table[data-v-cf6b2330]{width:100%;border-collapse:collapse;margin-bottom:30px}.leaderboard-table th[data-v-cf6b2330],.leaderboard-table td[data-v-cf6b2330]{padding:12px;text-align:left;border-bottom:1px solid #333}.leaderboard-table th[data-v-cf6b2330]{background-color:#0fa3;color:#0fa;font-weight:700}.leaderboard-table tr[data-v-cf6b2330]:hover{background-color:#00ffaa1a}.user-row[data-v-cf6b2330]{background-color:#0fa3!important}.footer[data-v-cf6b2330]{display:flex;justify-content:center;gap:20px;margin-top:30px;flex-wrap:wrap}.loading[data-v-cf6b2330]{text-align:center;padding:20px;font-size:18px;color:#0fa}.load-more[data-v-cf6b2330]{text-align:center;padding:20px;font-size:16px;color:#0fa}.no-more[data-v-cf6b2330]{text-align:center;padding:20px;font-size:16px;color:#888}.message[data-v-cf6b2330]{padding:10px;margin-bottom:20px;border-radius:5px;text-align:center}.message.error[data-v-cf6b2330]{background-color:#ff6b6b33;color:#ff6b6b;border:1px solid #ff6b6b}.message.info[data-v-cf6b2330]{background-color:#0fa3;color:#0fa;border:1px solid #00ffaa}.btn[data-v-cf6b2330]{padding:8px 16px;border:none;border-radius:20px;background:linear-gradient(135deg,#0fa,#0cf);color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #00ffaa4d;touch-action:auto!important;-webkit-tap-highlight-color:transparent}.btn[data-v-cf6b2330]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00ffaa80}.btn-secondary[data-v-cf6b2330]{background:linear-gradient(135deg,#6b73ff,#0cf);color:#fff}@media(max-width:768px){.container[data-v-cf6b2330]{padding:20px}h1[data-v-cf6b2330]{font-size:24px}.leaderboard-table th[data-v-cf6b2330],.leaderboard-table td[data-v-cf6b2330]{padding:8px;font-size:14px}.header[data-v-cf6b2330]{flex-direction:column;gap:10px;align-items:stretch}.user-info[data-v-cf6b2330]{justify-content:center}.footer[data-v-cf6b2330]{flex-direction:column;align-items:center}.footer .btn[data-v-cf6b2330]{width:100%;margin:5px 0}}[data-v-a9b2dd15]{margin:0;padding:0;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none}.tank-game[data-v-a9b2dd15]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:10px;background:#000;color:#fff;overflow:hidden;position:relative;z-index:1;background-image:linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px);background-size:20px 20px;touch-action:none;-webkit-touch-action:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:none;overscroll-behavior:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}.container[data-v-a9b2dd15]{display:flex;flex-direction:column;align-items:center;width:100%;max-width:800px;overflow:hidden}.title-container[data-v-a9b2dd15]{display:flex;align-items:center;justify-content:space-between;width:100%;margin-bottom:10px;flex-shrink:0;position:relative}.home-btn[data-v-a9b2dd15]{padding:4px 8px!important;font-size:12px!important;min-width:70px!important;border-radius:0!important;background:transparent!important;border:1px solid #00ffaa!important;color:#0fa!important;box-shadow:none!important;font-weight:400!important;transition:none!important;touch-action:auto!important;-webkit-tap-highlight-color:transparent!important}.username[data-v-a9b2dd15]{padding:4px 8px;font-size:12px;color:#0fa;cursor:pointer;text-shadow:0 0 10px rgba(0,255,170,.5);white-space:nowrap}h1[data-v-a9b2dd15]{font-size:32px;text-align:center;color:#0fa;text-shadow:0 0 20px rgba(0,255,170,.5);flex-shrink:0;flex:1;margin:0 20px}.user-info[data-v-a9b2dd15]{display:flex;align-items:center;gap:10px}.relative[data-v-a9b2dd15]{position:relative}.user-menu[data-v-a9b2dd15]{position:absolute;right:0;top:100%;margin-top:10px;background:#000000e6;border:1px solid #00ffaa;border-radius:5px;padding:10px;z-index:1000;min-width:150px}.user-menu button[data-v-a9b2dd15]{display:block;width:100%;text-align:left;padding:8px 12px;background:none;border:none;color:#fff;cursor:pointer;border-radius:3px;margin-bottom:5px}.user-menu button[data-v-a9b2dd15]:hover{background-color:#0fa3}.game-container[data-v-a9b2dd15]{flex-grow:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;margin-top:5px;margin-bottom:5px;position:relative}.game-info[data-v-a9b2dd15]{display:flex;justify-content:space-between;width:100%;max-width:800px;margin-bottom:10px;padding:10px;background:#00000080;border:1px solid #00ffaa;border-radius:5px}.lives[data-v-a9b2dd15],.score[data-v-a9b2dd15],.level[data-v-a9b2dd15]{font-size:18px;color:#0fa;font-weight:700}.game-canvas[data-v-a9b2dd15]{border:2px solid #00ffaa;border-radius:8px;box-shadow:0 0 30px #00ffaa4d;background:#000;touch-action:none;display:block;width:100%;max-width:520px;height:auto;aspect-ratio:1 / 1}.game-controls[data-v-a9b2dd15]{margin:20px 0;text-align:center}.start-btn[data-v-a9b2dd15]{padding:12px 30px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#ff6b6b,#ff8e53);color:#fff;border:none;border-radius:25px;cursor:pointer;box-shadow:0 5px 15px #ff6b6b4d;transition:all .3s ease;touch-action:auto;-webkit-tap-highlight-color:transparent}.start-btn[data-v-a9b2dd15]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b6b80}.reset-btn[data-v-a9b2dd15]{padding:12px 30px;font-size:18px;font-weight:700;background:linear-gradient(135deg,#6b73ff,#0cf);color:#fff;border:none;border-radius:25px;cursor:pointer;box-shadow:0 5px 15px #6b73ff4d;transition:all .3s ease;touch-action:auto;-webkit-tap-highlight-color:transparent;margin-left:10px}.reset-btn[data-v-a9b2dd15]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #6b73ff80}.mobile-controls[data-v-a9b2dd15]{display:flex;justify-content:center;align-items:center;width:100%;max-width:800px;margin-top:20px;padding:0 20px}.joystick-container[data-v-a9b2dd15]{position:relative;width:200px;height:200px;display:flex;justify-content:center;align-items:center}.joystick-base[data-v-a9b2dd15]{width:120px;height:120px;border-radius:50%;background:#fff3;border:2px solid #00ffaa;position:relative;touch-action:none}.joystick-thumb[data-v-a9b2dd15]{width:60px;height:60px;border-radius:50%;background:#00ffaa80;border:2px solid #00ffaa;position:absolute;top:30px;left:30px;touch-action:none;transition:transform .1s ease}.control-group[data-v-a9b2dd15]{display:flex;flex-direction:column;gap:10px}.control-row[data-v-a9b2dd15]{display:flex;gap:10px;justify-content:center}.control-btn[data-v-a9b2dd15]{width:90px;height:90px;border-radius:50%;border:2px solid #00ffaa;background:#000000b3;color:#0fa;font-size:36px;font-weight:700;cursor:pointer;touch-action:auto;-webkit-tap-highlight-color:transparent;transition:all .3s ease}.control-btn[data-v-a9b2dd15]:hover{background:#0fa3;transform:scale(1.1)}.control-btn.fire[data-v-a9b2dd15]{background:linear-gradient(135deg,#ff6b6b,#ff8e53);border-color:#ff6b6b;color:#fff}.game-over-panel[data-v-a9b2dd15]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000e6;border:2px solid #00ffaa;border-radius:10px;padding:40px;text-align:center;z-index:1000;box-shadow:0 0 50px #00ffaa80}.game-over-panel h2[data-v-a9b2dd15]{font-size:36px;color:#ff6b6b;margin-bottom:20px;text-shadow:0 0 20px rgba(255,107,107,.5)}.game-over-panel p[data-v-a9b2dd15]{font-size:18px;color:#0fa;margin-bottom:10px}.footer[data-v-a9b2dd15]{display:flex;justify-content:center;gap:10px;margin-top:10px;flex-wrap:wrap;flex-shrink:0}.btn[data-v-a9b2dd15]{padding:8px 16px;border:none;border-radius:20px;background:linear-gradient(135deg,#0fa,#0cf);color:#000;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 5px 15px #00ffaa4d;touch-action:auto!important;-webkit-tap-highlight-color:transparent}.btn[data-v-a9b2dd15]:hover{transform:translateY(-2px);box-shadow:0 8px 20px #00ffaa80}.btn-secondary[data-v-a9b2dd15]{background:linear-gradient(135deg,#6b73ff,#0cf);color:#fff}@media(max-width:768px){h1[data-v-a9b2dd15]{font-size:24px}.game-canvas[data-v-a9b2dd15]{width:100%;height:auto;max-width:100%}.game-info[data-v-a9b2dd15]{font-size:14px}.control-btn[data-v-a9b2dd15]{width:100px;height:100px;font-size:40px}.game-over-panel[data-v-a9b2dd15]{padding:20px;width:90%}.game-over-panel h2[data-v-a9b2dd15]{font-size:28px}.footer[data-v-a9b2dd15]{flex-direction:column;align-items:center}.footer .btn[data-v-a9b2dd15]{width:100%;margin:5px 0}body[data-v-a9b2dd15]{touch-action:none;-webkit-touch-action:none;-webkit-text-size-adjust:100%;text-size-adjust:100%;-webkit-overflow-scrolling:none;overscroll-behavior:none}}.mbti-test[data-v-b1264d16]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px}.container[data-v-b1264d16]{width:100%;max-width:800px;background:#000000b3;border-radius:15px;border:2px solid #9c27b0;box-shadow:0 0 30px #9c27b04d;padding:30px}h1[data-v-b1264d16]{color:#9c27b0;text-shadow:0 0 20px rgba(156,39,176,.5);font-size:32px;margin-bottom:30px;text-align:center}h2[data-v-b1264d16]{color:#9c27b0;font-size:24px;margin-bottom:20px;text-align:center}.test-intro[data-v-b1264d16]{text-align:center;margin-bottom:40px}.test-intro p[data-v-b1264d16]{margin-bottom:20px;color:#ccc;line-height:1.6}.question-progress[data-v-b1264d16]{margin-bottom:30px}.question-progress span[data-v-b1264d16]{display:block;text-align:center;margin-bottom:10px;color:#ccc}.progress-bar[data-v-b1264d16]{width:100%;height:10px;background:#ffffff1a;border-radius:5px;overflow:hidden}.progress[data-v-b1264d16]{height:100%;background:linear-gradient(90deg,#9c27b0,#e040fb);border-radius:5px;transition:width .3s ease}.question-card[data-v-b1264d16]{background:#00000080;border-radius:10px;padding:30px;margin-bottom:30px}.question-card h2[data-v-b1264d16]{text-align:left;margin-bottom:20px}.question-card p[data-v-b1264d16]{font-size:18px;margin-bottom:30px;color:#fff;line-height:1.6}.options[data-v-b1264d16]{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.option-btn[data-v-b1264d16]{padding:15px 20px;background:#ffffff1a;border:1px solid #333;border-radius:8px;color:#fff;font-size:16px;text-align:left;cursor:pointer;transition:all .3s ease}.option-btn[data-v-b1264d16]:hover{background:#9c27b033;border-color:#9c27b0}.option-btn.active[data-v-b1264d16]{background:#9c27b04d;border-color:#9c27b0;box-shadow:0 0 10px #9c27b080}.question-actions[data-v-b1264d16]{display:flex;justify-content:space-between;align-items:center}.test-result[data-v-b1264d16]{text-align:center}.result-card[data-v-b1264d16]{background:#00000080;border-radius:10px;padding:40px;margin-bottom:30px}.result-type h3[data-v-b1264d16]{font-size:36px;color:#9c27b0;text-shadow:0 0 20px rgba(156,39,176,.5);margin-bottom:10px}.result-type p[data-v-b1264d16]{font-size:20px;color:#ccc;margin-bottom:30px}.result-description[data-v-b1264d16]{margin-bottom:40px}.result-description p[data-v-b1264d16]{font-size:16px;color:#ccc;line-height:1.6;text-align:left}.result-details h4[data-v-b1264d16]{color:#9c27b0;font-size:18px;margin-bottom:20px;text-align:left}.dimensions[data-v-b1264d16]{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.dimension[data-v-b1264d16]{display:flex;align-items:center;gap:15px}.dimension span[data-v-b1264d16]{color:#ccc;font-size:14px;min-width:120px;text-align:right}.dimension-bar[data-v-b1264d16]{flex:1;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.dimension-fill[data-v-b1264d16]{height:100%;background:linear-gradient(90deg,#9c27b0,#e040fb);border-radius:4px;transition:width .5s ease}.dimension span[data-v-b1264d16]:last-child{min-width:20px;text-align:left;font-weight:700;color:#9c27b0}.footer[data-v-b1264d16]{margin-top:40px;text-align:center}@media(max-width:768px){.container[data-v-b1264d16]{padding:20px}h1[data-v-b1264d16]{font-size:24px}h2[data-v-b1264d16]{font-size:20px}.question-card[data-v-b1264d16]{padding:20px}.question-card p[data-v-b1264d16]{font-size:16px}.option-btn[data-v-b1264d16]{padding:12px 16px;font-size:14px}.result-card[data-v-b1264d16]{padding:20px}.result-type h3[data-v-b1264d16]{font-size:28px}.result-type p[data-v-b1264d16]{font-size:18px}.dimension span[data-v-b1264d16]{font-size:12px;min-width:100px}}