@keyframes splash-spin{0%{transform:rotate(0) scale(1)}50%{transform:rotate(180deg) scale(1.1)}to{transform:rotate(360deg) scale(1)}}@keyframes click-ripple{0%{transform:scale(.3);opacity:1}to{transform:scale(2);opacity:0}}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid #2a2a32;background:#1a1a20;color:#e8e8ec;font:600 12px/1 system-ui,sans-serif;letter-spacing:.2px;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .12s,border-color .12s,transform .05s;white-space:nowrap}.btn:hover{background:#22222a;border-color:#3a3a44}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:2px solid #3a3a44;outline-offset:1px}.btn[disabled]{opacity:.5;cursor:not-allowed}.btn.primary{border-color:#3a3a44;background:#22222a;color:#ffd052}.btn.primary:hover{background:#2a2a33;border-color:#4a4a58}.btn.danger{border-color:#4a1f27;background:#2a151a;color:#ff6b7a}.btn.danger:hover{background:#35191f;border-color:#5a2832}@keyframes pulse{0%,to{opacity:.35}50%{opacity:.7}}.skeleton{background:#2a2a33;border-radius:6px;animation:pulse 1.4s ease-in-out infinite}.confetti-layer{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden;z-index:9999}.confetti-piece{position:absolute;top:-20px;width:10px;height:14px;opacity:0;animation:confetti-fall 2s linear forwards}@keyframes welcome-pop{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes hover-shake{0%,to{margin-left:0}20%{margin-left:-4px}40%{margin-left:4px}60%{margin-left:-3px}80%{margin-left:2px}}.hover-shake{animation:hover-shake .35s ease-in-out}@keyframes pixel-counter-shake{0%,to{transform:translate(-50%)}15%{transform:translate(calc(-50% - 6px))}30%{transform:translate(calc(-50% + 6px))}45%{transform:translate(calc(-50% - 4px))}60%{transform:translate(calc(-50% + 4px))}75%{transform:translate(calc(-50% - 2px))}90%{transform:translate(calc(-50% + 2px))}}@keyframes pixel-counter-shake-flat{0%,to{transform:translate(0)}15%{transform:translate(-6px)}30%{transform:translate(6px)}45%{transform:translate(-4px)}60%{transform:translate(4px)}75%{transform:translate(-2px)}90%{transform:translate(2px)}}.pixel-counter-shake{animation:pixel-counter-shake .45s ease-in-out,counter-flash .45s ease-in-out}@media (max-width: 720px){.pixel-counter-shake{animation:pixel-counter-shake-flat .45s ease-in-out,counter-flash .45s ease-in-out}}@keyframes counter-flash{0%,to{border-color:#2a2a32;background:#1a1a20}50%{border-color:#ff6b6b;background:#2a1a1f}}@keyframes mission-pulse{0%,to{opacity:.55}50%{opacity:1}}.mission-rect{animation:mission-pulse 1.6s ease-in-out infinite}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);position:absolute;left:50%;top:calc(100% + 6px);transform:translate(-50%) translateY(-4px);background:#0b0b10;color:#e6e6ec;border:1px solid #3a3a44;font:500 11px/1.2 system-ui,sans-serif;letter-spacing:.2px;padding:5px 8px;border-radius:5px;white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .12s ease,transform .12s ease;z-index:1000;box-shadow:0 4px 12px #0006}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transform:translate(-50%) translateY(0);transition-delay:.25s}[data-tip-pos=top]:after{top:auto;bottom:calc(100% + 6px);transform:translate(-50%) translateY(4px)}[data-tip-pos=top]:hover:after,[data-tip-pos=top]:focus-visible:after{transform:translate(-50%) translateY(0)}@keyframes confetti-fall{0%{transform:translateY(-20px) rotate(0);opacity:1}to{transform:translateY(110vh) rotate(720deg);opacity:1}}.dashboard{flex:1;overflow-y:auto;padding:28px 32px 48px;max-width:1240px;margin:0 auto;width:100%;display:flex;flex-direction:column;gap:24px}.dash-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:12px}.dash-title{font-size:22px;font-weight:700;color:#e8e8ec;margin:0;letter-spacing:-.3px}.dash-subtitle{font-size:12px;color:#6a6a78;margin-top:2px}.dash-ago{font-size:11px;color:#6a6a78}.dash-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}@media (max-width: 800px){.dash-cards{grid-template-columns:1fr}.dashboard{padding:16px}}.dash-card{background:#16161a;border:1px solid #2a2a32;border-radius:10px;padding:20px;display:flex;flex-direction:column;gap:6px}.dash-card-label{font-size:10px;font-weight:700;color:#6a6a78;letter-spacing:1px;text-transform:uppercase;margin-bottom:4px}.dash-card-big{font-size:26px;font-weight:700;color:#e8e8ec;letter-spacing:-.5px;font-variant-numeric:tabular-nums}.dash-card-dim{font-size:12px;color:#6a6a78}.dash-card-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#b0b0bc}.dash-live-badge{display:inline-block;font-size:10px;font-weight:700;color:#4ade80;background:#4ade801a;border:1px solid rgba(74,222,128,.25);padding:2px 8px;border-radius:999px;letter-spacing:.5px}.dash-section{background:#16161a;border:1px solid #2a2a32;border-radius:10px;padding:20px}.dash-section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;flex-wrap:wrap}.dash-section-title{font-size:11px;font-weight:700;color:#6a6a78;letter-spacing:1px}.timeline{position:relative;padding:8px 0 0}.timeline-track{position:absolute;top:16px;left:6px;right:24px;height:3px;background:#2a2a32;border-radius:2px}.timeline-fill{height:100%;background:linear-gradient(90deg,#3690ea,#51e9f4);border-radius:2px;transition:width .6s ease-out}.timeline-dots{position:relative;display:flex;justify-content:space-between}.timeline-step{display:flex;flex-direction:column;align-items:center;gap:8px;min-width:0}.timeline-dot{width:12px;height:12px;border-radius:50%;background:#2a2a32;border:2px solid #3a3a44;transition:all .3s ease;z-index:1}.timeline-dot.done{background:#3690ea;border-color:#51e9f4}.timeline-dot.active{background:#3690ea;border-color:#51e9f4;box-shadow:0 0 8px #3690ea80}.timeline-label{font-size:10px;color:#6a6a78;white-space:nowrap}.timeline-progress-row{display:flex;justify-content:space-between;margin-top:12px}.dash-alliance-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:10px}.dash-alliance-card{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#1a1a20;border:1px solid #2a2a32;border-radius:8px;transition:border-color .12s}.dash-alliance-card:hover{border-color:#3a3a44}.dash-alliance-rank{font-size:14px;font-weight:700;color:#6a6a78;min-width:32px;text-align:center}.dash-alliance-info{display:flex;flex-direction:column;min-width:0;flex:1}.dash-alliance-name{font-size:13px;font-weight:600;color:#e8e8ec;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dash-nft-badge{font-size:10px;font-weight:600;color:#ffd052;background:#ffd0521a;border:1px solid rgba(255,208,82,.2);padding:2px 8px;border-radius:999px;white-space:nowrap}.dash-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:#6a6a78;font-size:13px;text-align:center}.nav-bar{display:flex;align-items:center;gap:4px;padding:6px 14px;border-bottom:1px solid #2a2a32;background:#111115;flex-wrap:wrap;position:relative}.nav-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;color:#6a6a78;font:600 12px/1 system-ui,sans-serif;padding:8px 14px;border-radius:6px;cursor:pointer;transition:background .1s,color .1s}.nav-tab:hover{color:#b0b0bc;background:#1a1a20}.nav-tab.active{color:#e8e8ec;background:#1a1a20}.nav-spacer{flex:1}.nav-brand{font-weight:700;font-size:14px;color:#e8e8ec;margin-right:12px;letter-spacing:-.3px}.nav-pill{display:flex;align-items:center;gap:6px;font-size:11px;color:#9090a0;background:#1a1a20;border:1px solid #2a2a32;border-radius:999px;padding:5px 12px;font-variant-numeric:tabular-nums}.nav-pill-val{color:#e8e8ec;font-weight:600}.nav-status-dot{width:6px;height:6px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade8080}.nav-principal{font-size:11px;color:#6a6a78;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 768px){.nav-bar--mobile{padding:4px 8px;gap:2px}.nav-bar--mobile .nav-brand{font-size:12px;margin-right:6px}.nav-bar--mobile .nav-tab{padding:6px 8px;font-size:11px}.nav-bar--mobile .btn{padding:5px 10px;font-size:11px}[data-tip]:after{display:none!important}}
