/* Calm theme: one mint accent on a dark, desaturated night scene. Loaded after cinematic.css. */
.cinematic{--mint:#eb7a29;--ink:#f4f7fa;--soft:#a9b4c0;--background:#0c101b;background:#0c101b}
.cinematic::before{height:900px;background:url('/assets/bf-world.svg') center top/max(100%,1796px) auto no-repeat;filter:saturate(.75) brightness(1.08) contrast(1.04);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000000 20%,#000000 74%,transparent 100%),linear-gradient(180deg,#000000 62%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(90deg,transparent 0,#000000 20%,#000000 74%,transparent 100%),linear-gradient(180deg,#000000 62%,transparent 100%);mask-composite:intersect}
.cinematic::after{background:radial-gradient(ellipse at 52% 30%,transparent 35%,#04070c66 100%)}
.cinematic .site-header{background:#070b11cc;border-bottom:1px solid #ffffff12}
.cinematic .brand{font-size:24px;letter-spacing:-.6px}
.cinematic .brand-symbol{background:#eb7a29;box-shadow:none;border-radius:9px}
.cinematic .game-tag{border-color:#613a1b;background:#eb7a2910}
.cinematic .site-header nav{gap:30px;font-size:13px}
.cinematic .site-header nav a{padding:20px 4px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#aeb8c4;background:none}
.cinematic .site-header nav a:hover{background:none;color:#ffffff;border-color:transparent}
.cinematic .site-header nav .nav-active{background:none;color:#ffffff;border-bottom-color:#eb7a29}
.cinematic .theme-toggle{background:#161d27}
.cinematic .button.primary{background:#eb7a29;border:0;color:#200d04;box-shadow:none}
.cinematic .button.primary:hover{background:#f48f46;box-shadow:none}
.cinematic .button.secondary{background:#ffffff0a;border:1px solid #ffffff26;color:#e6ecf2}
.cinematic .hero-copy h1{color:#ffffff;text-shadow:none}
.cinematic .hero-copy h1 span{color:#eb7a29}
.cinematic .hero-copy .lead{color:#c3ccd6}
.cinematic .trust-row{color:#e9eef3}
.cinematic .trust-row .icon{color:#eb7a29}
.cinematic .tiny-dot{box-shadow:none}
.cinematic .bulk-wrap{display:inline-flex;flex-direction:column;align-items:center;gap:12px;margin-top:34px}
.cinematic a.bulk-link{display:inline-flex;align-items:center;gap:18px;width:auto;height:61px;min-height:0;margin:0;padding:0 28px 0 12px;border:0;border-radius:16px;background:#eb7a29;box-shadow:0 10px 30px #eb7a291f;transform:none;color:#200d04;text-decoration:none;transition:filter .18s,transform .18s}
.cinematic a.bulk-link:hover,.cinematic a.bulk-link:focus-visible{filter:brightness(1.07);transform:translateY(-2px);border:0}
.cinematic .bulk-tile{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#241108}
.cinematic .bulk-tile i{display:block;width:17px;height:17px;border:3px solid #eb7a29;transform:rotate(45deg);border-radius:3px}
.cinematic a.bulk-link strong{display:block;margin:0;font-size:19px;font-weight:850;font-style:normal;letter-spacing:.2px;color:#200d04}
.cinematic .bulk-wrap small{font-size:10px;letter-spacing:1.4px;font-weight:700;color:#7d8794}
.cinematic .claim-card{background:linear-gradient(#111725f2,#111725f2) padding-box,linear-gradient(135deg,#f48c42,#924b17 45%,#eb7a29 100%) border-box;border:1.5px solid transparent;border-radius:16px;box-shadow:0 20px 50px #00000077;backdrop-filter:blur(6px)}
.cinematic .claim-card:hover{box-shadow:0 20px 50px #00000077}
.cinematic .environment{background:none;color:#8d98a5;text-shadow:none}
.cinematic .card-top{border-bottom-color:#ffffff14}
.cinematic .small-label{color:#aab4c0}
.cinematic .security-pill{border-color:#613a1b;background:#eb7a2912;color:#eb7a29}
.cinematic .claim-card .muted,.cinematic .field-help{color:#aab4c0}
.cinematic .claim-card label:not(.check-label):not(.candidate){color:#d6dde5}
.cinematic .field{border:1px solid #ffffff1f;background:#070b11cc;box-shadow:none}
.cinematic .field:focus-within{border-color:#eb7a29;box-shadow:0 0 0 3px #eb7a291a}
.cinematic .field input::placeholder{color:#6f7a87}
.cinematic .field-icon{color:#9aa6b3}
.cinematic .paste-button{border-color:#ffffff1f;background:#0e121c;color:#e6ecf2}
.cinematic .paste-button:hover{border-color:#eb7a29}
.cinematic .card-bottom{color:#aab4c0}
.cinematic .lock-icon{color:#7f93ff}
.cinematic .demo-tools{border-color:#ffffff22;color:#aab4c0}
.cinematic .demo-tools .text-button{color:#eb7a29}
.cinematic .candidate,.cinematic .identity-summary{background:#0e121c;border-color:#ffffff1f}
.cinematic .how{border-top-color:#ffffff12}
.cinematic .section-label{color:#8d98a5}
.cinematic .trust-strip{background:#070b1199;border-top-color:#ffffff12}
.cinematic .trust-strip>div:nth-child(3) .trust-icon,.cinematic .trust-strip>div:nth-child(4) .trust-icon{color:#eb7a29;background:#eb7a2912}
.cinematic .trust-strip div div span{color:#8d98a5}
@media(min-width:1251px){
 .cinematic .shell{max-width:1384px;left:0}
 .cinematic .hero-layout{grid-template-columns:minmax(0,1fr) 420px;gap:60px;min-height:560px}
 .cinematic .claim-card{width:420px;padding:20px 28px 24px;min-height:0}
 .cinematic .hero-copy h1{font-size:62px;line-height:.98;letter-spacing:-2.4px;margin-top:14px}
 .cinematic .claim-card h2{font-size:21px}
 .cinematic .cart-col .claim-card{width:420px}
}
@media(max-width:767px){.cinematic .bulk-wrap{align-items:flex-start}.cinematic::before{-webkit-mask-image:linear-gradient(180deg,#000000 55%,transparent 100%);mask-image:linear-gradient(180deg,#000000 55%,transparent 100%)}}
.cinematic .mobile-community-nav{gap:14px;overflow-x:auto;white-space:nowrap;scrollbar-width:none}.cinematic .mobile-community-nav::-webkit-scrollbar{display:none}
@media(max-width:420px){.cinematic .mobile-community-nav a{font-size:12px;padding-inline:2px}}

.soon-shell{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 160px);padding:40px 16px}
.cinematic .claim-card.soon-card{width:min(520px,100%);text-align:center;padding:48px 32px;min-height:0;display:grid;gap:14px;justify-items:center}
.soon-card h1{font-size:clamp(2.2rem,7vw,3.4rem);margin:0}
.verify-box{display:grid;gap:10px;margin:18px 0;padding:16px;border:1px dashed #eb7a2966;border-radius:14px}
.verify-box form{display:grid;gap:8px}

.easy-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px;padding:0}
.easy-steps li{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:10px;font-size:.86rem;line-height:1.3}
.easy-steps b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:#e07439;color:#060d1d;font-weight:800}
.easy-howto{margin:10px 0;padding:12px 14px;border-radius:12px;background:rgba(224,116,57,.12);border:1px solid rgba(224,116,57,.45);font-size:.92rem;line-height:1.45}
@media (max-width:640px){.easy-steps{grid-template-columns:1fr}}

/* Ana sayfa key kartı: büyük, sade */
@media(min-width:1100px){
 .cinematic .hero-layout{grid-template-columns:minmax(0,1fr) 720px!important;gap:30px!important}
 .cinematic .hero-layout>.claim-card{width:720px!important;max-width:100%;min-height:580px;padding:34px 44px 30px!important}
}
.cinematic .claim-card #claimView h2{font-size:clamp(30px,3vw,40px);margin:6px 0 10px}
.cinematic .claim-card #claimForm label{font-size:15px!important;margin:20px 0 9px!important;letter-spacing:0!important}
.cinematic .claim-card #claimForm .field{min-height:64px;border-radius:14px}
.cinematic .claim-card #claimForm .field input{font-size:18px;padding:18px 0}
.cinematic .claim-card #claimForm .field-icon{font-size:22px}
.cinematic .claim-card #previewButton,.cinematic .claim-card #redeemButton,.cinematic .claim-card #joinServer{min-height:62px;font-size:18px;border-radius:14px;margin-top:26px}
.cinematic .claim-card .easy-howto{font-size:16px;text-align:center;padding:14px}
.cinematic .claim-card .check-label{font-size:16px!important;align-items:center}
.cinematic .claim-card .check-label input{width:20px;height:20px}
.ticket-icon .ticket-img{width:100%;height:100%;object-fit:contain}

/* Key içeriği: kutusuz, büyük item görseli */
.cinematic .claim-card .product-ticket.key-reveal{background:none;border:0;padding:6px 0;margin:16px 0 8px;gap:22px;align-items:center}
.key-reveal .ticket-icon{width:150px;height:150px;flex:0 0 150px;background:none;border-radius:0;font-size:0;display:grid;place-items:center}
.key-reveal .ticket-icon .ticket-img{width:100%;height:100%;padding:0;object-fit:contain;filter:drop-shadow(0 10px 16px #000000bb) drop-shadow(0 0 24px #d7722b33)}
.key-reveal .reveal-copy{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}
.key-reveal .small-label{font-size:12px;letter-spacing:1.3px}
.key-reveal strong{font-size:32px;line-height:1.1;letter-spacing:-.8px;overflow-wrap:anywhere}
.key-reveal .reveal-copy .muted{font-size:15px}
.key-reveal .qty-badge{margin:0;align-self:center;border:0;padding:0;background:none;border-radius:0;font-size:24px;font-weight:900;letter-spacing:.5px;color:#e8f3fb;white-space:nowrap}
@media(max-width:560px){.key-reveal .ticket-icon{width:104px;height:104px;flex-basis:104px}.key-reveal strong{font-size:25px}.key-reveal .qty-badge{font-size:19px}.cinematic .claim-card .product-ticket.key-reveal{gap:14px}}
.key-reveal .ticket-icon:not(:has(img)){font-size:72px;color:#da7f41}
.cinematic .claim-card .key-reveal .reveal-copy strong{font-size:34px;line-height:1.1;letter-spacing:-.8px;font-weight:850}
.cinematic .claim-card .key-reveal .reveal-copy .small-label{font-size:12.5px}
@media(max-width:560px){.cinematic .claim-card .key-reveal .reveal-copy strong{font-size:26px}}

/* ===== Ana sayfa key kartı · cilalı görünüm ===== */
.cinematic .hero-layout>.claim-card{isolation:isolate;border:0!important;border-radius:28px!important;background:radial-gradient(120% 60% at 0% 0%,#3f1f0f66,transparent 60%),radial-gradient(90% 60% at 100% 100%,#0a225a4d,transparent 62%),linear-gradient(160deg,#0d1730f2,#070e1fef 55%,#060e20f5)!important;box-shadow:0 30px 80px #00000099,0 0 0 1px #ffffff0d,0 0 60px #dd69141c,inset 0 1px 0 #ffffff14!important;backdrop-filter:blur(14px)}
.cinematic .hero-layout>.claim-card::before{content:'';position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(135deg,#f58532,#1b8fd8 38%,#14254e 62%,#d7722b);-webkit-mask:linear-gradient(#000000 0 0) content-box,linear-gradient(#000000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;z-index:-1;opacity:.9}
.cinematic .hero-layout>.claim-card::after{content:'';position:absolute;top:0;left:12%;right:12%;height:1px;background:linear-gradient(90deg,transparent,#ffb37d,transparent);opacity:.8;pointer-events:none}
.cinematic .hero-layout>.claim-card .card-top{border-bottom:1px solid #ffffff0f!important;padding-bottom:18px!important}
.cinematic .hero-layout>.claim-card .small-label{color:#eab38d!important;letter-spacing:1.6px}
.cinematic .hero-layout>.claim-card .security-pill{background:linear-gradient(135deg,#4a230f,#0b2050)!important;border:1px solid #d36f2b55!important;color:#f7be98!important;padding:6px 11px;border-radius:999px;letter-spacing:.8px}
.cinematic .claim-card #claimView h2{background:linear-gradient(180deg,#ffffff,#b9d8ea);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-1.2px;filter:drop-shadow(0 2px 14px #dd691433)}
.cinematic .claim-card #claimForm label{color:#cfe3f1!important;font-weight:750!important;display:flex;align-items:center;gap:8px}
.cinematic .claim-card #claimForm label::before{content:'';width:6px;height:6px;border-radius:50%;background:#eb7a2a;box-shadow:0 0 10px #eb7a2a}
.cinematic .claim-card #claimForm .field{background:linear-gradient(180deg,#050a17,#080f1f)!important;border:1px solid #2a395c!important;border-radius:16px!important;box-shadow:inset 0 2px 10px #00000088,0 1px 0 #ffffff0a;transition:border-color .2s,box-shadow .2s,transform .2s}
.cinematic .claim-card #claimForm .field:hover{border-color:#815f39!important}
.cinematic .claim-card #claimForm .field:focus-within{border-color:#ea7e31!important;box-shadow:inset 0 2px 10px #00000088,0 0 0 4px #dc6e2126,0 8px 30px #dd691414!important;transform:translateY(-1px)}
.cinematic .claim-card #claimForm .field-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:linear-gradient(135deg,#3f2112,#0e1f47);color:#f4944e;box-shadow:inset 0 0 0 1px #d36f2b33}
.cinematic .claim-card #claimForm .field-icon .icon{width:19px;height:19px;stroke:currentColor;fill:none;stroke-width:2}
.cinematic .claim-card #claimForm .paste-button{border:1px solid #694d2e;background:linear-gradient(180deg,#3f2112,#0c1730);border-radius:11px;padding:9px 13px;color:#f6e2cc;font-weight:750;transition:background .2s,transform .15s}
.cinematic .claim-card #claimForm .paste-button:hover{background:linear-gradient(180deg,#5a3b18,#102044);transform:translateY(-1px)}
.cinematic .claim-card #previewButton,.cinematic .claim-card #redeemButton,.cinematic .claim-card #joinServer:not(.disabled-link){background:linear-gradient(135deg,#f78c41,#cb6015 55%,#bd5f0e)!important;color:#240e03!important;border:0!important;border-radius:16px!important;font-weight:900;letter-spacing:.2px;box-shadow:0 10px 30px #dd69144d,0 3px 0 #7d3907,inset 0 1px 0 #ffffff66!important;position:relative;overflow:hidden;transition:transform .18s,box-shadow .2s,filter .2s}
.cinematic .claim-card #previewButton::after{content:'';position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(100deg,transparent,#ffffff55,transparent);transform:skewX(-20deg);animation:btn-sheen 4.2s ease-in-out infinite;pointer-events:none}
@keyframes btn-sheen{0%,55%{left:-60%}85%,100%{left:130%}}
.cinematic .claim-card #previewButton:not(:disabled):hover,.cinematic .claim-card #redeemButton:not(:disabled):hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 16px 40px #dd691466,0 3px 0 #7d3907,inset 0 1px 0 #ffffff66!important}
.cinematic .claim-card #previewButton span{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#240e0322;transition:transform .2s}
.cinematic .claim-card #previewButton:hover span{transform:translateX(4px)}
.cinematic .hero-layout>.claim-card .card-bottom{margin-top:26px!important;border:0!important;padding:12px 14px!important;background:#ffffff08;border-radius:14px;color:#9fc2d4!important;font-size:12px!important;justify-content:center}
.cinematic .hero-layout>.claim-card .lock-icon{color:#f4944e}
.cinematic .hero-layout>.claim-card #environment{border-radius:999px;border:1px solid #ffffff12!important;background:#ffffff08!important;padding:5px 12px;width:max-content;max-width:100%}
@media(prefers-reduced-motion:reduce){.cinematic .claim-card #previewButton::after{animation:none}}

/* ===== Toplu teslim düğmesi · v2 ===== */
.cinematic a.bulk-link{position:relative;overflow:hidden;height:auto!important;min-height:78px;padding:10px 30px 10px 14px!important;gap:20px!important;border-radius:22px!important;background:linear-gradient(135deg,#fb9c58,#eb7a29 45%,#cd6314)!important;box-shadow:0 14px 34px #eb7a293d,0 4px 0 #92430a,inset 0 1px 0 #ffffffa0!important}
.cinematic a.bulk-link::after{content:'';position:absolute;top:0;left:-50%;width:35%;height:100%;background:linear-gradient(100deg,transparent,#ffffff70,transparent);transform:skewX(-20deg);animation:btn-sheen 4.6s ease-in-out infinite;pointer-events:none}
.cinematic a.bulk-link:hover{transform:translateY(-3px) scale(1.02)!important;box-shadow:0 20px 44px #eb7a2955,0 4px 0 #92430a,inset 0 1px 0 #ffffffa0!important}
.cinematic a.bulk-link:active{transform:translateY(2px)!important;box-shadow:0 6px 18px #eb7a293d,0 1px 0 #92430a!important}
.cinematic .bulk-tile{position:relative;width:62px!important;height:62px!important;border-radius:0!important;background:none!important;flex:0 0 auto}
.cinematic .bulk-tile i{position:absolute;inset:6px;width:auto!important;height:auto!important;border:0!important;border-radius:14px!important;transform:rotate(45deg);background:linear-gradient(135deg,#3a1b0c,#200f06);box-shadow:0 0 0 3px #200d04,0 6px 14px #00000066,inset 0 0 14px #eb7a2955;animation:bulk-spin 6s ease-in-out infinite}
.cinematic .bulk-art{position:relative;z-index:1;width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 4px 6px #000000aa);animation:bulk-bob 3s ease-in-out infinite}
.cinematic .bulk-art.art-missing{visibility:hidden}
@keyframes bulk-bob{0%,100%{transform:translateY(0) rotate(-6deg)}50%{transform:translateY(-4px) rotate(6deg)}}
@keyframes bulk-spin{0%,100%{transform:rotate(45deg)}50%{transform:rotate(55deg) scale(1.04)}}
.cinematic .bulk-text{display:flex;flex-direction:column;align-items:flex-start;gap:3px;text-align:left}
.cinematic a.bulk-link strong{font-size:21px!important;font-weight:900!important;letter-spacing:.3px!important}
.cinematic .bulk-text em{font-style:normal;font-size:12px;font-weight:750;color:#4a200b}
@media(prefers-reduced-motion:reduce){.cinematic a.bulk-link::after,.cinematic .bulk-art,.cinematic .bulk-tile i{animation:none}}