.soGame{direction:rtl;position:relative;overflow:hidden;padding:12px;border-radius:26px;background:linear-gradient(180deg,#7c2d12 0 23%,#fff7ed 23%);font-family:"Alexandria",Tahoma,sans-serif;color:#172033;box-shadow:0 18px 50px #0f172a2a;min-height:620px}.soGame *{box-sizing:border-box}.soGame button{font:inherit;cursor:pointer}
.soHeader{display:flex;justify-content:space-between;gap:10px;color:#fff}.soHeader h1{font-size:clamp(24px,3.5vw,40px);margin:3px 0}.soHeader p{margin:0;font-weight:800;font-size:13px}.soHeader span{display:inline-block;background:#ffffff24;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:900}.soHeader>button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:8px 12px;font-weight:900;height:max-content}
.soLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.soLevels button{border:2px solid transparent;border-radius:14px;background:#fff;padding:8px;font-weight:900}.soLevels .is-active{border-color:#f59e0b;transform:translateY(-2px);box-shadow:0 4px 0 #0002}
.soStats,.soSummary{display:grid;gap:6px}.soStats{grid-template-columns:repeat(6,1fr);margin-bottom:8px}.soStats div,.soSummary div{background:#fff;padding:6px;border-radius:12px;text-align:center;box-shadow:0 3px 12px #0f172a12}.soSummary{grid-template-columns:repeat(4,1fr);margin:8px 0}.soSummary small,.soSummary b{display:block}
.soOptions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;position:relative;z-index:8}.soOptions button{min-height:58px;border:0;border-radius:15px;background:#fff;padding:9px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.soOptions button:hover{transform:translateY(-2px)}.soOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.soOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.soOptions button.hint{outline:4px solid #facc15}
.soMessage{margin-top:8px;background:#0f172add;color:#fff;padding:7px;border-radius:12px;text-align:center;font-weight:900;position:relative;z-index:9}.soBank{font-size:9px;text-align:center;color:#475569;margin-top:4px}.soControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.soControls button,.soEnd button{border:0;border-radius:13px;padding:9px 14px;font-weight:900}.soControls button:first-child{background:#7c2d12;color:#fff}
.soEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.soEnd.is-visible{display:flex}.soEnd>div{background:#fff7ed;padding:24px;border-radius:24px;text-align:center;width:min(500px,90%)}.soCup{font-size:58px}
.soStage{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 100%,#713f12,#2b1705 50%,#140a02);padding:12px 4% 10px}.soCurtain{position:absolute;top:0;width:25%;height:72%;background:repeating-linear-gradient(90deg,#7f1d1d 0 18px,#991b1b 18px 36px);box-shadow:0 10px 20px #0005}.soCurtain.l{left:0;border-radius:0 0 80% 0}.soCurtain.r{right:0;border-radius:0 0 0 80%}.soBand{display:flex;justify-content:center;gap:clamp(18px,7vw,80px);font-size:clamp(28px,5vw,55px);margin:2px 0 4px;filter:drop-shadow(0 8px 6px #0007)}.soCard{position:relative;z-index:3;background:#fff8dcf2;width:min(760px,88%);margin:auto;text-align:center;padding:10px;border-radius:20px;border:3px solid #fbbf24}.soCard small{font-weight:900;color:#92400e}.soCard h2{font-size:clamp(21px,3vw,34px);margin:4px}.soCard p{font-weight:900;margin:4px}.soCard>div button{border:0;border-radius:99px;padding:6px 10px;margin:2px}.soCard i{display:block;height:6px;background:#fde68a;border-radius:99px;overflow:hidden;margin:6px auto 0;width:70%}.soCard i b{display:block;height:100%;background:#d97706}.soOptions button span,.soOptions button b{display:block}.soOptions button span{font-size:22px}.soStage.concert .soBand span{animation:soBounce .35s ease 2}@keyframes soBounce{50%{transform:translateY(-14px) rotate(6deg)}}@media(min-width:721px) and (max-height:820px){.soStage{min-height:245px}.soBand{font-size:32px}.soCard{padding:6px}.soOptions{margin-top:5px}}
@media(max-width:720px){.soGame{padding:8px;border-radius:18px;min-height:700px}.soHeader h1{font-size:26px}.soHeader p{font-size:11px}.soLevels{gap:4px}.soLevels button{padding:6px 3px;font-size:10px}.soStats{grid-template-columns:repeat(3,1fr)}.soSummary{grid-template-columns:repeat(2,1fr)}.soOptions{grid-template-columns:repeat(2,1fr)}.soOptions button{min-height:54px;font-size:13px}}
@media(min-width:721px) and (max-height:820px){.soGame{padding:8px;min-height:560px}.soHeader h1{font-size:28px}.soHeader p{font-size:11px}.soLevels{margin:6px 0}.soLevels button{padding:6px}.soStats div,.soSummary div{padding:4px}.soSummary{margin:5px 0}.soOptions button{min-height:48px;padding:6px}}