.ranking[data-v-49c5aefb]{margin-top:30px;padding:20px;background:#ffffffe6;border-radius:12px;box-shadow:0 4px 12px #0000001a;min-width:280px}.ranking-header[data-v-49c5aefb]{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;gap:10px}.ranking h3[data-v-49c5aefb]{margin:0;font-size:20px;color:#2c3e50;flex:1;text-align:center}.reset-btn[data-v-49c5aefb]{padding:6px 12px;font-size:14px;background:#e74c3c;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;white-space:nowrap}.reset-btn[data-v-49c5aefb]:hover{background:#c0392b;transform:scale(1.05)}.no-data[data-v-49c5aefb]{text-align:center;color:#888;padding:20px}.ranking-list[data-v-49c5aefb]{display:flex;flex-direction:column;gap:8px}.ranking-item[data-v-49c5aefb]{display:flex;align-items:center;gap:12px;padding:10px;background:#f8f9fa;border-radius:8px;transition:all .3s ease}.ranking-item[data-v-49c5aefb]:hover{background:#e9ecef;transform:translate(5px)}.ranking-item.top-rank[data-v-49c5aefb]{background:linear-gradient(135deg,#fff9e6,#ffe9a3);font-weight:700}.rank[data-v-49c5aefb]{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:#3498db;color:#fff;border-radius:50%;font-weight:700;font-size:14px}.top-rank .rank[data-v-49c5aefb]{background:linear-gradient(135deg,gold,#ffed4e);color:#333}.name[data-v-49c5aefb]{flex:1;font-size:16px}.time[data-v-49c5aefb]{font-size:18px;font-weight:700;color:#3498db}.top-rank .time[data-v-49c5aefb]{color:#d4af37}@media (max-width: 768px){.ranking[data-v-49c5aefb]{min-width:auto;width:100%;max-width:320px;padding:15px}.ranking h3[data-v-49c5aefb]{font-size:18px}.ranking-item[data-v-49c5aefb]{padding:8px;gap:8px}.rank[data-v-49c5aefb]{width:26px;height:26px;font-size:12px}.name[data-v-49c5aefb]{font-size:14px}.time[data-v-49c5aefb]{font-size:16px}.reset-btn[data-v-49c5aefb]{font-size:12px;padding:5px 10px}}.start-screen[data-v-02ca490d]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;background:inherit}.title[data-v-02ca490d]{font-size:48px;margin-bottom:10px}.subtitle[data-v-02ca490d]{font-size:20px;margin-bottom:30px;color:#888}.content-wrapper[data-v-02ca490d]{display:flex;gap:30px;align-items:flex-start}.player-names[data-v-02ca490d]{display:flex;flex-direction:column;gap:16px;width:280px}.input-group[data-v-02ca490d]{display:flex;flex-direction:column;gap:4px}.input-group label[data-v-02ca490d]{font-weight:500;font-size:14px}input[type=text][data-v-02ca490d],select[data-v-02ca490d]{padding:8px;border:1px solid #ccc;border-radius:6px;font-size:18px;background:#fff}select[data-v-02ca490d]{cursor:pointer}.start-btn[data-v-02ca490d]{margin-top:10px;padding:12px 0;font-size:20px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.start-btn[data-v-02ca490d]:hover{background:linear-gradient(135deg,#2980b9,#3498db);transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}@media (max-width: 768px){.start-screen[data-v-02ca490d]{padding:10px;height:auto;min-height:100vh}.title[data-v-02ca490d]{font-size:32px;margin-top:20px}.subtitle[data-v-02ca490d]{font-size:16px;margin-bottom:20px}.content-wrapper[data-v-02ca490d]{flex-direction:column;width:100%;gap:20px}.player-names[data-v-02ca490d]{width:100%;max-width:320px}input[type=text][data-v-02ca490d],select[data-v-02ca490d]{font-size:16px}.start-btn[data-v-02ca490d]{font-size:18px}}.modal[data-v-f5aefd42]{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content[data-v-f5aefd42]{background:#fff;padding:30px;border-radius:15px;text-align:center;max-width:500px;box-shadow:0 10px 30px #0000004d;animation:slideIn-f5aefd42 .3s ease}@keyframes slideIn-f5aefd42{0%{transform:translateY(-50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-content h2[data-v-f5aefd42]{font-size:32px;margin-bottom:20px;color:#2c3e50}.modal-content h3[data-v-f5aefd42]{font-size:24px;margin-top:20px;margin-bottom:10px;color:#34495e}.modal-content p[data-v-f5aefd42]{font-size:18px;margin:10px 0;color:#555}.modal-content button[data-v-f5aefd42]{margin-top:20px;padding:12px 30px;font-size:18px;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.modal-content button[data-v-f5aefd42]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #3498db66}.congratulations-text[data-v-f5aefd42]{position:absolute;top:15%;left:50%;transform:translate(-50%);font-size:80px;font-weight:700;color:transparent;background:linear-gradient(45deg,#ff6b6b,#f06595,#cc5de8,#845ef7,#5c7cfa,#339af0,#22b8cf,#20c997,#51cf66,#94d82d,#fcc419,#ff8787);background-size:300% 300%;background-clip:text;-webkit-background-clip:text;text-shadow:0 0 30px rgba(255,255,255,.5);animation:congratulations-f5aefd42 2s ease-out,gradientShift-f5aefd42 3s ease infinite;z-index:1001;white-space:nowrap}@keyframes congratulations-f5aefd42{0%{transform:translate(-50%) scale(0) rotate(-180deg);opacity:0}50%{transform:translate(-50%) scale(1.2) rotate(0)}70%{transform:translate(-50%) scale(.9) rotate(0)}to{transform:translate(-50%) scale(1) rotate(0);opacity:1}}@keyframes gradientShift-f5aefd42{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@media (max-width: 768px){.congratulations-text[data-v-f5aefd42]{font-size:36px;top:8%}.modal-content[data-v-f5aefd42]{max-width:90%;padding:20px 15px;margin:10px}.modal-content h2[data-v-f5aefd42]{font-size:24px;margin-bottom:15px}.modal-content h3[data-v-f5aefd42]{font-size:18px;margin-top:15px}.modal-content p[data-v-f5aefd42]{font-size:15px;margin:8px 0}.modal-content button[data-v-f5aefd42]{font-size:16px;padding:10px 24px}}@media (max-width: 480px){.congratulations-text[data-v-f5aefd42]{font-size:28px;top:5%}.modal-content[data-v-f5aefd42]{padding:15px 10px}.modal-content h2[data-v-f5aefd42]{font-size:20px}.modal-content p[data-v-f5aefd42]{font-size:14px}}.board{display:grid;gap:12px;max-width:800px;margin:0 auto;padding:20px}.card{height:90px;aspect-ratio:1;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:12px;display:flex;justify-content:center;align-items:center;font-size:28px;color:#fff;cursor:pointer;border:3px solid white;box-shadow:0 6px 12px #0003;transition:all .3s ease;position:relative;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}.card{perspective:1000px}.card-inner{width:100%;height:100%;position:relative;transition:transform .5s;transform-style:preserve-3d}.open .card-inner,.clear .card-inner{transform:rotateY(180deg)}.card-front,.card-back{position:absolute;width:100%;height:100%;display:flex;justify-content:center;align-items:center;border-radius:12px;backface-visibility:hidden}.card-front{background:linear-gradient(135deg,#3498db,#2980b9)}.card-back{background:linear-gradient(135deg,#f39c12,#e67e22);transform:rotateY(180deg);font-size:30px;font-weight:700}.card:hover{transform:translateY(-5px) scale(1.05);box-shadow:0 12px 20px #0000004d}.open .card-inner{transform:rotateY(180deg)}.clear{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 0 15px #2ecc71}.card span{font-weight:700;font-size:30px;transition:transform .3s}.clear{background:linear-gradient(135deg,#2ecc71,#27ae60);box-shadow:0 0 20px #2ecc71;animation:bounce .6s ease}@keyframes bounce{0%{transform:scale(1) rotateY(180deg)}30%{transform:scale(1.2) rotateY(180deg)}60%{transform:scale(.95) rotateY(180deg)}to{transform:scale(1) rotateY(180deg)}}.mismatch{animation:shake .5s ease}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}@media (max-width: 600px){.board{gap:8px;padding:10px}.card{height:60px;font-size:18px;border:2px solid white}.card-back{font-size:20px}.card:hover{transform:none;box-shadow:0 6px 12px #0003}}@media (min-width: 601px) and (max-width: 900px){.board{gap:10px}.card{height:80px;font-size:24px}}@media (max-width: 768px){h1{font-size:24px;margin:15px 0 10px}.panel{font-size:14px;padding:8px 12px;flex-wrap:wrap;gap:8px}.panel>div{min-width:auto;flex:1 1 45%}button{font-size:14px;padding:6px 12px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}}@media (max-width: 480px){h1{font-size:20px;margin:10px 0}.panel{font-size:12px;padding:6px 8px}.panel>div{flex:1 1 100%}}