.shop-page-wrapper{max-width:1140px;margin:2rem auto 4rem;padding:0 1rem}.shop-royal-hero{text-align:center;backdrop-filter:blur(12px);background:#0f172ad9;border:1px solid #ffffff14;border-radius:20px;margin-bottom:2rem;padding:2.2rem 1.5rem 1.8rem}.shop-royal-hero h1{font-family:var(--font-heading,"Outfit", sans-serif);color:#f8fafc;letter-spacing:-.5px;margin:0 0 .4rem;font-size:2.2rem;font-weight:800}.shop-royal-hero p{color:#94a3b8;max-width:580px;margin:0 auto 1.4rem;font-size:.95rem;line-height:1.5}.balance-pill-hero{color:#e2e8f0;background:#f59e0b14;border:1px solid #f59e0b4d;border-radius:999px;align-items:center;gap:.5rem;padding:.45rem 1.2rem;font-size:.95rem;font-weight:700;display:inline-flex}.balance-pill-hero .coin-val{color:#fbbf24;font-size:1.1rem;font-weight:900}.shop-tabs{flex-wrap:wrap;justify-content:center;gap:.65rem;margin-bottom:2.2rem;display:flex}.shop-tab-btn{color:#cbd5e1;cursor:pointer;background:#0f172ad9;border:1px solid #f59e0b40;border-radius:16px;align-items:center;gap:.45rem;padding:.6rem 1.25rem;font-size:.9rem;font-weight:800;transition:all .25s cubic-bezier(.16,1,.3,1);display:inline-flex;box-shadow:0 4px 12px #0000004d}.shop-tab-btn:hover{color:#fff;background:#1e293bf2;border-color:#f59e0b99;transform:translateY(-2px)}.shop-tab-btn.active{color:#fff;background:linear-gradient(135deg,#d97706,#b45309);border-color:#fef08a;transform:translateY(-2px);box-shadow:0 0 20px #f59e0b80,0 4px 15px #d9770666}.shop-grid-container{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:1.3rem;display:grid}.shop-card{text-align:center;backdrop-filter:blur(12px);background:linear-gradient(160deg,#1e293be6 0%,#0f172afa 100%);border:1.5px solid #ffffff1a;border-top-color:#fef08a40;border-radius:24px;flex-direction:column;align-items:center;padding:1.2rem;transition:all .28s cubic-bezier(.16,1,.3,1);display:flex;box-shadow:0 10px 25px #00000073}.shop-card:hover{border-color:#f59e0ba6;transform:translateY(-6px)scale(1.02);box-shadow:0 20px 45px #0009,0 0 30px #f59e0b40}.shop-card.equipped-card{border-color:#34d399 #10b981 #10b981;box-shadow:0 0 30px #10b98159}.rarity-pill{text-transform:uppercase;letter-spacing:.5px;border-radius:999px;padding:.2rem .55rem;font-size:.7rem;font-weight:900}.rarity-mytisk{color:#f472b6;text-shadow:0 0 8px #ec4899;background:#ec489940;border:1px solid #ec4899}.rarity-legendarisk{color:#fbbf24;background:#f59e0b33;border:1px solid #f59e0b}.rarity-episk{color:#c084fc;background:#a855f733;border:1px solid #a855f7}.rarity-sjelden{color:#67e8f9;background:#06b6d433;border:1px solid #06b6d4}.rarity-vanlig{color:#cbd5e1;background:#94a3b833;border:1px solid #94a3b8}.card-avatar-box{box-sizing:border-box!important;background:#0006!important;border:2px solid #ffffff2e!important;border-radius:50%!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;width:110px!important;min-width:110px!important;max-width:110px!important;height:110px!important;min-height:110px!important;max-height:110px!important;margin:.4rem auto .9rem!important;transition:all .3s!important;display:flex!important;overflow:hidden!important;box-shadow:inset 0 2px 8px #0009,0 4px 12px #0000004d!important}.card-avatar-box img{object-fit:cover!important;border-radius:50%!important;width:110px!important;min-width:110px!important;max-width:110px!important;height:110px!important;min-height:110px!important;max-height:110px!important;margin:0!important;padding:0!important;display:block!important}.card-avatar-box span{font-size:3.2rem;line-height:1}.card-avatar-box.avatar-frame-gull,.card-avatar-box.avatar-frame-neon,.card-avatar-box.avatar-frame-ild,.card-avatar-box.avatar-frame-diamant,.card-avatar-box.avatar-frame-skog{box-shadow:none!important;background:0 0!important;border:none!important;padding:6px!important;position:relative!important;overflow:visible!important}@keyframes spinClockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spinCounterClockwise{0%{transform:rotate(360deg)}to{transform:rotate(0)}}@keyframes floatEmblemJuicy{0%{transform:translate(-50%)translateY(0)scale(1)}50%{transform:translate(-50%)translateY(-8px)scale(1.15)rotate(3deg)}to{transform:translate(-50%)translateY(0)scale(1)}}@keyframes periodicGoldRing{0%,75%{box-shadow:0 0 30px #f59e0be6}82%{box-shadow:0 0 80px #fbbf24,0 0 120px #f59e0be6}87%{box-shadow:0 0 60px #f59e0b}92%,to{box-shadow:0 0 30px #f59e0be6}}@keyframes periodicGoldEmblem{0%,75%{filter:drop-shadow(0 0 10px #f59e0b99)}82%{filter:drop-shadow(0 0 45px #fef08a)brightness(2)}87%{filter:drop-shadow(0 0 30px #f59e0b)}92%,to{filter:drop-shadow(0 0 10px #f59e0b99)}}.avatar-frame-gull:before{content:"";z-index:1;background:conic-gradient(#d97706,#fbbf24,#92400e,#fef08a,#d97706);border-radius:50%;animation:4s linear infinite spinClockwise,5s ease-in-out infinite periodicGoldRing;position:absolute;inset:-7px}.avatar-frame-gull:after{content:"👑";z-index:10;font-size:2rem;animation:2.2s ease-in-out infinite floatEmblemJuicy,5s ease-in-out infinite periodicGoldEmblem;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}@keyframes periodicFireRing{0%,75%{box-shadow:0 0 35px #ef4444}82%{box-shadow:0 0 90px #dc2626,0 0 130px #f97316}87%{box-shadow:0 0 70px #f97316}92%,to{box-shadow:0 0 35px #ef4444}}@keyframes periodicFireEmblem{0%,75%{filter:drop-shadow(0 0 12px #ef4444b3)}85%{filter:drop-shadow(0 0 50px #f97316)brightness(2.2)}90%,to{filter:drop-shadow(0 0 12px #ef4444b3)}}.avatar-frame-ild:before{content:"";z-index:1;background:conic-gradient(#b91c1c,#f97316,#fde047,#991b1b,#b91c1c);border-radius:50%;animation:2.5s linear infinite spinClockwise,5s ease-out infinite periodicFireRing;position:absolute;inset:-7px}.avatar-frame-ild:after{content:"🌲";z-index:10;font-size:2rem;animation:1.5s ease-in-out infinite floatEmblemJuicy,5s ease-out infinite periodicFireEmblem;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}@keyframes periodicLightningRing{0%,75%{box-shadow:0 0 35px #38bdf8}80%{box-shadow:0 0 90px #fff,0 0 140px #38bdf8}83%{box-shadow:0 0 35px #38bdf8}86%{box-shadow:0 0 80px #67e8f9}92%,to{box-shadow:0 0 35px #38bdf8}}@keyframes periodicLightningEmblem{0%,75%{filter:drop-shadow(0 0 12px #38bdf8cc)}80%{filter:drop-shadow(0 0 60px #fff)brightness(3)}83%{filter:drop-shadow(0 0 15px #38bdf8cc)}86%{filter:drop-shadow(0 0 50px #67e8f9)brightness(2.5)}92%,to{filter:drop-shadow(0 0 12px #38bdf8cc)}}.avatar-frame-neon:before{content:"";z-index:1;background:conic-gradient(#0284c7,#38bdf8,#6366f1,#0284c7);border-radius:50%;animation:2.2s linear infinite spinCounterClockwise,5s linear infinite periodicLightningRing;position:absolute;inset:-7px}.avatar-frame-neon:after{content:"🔨";z-index:10;font-size:2rem;animation:1.7s ease-in-out infinite floatEmblemJuicy,5s linear infinite periodicLightningEmblem;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}@keyframes periodicPoisonRing{0%,75%{box-shadow:0 0 32px #34d399}82%{box-shadow:0 0 80px #a3e635,0 0 120px #10b981}87%{box-shadow:0 0 50px #34d399}92%,to{box-shadow:0 0 32px #34d399}}@keyframes periodicPoisonEmblem{0%,75%{filter:drop-shadow(0 0 10px #34d399cc)}82%{filter:drop-shadow(0 0 50px #a3e635)brightness(2.3)}87%{filter:drop-shadow(0 0 30px #34d399)}92%,to{filter:drop-shadow(0 0 10px #34d399cc)}}.avatar-frame-skog:before{content:"";z-index:1;background:conic-gradient(#047857,#34d399,#a3e635,#065f46,#047857);border-radius:50%;animation:3s linear infinite spinClockwise,5s ease-out infinite periodicPoisonRing;position:absolute;inset:-7px}.avatar-frame-skog:after{content:"🐍";z-index:10;font-size:2rem;animation:2.1s ease-in-out infinite floatEmblemJuicy,5s ease-out infinite periodicPoisonEmblem;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}@keyframes periodicFrostRing{0%,75%{box-shadow:0 0 35px #38bdf8}82%{box-shadow:0 0 85px #fff,0 0 130px #38bdf8}87%{box-shadow:0 0 60px #7dd3fc}92%,to{box-shadow:0 0 35px #38bdf8}}@keyframes periodicFrostEmblem{0%,75%{filter:drop-shadow(0 0 12px #38bdf8cc)}82%{filter:drop-shadow(0 0 55px #e0f2fe)brightness(2.6)}87%{filter:drop-shadow(0 0 35px #7dd3fc)}92%,to{filter:drop-shadow(0 0 12px #38bdf8cc)}}.avatar-frame-diamant:before{content:"";z-index:1;background:conic-gradient(#0284c7,#e0f2fe,#38bdf8,#0369a1,#0284c7);border-radius:50%;animation:3.2s linear infinite spinCounterClockwise,4.5s ease-out infinite periodicFrostRing;position:absolute;inset:-7px}.avatar-frame-diamant:after{content:"🧊";z-index:10;font-size:1.9rem;animation:2.4s ease-in-out infinite floatEmblemJuicy,4.5s ease-out infinite periodicFrostEmblem;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}.card-avatar-box.avatar-frame-gull img,.card-avatar-box.avatar-frame-neon img,.card-avatar-box.avatar-frame-ild img,.card-avatar-box.avatar-frame-diamant img,.card-avatar-box.avatar-frame-skog img{z-index:2!important;border:3px solid #0f172af2!important;position:relative!important;box-shadow:0 0 15px #000c!important}.card-avatar-box.avatar-frame-rosegull,.card-avatar-box.avatar-frame-maneselv,.card-avatar-box.avatar-frame-lilje,.card-avatar-box.avatar-frame-hvitjade{box-shadow:none!important;background:0 0!important;border:none!important;padding:6px!important;position:relative!important;overflow:visible!important}.avatar-frame-rosegull:before{content:"";z-index:1;background:conic-gradient(#f43f5e,#fb7185,#ffe4e6,#fda4af,#f43f5e);border-radius:50%;animation:12s linear infinite spinClockwise;position:absolute;inset:-6px;box-shadow:0 0 20px #fb718580,inset 0 0 10px #fb71854d}.avatar-frame-rosegull:after{content:"✨";z-index:10;filter:drop-shadow(0 4px 10px #fb718599);font-size:1.9rem;animation:4s ease-in-out infinite floatEmblemJuicy;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}.avatar-frame-maneselv:before{content:"";z-index:1;background:conic-gradient(#475569,#94a3b8,#f8fafc,#cbd5e1,#475569);border-radius:50%;animation:14s linear infinite spinCounterClockwise;position:absolute;inset:-6px;box-shadow:0 0 22px #94a3b899,inset 0 0 10px #f8fafc66}.avatar-frame-maneselv:after{content:"🌙";z-index:10;filter:drop-shadow(0 4px 12px #94a3b8b3);font-size:1.9rem;animation:4.5s ease-in-out infinite floatEmblemJuicy;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}.avatar-frame-lilje:before{content:"";z-index:1;background:conic-gradient(#92400e,#d97706,#fef08a,#fbbf24,#92400e);border-radius:50%;animation:11s linear infinite spinClockwise;position:absolute;inset:-6px;box-shadow:0 0 24px #d9770699,inset 0 0 12px #fef08a66}.avatar-frame-lilje:after{content:"⚜️";z-index:10;filter:drop-shadow(0 4px 12px #d97706b3);font-size:1.9rem;animation:3.8s ease-in-out infinite floatEmblemJuicy;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}.avatar-frame-hvitjade:before{content:"";z-index:1;background:conic-gradient(#cbd5e1,#f8fafc,#fef08a,#e2e8f0,#cbd5e1);border-radius:50%;animation:13s linear infinite spinCounterClockwise;position:absolute;inset:-6px;box-shadow:0 0 22px #f1f5f9b3,inset 0 0 10px #fef08a66}.avatar-frame-hvitjade:after{content:"🌾";z-index:10;filter:drop-shadow(0 4px 10px #f1f5f9b3);font-size:1.9rem;animation:4.2s ease-in-out infinite floatEmblemJuicy;position:absolute;top:-24px;left:50%;transform:translate(-50%);box-shadow:none!important;background:0 0!important;border:none!important;line-height:1!important}.card-avatar-box.avatar-frame-gull img,.card-avatar-box.avatar-frame-neon img,.card-avatar-box.avatar-frame-ild img,.card-avatar-box.avatar-frame-diamant img,.card-avatar-box.avatar-frame-skog img,.card-avatar-box.avatar-frame-rosegull img,.card-avatar-box.avatar-frame-maneselv img,.card-avatar-box.avatar-frame-lilje img,.card-avatar-box.avatar-frame-hvitjade img{z-index:2!important;border:3px solid #0f172af2!important;position:relative!important;box-shadow:0 0 15px #000c!important}.card-avatar-box.avatar-frame-gull span,.card-avatar-box.avatar-frame-neon span,.card-avatar-box.avatar-frame-ild span,.card-avatar-box.avatar-frame-diamant span,.card-avatar-box.avatar-frame-skog span{z-index:2!important;position:relative!important}.title-preview-box{background:#0006;border:1px solid #ffffff1a;border-radius:12px;margin-bottom:.8rem;padding:.6rem 1rem;font-size:1.1rem;font-weight:900}.title-gull-shine{background:linear-gradient(90deg,#f59e0b,#fef08a,#f59e0b);-webkit-text-fill-color:transparent;text-shadow:0 0 12px #f59e0b99;-webkit-background-clip:text;animation:3s linear infinite textShine}.title-ild-flamme{background:linear-gradient(90deg,#ef4444,#f97316,#fde047);-webkit-text-fill-color:transparent;text-shadow:0 0 14px #ef4444;-webkit-background-clip:text}.title-neon-lyn{background:linear-gradient(90deg,#06b6d4,#67e8f9,#3b82f6);-webkit-text-fill-color:transparent;text-shadow:0 0 15px #06b6d4;-webkit-background-clip:text}.title-diamant-prism{background:linear-gradient(90deg,#c084fc,#f472b6,#38bdf8);-webkit-text-fill-color:transparent;text-shadow:0 0 15px #c084fc;-webkit-background-clip:text}@keyframes textShine{0%{background-position:0%}to{background-position:100%}}.banner-preview-box{border:1.5px solid #fff3;border-radius:16px;justify-content:center;align-items:center;width:100%;height:110px;margin-bottom:.8rem;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 15px #0006}.banner-avatar-mini{object-fit:cover;z-index:2;border:2.5px solid #fff;border-radius:50%;width:70px;height:70px;position:relative;box-shadow:0 4px 15px #0009}.bg-nordlys-bolge{background:linear-gradient(120deg,#022c22,#059669,#7c3aed,#06b6d4,#022c22) 0 0/300% 300%;animation:7s infinite alternate nordlysWave}@keyframes nordlysWave{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.bg-eventyr-skog{background:linear-gradient(135deg,#064e3b,#022c22,#14532d,#065f46) 0 0/250% 250%;animation:6s infinite alternate eventyrSkogGlow}@keyframes eventyrSkogGlow{0%{background-position:0 0}to{background-position:100% 100%}}.bg-midnatt-sol{background:linear-gradient(135deg,#7c2d12,#b45309,#f59e0b,#d97706) 0 0/250% 250%;animation:6s infinite alternate midnattSolShift}@keyframes midnattSolShift{0%{background-position:100% 0}to{background-position:0 100%}}.bg-arktisk-sno{background:linear-gradient(135deg,#0f172a,#1e3a8a,#0284c7,#0f172a) 0 0/250% 250%;animation:6s linear infinite alternate arktiskSnoDrift}@keyframes arktiskSnoDrift{0%{background-position:0 100%}to{background-position:100% 0}}.anim-preview-box{background:#0f172a;border:3px solid #3b82f6;border-radius:50%;justify-content:center;align-items:center;width:120px;height:120px;margin:0 auto .8rem;display:flex;position:relative;overflow:hidden;box-shadow:0 0 25px #3b82f680}.anim-box-portal{border-color:#a855f7;box-shadow:0 0 35px #a855f7,0 0 15px #06b6d4}.anim-box-portal:before{content:"";z-index:1;background:conic-gradient(#a855f7,#06b6d4,#ec4899,#a855f7);border-radius:50%;animation:2.5s linear infinite portalVortexRotate;position:absolute;inset:-10px}@keyframes portalVortexRotate{0%{filter:brightness();transform:rotate(0)scale(1)}50%{filter:brightness(1.6);transform:rotate(180deg)scale(1.1)}to{filter:brightness();transform:rotate(360deg)scale(1)}}.anim-box-sol{border-color:#fbbf24;box-shadow:0 0 35px #fbbf24}.anim-box-sol:after{content:"☀️";z-index:5;pointer-events:none;justify-content:center;align-items:center;font-size:4rem;animation:2.8s ease-in-out infinite solFlarePulse;display:flex;position:absolute;inset:0}@keyframes solFlarePulse{0%,20%{opacity:0;filter:drop-shadow(0 0 10px #fbbf24);transform:scale(.6)rotate(-20deg)}50%,80%{opacity:.9;filter:drop-shadow(0 0 40px #fef08a)brightness(2);transform:scale(1.3)rotate(20deg)}95%,to{opacity:0;transform:scale(1.6)rotate(40deg)}}.anim-box-lyn:before{content:"";z-index:5;pointer-events:none;background:radial-gradient(circle,#fff 0%,#06b6d4e6 45%,#0000 100%);border-radius:50%;animation:2s ease-in-out infinite lightningFlashLoop;position:absolute;inset:0}@keyframes lightningFlashLoop{0%,65%{opacity:0;transform:scale(.8)}72%{opacity:1;transform:scale(1.25)}78%{opacity:.2}84%{opacity:1;transform:scale(1.1)}90%,to{opacity:0}}.anim-box-frost{border-color:#38bdf8;box-shadow:0 0 30px #38bdf8}.anim-box-frost:after{content:"🧊";z-index:5;pointer-events:none;justify-content:center;align-items:center;font-size:3.5rem;animation:2.6s ease-in-out infinite frostShatterPulse;display:flex;position:absolute;inset:0}@keyframes frostShatterPulse{0%,15%{opacity:.9;filter:drop-shadow(0 0 25px #fff);transform:scale(1.2)}45%,80%{opacity:0;filter:drop-shadow(0 0 45px #38bdf8);transform:scale(1.8)}95%,to{opacity:.9;transform:scale(1.2)}}.anim-box-stjerne{border-color:#fbbf24;box-shadow:0 0 30px #f59e0b}.anim-box-stjerne:before{content:"✨";z-index:5;filter:drop-shadow(0 0 15px #fef08a);font-size:1.8rem;animation:3s linear infinite stardustOrbit;position:absolute;top:8px;left:8px}@keyframes stardustOrbit{0%{transform:rotate(0)translate(45px)rotate(0)}to{transform:rotate(360deg)translate(45px)rotate(-360deg)}}.card-item-title{color:#fff;margin:0 0 .3rem;font-size:1.1rem;font-weight:800}.card-item-desc{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-grow:1;min-height:2.3rem;margin:0 0 1rem;font-size:.82rem;line-height:1.4;display:-webkit-box;overflow:hidden}.btn-shop-action{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.4rem;width:100%;padding:.6rem 1rem;font-size:.88rem;font-weight:900;transition:all .2s;display:inline-flex}.btn-buy-gold{color:#fff;background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:0 4px 12px #f59e0b59}.btn-buy-gold:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 18px #f59e0b80}.btn-equip{color:#fff;background:linear-gradient(135deg,#06b6d4,#0284c7);box-shadow:0 4px 12px #06b6d459}.btn-equip:hover{transform:translateY(-2px);box-shadow:0 6px 18px #06b6d480}.btn-equipped{color:#6ee7b7;cursor:default;background:#10b98133;border:1.5px solid #10b981}.btn-disabled{color:#64748b;cursor:not-allowed;background:#ffffff0f;border:1px solid #ffffff1a}.shop-toast{color:#fff;z-index:999999;opacity:0;pointer-events:none;background:#0f172af2;border:1.5px solid #f59e0b;border-radius:16px;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.95rem;font-weight:800;transition:all .35s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)translateY(100px);box-shadow:0 10px 30px #0009}.shop-toast.show{opacity:1;transform:translate(-50%)translateY(0)}