.page-background[data-v-6aad9afd]{background:linear-gradient(180deg,#2a2a3a,#1a1a2a);min-height:100vh;padding:2rem 0;display:flex;justify-content:center;align-items:flex-start}.game-container[data-v-6aad9afd]{width:100%;max-width:1200px;margin:0 auto;padding:2rem;background-color:#14141e99;border-radius:16px;box-shadow:0 8px 32px #0000005e;backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);display:flex;flex-direction:column}.main-game-area[data-v-6aad9afd]{display:flex;gap:20px;align-items:flex-start;width:100%}.game-header[data-v-6aad9afd]{color:#000;margin-bottom:20px;text-align:center}.game-info[data-v-6aad9afd]{display:flex;gap:20px;font-size:1.2em;justify-content:center}.canvas-wrapper[data-v-6aad9afd]{flex-grow:1;min-width:0;position:relative;display:flex;justify-content:center;align-items:center}.game-canvas[data-v-6aad9afd]{background-color:#000;border:2px solid #764ba2;box-shadow:0 0 15px #764ba280,inset 0 0 10px #00000080}.game-over-overlay[data-v-6aad9afd]{position:absolute;top:0;left:0;width:804px;height:604px;background-color:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#000;text-align:center;border-radius:8px}.game-over-overlay h2[data-v-6aad9afd]{font-size:4em;margin-bottom:20px;color:#ff5252;text-shadow:0 0 15px rgba(255,82,82,.7)}.game-over-overlay p[data-v-6aad9afd]{font-size:1.5em;margin-bottom:30px}.game-over-overlay button[data-v-6aad9afd]{padding:10px 20px;font-size:1.2em;cursor:pointer;background-color:#764ba2;color:#000;border:none;border-radius:5px;transition:background-color .3s}.game-over-overlay button[data-v-6aad9afd]:hover{background-color:#667eea}.leaderboard-panel[data-v-6aad9afd]{width:320px;height:604px;background-color:#1f1f2fcc;backdrop-filter:blur(5px);box-shadow:0 0 15px #764ba24d;flex-shrink:0;overflow:hidden;transition:width .4s ease-in-out,padding .4s ease-in-out,opacity .3s ease-in-out;border:1px solid #444;padding:20px}.panel-header[data-v-6aad9afd]{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;flex-shrink:0}.panel-title[data-v-6aad9afd]{margin:0;font-size:1.5em;color:#764ba2;font-weight:700}.toggle-btn[data-v-6aad9afd]{background:#f2f2f7;color:#000;border:none;border-radius:50%;width:32px;height:32px;font-size:18px;line-height:1;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.toggle-btn[data-v-6aad9afd]:hover{transform:scale(1.1);box-shadow:0 4px 12px #0000004d}.close-btn[data-v-6aad9afd]{background:linear-gradient(135deg,#ff6b6b,#ee5a24)}.leaderboard-placeholder[data-v-6aad9afd]{width:50px;height:604px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:width .4s ease-in-out;overflow:hidden}.open-btn[data-v-6aad9afd]{width:40px;height:100px;border-radius:8px 0 0 8px;background:#f2f2f7;font-size:20px;font-weight:700;color:#000;border:none;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0003}.open-btn[data-v-6aad9afd]:hover{width:45px;transform:scale(1.05);box-shadow:0 4px 12px #0000004d}.leaderboard-tabs[data-v-6aad9afd]{flex-grow:1;display:flex;flex-direction:column;--el-tabs-header-bg-color: #1f1f1f;--el-border-color-light: #444;--el-color-primary: #764ba2}.leaderboard-tabs .el-tabs__content[data-v-6aad9afd]{flex-grow:1;overflow-y:hidden}.list-container[data-v-6aad9afd]{height:100%;overflow-y:auto}.leaderboard-list[data-v-6aad9afd]{padding-left:0;list-style:none;margin:0}.leaderboard-list li[data-v-6aad9afd]{display:flex;justify-content:space-between;align-items:center;padding:9px 4px;border-bottom:1px solid #333;font-size:.95em}.leaderboard-list li[data-v-6aad9afd]:last-child{border-bottom:none}.leaderboard-list .score[data-v-6aad9afd]{font-weight:700;color:#ffc107}.leaderboard-list b[data-v-6aad9afd]{color:#aaa;margin-right:8px}.empty-text[data-v-6aad9afd]{text-align:center;margin-top:40px;color:#888}.list-container[data-v-6aad9afd]::-webkit-scrollbar{width:6px}.list-container[data-v-6aad9afd]::-webkit-scrollbar-track{background:#1f1f1f}.list-container[data-v-6aad9afd]::-webkit-scrollbar-thumb{background-color:#555;border-radius:6px}.leaderboard-panel.is-hidden[data-v-6aad9afd],.leaderboard-placeholder.is-hidden[data-v-6aad9afd]{width:0;padding:0;border-width:0;opacity:0}.panel-content-wrapper[data-v-6aad9afd]{display:flex;flex-direction:column;height:100%}