.wlGame{direction:rtl;position:relative;overflow:hidden;padding:12px;border-radius:26px;background:linear-gradient(180deg,#78350f 0 23%,#fffbeb 23%);font-family:"Alexandria",Tahoma,sans-serif;color:#172033;box-shadow:0 18px 50px #0f172a2a;min-height:620px}.wlGame *{box-sizing:border-box}.wlGame button{font:inherit;cursor:pointer}
.wlHeader{display:flex;justify-content:space-between;gap:10px;color:#fff}.wlHeader h1{font-size:clamp(24px,3.5vw,40px);margin:3px 0}.wlHeader p{margin:0;font-weight:800;font-size:13px}.wlHeader span{display:inline-block;background:#ffffff24;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:900}.wlHeader>button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:8px 12px;font-weight:900;height:max-content}
.wlLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.wlLevels button{border:2px solid transparent;border-radius:14px;background:#fff;padding:8px;font-weight:900}.wlLevels .is-active{border-color:#fbbf24;transform:translateY(-2px);box-shadow:0 4px 0 #0002}
.wlStats,.wlSummary{display:grid;gap:6px}.wlStats{grid-template-columns:repeat(6,1fr);margin-bottom:8px}.wlStats div,.wlSummary div{background:#fff;padding:6px;border-radius:12px;text-align:center;box-shadow:0 3px 12px #0f172a12}.wlSummary{grid-template-columns:repeat(4,1fr);margin:8px 0}.wlSummary small,.wlSummary b{display:block}
.wlOptions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;position:relative;z-index:8}.wlOptions button{min-height:58px;border:0;border-radius:15px;background:#fff;padding:9px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.wlOptions button:hover{transform:translateY(-2px)}.wlOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.wlOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.wlOptions button.hint{outline:4px solid #facc15}
.wlMessage{margin-top:8px;background:#0f172add;color:#fff;padding:7px;border-radius:12px;text-align:center;font-weight:900;position:relative;z-index:9}.wlBank{font-size:9px;text-align:center;color:#475569;margin-top:4px}.wlControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.wlControls button,.wlEnd button{border:0;border-radius:13px;padding:9px 14px;font-weight:900}.wlControls button:first-child{background:#78350f;color:#fff}
.wlEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.wlEnd.is-visible{display:flex}.wlEnd>div{background:#fffbeb;padding:24px;border-radius:24px;text-align:center;width:min(500px,90%)}.wlCup{font-size:58px}
.wlNight{position:relative;min-height:315px;border-radius:22px;overflow:hidden;background:radial-gradient(circle at 50% 0,#1e3a8a,#0f172a 62%,#020617);padding:8px 4%}.wlLanterns{display:flex;justify-content:space-around;font-size:clamp(22px,4vw,42px);filter:grayscale(.55);opacity:.7}.wlScroll{background:#fff7d6f4;width:min(800px,92%);margin:auto;text-align:center;padding:10px;border-radius:20px;border:3px solid #f59e0b;box-shadow:0 0 30px #fbbf2444}.wlScroll small{font-weight:900;color:#92400e}.wlScroll p{font-weight:800;line-height:1.65;margin:4px}.wlScroll h2{font-size:clamp(18px,2.3vw,28px);margin:5px}.wlScroll strong{display:block;color:#b45309;min-height:22px}.wlScroll>div button{border:0;border-radius:99px;padding:6px 10px;margin:2px}.wlScroll i{display:block;height:6px;background:#fde68a;border-radius:99px;overflow:hidden;margin:6px auto 0;width:70%}.wlScroll i b{display:block;height:100%;background:#f59e0b}.wlNight.lit{box-shadow:inset 0 0 80px #fbbf24}.wlNight.lit .wlLanterns{filter:none;opacity:1;animation:wlGlow .7s ease}@keyframes wlGlow{50%{transform:scale(1.05)}}@media(min-width:721px) and (max-height:820px){.wlNight{min-height:255px}.wlScroll{padding:6px}.wlScroll p{line-height:1.4}.wlLanterns{font-size:25px}.wlOptions{margin-top:5px}}
@media(max-width:720px){.wlGame{padding:8px;border-radius:18px;min-height:700px}.wlHeader h1{font-size:26px}.wlHeader p{font-size:11px}.wlLevels{gap:4px}.wlLevels button{padding:6px 3px;font-size:10px}.wlStats{grid-template-columns:repeat(3,1fr)}.wlSummary{grid-template-columns:repeat(2,1fr)}.wlOptions{grid-template-columns:repeat(2,1fr)}.wlOptions button{min-height:54px;font-size:13px}}
@media(min-width:721px) and (max-height:820px){.wlGame{padding:8px;min-height:560px}.wlHeader h1{font-size:28px}.wlHeader p{font-size:11px}.wlLevels{margin:6px 0}.wlLevels button{padding:6px}.wlStats div,.wlSummary div{padding:4px}.wlSummary{margin:5px 0}.wlOptions button{min-height:48px;padding:6px}}