.game-container[data-v-ddb5980f]{width:100%;height:100%;display:grid;grid-template-columns:200px 1fr 200px;gap:10px;padding:20px;position:relative}.main-content[data-v-ddb5980f]{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px}.canvas-wrapper[data-v-ddb5980f]{display:flex;justify-content:center;align-items:center;flex:1;min-height:0}canvas[data-v-ddb5980f]{background:#fff;border:2px solid #333;box-shadow:0 0 20px #00000080;max-width:100%;max-height:calc(100vh - 200px)}.bottom-controls[data-v-ddb5980f]{display:flex;flex-direction:column;gap:10px;width:100%;max-width:800px}.controls[data-v-ddb5980f]{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:center;background:#1a1a2ef2;padding:10px 20px;border-radius:10px}button[data-v-ddb5980f]{padding:8px 16px;font-size:13px;cursor:pointer;border:none;border-radius:5px;background:#4ecca3;color:#1a1a2e;font-weight:700;transition:all .3s}button[data-v-ddb5980f]:hover:not(:disabled){background:#45b08c;transform:scale(1.05)}button.remove[data-v-ddb5980f]{background:#e74c3c;color:#fff}button.remove[data-v-ddb5980f]:hover:not(:disabled){background:#c0392b}button.start[data-v-ddb5980f]{background:#f39c12;color:#fff}button.start[data-v-ddb5980f]:hover:not(:disabled){background:#e67e22}button[data-v-ddb5980f]:disabled{opacity:.5;cursor:not-allowed;transform:none}input[type=number][data-v-ddb5980f]{padding:8px;font-size:13px;border:2px solid #4ecca3;border-radius:5px;background:#16213e;color:#fff;width:70px}label[data-v-ddb5980f]{font-size:13px;display:flex;align-items:center;gap:5px}.speed-control[data-v-ddb5980f]{display:flex;align-items:center;gap:8px}input[type=range][data-v-ddb5980f]{width:80px}.stats[data-v-ddb5980f]{font-size:13px;color:#fff;background:#1a1a2ef2;padding:8px 20px;border-radius:10px;text-align:center;width:100%}.rules[data-v-ddb5980f]{background:#1a1a2ef2;padding:15px;border-radius:10px;font-size:12px;height:fit-content}.rules h4[data-v-ddb5980f]{color:#4ecca3;margin-bottom:10px;font-size:14px}.rules ul[data-v-ddb5980f]{list-style:none}.rules li[data-v-ddb5980f]{margin-bottom:6px;padding-left:15px;position:relative}.rules li[data-v-ddb5980f]:before{content:"•";color:#4ecca3;position:absolute;left:0}.leaderboard[data-v-ddb5980f]{background:#1a1a2ef2;border-radius:10px;padding:15px;max-height:calc(100vh - 40px);overflow-y:auto}.leaderboard h3[data-v-ddb5980f]{margin-bottom:10px;font-size:14px;text-align:center;border-bottom:2px solid #4ecca3;padding-bottom:8px}.leaderboard-content[data-v-ddb5980f]{max-height:400px;overflow-y:auto}.leaderboard-item[data-v-ddb5980f]{display:flex;align-items:center;padding:6px;margin-bottom:4px;border-radius:5px;background:#ffffff1a;font-size:12px}.leaderboard-item .rank[data-v-ddb5980f]{width:25px;font-weight:700;color:#4ecca3}.leaderboard-item .color-box[data-v-ddb5980f]{width:18px;height:18px;border-radius:3px;margin-right:8px;border:2px solid #fff}.leaderboard-item .count[data-v-ddb5980f]{margin-left:auto;font-weight:700}.leaderboard-item .percent[data-v-ddb5980f]{margin-left:5px;color:#888;font-size:10px}.leaderboard .empty[data-v-ddb5980f]{text-align:center;color:#888;font-size:12px}.game-over[data-v-ddb5980f]{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#1a1a2efa;padding:40px;border-radius:20px;text-align:center;z-index:1000;border:3px solid #4ecca3;box-shadow:0 0 50px #4ecca380}.game-over h2[data-v-ddb5980f]{font-size:28px;margin-bottom:20px;color:#4ecca3}.game-over .winner[data-v-ddb5980f]{font-size:20px;margin:20px 0}.game-over .winner-color[data-v-ddb5980f]{display:inline-block;width:25px;height:25px;border-radius:5px;vertical-align:middle;margin-left:10px;border:2px solid #fff}.game-over .ranking[data-v-ddb5980f]{margin-top:20px;text-align:left;max-height:200px;overflow-y:auto}.game-over .ranking-item[data-v-ddb5980f]{padding:5px 0;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center}.game-over .ranking-color[data-v-ddb5980f]{display:inline-block;width:12px;height:12px;border-radius:2px;margin:0 8px;vertical-align:middle}.game-over button[data-v-ddb5980f]{margin-top:20px;font-size:16px;padding:12px 30px}[data-v-ddb5980f]::-webkit-scrollbar{width:6px}[data-v-ddb5980f]::-webkit-scrollbar-track{background:#ffffff1a;border-radius:3px}[data-v-ddb5980f]::-webkit-scrollbar-thumb{background:#4ecca3;border-radius:3px}@media (max-width: 768px){.game-container[data-v-ddb5980f]{grid-template-columns:1fr;grid-template-rows:1fr auto;padding:10px;gap:10px}.rules[data-v-ddb5980f],.leaderboard[data-v-ddb5980f]{display:none}.main-content[data-v-ddb5980f]{gap:10px}.canvas-wrapper[data-v-ddb5980f]{min-height:0;overflow:hidden}canvas[data-v-ddb5980f]{max-height:calc(100vh - 250px)}.bottom-controls[data-v-ddb5980f]{position:fixed;bottom:0;left:0;right:0;background:#1a1a2efa;padding:10px;z-index:100;max-width:100%}.controls[data-v-ddb5980f]{gap:8px;padding:8px;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;-webkit-overflow-scrolling:touch}.controls button[data-v-ddb5980f]{padding:6px 12px;font-size:12px;white-space:nowrap;flex-shrink:0}.controls input[type=number][data-v-ddb5980f]{width:50px;padding:6px;font-size:12px;flex-shrink:0}.controls label[data-v-ddb5980f]{font-size:12px;white-space:nowrap;flex-shrink:0}.controls input[type=range][data-v-ddb5980f]{width:60px;flex-shrink:0}.speed-control[data-v-ddb5980f]{flex-shrink:0}.stats[data-v-ddb5980f]{padding:6px 15px;font-size:12px;width:100%}.game-over[data-v-ddb5980f]{width:90%;padding:20px}.game-over h2[data-v-ddb5980f]{font-size:22px}.game-over .winner[data-v-ddb5980f]{font-size:16px}}@media (max-width: 480px){.canvas-wrapper canvas[data-v-ddb5980f]{max-height:calc(100vh - 280px)}.controls[data-v-ddb5980f]{padding:6px}.controls button[data-v-ddb5980f]{padding:5px 10px;font-size:11px}}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:Arial,sans-serif;background:#1a1a2e;min-height:100vh;color:#fff;overflow:hidden;touch-action:none;overscroll-behavior:none}.app{width:100%;height:100vh;display:flex;justify-content:center;align-items:center;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}