.frGame{direction:rtl;position:relative;overflow:hidden;padding:18px;border-radius:30px;background:linear-gradient(180deg,#4c1d95 0 27%,#faf5ff 27%);font-family:"Alexandria",Tahoma,sans-serif;color:#312e81;box-shadow:0 22px 60px #4c1d9544}.frGame *{box-sizing:border-box}.frGame button{font:inherit;cursor:pointer}
.frHeader{display:flex;justify-content:space-between;color:#fff;gap:12px}.frHeader h1{font-size:clamp(30px,5vw,50px);margin:8px 0 4px}.frHeader p{margin:0;font-weight:800}.frHeader span{background:#ffffff22;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:900}.frHeader button,.frMission button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:10px 14px;font-weight:900}
.frLevels,.frStats{display:grid;gap:9px}.frLevels{grid-template-columns:repeat(3,1fr);margin:16px 0}.frLevels button{border:2px solid transparent;border-radius:17px;background:#fff;padding:12px;font-weight:900}.frLevels .is-active{background:#faf5ff;border-color:#c084fc;transform:translateY(-3px)}
.frStats{grid-template-columns:repeat(6,1fr);margin-bottom:12px}.frStats div{background:#fff;padding:9px;border-radius:14px;text-align:center}
.frRoom{position:relative;min-height:575px;border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 5px #fff3}
.frMission{position:absolute;z-index:5;left:50%;top:18px;transform:translateX(-50%);width:min(92%,720px);padding:13px;border-radius:22px;background:#4c1d95dd;color:#fff;text-align:center}.frMission small{color:#fff8;font-weight:900}.frMission h2{margin:4px}.frMission strong{display:block;font-size:clamp(25px,4vw,40px);color:#fff7c2;line-height:1.7}.frMission em{display:block;font-style:normal;font-size:18px;margin-bottom:5px}.frMission i{display:block;height:8px;background:#ffffff33;border-radius:99px;overflow:hidden}.frMission i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444)}
.frMessage,.frBank{position:absolute;z-index:6;left:8%;right:8%;text-align:center;color:#fff}.frMessage{bottom:38px;background:#111827cc;padding:9px;border-radius:14px;font-weight:900}.frBank{bottom:12px;font-size:9px}
.frSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.frSummary div{background:#fff;padding:10px;border-radius:14px;text-align:center}.frSummary small,.frSummary b{display:block}.frControls{display:flex;justify-content:center;gap:10px}.frControls button,.frEnd button{border:0;border-radius:15px;padding:12px 18px;font-weight:900}.frControls button:first-child{background:#4c1d95;color:#fff}
.frEnd{display:none;position:absolute;inset:0;z-index:50;background:#111827dd;align-items:center;justify-content:center}.frEnd.is-visible{display:flex}.frEnd>div{background:#faf5ff;padding:30px;border-radius:26px;text-align:center;width:min(500px,90%)}.frCup{font-size:70px}
@media(max-width:700px){.frGame{padding:12px}.frHeader{display:block}.frLevels{grid-template-columns:1fr}.frStats{grid-template-columns:repeat(3,1fr)}.frRoom{min-height:680px}.frSummary{grid-template-columns:repeat(2,1fr)}}

.frRoom{background:radial-gradient(circle at center,#fefce8 0 25%,#ddd6fe 26% 55%,#312e81 100%)}.frFlash{position:absolute;left:50%;top:225px;transform:translateX(-50%);font-size:120px;opacity:.4;transition:.3s}.frFlash.burst{opacity:1;transform:translateX(-50%) scale(1.4);filter:drop-shadow(0 0 24px #facc15)}.frRoom h3{position:absolute;z-index:5;top:300px;left:10%;right:10%;text-align:center;background:#ffffffdd;padding:12px;border-radius:18px}.frChoices{position:absolute;z-index:5;left:7%;right:7%;bottom:95px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.frChoice{border:0;border-radius:18px;background:#fff;padding:15px;font-size:18px;font-weight:1000;box-shadow:0 7px 0 #7c3aed}.frChoice.correct{background:#dcfce7}.frChoice.wrong{background:#fee2e2}.frChoice.hint{box-shadow:0 0 0 7px #facc15}.frExplanation{position:absolute;z-index:5;top:365px;left:14%;right:14%;text-align:center;background:#faf5ffdd;padding:10px;border-radius:14px;color:#581c87;font-weight:900}
@media(max-width:700px){.frChoices{grid-template-columns:repeat(2,1fr)}.frRoom h3{top:350px}.frExplanation{top:425px}.frFlash{top:270px}}