/* Reference structure: cart feature v2 product cards; price cards spacing/CTA; cards design depth. */
@font-face{font-family:Barlow;src:url('/assets/fonts/BarlowCondensed-Bold.ttf')}@font-face{font-family:Manrope;src:url('/assets/fonts/Manrope-Variable.ttf')}*{box-sizing:border-box}body{margin:0;background:#08151f;color:#eaf7ff;font-family:Manrope, sans-serif;min-height:100svh}body:before{content:'';position:fixed;inset:0;z-index:-1;background:radial-gradient(ellipse at 15% 20%,#20445566,transparent 50%),radial-gradient(ellipse at 95% 65%,#172c4080,transparent 45%);pointer-events:none}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}header{max-width:1480px;margin:25px auto 0;width:92%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 24px;border:1px solid #b9def329;border-radius:12px;background:linear-gradient(110deg,#18323fbd,#0e2530bd);backdrop-filter:blur(15px)}.brand{display:flex;align-items:center;gap:12px;font:700 23px/.95 Barlow,sans-serif;letter-spacing:1px}.brand small{display:block;font:700 7px Manrope,sans-serif;letter-spacing:2.2px;color:#8fb3c5;margin-top:8px}nav{display:flex;gap:8px;font-size:11px;font-weight:750}nav>*{padding:13px 21px;border-radius:6px}nav span{background:#afdff014;border:1px solid #b2e2f333;position:relative}nav span:after{content:'';position:absolute;bottom:-1px;height:2px;inset-inline:20%;background:#ffb65d}.back{font-size:10px;color:#b0cbd9}main{width:92%;max-width:1380px;margin:65px auto}.heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:28px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:2.8px;color:#eab776}h1{font:700 clamp(43px,4.7vw,68px)/.98 Barlow,sans-serif;margin:18px 0;letter-spacing:.5px}h1 span{color:#a2daed}.intro{padding-bottom:20px;max-width:350px;color:#a0bac9;font-size:12px;line-height:1.9}.intro button{border:1px solid #a0c6da3b;background:#a0c6da09;color:#b2d4e6;padding:10px 14px;border-radius:5px;font-size:10px}.preview-note{padding:14px 18px;border:1px solid #f3be6826;background:#f3be6806;font-size:8px;letter-spacing:1.5px;color:#f0bf80;display:flex;gap:12px;align-items:center;margin-bottom:32px;border-radius:6px}.preview-note i{width:5px;height:5px;border-radius:50%;background:#fbc16b}.preview-note span{letter-spacing:0;color:#91adbd;font-size:10px}.store-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:start}.product-card{position:relative;border:1px solid #a1cfdf35;border-top-color:#c3e4f363;border-radius:19px;padding:20px;background:linear-gradient(150deg,#1a3543e0,#0b202de6 70%);box-shadow:0 14px 35px #0003,inset 0 1px #ffffff08;overflow:hidden;transition:border-color .25s,box-shadow .25s;min-width:0}.product-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 22%,#9edfff0c,transparent 60%)}.product-card:hover{border-color:#c8e8f17a;box-shadow:0 17px 45px #0005,0 0 24px #86d1f00b}.card-top{display:flex;justify-content:space-between;align-items:center;color:#91b2c6;font-size:8px;font-weight:800;letter-spacing:1.8px}.card-top img{opacity:.75}.coin-stage{position:relative;height:208px;display:grid;place-items:center;perspective:900px;margin:5px -5px 0}.store-coin{position:relative;width:190px;height:190px;transform-style:preserve-3d;animation:coin-turn 11s linear infinite;animation-delay:var(--delay);animation-play-state:paused}.coin-layer{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(calc(var(--z)*.6px));backface-visibility:visible}.coin-layer:not(:first-child):not(:last-child){filter:brightness(.65)}.coin-layer:first-child{transform:translateZ(-3.6px) rotateY(180deg)}.coin-halo{position:absolute;inset:0;background:radial-gradient(ellipse,#9be3ff15,transparent 65%)}.coin-shadow{position:absolute;bottom:3px;width:110px;height:9px;background:#0009;filter:blur(7px);border-radius:50%}.product-info{text-align:center;padding:15px 0 24px;border-bottom:1px solid #b0d3e31c}.product-info h2{font:700 48px/.95 Barlow,sans-serif;letter-spacing:1px;margin:0 0 8px;font-variant-numeric:tabular-nums}.currency-label{font-size:7px;letter-spacing:2.5px;font-weight:750;color:#85a9bf}.package-rewards{margin:21px 0 0}.package-rewards>p{font-size:7px;font-weight:800;letter-spacing:1.6px;color:#b6cdda;margin:0 0 12px}.reward-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.reward-tile{border:1px solid #b3d8e530;border-radius:7px;background:#05162060;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:61px;gap:4px}.reward-tile b{font-size:23px;color:#ffd08e;line-height:1}.reward-tile:nth-child(even) b{color:#ace5fa}.reward-tile span{font-size:7px;color:#91afc1}.package-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;border:1px solid #ffd395;border-radius:7px;background:linear-gradient(110deg,#ffd09a,#ffae4b);color:#172833;font-size:11px;font-weight:850;padding:14px 17px;margin-top:25px;box-shadow:0 5px 18px #ffae4110;transition:filter .2s}.package-cta b{font-size:18px;line-height:1}.package-cta:hover{filter:brightness(1.12)}button:focus-visible,a:focus-visible{outline:2px solid #b6edff;outline-offset:4px}.bottom-note{font-size:10px;line-height:1.9;color:#7395a9;text-align:center;margin-top:35px}.in-view .store-coin{animation-play-state:running}.motion-paused .store-coin,.tab-hidden .store-coin{animation-play-state:paused}dialog{width:min(430px,90vw);border:1px solid #a8d8ed66;border-radius:16px;background:#112b39;color:#e8faff;padding:35px;text-align:center;font-size:12px;line-height:1.8}dialog::backdrop{background:#020d16d9;backdrop-filter:blur(10px)}dialog>img{object-fit:contain}dialog h2{font:700 52px Barlow,sans-serif;margin:8px}#close-dialog{position:absolute;right:10px;top:5px;background:none;border:0;font-size:25px;color:#b9dae8}#done{background:#ffbc6b;border:0;border-radius:6px;padding:14px 20px;font-weight:800;margin-top:18px;color:#142837}@keyframes coin-turn{from{transform:rotateX(-7deg) rotateY(0)}to{transform:rotateX(-7deg) rotateY(360deg)}}@media(max-width:1150px){.store-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}}@media(max-width:830px){.store-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.heading{align-items:start}.intro{max-width:240px}header nav{display:none}.coin-stage{height:210px}.preview-note{flex-wrap:wrap}}@media(max-width:520px){header{padding:16px}.brand{font-size:19px}.brand img{width:25px}.back{font-size:9px}main{margin-top:40px}.heading{display:block}.intro{padding-bottom:4px;max-width:none}.store-grid{grid-template-columns:1fr;gap:26px;max-width:365px;margin-inline:auto}.coin-stage{height:235px}.store-coin{width:220px;height:220px}.product-card{padding:23px}.product-info h2{font-size:53px}.reward-tile{min-height:68px}.reward-tile span{font-size:8px}}@media(prefers-reduced-motion:reduce){.store-coin{animation:none!important;transform:rotateY(-15deg)}*{transition:none!important}}

.reward-list{grid-template-columns:repeat(auto-fit,minmax(72px,1fr))}.reward-tile{min-height:103px;padding:7px;text-align:center;gap:5px}.reward-tile img{width:47px;height:47px;object-fit:contain}.reward-tile span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.2;max-width:100%}.reward-tile strong{color:#9feccc;font-size:10px}

.store-campaigns{margin:64px 0 35px}.campaign-heading p{color:#7edfcc;font-size:10px;font-weight:900;letter-spacing:2px}.campaign-heading h2{font:700 38px Barlow,sans-serif;margin:8px 0 22px}.campaign-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.campaign-card{position:relative;aspect-ratio:566/277;min-height:245px;overflow:hidden;border:1px solid #a4ddff82;border-radius:20px;color:#fff;box-shadow:0 18px 28px #02162160;transition:transform .25s,box-shadow .25s}.campaign-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px #2babc066}.campaign-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.campaign-art{position:absolute;right:1%;top:0;width:49%;height:78%;object-fit:contain;filter:drop-shadow(0 10px 10px #0b213e78);animation:campaign-float 5s ease-in-out infinite}.campaign-card h3,.campaign-timer,.campaign-bonus,.campaign-rewards,.campaign-price,.campaign-remaining{position:absolute;z-index:1;text-shadow:0 2px 3px #02182a9e}.campaign-card h3{left:5%;top:7%;width:53%;font:700 clamp(22px,2.5vw,34px)/1.05 Barlow,sans-serif;margin:0}.campaign-timer{left:5%;top:37%;padding:5px 9px;border-radius:9px;background:#092e56a8;font-size:12px;font-weight:800}.campaign-bonus{right:2%;top:4%;padding:7px 11px;background:#e54a89;border-radius:10px;transform:rotate(7deg);font-size:11px}.campaign-bonus:empty,.campaign-card[data-bonus-style=none] .campaign-bonus{display:none}.campaign-card[data-bonus-style=gold] .campaign-bonus{background:#f5b956;color:#342007}.campaign-rewards{left:4%;bottom:5%;display:flex;align-items:center;gap:6px;max-width:59%;overflow:auto}.campaign-rewards>span{display:flex;align-items:center;gap:4px;padding:5px 8px;border:1px solid #ffdaaa9c;border-radius:10px;background:#9d4d20b3;font-size:11px;font-weight:900;white-space:nowrap}.campaign-rewards .reward-tile{display:flex;min-width:auto;min-height:39px;padding:3px 7px;background:#ac5420a8;border:1px solid #ffdaaa9c}.campaign-rewards .reward-tile img{width:31px;height:31px}.campaign-rewards .reward-tile span{display:none}.campaign-rewards .reward-tile strong{color:#fff}.campaign-price{right:3%;bottom:16%;min-width:30%;padding:11px 16px;border:2px solid #f8cd79;border-radius:16px;background:linear-gradient(#ffe27d,#ee9c33);color:#352007;font-size:20px;font-weight:950;text-shadow:none}.campaign-price:disabled{filter:grayscale(1);cursor:not-allowed}.campaign-card[data-price-style=ice] .campaign-price{background:linear-gradient(#dcfcff,#4ca9db);border-color:#c8f8ff;color:#044668}.campaign-card[data-price-style=ruby] .campaign-price{background:linear-gradient(#ff978b,#bf3437);border-color:#ffc7b1;color:#fff}.campaign-remaining{right:4%;bottom:4%;font-size:11px;font-weight:850}@keyframes campaign-float{50%{transform:translateY(-7px) rotate(1deg)}}@media(max-width:1050px){.campaign-grid{grid-template-columns:1fr}.campaign-card{max-width:650px}}@media(max-width:600px){.campaign-card{min-height:195px}.campaign-card h3{font-size:20px}.campaign-rewards{max-width:56%}.campaign-price{font-size:15px;padding:8px}.campaign-timer{font-size:10px}.campaign-remaining{font-size:9px}}@media(prefers-reduced-motion:reduce){.campaign-art{animation:none}}
.campaign-card[data-title-style=frost] h3{color:#d8f9ff}.campaign-card[data-title-style=ember] h3{color:#ffe0a8}.campaign-card[data-countdown-style=amber] .campaign-timer{background:#9b4d15c9;color:#fff0c4}.campaign-card[data-countdown-style=minimal] .campaign-timer{background:transparent;padding-left:0}.campaign-card[data-remaining-style=badge] .campaign-remaining{padding:5px 8px;background:#092b48b5;border-radius:8px}.campaign-card[data-remaining-style=ribbon] .campaign-remaining{padding:5px 12px;background:#d16445;right:0;border-radius:8px 0 0 8px}

/* Purchased Frost and every catalog gift use the same illustrated card treatment. */
.campaign-rewards{left:3%;bottom:5%;max-width:63%;gap:5px;overflow-x:auto;scrollbar-width:thin}
.campaign-rewards .campaign-reward-box{position:relative;display:block;flex:0 0 clamp(44px,5vw,64px);height:65px;padding:2px;border:2px solid #f6c37d;border-radius:12px;background:linear-gradient(145deg,#f9ba6d,#b8642d);box-shadow:inset 0 2px 5px #fff8,0 6px 10px #21140773}
.campaign-rewards .campaign-reward-box img{display:block;width:100%;height:51px;object-fit:contain;filter:drop-shadow(0 2px 3px #1f192f75)}
.campaign-rewards .campaign-reward-box b{position:absolute;right:2px;bottom:0;padding:1px 3px;border-radius:4px;background:#2b1b18a8;color:#fff;font-size:11px;line-height:1.1}
@media(max-width:600px){.campaign-rewards{max-width:63%;gap:4px}.campaign-rewards .campaign-reward-box{flex-basis:42px;height:49px}.campaign-rewards .campaign-reward-box img{height:37px}.campaign-rewards .campaign-reward-box b{font-size:8px}}
.campaign-grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
.campaign-card[data-layout=square],.campaign-card[data-layout=weekly]{aspect-ratio:1/1;max-width:500px;min-height:350px}
.campaign-card[data-layout=portrait]{aspect-ratio:3/5;max-width:390px;min-height:550px}
.campaign-card[data-layout=portrait] .campaign-art{top:12%;right:8%;width:84%;height:45%}
.campaign-card[data-background=portrait-technology]{aspect-ratio:600/1128;background:#1d2d4d}
.campaign-card[data-background=portrait-technology] .campaign-bg{object-fit:contain}
.campaign-card[data-layout=portrait] h3{width:90%;font-size:31px}
.campaign-card[data-layout=portrait] .campaign-rewards{bottom:22%;max-width:92%;flex-wrap:wrap}
.campaign-card[data-layout=portrait] .campaign-price{left:19%;right:19%;bottom:7%}
.campaign-card[data-layout=portrait] .campaign-remaining{bottom:2%}
.campaign-card[data-layout=weekly] .campaign-art{top:10%;width:55%;height:50%}
.campaign-card[data-layout=weekly] .campaign-rewards{bottom:45%;max-width:90%}
.campaign-card[data-layout=weekly] .campaign-price{bottom:5%;right:7%}
.campaign-daily{position:absolute;z-index:2;left:4%;right:4%;bottom:21%;min-height:70px;padding:6px 9px;border-radius:10px;background:#fff1c9e8;color:#5b310f;font-size:11px;font-weight:950;text-align:left}
.campaign-daily-icons{display:flex;align-items:center;gap:5px;margin-top:4px;overflow:auto}
.campaign-daily-icons .campaign-reward-box{display:flex;align-items:center;gap:2px;padding:2px 5px;border-radius:7px;background:#d48741;color:#fff;font-size:10px}
.campaign-daily-icons img{width:24px;height:24px;object-fit:contain}
.weekly-claims{margin:55px 0;padding:22px;border:1px solid #80d7dc66;border-radius:18px;background:#0c2b3dbd}
.weekly-claims>p{color:#70dcd2;font-size:9px;font-weight:900;letter-spacing:2px}.weekly-claims h2{font:700 30px Barlow,sans-serif}
.weekly-claim-card{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:12px;padding:14px;border:1px solid #7bbccc55;border-radius:12px;background:#153c50}
.weekly-claim-card strong{font-size:13px}.weekly-claim-gifts{display:flex;gap:6px;flex:1}.weekly-claim-gifts .campaign-reward-box{display:flex;align-items:center;gap:4px}.weekly-claim-gifts img{width:32px;height:32px;object-fit:contain}.weekly-claim-card button{border:1px solid #9ef2cd;border-radius:10px;padding:10px 15px;background:linear-gradient(110deg,#19b487,#0b8877);color:#fff;font-weight:900}.weekly-claim-card button:disabled{background:#4b5563;border-color:#657080;color:#fff;cursor:default}
@media(max-width:700px){.campaign-grid{grid-template-columns:1fr}.campaign-card[data-layout=square],.campaign-card[data-layout=weekly],.campaign-card[data-layout=portrait]{width:100%;max-width:480px;margin:auto}}

.campaign-timer{left:5%;top:5%;padding:6px 10px;background:#092d4cdd;border:1px solid #b9ebf082;box-shadow:0 3px 10px #06233755}
.campaign-card h3{left:5%;top:19%;width:55%}
.campaign-bonus{top:8%;right:-3%;width:46%;padding:9px 7px;border:2px solid #ffd3df;border-radius:5px;background:linear-gradient(120deg,#d82d69,#ff83ae 55%,#b80d53);box-shadow:0 6px 15px #3413268c;color:#fff;font-size:clamp(13px,1.5vw,20px);font-weight:950;text-align:center;white-space:nowrap;transform:rotate(21deg);text-shadow:0 2px 2px #6f123c}
.campaign-card[data-bonus-style=gold] .campaign-bonus{background:linear-gradient(120deg,#d9851e,#ffe287 55%,#b97719);border-color:#fff0bb;color:#4a2708;text-shadow:none}
.campaign-card[data-layout=portrait] h3{top:14%;width:86%}
.campaign-card[data-layout=portrait] .campaign-art{top:22%;height:38%}
.campaign-card[data-layout=portrait] .campaign-bonus{top:5%;right:-4%;width:58%;font-size:17px}
.campaign-card[data-layout=weekly] h3{top:18%;width:62%}
@media(max-width:600px){.campaign-bonus{font-size:12px}}

/* Frost tiers retain the original player-store coin cards. */
@media(max-width:600px){.campaign-card[data-layout=landscape] .campaign-remaining{white-space:nowrap}}
.campaign-remaining{white-space:nowrap}
@media(max-width:600px){.campaign-card[data-layout=landscape]{min-height:0;width:100%;aspect-ratio:566/300}.campaign-grid{min-width:0}.campaign-rewards .campaign-reward-box{flex-basis:40px}}

/* Sticky %N BONUS rozeti: sağ üstte, kaydırınca da görünür; tıklamayı engellemez. */
.store-bonus-flag{position:sticky;top:max(8px,env(safe-area-inset-top));z-index:30;width:92%;max-width:1480px;height:40px;margin:8px auto -8px;display:flex;justify-content:flex-end;align-items:flex-start;pointer-events:none}
.store-bonus-badge{display:inline-block;padding:7px 15px;border:2px solid #ffd3df;border-radius:8px;background:linear-gradient(120deg,#d82d69,#ff83ae 55%,#b80d53);box-shadow:0 6px 15px #3413268c,0 0 14px #ff5c8e88;color:#fff;font:950 15px/1.1 Manrope,sans-serif;letter-spacing:.06em;white-space:nowrap;text-shadow:0 2px 2px #6f123c;transform-origin:100% 0;animation:store-bonus-pulse 1.4s ease-in-out infinite;will-change:transform}
@keyframes store-bonus-pulse{0%,100%{transform:scale(1);box-shadow:0 6px 15px #3413268c,0 0 8px #ff5c8e66}50%{transform:scale(1.12);box-shadow:0 8px 18px #3413268c,0 0 24px #ff7aa6cc}}
@media(max-width:520px){.store-bonus-flag{width:calc(100% - 16px);height:32px;padding-right:env(safe-area-inset-right)}.store-bonus-badge{padding:5px 10px;font-size:11px;border-width:1.5px;border-radius:6px}}
@media(prefers-reduced-motion:reduce){.store-bonus-badge{animation:none!important;transform:none}}
.motion-paused .store-bonus-badge{animation-play-state:paused}

.campaign-ayaz-weekly .campaign-rewards{bottom:52%}
.campaign-ayaz-weekly .campaign-daily{right:40%;bottom:8%;min-height:0}
.campaign-ayaz-weekly .campaign-daily small{display:block;margin-top:4px;font-size:9px}