.qdGame{direction:rtl;position:relative;overflow:hidden;padding:12px;border-radius:26px;background:linear-gradient(180deg,#1e293b 0 23%,#f8fafc 23%);font-family:"Alexandria",Tahoma,sans-serif;color:#172033;box-shadow:0 18px 50px #0f172a2a;min-height:620px}
.qdGame *{box-sizing:border-box}.qdGame button{font:inherit;cursor:pointer}
.qdHeader{display:flex;justify-content:space-between;gap:10px;color:#fff}.qdHeader h1{font-size:clamp(24px,3.5vw,40px);margin:3px 0}.qdHeader p{margin:0;font-weight:800;font-size:13px;max-width:900px}.qdHeader span{display:inline-block;background:#ffffff24;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:900}.qdHeader>button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:8px 12px;font-weight:900;height:max-content}
.qdLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.qdLevels button{border:2px solid transparent;border-radius:14px;background:#fff;padding:8px;font-weight:900}.qdLevels .is-active{border-color:#eab308;transform:translateY(-2px);box-shadow:0 4px 0 #0002}
.qdStats,.qdSummary{display:grid;gap:6px}.qdStats{grid-template-columns:repeat(6,1fr);margin-bottom:8px}.qdStats div,.qdSummary div{background:#fff;padding:6px;border-radius:12px;text-align:center;box-shadow:0 3px 12px #0f172a12}.qdSummary{grid-template-columns:repeat(4,1fr);margin:8px 0}.qdSummary small,.qdSummary b{display:block}
.qdScene{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background:linear-gradient(180deg,#e2e8f0,#fff 55%,#f8fafc);padding:16px 5% 10px;isolation:isolate}
.qdScene:before{content:'🔎  ?  🗂️  ?  🕵️';position:absolute;top:12px;left:0;right:0;text-align:center;font-size:42px;letter-spacing:18px;opacity:.12}
.qdDecor{position:absolute;right:50%;top:5px;transform:translateX(50%);font-size:64px;opacity:.10;z-index:1}
.qdCard{position:relative;z-index:5;background:#fffffff0;width:min(820px,92%);margin:auto;text-align:center;padding:13px;border-radius:20px;border:3px solid #eab308;box-shadow:0 12px 0 #0f172a18;backdrop-filter:blur(3px)}.qdCard small{font-weight:900;color:#1e293b}.qdEmoji{font-size:42px;line-height:1}.qdCard h2{font-size:clamp(20px,2.7vw,33px);line-height:1.55;margin:5px}.qdCard p{margin:3px;font-weight:800;color:#475569}
.qdTools button{border:0;border-radius:99px;padding:6px 10px;margin:2px;background:#e2e8f0;font-weight:900}.qdTime{display:block;height:6px;background:#e2e8f0;border-radius:99px;overflow:hidden;margin:7px auto 0;width:72%}.qdTime b{display:block;height:100%;background:#eab308;transition:width .1s linear}
.qdOptions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:10px;position:relative;z-index:8}.qdOptions button{min-height:58px;border:0;border-radius:15px;background:#fff;padding:9px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s;line-height:1.35}.qdOptions button:hover{transform:translateY(-2px)}.qdOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.qdOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.qdOptions button.hint{outline:4px solid #facc15}
.qdMessage{margin-top:8px;background:#0f172ae8;color:#fff;padding:7px;border-radius:12px;text-align:center;font-weight:900;position:relative;z-index:9;line-height:1.5}.qdBank{font-size:9px;text-align:center;color:#475569;margin-top:4px;position:relative;z-index:9}
.qdControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.qdControls button,.qdEnd button{border:0;border-radius:13px;padding:9px 14px;font-weight:900}.qdControls button:first-child{background:#1e293b;color:#fff}
.qdEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.qdEnd.is-visible{display:flex}.qdEnd>div{background:#f8fafc;padding:24px;border-radius:24px;text-align:center;width:min(500px,90%)}.qdCup{font-size:58px}
.qdScene.win .qdCard{animation:qdWin .65s ease}@keyframes qdWin{50%{transform:scale(1.035);box-shadow:0 0 0 10px #eab30855}}
@media(max-width:720px){.qdGame{padding:8px;border-radius:18px;min-height:700px}.qdHeader h1{font-size:26px}.qdHeader p{font-size:11px}.qdLevels{gap:4px}.qdLevels button{padding:6px 3px;font-size:10px}.qdStats{grid-template-columns:repeat(3,1fr)}.qdSummary{grid-template-columns:repeat(2,1fr)}.qdOptions{grid-template-columns:repeat(2,1fr)}.qdOptions button{min-height:54px;font-size:13px}.qdScene{padding-left:3%;padding-right:3%}}
@media(min-width:721px) and (max-height:820px){.qdGame{padding:8px;min-height:560px}.qdHeader h1{font-size:28px}.qdHeader p{font-size:11px}.qdLevels{margin:6px 0}.qdLevels button{padding:6px}.qdStats div,.qdSummary div{padding:4px}.qdSummary{margin:5px 0}.qdScene{min-height:245px;padding-top:8px}.qdCard{padding:7px}.qdCard h2{font-size:22px;margin:2px}.qdOptions{margin-top:5px}.qdOptions button{min-height:46px;padding:6px}}