@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";*{box-sizing:border-box;margin:0;padding:0}body{color:#e1e4ea;background:#0f1117;min-height:100vh;font-family:Inter,sans-serif}.app{background:radial-gradient(at 20% 0,#7832ff1f 0%,#0000 60%),radial-gradient(at 80% 100%,#ff3c5014 0%,#0000 60%),#0f1117;justify-content:center;align-items:flex-start;min-height:100vh;padding:60px 20px;display:flex}.container{width:100%;max-width:520px}.title{text-align:center;color:#fff;flex-direction:column;align-items:center;gap:4px;margin-bottom:32px;font-size:1.6rem;font-weight:700;display:flex}.title-icon{margin-bottom:4px;font-size:2rem;display:block}.title-sub{color:#8b8fa3;letter-spacing:2px;text-transform:uppercase;font-size:.85rem;font-weight:400}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;margin-bottom:16px;padding:24px}.label{color:#8b8fa3;text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;font-size:.8rem;font-weight:600;display:block}.optional{color:#555;text-transform:none;letter-spacing:0;margin-left:4px;font-size:.75rem;font-weight:400}.input{color:#e1e4ea;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Inter,sans-serif;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.input:focus{border-color:#7850ff80;box-shadow:0 0 0 3px #7850ff1f}.input::placeholder{color:#4a4d5e}.select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%238b8fa3' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:36px}.select option{color:#e1e4ea;background:#1a1d2e;padding:8px 12px}.uid-row{gap:10px;display:flex}.uid-input{flex:1}.player-name-display{background:#64dc8c14;border:1px solid #64dc8c2e;border-radius:10px;align-items:center;gap:10px;margin-top:16px;padding:14px 16px;display:flex}.player-label{color:#7ac98f;text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:600}.player-value{color:#b4f0c5;font-size:1.1rem;font-weight:600}.sid-badge{color:#a5b4fc;letter-spacing:.05em;background:#6366f126;border:1px solid #6366f14d;border-radius:8px;margin-left:auto;padding:4px 10px;font-size:.8rem;font-weight:700}.apc-grid{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:20px;display:grid}.apc-field{flex-direction:column;display:flex}.input-with-unit{position:relative}.input-with-unit .input{padding-right:42px}.unit{color:#555;pointer-events:none;font-size:.8rem;font-weight:500;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.alliance-row{margin-bottom:20px}.btn{cursor:pointer;border:none;border-radius:10px;padding:12px 24px;font-family:Inter,sans-serif;font-size:.95rem;font-weight:600;transition:all .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{color:#fff;white-space:nowrap;background:linear-gradient(135deg,#7c3aed,#6d28d9)}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 4px 20px #7c3aed4d}.btn-save{color:#fff;background:linear-gradient(135deg,#059669,#047857);width:100%}.btn-save:hover:not(:disabled){background:linear-gradient(135deg,#10b981,#059669);box-shadow:0 4px 20px #0596694d}.message{text-align:center;border-radius:10px;margin-top:16px;padding:14px 16px;font-size:.9rem;font-weight:500}.message.success{color:#6ee7b7;background:#10b9811a;border:1px solid #10b98140}.message.error{color:#fca5a5;background:#ef44441a;border:1px solid #ef444440}.fade-in{animation:.3s ease-in fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{appearance:textfield}.popup-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000bf;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.popup-content{background:#1a1d2e;border:1px solid #7850ff4d;border-radius:16px;width:100%;max-width:400px;padding:30px;animation:.2s ease-out fadeIn;box-shadow:0 10px 40px #00000080}.popup-content h2{color:#fff;text-align:center;margin-bottom:20px;font-size:1.2rem}.popup-details{background:#0003;border-radius:10px;margin-bottom:24px;padding:16px}.popup-apc-line{color:#b4f0c5;margin-bottom:8px;font-family:Inter,monospace;font-size:1rem}.popup-apc-line:last-child{margin-bottom:0}.popup-actions{flex-direction:column;gap:12px;display:flex}.btn-secondary{color:#e1e4ea;background:#ffffff1a;width:100%}.btn-secondary:hover:not(:disabled){background:#ffffff26}.faction-selector{background:#ffffff05;border:1px solid #ffffff0a;border-radius:10px;padding:6px}.faction-icon{cursor:pointer;background:#ffffff05;border:2px solid #0000;border-radius:8px;justify-content:center;align-items:center;width:44px;height:44px;padding:4px;transition:all .2s;display:flex}.faction-icon img{object-fit:contain;filter:grayscale()opacity(.4);width:100%;height:100%;transition:all .2s}.faction-icon:hover{background:#ffffff0f}.faction-icon:hover img{filter:grayscale(30%)opacity(.8)}.faction-icon.selected{background:#7850ff26;border-color:#7850ffcc;box-shadow:0 0 10px #7850ff4d}.faction-icon.selected img{filter:grayscale(0%)opacity()}.lang-switcher{justify-content:flex-end;margin-bottom:12px;display:flex}.lang-select{color:#c4b5fd;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:8px;width:auto;min-width:160px;padding:8px 36px 8px 12px;font-size:.85rem}.migration-banner{background:linear-gradient(135deg,#fbbf2414,#f59e0b0a);border-color:#fbbf2433}.migration-badge{color:#fbbf24;align-items:center;gap:8px;font-size:1rem;font-weight:600;display:flex}.migration-badge-icon{font-size:1.4rem}.migration-desc{color:#9ca3af;margin-top:8px;font-size:.85rem;line-height:1.5}.update-badge{color:#a5b4fc;background:#6366f11a;border:1px solid #6366f140;border-radius:8px;margin-top:10px;padding:6px 12px;font-size:.8rem;font-weight:500}.group-toggle{gap:10px;display:flex}.group-btn{color:#8b8fa3;background:#ffffff0a;border:1px solid #ffffff14;flex:1;padding:12px;font-size:.9rem;transition:all .2s}.group-btn.active{color:#c4b5fd;background:#7850ff26;border-color:#7850ff80;box-shadow:0 0 12px #7850ff26}.group-btn:hover:not(.active){color:#e1e4ea;background:#ffffff0f}.group-section{margin-top:4px}.group-input-row{flex-wrap:wrap;gap:8px;display:flex}.group-code-display{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.group-code-value{color:#c4b5fd;letter-spacing:3px;text-transform:uppercase;background:#7850ff1f;border:1px solid #7850ff59;border-radius:10px;padding:10px 16px;font-family:Inter,monospace;font-size:1.2rem;font-weight:700}.btn-copy,.btn-show-list,.btn-create-group{white-space:nowrap;border-radius:8px;padding:10px 14px;font-size:.8rem}.btn-copy{color:#a5b4fc;background:#6366f126;border:1px solid #6366f14d}.btn-copy:hover{background:#6366f140}.btn-show-list{color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf244d}.btn-show-list:hover{background:#fbbf2433}.btn-create-group{color:#6ee7b7;background:#10b9811a;border:1px solid #10b9814d}.btn-create-group:hover{background:#10b98133}.group-member-line{border-bottom:1px solid #ffffff0d;align-items:center;gap:10px;padding:8px 0;display:flex}.group-member-line:last-child{border-bottom:none}.member-num{color:#8b8fa3;min-width:24px;font-weight:600}.member-name{color:#e1e4ea;font-weight:500}.upload-grid{flex-direction:column;gap:16px;display:flex}.upload-field{flex-direction:column;gap:8px;display:flex}.upload-area-row{align-items:center;gap:8px;display:flex}.btn-upload{white-space:nowrap;color:#c4b5fd;cursor:pointer;background:#7850ff1a;border:1px solid #7850ff4d;border-radius:8px;padding:8px 14px;font-size:.8rem;transition:all .2s}.btn-upload:hover{background:#7850ff33;border-color:#7850ff80}.upload-fname{color:#6ee7b7;text-overflow:ellipsis;white-space:nowrap;background:#10b98114;border:1px solid #10b98133;border-radius:6px;flex:1;min-width:0;padding:6px 10px;font-size:.8rem;overflow:hidden}@media (width<=480px){.upload-area-row{gap:4px}.btn-upload,.btn-show-img,.btn-sample{padding:6px 8px;font-size:.7rem}.upload-fname{flex:0 auto;max-width:90px;padding:4px 6px;font-size:.65rem}}.btn-show-img{white-space:nowrap;color:#a5b4fc;cursor:pointer;background:#6366f11a;border:1px solid #6366f14d;border-radius:8px;padding:8px 12px;font-size:.8rem;transition:all .2s}.btn-show-img:hover{background:#6366f133}.btn-sample{white-space:nowrap;color:#fbbf24;background:#fbbf241a;border:1px solid #fbbf2440;border-radius:8px;padding:8px 14px;font-size:.8rem}.btn-sample:hover{background:#fbbf2433;border-color:#fbbf2466}.sample-popup{background:#1a1d2e;border:1px solid #7850ff4d;border-radius:16px;max-width:90vw;max-height:85vh;animation:.2s ease-out fadeIn;position:relative;overflow:hidden;box-shadow:0 20px 60px #0009}.sample-close{color:#fff;cursor:pointer;z-index:10;background:#0009;border:1px solid #fff3;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex;position:absolute;top:10px;right:10px}.sample-close:hover{background:#ef444499}.sample-img{object-fit:contain;max-width:100%;max-height:85vh;display:block}.invite-badge{color:#6ee7b7;text-align:center;background:#10b98114;border:1px solid #10b98133;border-radius:10px;margin-top:16px;padding:10px 14px;font-size:.85rem}.invite-link-section{border-top:1px solid #ffffff0f;margin-top:20px;padding-top:20px}.invite-link-row{align-items:center;gap:8px;display:flex}.invite-link-url{color:#c4b5fd;text-overflow:ellipsis;white-space:nowrap;background:#7850ff14;border:1px solid #7850ff40;border-radius:8px;flex:1;min-width:0;padding:10px 12px;font-family:Inter,monospace;font-size:.78rem;overflow:hidden}.invite-code-value{color:#6ee7b7;letter-spacing:2px;background:#10b9811a;border:1px solid #10b9814d;border-radius:8px;flex:1;min-width:0;padding:10px 16px;font-family:Inter,monospace;font-size:1.1rem;font-weight:700}.tier-grid{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.tier-btn{cursor:pointer;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;font-size:.8rem;font-weight:600;transition:all .25s;display:flex;position:relative;overflow:hidden}.tier-icon{font-size:1.4rem;transition:transform .2s}.tier-label-text{letter-spacing:.5px;font-size:.75rem}.tier-btn:hover .tier-icon{transform:scale(1.15)}.tier-regular{color:#9ca3afb3;background:#9ca3af14;border-color:#9ca3af26}.tier-regular:hover{color:#9ca3af;background:#9ca3af26}.tier-regular.active{color:#d1d5db;background:#9ca3af33;border-color:#9ca3af;box-shadow:0 0 16px #9ca3af4d,inset 0 0 12px #9ca3af14}.tier-medium{color:#4a90d9b3;background:#4a90d914;border-color:#4a90d926}.tier-medium:hover{color:#4a90d9;background:#4a90d926}.tier-medium.active{color:#6babef;background:#4a90d933;border-color:#4a90d9;box-shadow:0 0 16px #4a90d94d,inset 0 0 12px #4a90d914}.tier-advanced{color:#9b59b6b3;background:#9b59b614;border-color:#9b59b626}.tier-advanced:hover{color:#9b59b6;background:#9b59b626}.tier-advanced.active{color:#bb7fd4;background:#9b59b633;border-color:#9b59b6;box-shadow:0 0 16px #9b59b64d,inset 0 0 12px #9b59b614}.tier-elite{color:#e8913ab3;background:#e8913a14;border-color:#e8913a26}.tier-elite:hover{color:#e8913a;background:#e8913a26}.tier-elite.active{color:#f0a85c;background:#e8913a33;border-color:#e8913a;box-shadow:0 0 16px #e8913a4d,inset 0 0 12px #e8913a14}@media (width<=480px){.app{padding:30px 12px}.apc-grid{grid-template-columns:1fr 1fr;gap:8px}.title{font-size:1.3rem}.group-input-row{flex-direction:column}.group-code-display{flex-direction:column;align-items:stretch}.group-code-value{text-align:center}.tier-grid{grid-template-columns:repeat(2,1fr)}}.admin-app .container{max-width:1400px}.search-input{background:#0003;border-color:#6366f14d}.search-input:focus{border-color:#6366f1cc;box-shadow:0 0 10px #6366f133}.admin-table{border-collapse:separate;border-spacing:0;text-align:left;width:100%;font-size:.82rem}.admin-table th{color:#a5b4fc;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:#0000004d;border-bottom:2px solid #ffffff0d;padding:10px 8px;font-size:.75rem;font-weight:600;transition:background .2s}.admin-table th:hover{background:#ffffff0d}.sort-icon{color:#818cf8;width:12px;margin-left:4px;display:inline-block}.admin-table td{vertical-align:middle;white-space:nowrap;border-bottom:1px solid #ffffff0d;padding:8px}.table-row{transition:background .2s}.table-row:hover{background:#ffffff05}.table-empty{text-align:center;color:#6b7280;font-size:1.1rem;padding:60px!important}.alliance-badge{color:#a5b4fc;letter-spacing:.05em;text-transform:uppercase;background:#6366f126;border:1px solid #6366f14d;border-radius:6px;padding:4px 10px;font-size:.75rem;font-weight:600}.action-buttons{justify-content:center;gap:8px;display:flex}.action-btn{border-radius:6px;padding:6px 12px;font-size:.8rem}.btn-danger{color:#fca5a5;background:#ef44441a;border:1px solid #ef44444d}.btn-danger:hover:not(:disabled){background:#ef444433;border-color:#ef444480;box-shadow:0 0 10px #ef444433}