.game-hub{position:relative;margin-top:16px;padding:clamp(20px,4vw,34px);border-radius:26px;background:radial-gradient(circle at 85% 0,rgba(78,205,255,.28),transparent 31%),linear-gradient(135deg,#10295a,#245bc1 58%,#3688ef);color:#fff;overflow:hidden;box-shadow:0 22px 55px rgba(24,73,160,.24)}.game-hub:after{content:"";position:absolute;right:-60px;top:-90px;width:260px;height:260px;border:40px solid rgba(255,255,255,.05);border-radius:50%}.game-top{position:relative;z-index:1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:22px}.level-badge{width:112px;height:112px;display:grid;place-items:center;align-content:center;clip-path:polygon(50% 0,93% 20%,84% 78%,50% 100%,16% 78%,7% 20%);background:linear-gradient(145deg,#f8d65e,#ff8a25);filter:drop-shadow(0 12px 18px rgba(3,17,50,.3));text-shadow:0 2px 3px rgba(92,42,0,.3)}.level-badge small,.level-badge strong{display:block}.level-badge small{font-size:.68rem;font-weight:900;letter-spacing:.15em}.level-badge strong{font-size:2.7rem;line-height:1}.xp-main h2,.xp-main p{margin:0}.xp-main h2{font-size:clamp(1.8rem,4vw,2.7rem)}.xp-main p{margin-top:4px;color:#d8e8ff}.xp-track{height:18px;margin-top:14px;padding:3px;border-radius:999px;background:rgba(3,18,50,.5);box-shadow:inset 0 2px 6px rgba(0,0,0,.3)}.xp-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#5ffff2,#8aff77);box-shadow:0 0 18px rgba(94,255,226,.65);animation:growBar .8s ease both}.xp-numbers{display:flex;justify-content:space-between;margin-top:6px;color:#dceaff;font-size:.8rem;font-weight:800}.game-quick{display:grid;grid-template-columns:1fr 1fr;gap:8px}.game-quick span{min-width:105px;padding:12px;border:1px solid rgba(255,255,255,.18);border-radius:16px;background:rgba(4,25,63,.25);text-align:center}.game-quick b,.game-quick small{display:block}.game-quick b{font-size:1.4rem}.game-quick small{color:#cce1ff}.game-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr 1fr;gap:13px;margin-top:20px}.game-panel{padding:18px;border:1px solid rgba(255,255,255,.15);border-radius:20px;background:rgba(5,23,56,.3);backdrop-filter:blur(5px)}.game-panel h3{margin:0 0 13px;font-size:1.25rem}.quest-list{display:grid;gap:9px}.quest{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px}.quest b,.quest small{display:block}.quest small{color:#c9dcf7}.quest em{align-self:center;color:#8fffe2;font-style:normal;font-weight:900}.quest-progress{grid-column:1/-1;height:7px;border-radius:999px;background:rgba(1,12,35,.48);overflow:hidden}.quest-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#5de8ff,#72ff9e)}.achievement-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.achievement{min-width:0;padding:11px 8px;border:1px solid rgba(255,255,255,.13);border-radius:15px;background:rgba(255,255,255,.08);text-align:center}.achievement>span{display:block;font-size:1.5rem}.achievement b,.achievement small{display:block}.achievement b{font-size:.78rem}.achievement small{margin-top:2px;color:#cbdcf5;font-size:.65rem}.achievement.locked{opacity:.42;filter:grayscale(1)}.record-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.record-grid span{padding:10px;border-radius:13px;background:rgba(255,255,255,.08)}.record-grid b,.record-grid small{display:block}.record-grid b{font-size:1.25rem}.record-grid small{color:#cbdcf5}.game-panel.full{grid-column:1/-1}.weekly-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
@media(max-width:760px){.game-hub{padding:18px 14px}.game-top{grid-template-columns:78px minmax(0,1fr)}.level-badge{width:78px;height:84px}.level-badge strong{font-size:2rem}.game-quick{grid-column:1/-1}.game-quick span{min-width:0}.game-grid{grid-template-columns:1fr}.game-panel.full{grid-column:auto}.weekly-list{grid-template-columns:1fr}.achievement-list{grid-template-columns:repeat(3,minmax(0,1fr))}.achievement small{display:none}}
.achievement-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:13px}.achievement-head h3{margin:0}.achievement-head small{color:#cbdcf5}.achievement-head button{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.2);border-radius:12px;background:rgba(255,255,255,.1);color:#fff;font:inherit;font-weight:800;cursor:pointer}.achievement-head button:hover{background:rgba(255,255,255,.2)}.achievement em{display:block;margin-top:6px;color:#7effd8;font-size:.68rem;font-style:normal;font-weight:900}.achievement.locked em{color:#fff}.achievement-list.expanded{grid-template-columns:repeat(5,minmax(0,1fr))}
@media(max-width:760px){.achievement-head{align-items:flex-start}.achievement-head button{font-size:.78rem}.achievement-list.expanded{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:430px){.achievement-list,.achievement-list.expanded{grid-template-columns:repeat(2,minmax(0,1fr))}}