/* La Flama · GFJ panel, scoped to the existing application shell. */
.g4-app-flama{background:linear-gradient(140deg,#58339d,#ed9d43)!important}
.g4-app-flama img{display:block;width:76%;height:76%;object-fit:contain}
.flama-home-card{width:100%;display:flex;align-items:center;gap:1rem;margin:1.1rem 0;padding:.8rem 1rem;border:1px solid rgba(245,191,113,.34);border-radius:22px;background:linear-gradient(115deg,rgba(75,36,101,.75),rgba(123,66,44,.45));color:#fff;text-align:left;cursor:pointer;box-shadow:0 15px 40px rgba(24,8,45,.2)}
.flama-home-card>img{width:76px;height:76px;object-fit:contain;flex:none}
.flama-home-card>span{display:grid;gap:.32rem;flex:1;min-width:0}
.flama-home-card strong{font-size:clamp(1.05rem,2vw,1.32rem)}
.flama-home-card small{color:#e6d8e8}
.flama-home-card progress,.flama-page progress{width:100%;height:10px;accent-color:#f4ae58;border:0;border-radius:999px;overflow:hidden}
.flama-home-card progress::-webkit-progress-bar,.flama-page progress::-webkit-progress-bar{background:#302846;border-radius:999px}
.flama-home-card progress::-webkit-progress-value,.flama-page progress::-webkit-progress-value{background:linear-gradient(90deg,#d97a44,#ffdc86,#ddbbff);border-radius:999px}
.flama-page{--flama-accent:#f5b05d;display:grid;gap:1rem;padding-bottom:2rem}
.flama-tone-blanco_morado,.flama-tone-blanco_morado_dorado{--flama-accent:#e9c7ff}
.flama-tone-dorado,.flama-tone-dorado_luminoso{--flama-accent:#ffdf83}
.flama-hero{display:grid;grid-template-columns:minmax(160px,35%) 1fr;gap:clamp(.75rem,3vw,2.4rem);align-items:center;padding:clamp(1.1rem,3vw,2.1rem);border:1px solid rgba(255,221,155,.35);border-radius:28px;background:radial-gradient(circle at 22% 45%,rgba(241,141,81,.22),transparent 38%),linear-gradient(135deg,#201633,#3b2451 60%,#583153);box-shadow:0 22px 60px rgba(16,10,30,.27);min-width:0}
.flama-hero-art{display:grid;place-items:center;position:relative;min-height:230px;isolation:isolate}
.flama-halo{position:absolute;width:min(90%,250px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(250,184,108,.32),rgba(180,88,182,.16) 45%,transparent 70%);filter:blur(12px);animation:flama-breathe 4s ease-in-out infinite}
.flama-hero-art img{position:relative;z-index:1;display:block;width:min(95%,260px);height:auto;transform:scale(var(--flama-scale));filter:drop-shadow(0 18px 22px rgba(246,147,82,.23));animation:flama-rise 3.7s ease-in-out infinite}
.flama-hero-copy{min-width:0}
.flama-hero-copy h2{font-size:clamp(1.9rem,5vw,3.3rem);margin:.3rem 0;color:#fff;line-height:1.05}
.flama-hero-copy h2 span{color:var(--flama-accent)}
.flama-hero-copy h2 small{font-size:.43em;color:#bcb1cc}
.flama-total{color:#e8dbe7;margin:.45rem 0 1.15rem}
.flama-total strong{display:block;font-size:clamp(1.6rem,4vw,2.4rem);color:#fff}
.flama-progress-head{display:flex;justify-content:space-between;gap:.6rem;color:#dcd2e4;font-size:.92rem}
.flama-progress-head b{color:#fff}
.flama-next{color:#d7c9df;line-height:1.45;margin:.85rem 0 0}
.flama-next b{color:var(--flama-accent)}
.flama-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-width:0}
.flama-card{padding:clamp(1rem,2vw,1.5rem);border:1px solid rgba(181,158,218,.24);border-radius:22px;background:linear-gradient(145deg,rgba(38,31,61,.94),rgba(47,31,60,.86));color:#eee9f4;min-width:0}
.flama-card h3{color:#fff;margin:0 0 .8rem;font-size:1.14rem}
.flama-rewards,.flama-stats,.flama-history{list-style:none;padding:0;margin:0;display:grid;gap:.45rem}
.flama-reward{display:grid;grid-template-columns:2.2rem 1fr auto;gap:.55rem;align-items:center;padding:.52rem .68rem;border:1px solid rgba(188,169,206,.13);border-radius:12px;color:#b7aec3}
.flama-reward-open{color:#fff;border-color:rgba(249,196,126,.3);background:rgba(224,152,85,.08)}
.flama-reward b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:9px;background:rgba(213,169,115,.18);color:#f5ce96}
.flama-reward small{font-size:.75rem;color:#a9a1b2}
.flama-stats li,.flama-history li{display:flex;gap:.7rem;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.08);padding:.45rem .1rem;line-height:1.35}
.flama-stats strong,.flama-history b{color:#f5c77e;margin-left:auto}
.flama-stats small{color:#aaa2b8}
.flama-history{max-height:220px;overflow:auto}
.flama-history time{font-size:.77rem;color:#a79db5;white-space:nowrap}
.flama-guide p,.flama-preferences p{line-height:1.6;color:#d8cfe2;margin:0}
.flama-controls{display:flex;flex-wrap:wrap;gap:.55rem}
.flama-controls button,.flama-unavailable button{cursor:pointer;border:1px solid rgba(249,194,109,.45);border-radius:12px;background:rgba(255,190,96,.12);color:#fff;padding:.62rem .9rem;font:inherit;font-weight:700}
.flama-controls button[aria-pressed=true]{border-color:#ffdc8a;background:rgba(255,204,114,.25)}
.flama-unavailable{padding:2rem;border-radius:18px;background:#2d2542;color:#eee}
@keyframes flama-rise{50%{transform:translateY(-7px) scale(var(--flama-scale))}}
@keyframes flama-breathe{50%{transform:scale(1.08);opacity:.8}}
@media(max-width:1049px){.flama-hero{grid-template-columns:1fr;text-align:center}.flama-hero-art{min-height:180px}.flama-hero-art img{width:min(70%,210px)}.flama-grid{grid-template-columns:1fr}.flama-progress-head{text-align:left}.flama-reward{grid-template-columns:2.2rem 1fr}.flama-reward small{grid-column:2}.flama-home-card>img{width:58px;height:58px}}
@media(prefers-reduced-motion:reduce){.flama-halo,.flama-hero-art img{animation:none!important}.flama-hero-art img{transform:scale(var(--flama-scale))}}
.g4-account-avatar.flama-frame-10{outline:2px solid #d99663;outline-offset:3px}
.g4-account-avatar.flama-frame-20{outline:3px solid #f0c36e;outline-offset:4px;box-shadow:0 0 22px #e8b46545}
.g4-account-avatar.flama-frame-45{outline:3px solid #e6ccff;outline-offset:4px;box-shadow:0 0 32px #d798ff70,inset 0 0 18px #f4cb8555}
.flama-profile-link{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin:.75rem 0;padding:.45rem .8rem;border:1px solid #dba96d80;border-radius:12px;background:#462d55;color:#fff;font:inherit;cursor:pointer}
.flama-profile-link img{width:28px;height:28px;object-fit:contain}
.flama-profile-badge{display:inline-block;margin-left:.4rem;padding:.14rem .42rem;border:1px solid #f0be78a6;border-radius:8px;color:#f4cd8b;font-size:.7rem;font-weight:800;vertical-align:middle}
.flama-profile-badge.flama-badge-30{color:#ebc9ff;border-color:#cf91ff}
.flama-profile-badge.flama-badge-50{color:#fff5db;border-color:#f8d693;background:linear-gradient(120deg,#5c3184,#aa764a)}