/* Love Token Event - Frontend Styles */

:root {
    --lte-primary: #ff8a3d;
    --lte-primary-glow: rgba(255,138,61,0.5);
    --lte-secondary: #18d2c3;
    --lte-accent: #ffd166;
    --lte-success: #00ff9d;
    --lte-warning: #ffb703;
    --lte-error: #ff2a2a;
    --lte-dark-bg: #0a0a12;
    --lte-glass: rgba(16,16,28,0.85);
    --lte-glass-border: rgba(255,255,255,0.08);
    --lte-text-main: #fff;
    --lte-text-muted: #8b8b9e;
    --lte-font-main: 'Montserrat',system-ui,-apple-system,sans-serif;
    --lte-radius: 16px;
    --lte-transition: cubic-bezier(0.4,0,0.2,1);
    --bg-dark: #08080A;
    --bg-panel: rgba(15,15,20,0.4);
    --border-glass: rgba(255,255,255,0.08);
    --sakura-neon: #18d2c3;
    --sakura-light: #ffd166;
    --card-glow: 0 8px 32px 0 rgba(0,0,0,0.3);
}

/* Keyframes */
@keyframes lte-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
@keyframes lte-pulse-soft { 0%,100%{box-shadow:0 0 15px var(--lte-primary-glow)} 50%{box-shadow:0 0 25px var(--lte-primary-glow)} }
@keyframes lte-shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes lte-fadeIn { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }
@keyframes lte-slideInRight { from{transform:translateX(100px);opacity:0} to{transform:translateX(0);opacity:1} }
@keyframes lte-bounce { from{transform:translateY(0)} to{transform:translateY(-5px)} }
@keyframes lte-modal-pop { from{transform:scale(0.8) translateY(20px);opacity:0} to{transform:scale(1) translateY(0);opacity:1} }
@keyframes lte-rotate { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
@keyframes lte-pulse { 0%{box-shadow:0 0 0 0 rgba(255,138,61,0.4)} 70%{box-shadow:0 0 0 8px rgba(255,138,61,0)} 100%{box-shadow:0 0 0 0 rgba(255,138,61,0)} }
@keyframes sakura-drift { 0%{transform:translateY(-20px) rotate(0) translateX(0);opacity:.8} 25%{transform:translateY(25vh) rotate(90deg) translateX(30px)} 50%{transform:translateY(50vh) rotate(180deg) translateX(-20px)} 75%{transform:translateY(75vh) rotate(270deg) translateX(25px)} 100%{transform:translateY(105vh) rotate(360deg) translateX(-10px);opacity:0} }
@keyframes summer-bingo-open { from{transform:scale(.82) rotate(-2deg);opacity:.35} to{transform:scale(1) rotate(0);opacity:1} }
@keyframes summer-bingo-list-in { from{opacity:0;transform:translateY(10px)} to{opacity:1;transform:translateY(0)} }


/* Base / Layout */
.lte-fullscreen-wrapper { background: radial-gradient(circle at top,#121016 0%,#05050A 100%) !important; font-family:'Outfit','Inter',sans-serif; min-height:100vh; width:100%; position:relative; z-index:10; padding-bottom:100px; }
.lte-gacha-container { padding:60px 20px; max-width:1400px; margin:0 auto; font-family:var(--lte-font-main); }
.lte-gacha-header { text-align:center; margin-bottom:50px; position:relative; }
.lte-gacha-header h1 { font-size:3rem !important; font-weight:900; text-transform:uppercase; letter-spacing:0; text-shadow:0 0 20px rgba(255,138,61,0.2); background:linear-gradient(135deg,#fff 0%,#ffd166 45%,#18d2c3 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; margin-bottom:10px; filter:drop-shadow(0 0 20px rgba(24,210,195,0.22)); }
.lte-gacha-header p { color:var(--lte-text-muted); font-size:1.1rem; max-width:600px; margin:0 auto; }

/* Glass Panel */
.glass-panel { background:var(--bg-panel); border:1px solid var(--border-glass); border-radius:24px; padding:25px; backdrop-filter:blur(10px); box-shadow:0 4px 30px rgba(0,0,0,0.1); }
.glass-panel--centered { text-align:center; padding:60px; max-width:600px; margin:0 auto; }
.glass-panel--zero-pad { padding:0; }

/* Tokens / Balance */
.lte-header-tokens { display:inline-flex; align-items:center; gap:8px; padding:8px 16px; background:rgba(20,20,20,0.6); border:1px solid var(--lte-primary); border-radius:50px; color:var(--lte-text-main); font-weight:700; font-size:14px; margin:0 10px; backdrop-filter:blur(10px); box-shadow:0 0 15px var(--lte-primary-glow); transition:all 0.3s var(--lte-transition); }
.lte-header-tokens:hover { transform:translateY(-2px); box-shadow:0 0 25px var(--lte-primary); }
.lte-token-icon { width:22px; height:22px; filter:drop-shadow(0 0 5px var(--lte-primary)); }
.lte-balance-display { display:inline-flex; align-items:center; gap:12px; background:rgba(255,255,255,0.03); border:1px solid var(--border-glass); padding:15px 30px; border-radius:50px; font-size:1.25rem; font-weight:600; backdrop-filter:blur(10px); box-shadow:inset 0 0 20px rgba(0,0,0,0.2); }
.lte-balance-value { font-size:1.5rem; text-shadow:0 0 10px rgba(255,209,102,0.4); }
.lte-login-notice { margin-top:30px; }


/* Tabs */
.lte-shop-tabs { display:inline-flex; background:rgba(15,15,20,0.6); border:1px solid var(--border-glass); border-radius:30px; padding:5px; backdrop-filter:blur(15px); margin-bottom:40px; }
.lte-tab-btn { border-radius:25px; border:none; color:#aaa; background:transparent; padding:12px 30px; transition:0.3s all ease; display:inline-flex; align-items:center; gap:8px; font-size:1rem; font-weight:700; cursor:pointer; text-transform:uppercase; letter-spacing:1px; }
.lte-tab-btn svg { pointer-events:none; }
.lte-tab-btn.active { color:#fff; background:rgba(255,255,255,0.08); box-shadow:0 0 15px rgba(0,0,0,0.2); border:1px solid rgba(255,255,255,0.15); }
.lte-tab-btn:hover { background:var(--lte-primary); color:#fff; box-shadow:0 0 20px var(--lte-primary-glow); border-color:var(--lte-primary); transform:translateY(-2px); }
.lte-shop-content { display:none; animation:lte-fadeIn 0.5s ease; }
.lte-shop-content.active { display:block; }

/* Spring Bloom Grid */
.spring-bloom-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:start; max-width:1400px; margin:0 auto; }
.bloom-info-col { display:flex; flex-direction:column; gap:30px; }

/* Bloom Map / Tree */
.bloom-map-col { padding:0; overflow:hidden; position:relative; }
.bloom-map-bg { position:absolute; top:0; left:0; width:100%; height:100%; background:radial-gradient(circle at 50% 30%,rgba(255,255,255,0.03) 0%,transparent 60%); z-index:0; }
.bloom-map-header { padding:30px 30px 0 30px; position:relative; z-index:1; }
.bloom-map-header h2 { margin:0; }
.bloom-map-header p { color:var(--lte-text-muted); font-size:0.9rem; }
.bloom-tree-wrapper { position:relative; z-index:1; display:flex; justify-content:center; padding-bottom:20px; }
.bloom-tree-wrapper svg { max-width:100%; height:auto; filter:drop-shadow(0 20px 30px rgba(0,0,0,0.3)); }
.bloom-tree-wrapper > svg:not(.summer-beach-svg) { display:none; }
.summer-beach-svg { width:100%; min-height:520px; border-radius:0 0 24px 24px; }

/* Summer Bingo */
.summer-bingo-panel { margin-bottom:30px; }
.summer-bingo-claim:disabled { opacity:.55; cursor:not-allowed; transform:none; }
.summer-bingo-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:7px; background:rgba(0,0,0,0.26); border:1px solid rgba(255,255,255,0.06); border-radius:16px; padding:10px; }
.summer-bingo-tile { aspect-ratio:1/1; position:relative; overflow:hidden; border-radius:8px; background:#111; border:1px solid rgba(255,255,255,0.06); }
.summer-bingo-tile img { width:100%; height:100%; object-fit:cover; display:block; filter:grayscale(1) brightness(.48); opacity:.75; }
.summer-bingo-tile.active { border-color:#ff7a1a; box-shadow:0 0 0 1px rgba(255,122,26,.55),0 0 24px rgba(255,122,26,.25); }
.summer-bingo-tile.active img { filter:none; opacity:.35; }
.summer-bingo-tile.completed { border-color:#00ff9d; box-shadow:0 0 0 1px rgba(0,255,157,.55),0 0 22px rgba(0,255,157,.2); }
.summer-bingo-mission { position:absolute; inset:0; display:flex; flex-direction:column; justify-content:center; align-items:center; gap:10px; text-align:center; padding:10px; background:rgba(255,88,0,.88); color:#fff; font-size:12px; line-height:1.25; font-weight:800; }
.summer-bingo-mission em { font-style:normal; font-size:10px; text-transform:uppercase; letter-spacing:.04em; opacity:.82; max-width:100%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.summer-bingo-mission span { font-size:14px; }
.summer-bingo-tile.completed .summer-bingo-mission { background:rgba(0,128,92,.88); }
.summer-bingo-rewards { display:flex; flex-wrap:wrap; gap:8px; margin-top:14px; }
.summer-bingo-rewards span { border:1px solid rgba(255,255,255,.1); background:rgba(255,255,255,.05); border-radius:999px; color:#fff; padding:6px 10px; font-size:12px; font-weight:700; }


/* Stats */
.bloom-stats { display:flex; gap:20px; margin-bottom:30px; }
.bloom-stat { flex:1; background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.05); border-radius:16px; padding:20px; text-align:center; }
.bloom-stat-value { font-size:2.2rem; font-weight:800; color:#fff; text-shadow:0 0 15px rgba(255,255,255,0.1); line-height:1; margin-bottom:5px; }
.bloom-stat-label { color:#aaa; font-size:0.8rem; text-transform:uppercase; letter-spacing:1px; font-weight:700; }

/* Spring Card Inventory */
.spring-card-inventory__header { display:flex; align-items:center; justify-content:space-between; margin-bottom:20px; }
.spring-card-inventory__header h3 { margin:0 0 5px; color:#fff; }
.spring-card-inventory__header p { margin:0; font-size:12px; color:#aaa; }
.spring-card-inventory__cta { background:rgba(255,255,255,0.1); border-radius:8px; padding:8px 15px; font-size:14px; text-decoration:none; display:inline-flex; align-items:center; gap:8px; }
.spring-card-collection { background:rgba(0,0,0,0.2); border-radius:16px; padding:15px; margin-bottom:15px; border:1px solid rgba(255,255,255,0.05); }
.spring-card-collection__top { display:flex; gap:15px; align-items:center; margin-bottom:15px; }
.spring-card-collection__cover { width:60px; height:60px; border-radius:12px; object-fit:cover; }
.spring-card-collection__name { font-weight:bold; color:#fff; }
.spring-card-collection__meta { font-size:12px; color:#aaa; margin-bottom:5px; }
.spring-card-collection__claimed { color:var(--sakura-neon); margin-left:10px; }
.spring-card-items { display:grid; grid-template-columns:repeat(auto-fill,minmax(70px,1fr)); gap:10px; }
.spring-card-item { background:rgba(255,255,255,0.02); border-radius:8px; padding:5px; text-align:center; }
.spring-card-item.owned { border:1px solid var(--sakura-neon); background:rgba(24,210,195,0.1); }
.spring-card-item img { width:100%; border-radius:6px; }
.spring-card-item span { font-size:10px; display:block; margin-top:5px; color:#ccc; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

/* Milestones */
.bloom-milestones { max-height:400px; overflow-y:auto; padding-right:10px; margin-top:20px; }
.bloom-milestone { background:rgba(255,255,255,0.03); border:1px solid rgba(255,255,255,0.05); padding:15px; border-radius:12px; margin-bottom:15px; position:relative; display:flex; align-items:center; gap:20px; transition:all 0.3s ease; }
.bloom-milestone.reached { border-color:rgba(255,209,102,0.5); background:rgba(255,209,102,0.08); }
.bloom-milestone-info { flex:1; }
.bloom-milestone-title { font-weight:bold; color:#fff; display:flex; align-items:center; gap:10px; font-size:1.1rem; line-height:1.2; }
.bloom-milestone-badge { background:rgba(255,255,255,0.1); padding:2px 6px; border-radius:12px; color:#aaa; font-size:10px; white-space:nowrap; }
.bloom-milestone-progress-text { font-size:12px; color:#aaa; margin:8px 0; }
.bloom-milestone-bar { width:100%; height:6px; background:rgba(255,255,255,0.1); border-radius:3px; overflow:hidden; }
.bloom-milestone-bar-fill { height:100%; background:linear-gradient(90deg,#18d2c3,#ffd166,#ff8a3d); border-radius:3px; transition:width 0.5s ease; }
.bloom-milestone-rewards { display:flex; flex-direction:column; gap:8px; min-width:140px; }
.bloom-milestone-reward { background:rgba(0,0,0,0.3); padding:6px 10px; border-radius:8px; font-size:11px; display:flex; align-items:center; gap:8px; border:1px solid rgba(255,255,255,0.1); color:#ddd; line-height:1.2; word-break:break-word; }
.bloom-milestone-reward img { width:16px; height:16px; object-fit:contain; border-radius:3px; flex-shrink:0; }
.bloom-milestone-reward-icon { display:flex; align-items:center; opacity:0.8; flex-shrink:0; }


/* Package & Product Cards */
.lte-packages-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(320px,1fr)); gap:30px; perspective:1000px; }
.lte-products-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(260px,1fr)); gap:25px; perspective:1000px; }
.lte-package-card,.product-card { background:rgba(18,18,24,0.92); border-radius:24px; border:1px solid rgba(255,255,255,0.07); overflow:hidden; position:relative; transition:all 0.3s ease; transform-style:preserve-3d; box-shadow:0 10px 28px rgba(0,0,0,0.22); display:flex; flex-direction:column; padding:25px; min-height:auto; height:100%; }
.lte-package-card:hover,.product-card:hover { transform:translateY(-5px) scale(1.02); box-shadow:0 14px 34px rgba(0,0,0,0.28); border-color:rgba(255,255,255,0.12); }
.lte-package-card::after { content:''; position:absolute; top:0; left:0; width:100%; height:2px; background:var(--card-accent,#ffd166); z-index:2; box-shadow:0 2px 10px var(--card-accent,#ffd166); opacity:0.8; }
.lte-package-card::before { display:none; }
.lte-gradient-1 { --card-accent:#18d2c3; }
.lte-gradient-2 { --card-accent:#ffd166; }
.lte-gradient-3 { --card-accent:#ff8a3d; }
.lte-gradient-4 { --card-accent:#7de2ff; }
.lte-gradient-5 { --card-accent:#ff6f61; }

.lte-stock-badge { position:absolute; top:20px; right:20px; background:rgba(26,26,32,0.96); border:1px solid rgba(255,255,255,0.12); box-shadow:inset 0 1px 0 rgba(255,255,255,0.05); padding:5px 10px; border-radius:20px; font-size:11px; font-weight:bold; z-index:10; }

.lte-package-content { padding:0; position:relative; z-index:1; flex:1; display:flex; flex-direction:column; }
.lte-package-name { font-size:1.2rem; font-weight:800; margin-bottom:10px; color:#fff; line-height:1.2; letter-spacing:0; margin-top:5px; }
.lte-package-name--large { font-size:1.4rem; margin-bottom:10px; }
.lte-package-name--small { font-size:1.1rem; margin-bottom:5px; }
.lte-package-description { font-size:0.95rem; color:var(--lte-text-muted); margin-bottom:15px; line-height:1.5; }
.lte-package-cost { display:inline-flex; align-items:center; gap:8px; font-size:1.1rem; color:#fff; font-weight:800; background:linear-gradient(90deg,rgba(255,209,102,0.16),transparent); padding:8px 16px; border-radius:50px; margin-bottom:20px; align-self:flex-start; border-left:3px solid var(--lte-primary); }
.lte-package-cost svg { filter:drop-shadow(0 0 5px var(--lte-primary)); width:1.25em; height:1.25em; flex-shrink:0; }

.lte-package-rewards-box { background:rgba(0,0,0,0.2); border-radius:12px; padding:15px; margin-bottom:25px; }
.lte-package-rewards-title { font-size:11px; color:#888; font-weight:bold; margin-bottom:10px; letter-spacing:1px; text-transform:uppercase; }
.lte-reward-preview-list { display:flex; flex-direction:column; gap:8px; }
.lte-reward-preview-item { display:flex; align-items:center; justify-content:space-between; gap:12px; background:rgba(0,0,0,0.28); border:1px solid rgba(255,255,255,0.08); border-radius:12px; padding:8px 10px; }
.lte-reward-preview-item--plain { background:transparent; border:0; border-radius:0; padding:2px 0; }
.lte-reward-preview-main { display:flex; align-items:center; gap:10px; min-width:0; flex:1; }
.lte-reward-preview-thumb { width:28px; height:28px; object-fit:contain; border-radius:6px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08); flex:0 0 auto; }
.lte-reward-preview-item--plain .lte-reward-preview-thumb { background:transparent; border:0; border-radius:0; }
.lte-reward-preview-icon { width:28px; height:28px; display:inline-flex; align-items:center; justify-content:center; opacity:0.85; flex:0 0 auto; }
.lte-reward-preview-label { color:#ddd; line-height:1.25; font-size:12px; word-break:break-word; }
.lte-reward-chance { font-size:11px; font-weight:bold; padding:3px 8px; border-radius:10px; }
.lte-reward-chance--guaranteed { background:rgba(142,240,183,0.1); color:#8ef0b7; }
.lte-reward-chance--normal { background:rgba(255,255,255,0.05); color:#aaa; }


/* Product Preview */
.lte-product-preview { background:rgba(0,0,0,0.3); border:1px solid rgba(255,255,255,0.05); border-radius:16px; width:100px; height:100px; margin:0 auto 20px; display:flex; justify-content:center; align-items:center; overflow:hidden; position:relative; }
.lte-product-preview img { width:78px; height:78px; object-fit:contain; border-radius:12px; }
.lte-product-preview-label { margin:-8px 0 18px; color:#cfcfcf; font-size:0.85rem; line-height:1.35; min-height:2.3em; }
.lte-preview-generic svg { width:64px; height:64px; opacity:0.5; }
.lte-preview-generic--scale { transform:scale(2); opacity:0.8; }

/* Buttons */
.lte-spin-btn { width:100%; padding:16px; margin-top:auto; background:var(--lte-primary); border:none; border-radius:16px; color:#fff; font-size:1.05rem; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; cursor:pointer; position:relative; overflow:hidden; transition:all 0.3s ease; box-shadow:0 10px 20px -5px var(--lte-primary-glow); }
.lte-spin-btn:hover:not(:disabled) { transform:translateY(-3px); box-shadow:0 15px 30px -5px var(--lte-primary-glow); background:#ffd166; }
.lte-spin-btn:disabled { background:#2a2a35; color:#555; box-shadow:none; transform:none; cursor:not-allowed; border:1px solid rgba(255,255,255,0.05); }
.lte-spin-btn--large { width:100%; padding:15px; font-size:1rem; }
.lte-spin-btn--medium { width:100%; padding:12px; font-size:0.9rem; }
.lte-join-party-btn { padding:14px 35px; background:var(--lte-primary); border:none; border-radius:50px; color:#fff; font-weight:700; font-size:1rem; cursor:pointer; box-shadow:0 0 20px var(--lte-primary-glow); transition:all 0.3s; display:inline-flex; align-items:center; gap:8px; text-decoration:none; }
.lte-join-party-btn:hover { transform:scale(1.05); background:#fff; color:var(--lte-primary); box-shadow:0 0 30px rgba(255,255,255,0.5); }

/* How to Earn */
.lte-how-to-earn { margin-top:80px; }
.lte-how-to-earn__title { text-align:center; margin-bottom:40px; font-size:2rem; text-transform:uppercase; letter-spacing:2px; color:#fff; }
.lte-how-to-earn__title span { color:#aaa; }
.lte-how-to-earn__grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr)); gap:30px; }
.lte-earn-card { text-align:center; }
.lte-earn-card__icon { width:80px; height:80px; border-radius:50%; display:flex; justify-content:center; align-items:center; margin:0 auto 25px; box-shadow:0 10px 30px rgba(0,0,0,0.3); }
.lte-earn-card__icon--play { background:linear-gradient(135deg,#444,#666); }
.lte-earn-card__icon--party { background:linear-gradient(135deg,#4facfe,#00f2fe); box-shadow:0 10px 30px rgba(0,242,254,0.3); }
.lte-earn-card h3 { font-size:1.5rem; margin-bottom:15px; color:#fff; }
.lte-earn-card p { color:#aaa; line-height:1.6; }


/* Gacha Overlay / Modal */
.lte-gacha-overlay { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(5,5,10,0.95); backdrop-filter:blur(20px); z-index:10000; justify-content:center; align-items:center; perspective:1000px; }
.lte-gacha-overlay.active { display:flex; animation:lte-fadeIn 0.3s ease; }
.lte-result-modal { background:#0f0f15; border:1px solid rgba(255,255,255,0.08); border-radius:24px; padding:30px 25px; max-width:380px; width:90%; text-align:center; box-shadow:0 20px 60px rgba(0,0,0,0.6); position:relative; overflow:hidden; animation:lte-modal-pop 0.3s cubic-bezier(0.34,1.56,0.64,1); max-height:80vh; display:flex; flex-direction:column; }
.lte-result-modal::before { content:''; position:absolute; top:0; left:0; right:0; height:1px; background:linear-gradient(90deg,transparent,var(--lte-primary),transparent); opacity:0.5; }
.lte-result-title { font-size:1.4rem; margin-bottom:20px; margin-top:10px; color:#fff; letter-spacing:0; }
.lte-won-items { display:grid; gap:15px; margin-bottom:40px; overflow-y:auto; flex-grow:1; min-height:0; padding-right:4px; }
.lte-won-item { padding:15px; background:rgba(255,255,255,0.03); border-radius:16px; margin-bottom:20px; border:1px solid rgba(255,255,255,0.05); display:flex; align-items:center; gap:20px; animation:lte-slideInRight 0.5s ease forwards; opacity:0; transition:transform 0.2s; }
.lte-won-item:hover { transform:scale(1.02); background:rgba(255,255,255,0.05); }
.lte-won-item:nth-child(1){animation-delay:0.1s}
.lte-won-item:nth-child(2){animation-delay:0.2s}
.lte-won-item:nth-child(3){animation-delay:0.3s}
.lte-won-icon { font-size:2.5rem; display:flex; justify-content:center; align-items:center; width:60px; height:60px; background:rgba(255,255,255,0.05); border-radius:12px; }
.lte-won-icon svg { filter:drop-shadow(0 0 5px rgba(255,255,255,0.3)); }
.lte-won-label { font-size:1.2rem; font-weight:700; color:var(--lte-text-main); text-align:left; }
.lte-missed-section { margin-top:30px; padding-top:30px; border-top:1px solid rgba(255,255,255,0.1); }
.lte-missed-title { font-size:0.85rem; text-transform:uppercase; color:var(--lte-text-muted); margin-bottom:15px; letter-spacing:1px; font-weight:700; }
.lte-missed-items { display:flex; flex-wrap:wrap; gap:10px; justify-content:center; }
.lte-missed-item { background:rgba(255,255,255,0.03); padding:8px 16px; border-radius:50px; font-size:0.9rem; color:var(--lte-text-muted); border:1px solid transparent; }
.lte-close-result { width:100%; padding:12px; border-radius:12px; font-size:0.9rem; text-transform:uppercase; letter-spacing:1px; background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.1); color:#fff; transition:all 0.2s; cursor:pointer; flex-shrink:0; margin-top:0; }
.lte-close-result:hover { background:var(--lte-primary); border-color:var(--lte-primary); transform:translateY(-2px); }


/* Watch Party Widget */
.lte-watch-party-widget { background:linear-gradient(160deg,#1a1a2e 0%,#16213e 100%); border-radius:20px; padding:30px; margin:40px 0; position:relative; border:1px solid var(--lte-glass-border); overflow:hidden; }
.lte-watch-party-widget::before { content:''; position:absolute; top:-50%; left:-50%; width:200%; height:200%; background:radial-gradient(circle,rgba(24,210,195,0.1) 0%,transparent 60%); animation:lte-rotate 20s linear infinite; pointer-events:none; }
.lte-wp-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; position:relative; z-index:2; }
.lte-wp-title { font-size:1.4rem; font-weight:800; display:flex; align-items:center; gap:12px; }
.lte-wp-countdown { font-family:'Courier New',monospace; font-size:1.8rem; font-weight:700; color:var(--lte-primary); text-shadow:0 0 10px var(--lte-primary-glow); background:rgba(0,0,0,0.3); padding:5px 15px; border-radius:8px; border:1px solid rgba(255,209,102,0.2); }
.lte-wp-content { display:flex; gap:25px; align-items:center; position:relative; z-index:2; }
.lte-wp-poster { width:120px; height:170px; object-fit:cover; border-radius:12px; box-shadow:0 10px 20px rgba(0,0,0,0.5); border:1px solid rgba(255,255,255,0.1); }
.lte-wp-info { flex:1; }
.lte-wp-anime-title { font-size:1.5rem; font-weight:700; margin-bottom:8px; line-height:1.3; }
.lte-wp-episode { color:var(--lte-text-muted); font-size:1rem; margin-bottom:20px; display:flex; align-items:center; gap:8px; }

/* Quiz Modal */
.lte-quiz-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.9); backdrop-filter:blur(10px); z-index:10000; justify-content:center; align-items:center; padding:20px; }
.lte-quiz-modal.active { display:flex; }
.lte-quiz-container { background:#151520; border-radius:24px; padding:40px; max-width:700px; width:100%; border:1px solid var(--lte-glass-border); box-shadow:0 20px 60px rgba(0,0,0,0.5); position:relative; overflow:hidden; }
.lte-quiz-container::before { content:''; position:absolute; top:0; left:0; right:0; height:5px; background:linear-gradient(90deg,var(--lte-primary),var(--lte-secondary)); }
.lte-quiz-question-text { font-size:1.5rem; font-weight:600; margin-bottom:30px; line-height:1.5; }
.lte-quiz-options { display:flex; flex-direction:column; gap:15px; }
.lte-quiz-option { padding:20px; background:rgba(255,255,255,0.03); border:1px solid var(--lte-glass-border); border-radius:12px; cursor:pointer; transition:all 0.2s; font-size:1.1rem; position:relative; }
.lte-quiz-option:hover { background:rgba(255,255,255,0.08); transform:translateX(5px); border-color:rgba(255,255,255,0.2); }
.lte-quiz-option.selected { background:rgba(255,209,102,0.1); border-color:var(--lte-primary); box-shadow:0 0 15px rgba(255,138,61,0.15); }
.lte-quiz-option.correct { background:rgba(0,255,157,0.15); border-color:var(--lte-success); color:var(--lte-success); }
.lte-quiz-option.wrong { background:rgba(255,42,42,0.15); border-color:var(--lte-error); color:var(--lte-error); }


/* Notifications */
.lte-token-notification { position:fixed; top:100px; right:30px; background:rgba(20,20,30,0.9); border-left:4px solid var(--lte-primary); color:#fff; padding:20px 30px; border-radius:12px; z-index:10000; box-shadow:0 10px 40px rgba(0,0,0,0.5); animation:lte-slideInRight 0.4s cubic-bezier(0.175,0.885,0.32,1.275); display:flex; align-items:center; gap:15px; backdrop-filter:blur(10px); font-weight:600; }
.lte-token-notification img { width:32px; height:32px; animation:lte-bounce 0.5s infinite alternate; }

/* User Stats Banner */
.lte-user-stats-banner { display:flex; align-items:center; gap:12px; background:linear-gradient(90deg,rgba(24,210,195,0.15),rgba(20,20,30,0.8)); border:1px solid rgba(24,210,195,0.4); border-radius:12px; padding:12px 15px; margin-bottom:12px; text-decoration:none; position:relative; overflow:hidden; transition:all 0.3s ease; box-shadow:0 4px 15px rgba(24,210,195,0.15); }
.lte-user-stats-banner:hover { transform:translateY(-2px); box-shadow:0 6px 20px rgba(255,138,61,0.22); border-color:#ffd166; background:linear-gradient(90deg,rgba(255,209,102,0.16),rgba(20,20,30,0.9)); }
.lte-usb-icon { width:40px; height:40px; background:rgba(24,210,195,0.1); border-radius:50%; display:flex; align-items:center; justify-content:center; flex-shrink:0; animation:lte-pulse 2s infinite; }
.lte-usb-content { flex:1; min-width:0; }
.lte-usb-title { color:#ffd166; font-weight:800; font-size:0.85rem; text-transform:uppercase; margin-bottom:2px; letter-spacing:0.5px; }
.lte-usb-desc { color:#ffd; font-size:0.75rem; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.lte-usb-arrow { color:#ffd166; opacity:0.7; transition:transform 0.2s; }
.lte-user-stats-banner:hover .lte-usb-arrow { transform:translateX(3px); opacity:1; }

/* Utility Classes */
.text-center { text-align:center; }
.mt-30 { margin-top:30px; }

/* Type Badge */
.lte-type-badge { position:absolute; top:15px; right:15px; background:rgba(0,0,0,0.6); backdrop-filter:blur(5px); padding:4px 10px; border-radius:8px; font-size:0.75rem; font-weight:700; text-transform:uppercase; color:rgba(255,255,255,0.8); border:1px solid rgba(255,255,255,0.1); z-index:3; }


/* Media Queries */
@media (max-width:992px) {
    .spring-bloom-grid { grid-template-columns:1fr; }
    .lte-gacha-header h1 { font-size:2.5rem !important; }
    .bloom-stats { flex-wrap:wrap; }
}

@media (max-width:768px) {
    .lte-gacha-header h1 { font-size:2.2rem !important; }
    .lte-gacha-container { padding:40px 15px; }
    .lte-packages-grid { grid-template-columns:1fr; }
    .lte-products-grid { grid-template-columns:repeat(2,1fr); }
    .lte-wp-content { flex-direction:column; text-align:center; }
    .lte-wp-poster { width:140px; height:200px; margin-bottom:15px; }
    .lte-shop-tabs { flex-direction:column; width:100%; }
    .lte-tab-btn { width:100%; justify-content:center; }
    .spring-card-inventory__header { flex-direction:column; align-items:flex-start; gap:10px; }
    .bloom-milestone { flex-direction:column; gap:10px; }
    .bloom-milestone-rewards { min-width:auto; width:100%; }
    .summer-bingo-grid { gap:4px; padding:6px; }
    .summer-bingo-mission { font-size:10px; padding:5px; }
    .summer-bingo-mission span { font-size:12px; }
}

@media (min-width:769px) and (max-width:1200px) {
    .lte-packages-grid { grid-template-columns:repeat(2,1fr); }
}

@media (min-width:1201px) {
    .lte-packages-grid { grid-template-columns:repeat(3,1fr); }
}

/* Eveniment Inactiv Panel */
.lte-event-inactive h2 { color:var(--sakura-light); margin-bottom:10px; }
.lte-event-inactive p { color:var(--lte-text-muted); }

/* Empty States */
.lte-empty-state { text-align:center; padding:60px; }
.lte-empty-state__icon { opacity:0.5; margin-bottom:20px; }


/* Empty Text */
.lte-empty-text { text-align:center; padding:20px 0; color:#888; }

/* Preview Generic Scale */
.lte-preview-generic--scale { transform:scale(2); opacity:0.8; display:flex; justify-content:center; align-items:center; }

/* Product Card specific */
.product-card { text-align:center; padding:25px; }

/* Summer Event Premium Refresh */
.lte-fullscreen-wrapper {
    --lte-primary:#ff8a3d;
    --lte-primary-glow:rgba(255,138,61,0.42);
    --lte-secondary:#18d2c3;
    --lte-accent:#ffd166;
    --lte-glass:rgba(7,22,34,0.74);
    --lte-glass-border:rgba(179,239,255,0.18);
    --lte-text-muted:#b5c8d3;
    background:
        radial-gradient(circle at 12% 8%,rgba(255,209,102,0.2),transparent 27%),
        radial-gradient(circle at 88% 18%,rgba(24,210,195,0.2),transparent 30%),
        linear-gradient(180deg,#06131f 0%,#082334 47%,#04101a 100%) !important;
    overflow:hidden;
}
.lte-fullscreen-wrapper::before {
    content:'';
    position:absolute;
    inset:0;
    background:
        linear-gradient(rgba(255,255,255,0.025) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,0.02) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,rgba(0,0,0,0.75),transparent 78%);
    pointer-events:none;
}
.lte-fullscreen-wrapper::after {
    content:'';
    position:absolute;
    left:-12%;
    right:-12%;
    top:360px;
    height:180px;
    background:
        radial-gradient(ellipse at 20% 100%,rgba(255,255,255,0.2),transparent 46%),
        linear-gradient(180deg,rgba(24,210,195,0.22),rgba(9,96,137,0.08) 55%,transparent);
    clip-path:polygon(0 28%,8% 35%,16% 26%,25% 36%,35% 24%,48% 34%,60% 23%,73% 34%,86% 24%,100% 32%,100% 100%,0 100%);
    pointer-events:none;
}
.lte-gacha-container {
    position:relative;
    z-index:1;
    max-width:1440px;
    padding:42px 22px 90px;
}
.summer-hero {
    display:grid;
    grid-template-columns:minmax(0,1.05fr) minmax(320px,0.95fr);
    gap:36px;
    align-items:center;
    min-height:520px;
    margin-bottom:30px;
    padding:58px;
    text-align:left;
    border:1px solid rgba(180,244,255,0.24);
    border-radius:28px;
    background:
        linear-gradient(120deg,rgba(7,28,43,0.94),rgba(10,52,72,0.84) 58%,rgba(255,168,73,0.18)),
        radial-gradient(circle at 78% 20%,rgba(255,209,102,0.24),transparent 24%);
    box-shadow:0 34px 90px rgba(0,0,0,0.44), inset 0 1px 0 rgba(255,255,255,0.08);
    overflow:hidden;
}
.summer-hero::before {
    content:'';
    position:absolute;
    inset:auto -10% 0 -10%;
    height:160px;
    background:linear-gradient(180deg,transparent,rgba(24,210,195,0.18));
    clip-path:polygon(0 40%,10% 48%,20% 36%,31% 49%,45% 35%,58% 48%,71% 34%,84% 47%,100% 36%,100% 100%,0 100%);
}
.summer-hero-copy,
.summer-hero-art {
    position:relative;
    z-index:1;
}
.summer-hero-kicker {
    display:inline-flex;
    align-items:center;
    gap:8px;
    width:max-content;
    max-width:100%;
    margin-bottom:18px;
    padding:8px 12px;
    border:1px solid rgba(255,209,102,0.34);
    border-radius:999px;
    background:rgba(255,209,102,0.1);
    color:#ffe6a3;
    font-size:0.82rem;
    font-weight:800;
    letter-spacing:0;
    text-transform:uppercase;
}
.summer-hero h1 {
    max-width:780px;
    margin:0 0 18px;
    font-size:clamp(3rem,6.6vw,6.8rem) !important;
    line-height:0.92;
    letter-spacing:0 !important;
    text-align:left;
    text-transform:none;
    background:linear-gradient(135deg,#fff 5%,#fff0b8 42%,#54f0e1 86%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
    filter:none;
    text-shadow:none;
}
.summer-hero p {
    max-width:650px;
    margin:0 0 28px;
    color:#d3e8ef;
    font-size:1.08rem;
    line-height:1.7;
    text-align:left;
}
.summer-hero-actions {
    display:flex;
    align-items:center;
    flex-wrap:wrap;
    gap:14px;
    margin-bottom:24px;
}
.summer-hero .lte-balance-display {
    margin:0;
    border-color:rgba(255,209,102,0.38);
    background:rgba(2,17,26,0.58);
    color:#fff;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),0 16px 38px rgba(0,0,0,0.25);
}
.summer-hero-art {
    display:flex;
    align-items:center;
    justify-content:center;
    min-height:420px;
}
.summer-hero-art svg {
    width:min(100%,560px);
    height:auto;
    filter:drop-shadow(0 30px 44px rgba(0,0,0,0.38));
    animation:lte-float 5.4s ease-in-out infinite;
}
.lte-shop-tabs {
    display:flex;
    width:min(100%,920px);
    margin:0 auto 36px;
    padding:7px;
    border-radius:20px;
    background:rgba(3,18,28,0.72);
    border:1px solid rgba(180,244,255,0.18);
    box-shadow:0 18px 45px rgba(0,0,0,0.28);
}
.lte-tab-btn {
    flex:1;
    justify-content:center;
    border-radius:15px;
    padding:14px 20px;
    color:#cce9ef;
    letter-spacing:0;
    text-transform:none;
}
.lte-tab-btn.active,
.lte-tab-btn:hover {
    color:#06131f;
    background:linear-gradient(135deg,#ffd166,#ff8a3d 48%,#18d2c3);
    border-color:transparent;
    box-shadow:0 12px 26px rgba(255,138,61,0.25);
}
.spring-bloom-grid {
    grid-template-columns:minmax(0,1.12fr) minmax(380px,0.88fr);
    gap:24px;
}
.glass-panel {
    border-color:rgba(180,244,255,0.16);
    background:linear-gradient(180deg,rgba(8,31,47,0.78),rgba(5,18,28,0.78));
    box-shadow:0 22px 56px rgba(0,0,0,0.28), inset 0 1px 0 rgba(255,255,255,0.06);
}
.bloom-map-col {
    border-radius:26px;
    background:linear-gradient(180deg,rgba(8,43,62,0.9),rgba(4,20,31,0.92));
}
.bloom-map-header {
    padding:32px 34px 4px;
}
.bloom-map-header h2,
.spring-card-inventory__header h3 {
    letter-spacing:0;
    color:#fff;
}
.bloom-map-header p,
.spring-card-inventory__header p {
    color:#b5c8d3;
}
.summer-beach-svg {
    min-height:440px;
    max-height:540px;
    padding:0 12px 18px;
    filter:drop-shadow(0 28px 34px rgba(0,0,0,0.32));
}
.bloom-stats {
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:14px;
}
.bloom-stat {
    border-radius:18px;
    border-color:rgba(255,209,102,0.18);
    background:linear-gradient(145deg,rgba(255,209,102,0.11),rgba(24,210,195,0.08));
    text-align:left;
}
.bloom-stat-value {
    color:#fff6cd;
}
.bloom-stat-label {
    color:#bbd4dc;
    letter-spacing:0;
}
.summer-bingo-panel {
    position:relative;
    overflow:hidden;
    border-color:rgba(255,138,61,0.28);
}
.summer-bingo-panel::before {
    content:'';
    position:absolute;
    inset:0;
    background:radial-gradient(circle at 100% 0,rgba(255,138,61,0.16),transparent 32%);
    pointer-events:none;
}
.summer-bingo-panel > * {
    position:relative;
    z-index:1;
}
.summer-bingo-actions {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    min-width:max-content;
}
.summer-bingo-grid {
    gap:8px;
    padding:12px;
    border-radius:18px;
    background:rgba(0,10,16,0.5);
    border-color:rgba(180,244,255,0.12);
}
.summer-bingo-grid.is-locked {
    position:relative;
}
.summer-bingo-grid.is-locked::after {
    content:'Genereaza ca sa vezi 3 misiuni';
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:max-content;
    max-width:86%;
    padding:10px 14px;
    border:1px solid rgba(255,209,102,0.28);
    border-radius:999px;
    background:rgba(4,16,25,0.82);
    color:#fff4c8;
    font-size:12px;
    font-weight:800;
    text-align:center;
    box-shadow:0 16px 34px rgba(0,0,0,0.32);
    pointer-events:none;
}
.summer-bingo-tile {
    border-radius:10px;
    background:linear-gradient(145deg,rgba(10,44,62,0.92),rgba(4,16,25,0.96));
    border-color:rgba(255,255,255,0.08);
}
.summer-bingo-tile.missing-image::before {
    content:'';
    position:absolute;
    inset:0;
    background:
        radial-gradient(circle at 32% 26%,rgba(255,209,102,0.16),transparent 26%),
        linear-gradient(145deg,rgba(24,210,195,0.12),rgba(255,138,61,0.08));
    opacity:.65;
}
.summer-bingo-tile img {
    filter:grayscale(1) saturate(0.2) brightness(0.42);
    opacity:0.62;
}
.summer-bingo-grid.is-selecting .summer-bingo-tile {
    border-color:rgba(180,244,255,0.12);
    box-shadow:none;
    transition:opacity .42s ease,filter .42s ease,transform .42s ease,border-color .42s ease;
}
.summer-bingo-grid.is-selecting .summer-bingo-tile img {
    filter:grayscale(.35) saturate(.72) brightness(.48);
    opacity:.62;
    transition:opacity .42s ease,filter .42s ease;
}
.summer-bingo-grid.is-selecting .summer-bingo-tile.is-eliminated {
    transform:scale(.96);
    border-color:rgba(255,255,255,0.035);
    box-shadow:none;
}
.summer-bingo-grid.is-selecting .summer-bingo-tile.is-eliminated img {
    filter:grayscale(1) saturate(0) brightness(.2) contrast(.88);
    opacity:.28;
}
.summer-bingo-grid.is-generated .summer-bingo-tile.inactive {
    background:#07121b;
    border-color:rgba(255,255,255,0.055);
}
.summer-bingo-grid.is-generated .summer-bingo-tile.inactive img {
    filter:grayscale(1) saturate(0) brightness(.35) contrast(.9);
    opacity:.46;
}
.summer-bingo-grid.reveal-complete .summer-bingo-tile.active {
    animation:summer-bingo-open .42s cubic-bezier(.2,.9,.2,1) both;
    animation-delay:var(--reveal-delay,0ms);
}
.summer-bingo-tile.active {
    border-color:#ffd166;
    box-shadow:0 0 0 1px rgba(255,209,102,0.6),0 0 28px rgba(255,138,61,0.24);
}
.summer-bingo-tile.active img {
    filter:saturate(1.08) contrast(1.05);
    opacity:0.52;
}
.summer-bingo-tile.completed {
    border-color:#18d2c3;
    box-shadow:0 0 0 1px rgba(24,210,195,0.65),0 0 26px rgba(24,210,195,0.22);
}
.summer-bingo-mission {
    gap:6px;
    padding:8px;
    background:linear-gradient(150deg,rgba(255,138,61,0.9),rgba(255,91,88,0.88));
    font-size:10px;
    line-height:1.1;
    overflow:hidden;
}
.summer-bingo-mission em {
    max-width:100%;
    letter-spacing:0;
    color:#fff4c8;
    display:block;
    white-space:nowrap;
    font-size:10px;
    line-height:1;
    text-transform:uppercase;
}
.summer-bingo-mission span {
    padding:5px 10px;
    border-radius:999px;
    background:rgba(0,0,0,0.2);
    color:#fff;
    font-size:16px;
    line-height:1;
    font-weight:900;
}
.summer-bingo-tile.completed .summer-bingo-mission {
    background:linear-gradient(150deg,rgba(24,210,195,0.92),rgba(7,116,130,0.9));
}
.summer-bingo-mission-list {
    display:grid;
    gap:10px;
    margin-top:14px;
    animation:summer-bingo-list-in .45s ease both;
}
.summer-bingo-mission-card {
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    gap:10px;
    align-items:center;
    padding:10px;
    border:1px solid rgba(255,209,102,0.18);
    border-radius:14px;
    background:rgba(3,18,28,0.58);
    color:inherit;
    text-decoration:none;
    transition:transform .2s ease,border-color .2s ease,background .2s ease;
}
.summer-bingo-mission-card.is-clickable {
    cursor:pointer;
}
.summer-bingo-mission-card.is-clickable:hover {
    transform:translateY(-2px);
    border-color:rgba(255,209,102,0.42);
    background:rgba(6,28,43,0.78);
}
.summer-bingo-mission-card.completed {
    border-color:rgba(24,210,195,0.35);
    background:rgba(24,210,195,0.08);
}
.summer-bingo-mission-card__index,
.summer-bingo-mission-card__progress {
    display:flex;
    align-items:center;
    justify-content:center;
    min-width:34px;
    height:34px;
    border-radius:10px;
    background:linear-gradient(135deg,#ffd166,#ff8a3d);
    color:#06131f;
    font-weight:900;
}
.summer-bingo-mission-card__body {
    min-width:0;
}
.summer-bingo-mission-card__body strong {
    display:block;
    color:#fff;
    font-size:13px;
    line-height:1.25;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.summer-bingo-mission-card__body span {
    display:block;
    margin-top:2px;
    color:#b5c8d3;
    font-size:12px;
    line-height:1.35;
}
.summer-bingo-mission-card__progress {
    min-width:48px;
    padding:0 8px;
    background:rgba(255,255,255,0.08);
    color:#fff;
}
.summer-bingo-rewards span,
.spring-card-inventory__cta,
.bloom-milestone-reward {
    border-color:rgba(180,244,255,0.14);
    background:rgba(255,255,255,0.065);
}
.summer-bingo-hint {
    margin-top:12px;
    color:#b5c8d3;
    font-size:12px;
    line-height:1.45;
}
.bloom-milestone {
    border-radius:16px;
    background:rgba(4,16,25,0.52);
    border-color:rgba(180,244,255,0.12);
}
.bloom-milestone.reached {
    border-color:rgba(255,209,102,0.48);
    background:rgba(255,209,102,0.08);
}
.bloom-milestone-bar-fill {
    background:linear-gradient(90deg,#18d2c3,#ffd166,#ff8a3d);
}
.lte-packages-grid {
    gap:22px;
}
.lte-products-grid {
    gap:20px;
}
.lte-package-card,
.product-card {
    border-radius:22px;
    border-color:rgba(180,244,255,0.14);
    background:
        linear-gradient(180deg,rgba(9,34,50,0.9),rgba(6,18,28,0.96)),
        radial-gradient(circle at 100% 0,rgba(255,209,102,0.13),transparent 32%);
    box-shadow:0 24px 60px rgba(0,0,0,0.3);
}
.lte-package-card:hover,
.product-card:hover {
    transform:translateY(-6px);
    border-color:rgba(255,209,102,0.3);
}
.lte-gradient-1 { --card-accent:#18d2c3; }
.lte-gradient-2 { --card-accent:#ffd166; }
.lte-gradient-3 { --card-accent:#ff8a3d; }
.lte-gradient-4 { --card-accent:#7de2ff; }
.lte-gradient-5 { --card-accent:#ff6f61; }
.lte-package-name {
    letter-spacing:0;
}
.lte-package-cost {
    color:#fff7d8;
    background:linear-gradient(90deg,rgba(255,209,102,0.14),rgba(24,210,195,0.06));
    border-left-color:#ffd166;
}
.lte-package-rewards-box,
.lte-product-preview {
    background:rgba(0,9,15,0.38);
    border-color:rgba(180,244,255,0.1);
}
.lte-spin-btn,
.lte-join-party-btn {
    letter-spacing:0;
    border-radius:14px;
    color:#06131f;
    background:linear-gradient(135deg,#ffd166,#ff8a3d 54%,#18d2c3);
    box-shadow:0 16px 34px rgba(255,138,61,0.28);
}
.lte-join-party-btn {
    border-radius:999px;
}
.lte-spin-btn:hover:not(:disabled),
.lte-join-party-btn:hover {
    color:#06131f;
    background:linear-gradient(135deg,#fff0b8,#ff9b57 54%,#65f7ec);
    transform:translateY(-3px);
}
.lte-how-to-earn {
    margin-top:72px;
}
.lte-how-to-earn__title {
    font-size:clamp(1.8rem,3vw,3rem);
    letter-spacing:0;
    text-transform:none;
}
.lte-how-to-earn__title span {
    color:#ffd166;
}
.lte-earn-card {
    text-align:left;
    min-height:220px;
}
.lte-earn-card__icon {
    margin:0 0 24px;
    border-radius:18px;
}
.lte-earn-card__icon--play {
    background:linear-gradient(135deg,#18d2c3,#0b6e82);
}
.lte-earn-card__icon--party {
    background:linear-gradient(135deg,#ffd166,#ff8a3d);
}
.lte-earn-card h3 {
    letter-spacing:0;
}
.lte-earn-card p {
    color:#b5c8d3;
}

@media (max-width:992px) {
    .summer-hero {
        grid-template-columns:1fr;
        padding:38px;
    }
    .summer-hero-art {
        min-height:300px;
    }
    .spring-bloom-grid {
        grid-template-columns:1fr;
    }
}

@media (max-width:768px) {
    .lte-gacha-container {
        padding:24px 14px 70px;
    }
    .summer-hero {
        min-height:auto;
        padding:28px 20px;
        border-radius:22px;
    }
    .summer-hero h1 {
        font-size:clamp(2.45rem,14vw,4rem) !important;
    }
    .bloom-stats {
        grid-template-columns:1fr;
    }
    .summer-hero-art {
        min-height:240px;
    }
    .lte-shop-tabs {
        flex-direction:column;
        border-radius:18px;
    }
    .lte-tab-btn {
        width:100%;
    }
    .summer-beach-svg {
        min-height:420px;
    }
    .summer-bingo-grid {
        gap:5px;
        padding:7px;
    }
    .summer-bingo-mission {
        font-size:8px;
        padding:5px;
    }
    .summer-bingo-mission span {
        font-size:13px;
        padding:4px 7px;
    }
    .summer-bingo-mission-card {
        grid-template-columns:30px minmax(0,1fr) auto;
        padding:8px;
    }
    .summer-bingo-mission-card__index,
    .summer-bingo-mission-card__progress {
        min-width:30px;
        height:30px;
        border-radius:9px;
    }
    .summer-bingo-mission-card__body strong {
        font-size:12px;
    }
    .summer-bingo-mission-card__body span {
        font-size:11px;
    }
}