/* Centered parachute gift showcase. Modal and reward animation keep their own styles. */
#free-view{max-width:1760px;margin:0 auto;padding:24px clamp(12px,3vw,48px) 48px;min-height:70vh}
#free-view .feature-title{text-align:center;margin:0 0 28px}
#free-view .feature-title h1{font:500 clamp(30px,3.5vw,48px)/1.2 Georgia,serif;color:#edca88;text-transform:none;margin:0 0 12px}
#free-view .feature-title p{font-size:14px;line-height:1.6;color:#9da8b7;max-width:650px;margin:0 auto}
#free-view .free-available{display:inline-flex;align-items:center;gap:6px;margin-top:16px;padding:7px 15px;border:1px solid #c5a16b40;border-radius:24px;color:#aab3c0;font-size:12px}
#free-view .free-available strong{color:#edca88;font-size:14px}
#free-view .free-case-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;margin:0 auto;width:100%}
#free-view .free-case-card{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;flex:0 1 calc((100% - 54px)/4);min-width:0;max-width:370px;padding:22px 20px 20px;border:1px solid #c5a16b75;border-radius:13px;background:radial-gradient(ellipse at 50% 60%,#b26b2010,transparent 70%),#090d12;text-align:center;overflow:hidden;transition:border-color .2s,box-shadow .2s}
#free-view .free-case-card:hover{border-color:#e8be7baa;box-shadow:0 8px 32px #0005,0 0 22px #dca84809}
#free-view .free-gift-label{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;font-size:9px;line-height:1.5;letter-spacing:1px;color:#d8bc86}
#free-view .free-gift-label:before,#free-view .free-gift-label:after{content:'';height:1px;flex:1;max-width:24px;background:#c5a16b55}
#free-view .free-case-art{position:relative;isolation:isolate;display:grid;place-items:center;width:100%;aspect-ratio: .78;margin:16px 0 20px}
#free-view .free-case-art:before{content:'';position:absolute;inset:12% -8% 0;background:radial-gradient(ellipse at 50% 55%,#ce812025,transparent 66%);z-index:-1;pointer-events:none}
#free-view .free-case-art:after{content:'';position:absolute;bottom:0;left:17%;right:17%;height:11px;border-radius:50%;background:radial-gradient(ellipse,#ffd08877,#c6822720 50%,transparent 75%);box-shadow:0 0 22px #e09c3825;z-index:-1;pointer-events:none}
#free-view .free-case-art img{display:block;width:100%;height:100%;max-height:385px;object-fit:contain;margin:0;mix-blend-mode:normal;filter:drop-shadow(0 8px 15px #0008);transition:transform .35s ease}
#free-view .free-case-card:hover img{transform:translateY(-5px)}
#free-view .free-case-card button{display:block;margin:auto 0 0;width:100%;min-height:48px;padding:12px 8px;border:1px solid #f9d4a473;border-radius:9px;background:linear-gradient(115deg,#f7d79d,#d9a654);color:#302216;font:700 14px/1.4 var(--font-ui,sans-serif);box-shadow:0 4px 16px #dda9570d;cursor:pointer}
#free-view .free-case-card button:hover{background:linear-gradient(115deg,#ffe5b6,#e9b86a)}
#free-view .free-case-card button:focus-visible{outline:2px solid #f7cd94;outline-offset:4px}
#free-view .free-case-grid>.empty{flex:1 1 100%;max-width:720px;min-height:260px;display:grid;place-content:center;gap:8px;margin:16px auto;padding:30px;border:1px solid #c5a16b38;border-radius:13px;background:radial-gradient(ellipse,#dca44d08,transparent 75%),#0a0e14;color:#96a2b3;font-size:14px;line-height:1.8;text-align:center}
@media(max-width:1100px){#free-view .free-case-grid{gap:14px}#free-view .free-case-card{flex-basis:calc((100% - 28px)/3);padding:18px 14px}#free-view .free-gift-label{font-size:8px;letter-spacing:.7px}}
@media(max-width:720px){#free-view{padding:20px 12px 32px}#free-view .feature-title{margin-bottom:22px}#free-view .feature-title p{font-size:12px}#free-view .free-case-grid{gap:10px}#free-view .free-case-card{flex-basis:calc((100% - 10px)/2);padding:15px 10px 12px;border-radius:10px}#free-view .free-gift-label{font-size:7px;letter-spacing:.4px;gap:4px}#free-view .free-gift-label:before,#free-view .free-gift-label:after{display:none}#free-view .free-case-art{margin:12px 0 16px;aspect-ratio:.72}#free-view .free-case-card button{font-size:11px;padding:10px 5px;min-height:46px}#free-view .free-case-grid>.empty{font-size:12px;min-height:220px}}
@media(prefers-reduced-motion:reduce){#free-view .free-case-card,#free-view .free-case-art img{transition:none}#free-view .free-case-card:hover img{transform:none}}
body:has(#free-view:not([hidden])) main{margin-left:0;margin-right:0;width:100%;max-width:none;padding:0}
#free-view .feature-title{width:auto;position:static;transform:none}

/* Balance columns against the available width and gift count, preserving aligned rows. */
#free-view .free-case-grid{display:grid;grid-template-columns:repeat(var(--gift-columns,1),minmax(0,1fr));justify-content:normal}
#free-view .free-case-card{width:100%;max-width:none}
#free-view .free-case-grid>.empty{width:100%;grid-column:1/-1}