.cyGame{direction:rtl;position:relative;overflow:hidden;padding:18px;border-radius:30px;background:linear-gradient(180deg,#7c2d12 0 27%,#fff7ed 27%);font-family:"Alexandria",Tahoma,sans-serif;color:#431407;box-shadow:0 22px 60px #7c2d1244}.cyGame *{box-sizing:border-box}.cyGame button{font:inherit;cursor:pointer}
.cyHeader{display:flex;justify-content:space-between;gap:12px;color:#fff}.cyHeader h1{font-size:clamp(30px,5vw,50px);margin:8px 0 4px}.cyHeader p{margin:0;font-weight:800}.cyHeader span{background:#ffffff22;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:900}.cyHeader button,.cyFile button,.cyScroll button,.cyCard button,.cyPage button,.cyScript button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:10px 14px;font-weight:900}
.cyLevels,.cyStats{display:grid;gap:9px}.cyLevels{grid-template-columns:repeat(3,1fr);margin:16px 0}.cyLevels button{border:2px solid transparent;border-radius:17px;background:#fff;padding:12px;font-weight:900}.cyLevels .is-active{background:#fff7ed;border-color:#fb923c;transform:translateY(-3px)}
.cyStats{grid-template-columns:repeat(6,1fr);margin-bottom:12px}.cyStats div{background:#fff;padding:9px;border-radius:14px;text-align:center}
.cyBook{position:relative;min-height:610px;border-radius:26px;overflow:hidden;box-shadow:inset 0 0 0 5px #fff3}
.cyFile,.cyScroll,.cyCard,.cyPage,.cyScript{position:absolute;z-index:6;left:50%;top:18px;transform:translateX(-50%);width:min(92%,760px);padding:14px;border-radius:22px;background:#7c2d12e8;color:#fff;text-align:center}.cyFile small,.cyScroll small,.cyCard small,.cyPage small,.cyScript small{color:#fff9;font-weight:900}.cyFile h2,.cyScroll h2,.cyCard h2,.cyPage h2,.cyScript h2{margin:4px}.cyFile p,.cyScroll p,.cyCard p,.cyPage p{font-size:18px;line-height:1.9;margin:7px 0}.cyScroll em,.cyCard strong,.cyPage em{display:block;font-style:normal;font-weight:900;color:#fff4b8;margin:6px 0}.cyFile i,.cyScroll i,.cyCard i,.cyPage i,.cyScript i{display:block;height:8px;background:#ffffff33;border-radius:99px;overflow:hidden}.cyFile i b,.cyScroll i b,.cyCard i b,.cyPage i b,.cyScript i b{display:block;width:100%;height:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444)}
.cyMessage,.cyBank{position:absolute;z-index:8;left:7%;right:7%;text-align:center;color:#fff}.cyMessage{bottom:38px;background:#111827dd;padding:9px;border-radius:14px;font-weight:900}.cyBank{bottom:12px;font-size:9px}
.cySummary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.cySummary div{background:#fff;padding:10px;border-radius:14px;text-align:center}.cySummary small,.cySummary b{display:block}.cyControls{display:flex;justify-content:center;gap:10px}.cyControls button,.cyEnd button{border:0;border-radius:15px;padding:12px 18px;font-weight:900}.cyControls button:first-child{background:#7c2d12;color:#fff}
.cyEnd{display:none;position:absolute;inset:0;z-index:50;background:#111827dd;align-items:center;justify-content:center}.cyEnd.is-visible{display:flex}.cyEnd>div{background:#fff7ed;padding:30px;border-radius:26px;text-align:center;width:min(500px,90%)}.cyCup{font-size:70px}
@media(max-width:700px){.cyGame{padding:12px}.cyHeader{display:block}.cyLevels{grid-template-columns:1fr}.cyStats{grid-template-columns:repeat(3,1fr)}.cyBook{min-height:760px}.cySummary{grid-template-columns:repeat(2,1fr)}}

.cyBook{background:linear-gradient(135deg,#fef3c7 0 50%,#fed7aa 50% 100%)}.cyPage{background:#7c2d12ee}.cyPath{position:absolute;top:300px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;font-size:32px;color:#7c2d12}.cyPath span{background:#fff;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;box-shadow:0 5px 0 #c2410c}.cyPath span.active{background:#fde68a;transform:scale(1.15)}.cyBook h3{position:absolute;z-index:5;top:365px;left:10%;right:10%;text-align:center;color:#7c2d12}.cyChoices{position:absolute;z-index:6;left:7%;right:7%;bottom:110px;display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.cyChoice{border:0;border-radius:18px;background:#fff;padding:14px;font-weight:900;box-shadow:0 7px 0 #c2410c}.cyChoice.good{background:#dcfce7}.cyChoice.weak{background:#fee2e2}.cyChoice.hint{box-shadow:0 0 0 7px #facc15}.cyOutcome{position:absolute;z-index:5;top:420px;left:12%;right:12%;text-align:center;background:#fff7eddd;color:#7c2d12;padding:10px;border-radius:14px;font-weight:900}
@media(max-width:700px){.cyPath{top:350px}.cyBook h3{top:415px}.cyOutcome{top:465px}.cyChoices{grid-template-columns:1fr 1fr;bottom:110px}}