@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}.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]{-moz-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}@media (width<=480px){.apc-grid{grid-template-columns:1fr}.title{font-size:1.3rem}}