.xp-window{position:relative;overflow:hidden;border-radius:1.5rem;border:1px solid rgba(255,255,255,.1);background:linear-gradient(160deg,rgba(22,26,40,.88),rgba(10,12,18,.94));box-shadow:0 40px 80px -32px rgba(255,107,43,.28) , 0 0 0 1px rgba(255,255,255,.03) inset}.xp-titlebar{display:flex;align-items:center;gap:.75rem;padding:.65rem 1rem;border-bottom:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025)}.xp-dots{display:flex;gap:.35rem;flex-shrink:0}.xp-dots span{width:.6rem;height:.6rem;border-radius:999px;background:rgba(255,255,255,.14)}.xp-title{flex:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;color:#8b93a5}.xp-badge{display:inline-flex;align-items:center;gap:.35rem;flex-shrink:0;padding:.2rem .65rem;border-radius:999px;border:1px solid rgba(255,107,43,.45);background:rgba(255,107,43,.14);color:#ff8a4d;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.xp-body{display:grid;gap:.75rem;padding:.875rem}.xp-row-2{display:grid;gap:.75rem}@media (min-width:640px){.xp-body{padding:1.1rem;gap:.9rem}.xp-row-2{grid-template-columns:1fr 1fr;gap:.9rem}}.xp-panel{min-width:0;padding:.875rem;border-radius:1rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.xp-label{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.65rem;font-size:.68rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8b93a5}.xp-label i{color:#ff8a4d;margin-right:.35rem}.xp-num{font-variant-numeric:tabular-nums}.xp-res{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem}.xp-res-item{min-width:0;padding:.6rem .65rem;border-radius:.85rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035)}.xp-res-top{display:flex;align-items:center;gap:.4rem;font-size:.68rem;color:#9aa3b5}.xp-res-top i{font-size:.95rem}.xp-res-item[data-res="stone"] .xp-res-top i{color:#b6bfce}.xp-res-item[data-res="gold"] .xp-res-top i{color:#ffc24d}.xp-res-item[data-res="essence"] .xp-res-top i{color:#b78bff}.xp-res-val{margin-top:.2rem;font-family:'Space Grotesk',Inter,sans-serif;font-size:1.2rem;font-weight:700;line-height:1.2;color:#fff}.xp-res-rate{font-size:.66rem;color:#6f788b}.xp-meter{height:.28rem;margin-top:.45rem;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.xp-meter>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff6b2b,#ffb347);transition:width .9s linear}.xp-boost{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(74,222,128,.4);background:rgba(74,222,128,.1);color:#4ade80;font-size:.66rem;font-weight:700;letter-spacing:.04em;text-transform:none}.xp-boost i{margin:0;color:inherit}.xp-chest-stage{position:relative;display:flex;align-items:center;justify-content:center;height:8.2rem}.xp-chest-glow{position:absolute;left:50%;top:50%;width:8rem;height:8rem;margin:-4rem 0 0 -4rem;border-radius:999px;background:radial-gradient(circle,rgba(255,179,71,.55),rgba(255,107,43,0) 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.xp-chest{position:relative;z-index:1;width:4.75rem;height:4.75rem;padding:0;border:0;background:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.xp-chest:focus-visible{outline:2px solid #ff8a4d;outline-offset:6px;border-radius:.75rem}.xp-chest img{width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:drop-shadow(0 6px 10px rgba(0,0,0,.5));transition:transform .3s cubic-bezier(.3,1.6,.5,1) , filter .3s ease}.xp-chest-stage.is-shaking .xp-chest img{animation:xp-shake .75s ease-in-out both}.xp-chest-stage.is-open .xp-chest img{transform:scale(1.15) translateY(-3px);filter:drop-shadow(0 0 16px rgba(255,179,71,.9))}.xp-chest-stage.is-open .xp-chest-glow{opacity:1}@keyframes xp-shake {
    0%, 100% { transform: translateX(0) rotate(0); }
    15% { transform: translateX(-4px) rotate(-7deg); }
    30% { transform: translateX(4px) rotate(7deg); }
    45% { transform: translateX(-3px) rotate(-5deg); }
    60% { transform: translateX(3px) rotate(5deg); }
    80% { transform: translateX(-1px) rotate(-2deg); }
}.xp-loot{position:absolute;left:50%;top:50%;z-index:2;display:inline-flex;align-items:center;gap:.25rem;margin:-.8rem 0 0 -1.8rem;padding:.2rem .5rem;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:rgba(10,12,18,.92);font-size:.72rem;font-weight:700;color:#fff;white-space:nowrap;opacity:0;pointer-events:none}.xp-loot i{color:#ffc24d}.xp-chest-stage.is-open .xp-loot{animation:xp-loot 2s cubic-bezier(.2,.8,.3,1) var(--d,0s) both}@keyframes xp-loot {
    0% { opacity: 0; transform: translate(0, 10px) scale(.5); }
    18% { opacity: 1; }
    70% { opacity: 1; }
    100% { opacity: 0; transform: translate(var(--dx, 0), var(--dy, -56px)) scale(1); }
}.xp-btn{display:flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.6rem 1rem;border:0;border-radius:.75rem;background:linear-gradient(90deg,#e85a1a,#ff6b2b);color:#fff;font-size:.85rem;font-weight:600;cursor:pointer;box-shadow:0 8px 24px -10px rgba(255,107,43,.7);transition:transform .2s ease , box-shadow .2s ease}.xp-btn:hover{transform:translateY(-1px);box-shadow:0 12px 28px -10px rgba(255,107,43,.85)}.xp-btn:active{transform:none}.xp-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.xp-exp-head{display:flex;align-items:center;gap:.75rem}.xp-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2.6rem;height:2.6rem;border-radius:.8rem;border:1px solid rgba(255,107,43,.25);background:linear-gradient(135deg,rgba(255,107,43,.25),rgba(255,107,43,.05));color:#ff8a4d;font-size:1.25rem}.xp-exp-name{font-weight:700;line-height:1.2}.xp-exp-sub{font-size:.72rem;color:#8b93a5}.xp-risk{margin-left:auto;flex-shrink:0;padding:.15rem .55rem;border-radius:999px;border:1px solid rgba(250,204,21,.4);background:rgba(250,204,21,.1);color:#facc15;font-size:.64rem;font-weight:700;letter-spacing:.04em;white-space:nowrap}.xp-timer{margin:.8rem 0 .5rem;font-family:'Space Grotesk',Inter,sans-serif;font-size:2rem;font-weight:700;letter-spacing:.02em;line-height:1;text-align:center}.xp-bar{height:.55rem;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}.xp-bar>span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#ff6b2b,#ffb347);transition:width .9s linear}.xp-slots{display:flex;align-items:center;justify-content:space-between;margin-top:.65rem;font-size:.7rem;color:#8b93a5}.xp-slot-dots{display:inline-flex;gap:.3rem}.xp-slot-dots i{width:.55rem;height:.55rem;border-radius:3px;background:rgba(255,255,255,.12)}.xp-slot-dots i.on{background:#ff6b2b;box-shadow:0 0 8px rgba(255,107,43,.7)}.xp-buildings{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.2rem,1fr));gap:.5rem}.xp-tile{position:relative;min-width:0;padding:.7rem .4rem .6rem;border-radius:.9rem;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);text-align:center}.xp-tile>i{display:block;margin-bottom:.2rem;font-size:1.35rem;color:#ff8a4d}.xp-tile-name{font-size:.75rem;font-weight:600}.xp-tile-lvl{font-size:.66rem;color:#8b93a5}.xp-pips{display:flex;justify-content:center;gap:2px;margin-top:.45rem}.xp-pips i{width:5px;height:8px;border-radius:2px;background:rgba(255,255,255,.12)}.xp-pips i.on{background:linear-gradient(180deg,#ffb347,#ff6b2b)}.xp-tile--up{border-color:rgba(255,107,43,.5);animation:xp-glow 2.4s ease-in-out infinite}.xp-up-tag{position:absolute;top:-.45rem;right:-.2rem;padding:.05rem .4rem;border-radius:999px;background:#ff6b2b;color:#fff;font-size:.58rem;font-weight:700;letter-spacing:.04em}@keyframes xp-glow {
    0%, 100% { box-shadow: 0 0 0 0 rgba(255, 107, 43, 0); }
    50% { box-shadow: 0 0 18px -2px rgba(255, 107, 43, .45); }
}.xp-cal{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;margin:0;padding:0;list-style:none}.xp-day{display:flex;align-items:center;justify-content:center;aspect-ratio:1;border-radius:.45rem;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);font-size:.66rem;font-weight:600;color:#5d6577}.xp-day.is-done{border-color:rgba(255,107,43,.3);background:rgba(255,107,43,.16);color:#ff9e6b}.xp-day.is-today{border-color:#ff6b2b;background:#ff6b2b;color:#fff;animation:xp-glow 2s ease-in-out infinite}.xp-day.is-mile{font-size:.85rem}.xp-day.is-mile:not(.is-done):not(.is-today) {color:#ffc24d;border-color:rgba(255,194,77,.3)}.xp-day.is-done.is-mile{color:#ffc24d}.xp-shield{display:inline-flex;align-items:center;gap:.3rem;text-transform:none;letter-spacing:0;color:#60a5fa;font-size:.7rem}.xp-shield i{color:inherit;margin:0}.xp-boss-head{display:flex;align-items:center;gap:.75rem;margin-bottom:.8rem}.xp-boss-head .xp-ico{border-color:rgba(248,113,113,.3);background:linear-gradient(135deg,rgba(248,113,113,.25),rgba(248,113,113,.05));color:#f87171}.xp-hp{position:relative;height:1.15rem;border-radius:999px;border:1px solid rgba(248,113,113,.3);background:rgba(0,0,0,.35);overflow:hidden}.xp-hp>span{display:block;height:100%;width:63%;border-radius:inherit;background:linear-gradient(90deg,#b91c1c,#f87171);transition:width .8s ease}.xp-hp.is-hit{animation:xp-hit .35s ease}@keyframes xp-hit {
    0%, 100% { transform: none; }
    30% { transform: translateX(-2px); }
    60% { transform: translateX(2px); }
}.xp-hp-text{display:flex;justify-content:space-between;margin-top:.4rem;font-size:.7rem;color:#8b93a5}.xp-heads{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}.xp-heads img{width:1.75rem;height:1.75rem;border-radius:.4rem;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.05);image-rendering:pixelated}.xp-online{display:inline-flex;align-items:center;gap:.4rem;text-transform:none;letter-spacing:0;color:#4ade80;font-size:.7rem}.xp-online::before{content:'';width:.45rem;height:.45rem;border-radius:999px;background:#4ade80;animation:pulse 2s ease-in-out infinite}.xp-feed{display:flex;flex-direction:column;gap:.35rem;margin:.75rem 0 0;padding:0;list-style:none;height:11rem;overflow:hidden}.xp-feed li{display:flex;align-items:flex-start;gap:.5rem;padding:.45rem .6rem;border-radius:.65rem;background:rgba(255,255,255,.035);font-size:.76rem;line-height:1.35;color:#cbd2e0;animation:xp-feed-in .45s ease both}.xp-feed li i{flex-shrink:0;margin-top:.05rem;color:#ff8a4d}.xp-feed li.t-rare i{color:#ffc24d}.xp-feed li.t-boss i{color:#f87171}.xp-feed li.t-streak i{color:#60a5fa}@keyframes xp-feed-in {
    from { opacity: 0; transform: translateY(-8px); }
    to { opacity: 1; transform: none; }
}.xp-note{margin:.9rem 0 0;text-align:center;font-size:.72rem;color:#6f788b}.xp-pitch li{display:flex;align-items:flex-start;gap:.9rem}.xp-pitch-ico{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;margin-top:.1rem;border-radius:.6rem;border:1px solid rgba(255,107,43,.3);background:rgba(255,107,43,.15);color:#ff8a4d}@media (max-width:420px){.xp-res-val{font-size:1rem}.xp-timer{font-size:1.7rem}.xp-risk{display:none}}@media (prefers-reduced-motion:reduce){.xp-chest-stage.is-shaking .xp-chest img,.xp-tile--up,.xp-day.is-today,.xp-hp.is-hit,.xp-feed li,.xp-online::before{animation:none}.xp-chest img,.xp-meter>span,.xp-bar>span,.xp-hp>span,.xp-btn,.xp-chest-glow{transition:none}.xp-chest-stage.is-open .xp-loot{animation:none;opacity:1;transform:translate(var(--dx,0),var(--dy,-56px))}}