.main-screen[data-v-2c0095ed]{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px 0;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);font-family:Arial,sans-serif}.main-content[data-v-2c0095ed]{text-align:center;padding:2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d}.logo[data-v-2c0095ed]{width:150px;height:auto;margin-bottom:1.5rem;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.title[data-v-2c0095ed]{font-size:3rem;font-weight:700;color:#fff;margin:1rem 0 2rem;text-shadow:2px 2px 4px rgba(0,0,0,.5);letter-spacing:2px}.start-button[data-v-2c0095ed]{font-size:1.2rem;font-weight:700;padding:1rem 2rem;background:linear-gradient(45deg,#ff6b6b,#ee5a24);color:#fff;border:none;border-radius:50px;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #ff6b6b66}.start-button[data-v-2c0095ed]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff6b6b99;background:linear-gradient(45deg,#ff5252,#d63031)}.start-button[data-v-2c0095ed]:active{transform:translateY(0);box-shadow:0 2px 10px #ff6b6b66}.start-button.disabled[data-v-2c0095ed]{background:linear-gradient(45deg,#666,#555);cursor:not-allowed;box-shadow:0 4px 15px #6666}.start-button.disabled[data-v-2c0095ed]:hover{transform:none;box-shadow:0 4px 15px #6666;background:linear-gradient(45deg,#666,#555)}.character-selection-content[data-v-2c0095ed]{text-align:center;padding:2rem;background:#ffffff1a;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000004d;max-width:800px;width:90%;max-height:90vh;overflow-y:auto}.characters-grid[data-v-2c0095ed]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin:2rem 0;padding:1rem}.character-card[data-v-2c0095ed]{background:#ffffff0d;border-radius:15px;padding:1.5rem;cursor:pointer;transition:all .3s ease;border:2px solid transparent;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}@media (max-width: 640px){.characters-grid[data-v-2c0095ed]{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:1rem}.character-card[data-v-2c0095ed]{padding:1rem}.character-preview[data-v-2c0095ed]{width:80px;height:80px}.character-name[data-v-2c0095ed]{font-size:1.2rem}.title[data-v-2c0095ed]{font-size:2rem}}.character-card[data-v-2c0095ed]:hover{background:#ffffff1a;transform:translateY(-5px);box-shadow:0 10px 25px #0000004d}.character-card.selected[data-v-2c0095ed]{border-color:#ff6b6b;background:#ff6b6b1a;box-shadow:0 0 20px #ff6b6b4d}.character-preview[data-v-2c0095ed]{width:100px;height:100px;margin:0 auto 1rem;border-radius:50%;overflow:hidden;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.character-sprite[data-v-2c0095ed]{width:64px;height:64px;image-rendering:pixelated;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.character-name[data-v-2c0095ed]{color:#fff;font-size:1.5rem;font-weight:700;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5);letter-spacing:1px}.character-card.selected .character-name[data-v-2c0095ed]{color:#ff6b6b}