.account-panel{max-width:720px;margin-left:auto;margin-right:auto}
.account-message{padding:12px 15px;margin-bottom:14px;border:1px solid #5FE3B0;border-radius:10px;background:rgba(95,227,176,.1)}
.account-message.error{border-color:#E0483C;background:rgba(224,72,60,.1)}
.auth-tabs{margin:18px 0 14px;width:max-content}
.auth-form{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}
.auth-form label{display:grid;gap:5px;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.08em}
.auth-form input{width:100%;box-sizing:border-box;background:#101728;border:1px solid var(--line);border-radius:8px;color:var(--ink);padding:11px 12px;font:inherit;text-transform:none;letter-spacing:0}
.auth-form button{
  grid-column:1/-1;padding:12px 16px;border:1px solid #78A8F2;border-radius:9px;
  background:var(--blue);color:#fff;font-weight:800;cursor:pointer;
  box-shadow:0 0 20px rgba(91,145,232,.24);
}
.auth-form button:hover{filter:brightness(1.1)}
.auth-form button:disabled{opacity:.6;cursor:wait}
.welcome-card{position:relative;overflow:hidden;padding:20px;border:1px solid #5B91E8;border-radius:14px;background:linear-gradient(120deg,rgba(91,145,232,.16),rgba(95,227,176,.08));animation:welcome-in .45s cubic-bezier(.2,.9,.3,1.15) both}
.welcome-card::after{content:"";position:absolute;width:180px;height:180px;right:-90px;top:-105px;border-radius:50%;background:rgba(91,145,232,.13);animation:welcome-glow 2.8s ease-in-out infinite alternate}
.welcome-card .eyebrow{margin-bottom:5px}.welcome-card h2 span{color:#5FE3B0}.welcome-spark{position:absolute;color:#5FE3B0;pointer-events:none;animation:sparkle 2s ease-in-out infinite}.spark-one{right:46px;bottom:20px}.spark-two{right:18px;top:15px;color:#E278CE;animation-delay:.7s}
.profile-row{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-row h2{margin:2px 0}
.logout-btn{flex:none;padding:10px 16px;border:1px solid #4B3F7A;border-radius:8px;background:#2B2447;color:#C9BEF5;font-weight:800;cursor:pointer}.logout-btn:hover{filter:brightness(1.15)}
@keyframes welcome-in{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@keyframes welcome-glow{to{transform:scale(1.2);opacity:.55}}
@keyframes sparkle{0%,100%{transform:scale(.8) rotate(0);opacity:.35}50%{transform:scale(1.25) rotate(20deg);opacity:1}}
.hall-list{display:grid;gap:12px}.hall-card{border:1px solid var(--line);border-radius:12px;background:var(--panel2);padding:14px}.hall-head{display:flex;align-items:center;gap:11px;flex-wrap:wrap;margin-bottom:11px}.hall-user{font-weight:800;color:#5FE3B0}.hall-date{font-size:11px;color:var(--dim)}.hall-head .record{margin-left:auto}
.dex-progress{display:grid;grid-template-columns:auto auto 1fr auto;align-items:center;gap:9px 12px;margin:16px 0}.dex-progress>span{color:var(--dim);font-size:11px}.dex-progress i{height:9px;border-radius:999px;background:#101728;overflow:hidden}.dex-progress i span{display:block;height:100%;width:0;background:linear-gradient(90deg,#E278CE,#5FE3B0);border-radius:inherit}.dex-progress>b:last-child{font-size:12px;color:#E278CE}
.shiny-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:9px;max-height:680px;overflow:auto;padding:3px}.dex-mon{position:relative;min-height:128px;padding:8px 5px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);text-align:center}.dex-mon img{display:block;width:78px;height:78px;object-fit:contain;margin:auto;image-rendering:pixelated}.dex-mon b{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dex-mon small{color:var(--dim);font-size:9px}.dex-mon.locked{opacity:.3;filter:grayscale(1)}.dex-mon.mega{border-color:#E278CE;box-shadow:inset 0 0 15px rgba(226,120,206,.1)}.dex-gem{position:absolute;top:6px;right:7px;color:#E278CE}.dex-new{position:absolute;top:6px;left:6px;font-size:8px;color:var(--gold);text-transform:uppercase}
@media(max-width:560px){.auth-form{grid-template-columns:1fr}.profile-row{align-items:flex-start}.dex-progress{grid-template-columns:auto 1fr}.dex-progress i{grid-column:1/-1;grid-row:2}.shiny-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.dex-mon{min-height:112px}.dex-mon img{width:65px;height:65px}.hall-head .record{margin-left:0}}
@media(prefers-reduced-motion:reduce){.welcome-card,.welcome-card::after,.welcome-spark{animation:none}}