.app-container[data-v-d4d3b3e3]{min-height:100vh;background:linear-gradient(135deg,#fff5f5,#ffe8e8);-webkit-tap-highlight-color:transparent}.app-container[data-v-d4d3b3e3] :is(button,a,[role=button]){-webkit-tap-highlight-color:transparent}@media (hover: none) and (pointer: coarse){.app-container[data-v-d4d3b3e3] :is(button,a,[role=button]):focus{outline:none;box-shadow:none}}.main-content[data-v-d4d3b3e3]{max-width:1024px;margin:0 auto;padding:1.5rem 1rem}@media (min-width: 640px){.main-content[data-v-d4d3b3e3]{padding:2rem 1.5rem}}.header[data-v-d4d3b3e3]{text-align:center;margin-bottom:.75rem}.header .logo-wrapper[data-v-d4d3b3e3]{display:flex;justify-content:center}.header .logo-wrapper .logo-login-button[data-v-d4d3b3e3]{border:none;background:transparent;padding:0;cursor:pointer;border-radius:9999px}.header .logo-wrapper .logo[data-v-d4d3b3e3]{width:6rem;height:6rem;border-radius:9999px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}@media (min-width: 640px){.header .logo-wrapper .logo[data-v-d4d3b3e3]{width:8rem;height:8rem}}.title[data-v-d4d3b3e3]{font-size:1.9rem;font-weight:700;margin-bottom:.5rem;line-height:1.2;text-align:center;position:sticky;position:-webkit-sticky;top:0;z-index:30;isolation:isolate;padding:.5rem 0;color:#dc2626;text-shadow:0 1px 0 rgba(255,255,255,.35)}.title[data-v-d4d3b3e3]:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(135deg,#fff5f5eb,#ffe8e8eb);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid rgba(220,38,38,.12)}.subtitle[data-v-d4d3b3e3]{text-align:center;color:#6b7280;font-size:1rem;line-height:1.625;margin-bottom:1.5rem}.nav-tabs[data-v-d4d3b3e3]{display:flex;gap:.75rem;margin-bottom:1.5rem;background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;padding:.5rem;box-shadow:0 1px 2px #0000000d}.nav-tabs .tab-button[data-v-d4d3b3e3]{flex:1;padding:.75rem 1rem;border-radius:.5rem;background:#fff;color:#374151;font-size:1.125rem;font-weight:600;transition:all .3s}.nav-tabs .tab-button .tab-text-mobile[data-v-d4d3b3e3]{display:none}.nav-tabs .tab-button[data-v-d4d3b3e3]:hover{background:#f9fafb}.nav-tabs .tab-button.active[data-v-d4d3b3e3]{background:linear-gradient(to right,#dc2626,#ef4444);color:#fff;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.list-header[data-v-d4d3b3e3]{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem}.list-title[data-v-d4d3b3e3]{flex:1;min-width:0}.list-title h2[data-v-d4d3b3e3]{color:#dc2626;font-size:1.25rem;line-height:1.75rem;font-weight:500}.list-title .auth-status[data-v-d4d3b3e3]{margin-top:.5rem;color:#6b7280;font-size:.875rem}.list-title .auth-status.online[data-v-d4d3b3e3]{color:#166534}.status-banner[data-v-d4d3b3e3]{margin-bottom:1rem;padding:.75rem 1rem;border-radius:.5rem;background:#ffffffd1;border:1px solid rgba(220,38,38,.12);color:#374151;box-shadow:0 1px 2px #0000000d}.list-container[data-v-d4d3b3e3]{background:#ffffffe6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;padding:1.5rem;margin-bottom:1.5rem;min-height:300px}.list-container .empty-state[data-v-d4d3b3e3]{display:flex;align-items:center;justify-content:center;height:256px;color:#9ca3af;font-size:1rem}.list-container .error-state[data-v-d4d3b3e3]{color:#b91c1c}.list-container .player-list[data-v-d4d3b3e3]{display:flex;flex-direction:column;gap:.75rem}.player-item[data-v-d4d3b3e3]{display:flex;align-items:center;justify-content:space-between;position:relative;padding:1rem;background:linear-gradient(to right,#fef2f2,#fed7aa);border-radius:.5rem;border:1px solid #fecaca;transition:box-shadow .3s;overflow:visible}.player-item[data-v-d4d3b3e3]:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.player-item .rank-medal[data-v-d4d3b3e3]{position:absolute;left:-.45rem;top:-.7rem;width:1.85rem;height:1.85rem;object-fit:contain;filter:drop-shadow(0 3px 6px rgba(15,23,42,.2));z-index:2}.player-item .player-name[data-v-d4d3b3e3]{flex:1;min-width:0;display:flex;align-items:center;gap:.5rem;color:#374151;font-size:1rem;line-height:1.5rem}.player-item .player-name .player-avatar[data-v-d4d3b3e3]{width:2rem;height:2rem;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-size:.875rem;font-weight:700;flex-shrink:0;border:2px solid rgba(255,255,255,.35);box-shadow:0 4px 10px #0f172a2e,inset 0 1px #ffffff40}.player-item .player-name .player-label[data-v-d4d3b3e3]{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-item .player-name-button[data-v-d4d3b3e3]{border:none;background:transparent;padding:0;text-align:left;cursor:pointer}.player-item .player-name-button:hover .player-label[data-v-d4d3b3e3]{color:#be123c}.player-item .player-count[data-v-d4d3b3e3]{margin:0 2rem 0 1rem}.player-item .player-count .count-badge[data-v-d4d3b3e3]{display:inline-block;padding:.5rem 1rem;background:linear-gradient(135deg,#dc2626,#d97706);color:#fff;border-radius:.375rem;line-height:1.25rem;letter-spacing:.02em;font-weight:600;box-shadow:0 3px 8px #0e749033,inset 0 1px #ffffff24}.player-item .player-actions[data-v-d4d3b3e3]{display:flex;gap:.5rem;align-items:center}.player-item .player-actions .action-menu[data-v-d4d3b3e3]{position:relative}.player-item .player-actions .action-menu-dropdown[data-v-d4d3b3e3]{position:absolute;top:calc(100% + .25rem);right:0;min-width:6.5rem;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:.375rem;box-shadow:0 10px 24px #0f172a29;padding:.25rem;z-index:8}.player-item .player-actions .action-menu-item[data-v-d4d3b3e3]{width:100%;padding:.5rem .75rem;border-radius:.375rem;background:transparent;color:#374151;font-size:.875rem;text-align:left;transition:background .2s ease,color .2s ease}.player-item .player-actions .action-menu-item[data-v-d4d3b3e3]:hover{background:#f8fafc}.player-item .player-actions .action-menu-item.danger[data-v-d4d3b3e3]{color:#b91c1c}.rank-move[data-v-d4d3b3e3],.rank-enter-active[data-v-d4d3b3e3],.rank-leave-active[data-v-d4d3b3e3]{transition:transform .35s cubic-bezier(.22,1,.36,1),opacity .3s ease}.rank-enter-from[data-v-d4d3b3e3],.rank-leave-to[data-v-d4d3b3e3]{opacity:0;transform:translateY(10px) scale(.98)}.rank-leave-active[data-v-d4d3b3e3]{position:absolute;width:calc(100% - 2rem)}.tab-panel-enter-active[data-v-d4d3b3e3],.tab-panel-leave-active[data-v-d4d3b3e3]{transition:opacity .24s ease,transform .28s cubic-bezier(.22,1,.36,1)}.tab-panel-enter-from[data-v-d4d3b3e3],.tab-panel-leave-to[data-v-d4d3b3e3]{opacity:0;transform:translateY(8px)}.action-buttons[data-v-d4d3b3e3]{display:flex;justify-content:flex-end;gap:.5rem;flex-shrink:0;flex-wrap:wrap}.btn[data-v-d4d3b3e3]{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:.375rem;font-size:1rem;font-weight:500;transition:all .3s;color:#fff}.btn.btn-add[data-v-d4d3b3e3]{background:linear-gradient(135deg,#16a34a,#15803d);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 10px #15803d38,inset 0 1px #fff3}.btn.btn-add[data-v-d4d3b3e3]:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn.btn-subtract[data-v-d4d3b3e3]{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid rgba(255,255,255,.25);box-shadow:0 4px 10px #b91c1c38,inset 0 1px #fff3}.btn.btn-subtract[data-v-d4d3b3e3]:hover{filter:brightness(1.04);transform:translateY(-1px)}.btn.btn-delete[data-v-d4d3b3e3]{background:linear-gradient(135deg,#7f1d1d,#991b1b);border:1px solid rgba(255,255,255,.22);box-shadow:0 4px 10px #7f1d1d3d,inset 0 1px #ffffff29}.btn.btn-delete[data-v-d4d3b3e3]:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn.btn-menu[data-v-d4d3b3e3]{min-width:2.35rem;padding:0 .5rem;background:linear-gradient(135deg,#334155,#1f2937);border:1px solid rgba(255,255,255,.18);box-shadow:0 4px 10px #0f172a38,inset 0 1px #ffffff24;letter-spacing:.1em}.btn.btn-menu[data-v-d4d3b3e3]:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn.btn-primary[data-v-d4d3b3e3]{padding:.75rem 1rem;font-size:.875rem;background:linear-gradient(to right,#2563eb,#1d4ed8);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn.btn-primary[data-v-d4d3b3e3]:hover{filter:brightness(1.1)}.btn.btn-export[data-v-d4d3b3e3]{padding:.75rem 1rem;font-size:.875rem;background:linear-gradient(to right,#9333ea,#7e22ce);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.btn.btn-export[data-v-d4d3b3e3]:hover{filter:brightness(1.1)}.btn.btn-confirm[data-v-d4d3b3e3]{flex:1;background:linear-gradient(to right,#dc2626,#d97706)}.btn.btn-confirm[data-v-d4d3b3e3]:hover{filter:brightness(1.1)}.btn.btn-cancel[data-v-d4d3b3e3]{flex:1;background:#6b7280}.btn.btn-cancel[data-v-d4d3b3e3]:hover{background:#545964}.btn.btn-admin[data-v-d4d3b3e3]{padding:.75rem 1rem;font-size:.875rem;background:linear-gradient(135deg,#111827,#374151);box-shadow:0 10px 20px #0f172a24}.btn.btn-admin[data-v-d4d3b3e3]:hover{filter:brightness(1.06)}.btn[data-v-d4d3b3e3]:disabled{cursor:not-allowed;opacity:.68;transform:none;filter:none}.modal-overlay[data-v-d4d3b3e3]{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-d4d3b3e3]{background:#fff;border-radius:.5rem;box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;padding:1.5rem;max-width:448px;width:100%;margin:0 1rem}.modal-content .modal-title[data-v-d4d3b3e3]{font-size:1.25rem;color:#dc2626;margin-bottom:1rem;font-weight:600}.modal-content .modal-input[data-v-d4d3b3e3]{width:100%;padding:.75rem 1rem;border:1px solid #fecaca;border-radius:.375rem;font-size:1rem;margin-bottom:1.5rem;transition:border-color .2s}.modal-content .modal-input[data-v-d4d3b3e3]:focus{border-color:#f87171;outline:none}.modal-content .modal-body[data-v-d4d3b3e3]{color:#374151;margin-bottom:1.5rem}.modal-content .modal-body p[data-v-d4d3b3e3]{margin-bottom:.5rem}.modal-content .modal-body .modal-note[data-v-d4d3b3e3]{font-size:.875rem;color:#6b7280}.modal-content .modal-body .modal-note.danger[data-v-d4d3b3e3]{color:#991b1b}.modal-content .modal-error[data-v-d4d3b3e3]{margin-bottom:1rem;color:#b91c1c;font-size:.875rem}.modal-content .modal-footer[data-v-d4d3b3e3]{display:flex;gap:.5rem}.auth-modal .auth-modal-text[data-v-d4d3b3e3]{margin-bottom:1rem;color:#6b7280;line-height:1.6}.history-modal[data-v-d4d3b3e3]{max-width:560px}.history-state[data-v-d4d3b3e3]{color:#6b7280;margin-bottom:1rem}.history-list[data-v-d4d3b3e3]{max-height:280px;overflow-y:auto;border:1px solid rgba(15,23,42,.08);border-radius:.375rem;margin-bottom:1rem}.history-item[data-v-d4d3b3e3]{display:flex;justify-content:space-between;gap:.75rem;padding:.5rem .75rem;border-bottom:1px solid rgba(15,23,42,.06);color:#374151;font-size:.875rem}.history-item[data-v-d4d3b3e3]:last-child{border-bottom:none}.modal-pop-enter-active[data-v-d4d3b3e3],.modal-pop-leave-active[data-v-d4d3b3e3]{transition:opacity .24s ease}.modal-pop-enter-from[data-v-d4d3b3e3],.modal-pop-leave-to[data-v-d4d3b3e3]{opacity:0}.modal-pop-enter-active .modal-content[data-v-d4d3b3e3],.modal-pop-leave-active .modal-content[data-v-d4d3b3e3]{transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .24s ease}.modal-pop-enter-from .modal-content[data-v-d4d3b3e3],.modal-pop-leave-to .modal-content[data-v-d4d3b3e3]{transform:translateY(10px) scale(.96);opacity:0}.menu-pop-enter-active[data-v-d4d3b3e3],.menu-pop-leave-active[data-v-d4d3b3e3]{transition:opacity .16s ease,transform .16s ease}.menu-pop-enter-from[data-v-d4d3b3e3],.menu-pop-leave-to[data-v-d4d3b3e3]{opacity:0;transform:translateY(-4px) scale(.98)}@media (max-width: 768px){.main-content[data-v-d4d3b3e3]{padding:1rem .75rem}.title[data-v-d4d3b3e3]{font-size:1.5rem}.subtitle[data-v-d4d3b3e3]{font-size:.875rem;line-height:1.5}.list-container[data-v-d4d3b3e3]{padding:1rem;min-height:240px}.player-item[data-v-d4d3b3e3]{flex-direction:row;align-items:center;gap:.5rem;padding:.75rem}.player-item .player-count[data-v-d4d3b3e3]{margin:0 .5rem}.player-item .player-actions[data-v-d4d3b3e3]{display:flex;flex-direction:row;gap:.25rem}.player-item .player-actions .btn[data-v-d4d3b3e3]{width:auto;white-space:nowrap;font-size:.875rem;padding:.25rem .5rem}}@media (max-width: 640px){.main-content[data-v-d4d3b3e3]{padding:1rem .5rem}.header[data-v-d4d3b3e3]{margin-bottom:1.5rem}.title[data-v-d4d3b3e3]{font-size:clamp(1.3rem,5.4vw,1.6rem);font-weight:600;line-height:1.1;white-space:nowrap;overflow:visible;text-overflow:clip;letter-spacing:-.01em}.nav-tabs[data-v-d4d3b3e3]{flex-direction:row;gap:.5rem;padding:.25rem}.nav-tabs .tab-button[data-v-d4d3b3e3]{flex:1;min-width:0;width:auto;font-size:.94rem;padding:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-tabs .tab-button .tab-text-full[data-v-d4d3b3e3]{display:none}.nav-tabs .tab-button .tab-text-mobile[data-v-d4d3b3e3]{display:inline}.list-header[data-v-d4d3b3e3]{align-items:flex-start;justify-content:flex-end;gap:.5rem}.list-title[data-v-d4d3b3e3]{display:none}.empty-state[data-v-d4d3b3e3]{font-size:.875rem;height:200px}.player-item[data-v-d4d3b3e3]{flex-wrap:nowrap}.player-item .player-name[data-v-d4d3b3e3]{min-width:0}.player-item .player-name .player-avatar[data-v-d4d3b3e3]{width:1.75rem;height:1.75rem;font-size:.75rem}.player-item .player-count[data-v-d4d3b3e3]{margin:0 .5rem}.player-item .player-count .count-badge[data-v-d4d3b3e3]{height:2rem;min-width:4.5rem;padding:0 .75rem;display:inline-flex;align-items:center;justify-content:center}.player-item .rank-medal[data-v-d4d3b3e3]{left:-.2rem;top:-.5rem;width:1.55rem;height:1.55rem}.player-item .player-actions[data-v-d4d3b3e3]{gap:.25rem}.player-item .player-actions .btn[data-v-d4d3b3e3]{width:2rem;height:2rem;padding:0;line-height:1;font-size:.875rem}.action-buttons[data-v-d4d3b3e3]{gap:.25rem}.action-buttons .btn-primary[data-v-d4d3b3e3],.action-buttons .btn-export[data-v-d4d3b3e3]{width:auto;padding:.5rem .75rem;font-size:.75rem;white-space:nowrap}.modal-content[data-v-d4d3b3e3]{margin:0 .75rem;padding:1rem}.modal-content .modal-title[data-v-d4d3b3e3]{font-size:1.125rem}.modal-footer[data-v-d4d3b3e3]{flex-direction:column}.modal-footer .btn-confirm[data-v-d4d3b3e3],.modal-footer .btn-cancel[data-v-d4d3b3e3]{width:100%}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5}#app{min-height:100vh}button{cursor:pointer;border:none;outline:none;font-family:inherit}input{font-family:inherit;outline:none}