.dnGame{direction:rtl;position:relative;overflow:hidden;padding:20px;border-radius:30px;background:linear-gradient(180deg,#312e81 0 28%,#f5f3ff 28%);font-family:"Alexandria",Tahoma,sans-serif;color:#302648;box-shadow:0 22px 65px #312e8144}.dnGame *{box-sizing:border-box}.dnGame button{font:inherit;cursor:pointer}.dnHeader{display:flex;justify-content:space-between;color:#fff;gap:14px}.dnHeader span{background:#ffffff22;padding:6px 12px;border-radius:99px;font-size:11px;font-weight:900}.dnHeader h1{font-size:clamp(30px,5vw,50px);margin:8px 0 4px}.dnHeader p{margin:0;font-weight:800}.dnHeader button,.dnMission button{border:0;border-radius:99px;background:#ffffff25;color:#fff;padding:10px 14px;font-weight:900}.dnLevels,.dnStats{display:grid;gap:9px;position:relative;z-index:4}.dnLevels{grid-template-columns:repeat(3,1fr);margin:16px 0}.dnLevels button{border:2px solid transparent;border-radius:18px;background:#fff;padding:12px;font-weight:900}.dnLevels .is-active{background:#fef3c7;border-color:#eab308;transform:translateY(-3px)}.dnStats{grid-template-columns:repeat(6,1fr);margin-bottom:12px}.dnStats div{background:#fff;padding:9px;border-radius:15px;text-align:center}.dnDojo{position:relative;min-height:500px;border-radius:28px;overflow:hidden;background:radial-gradient(circle at 50% 20%,#4338ca 0,#1e1b4b 58%,#111827 100%);box-shadow:inset 0 0 0 5px #ffffff20}.dnMoon{position:absolute;left:45px;top:30px;font-size:76px;filter:drop-shadow(0 0 20px #fff8)}.dnBamboo{position:absolute;bottom:35px;left:0;right:0;text-align:center;font-size:80px;opacity:.75}.dnNinja{position:absolute;right:8%;bottom:65px;font-size:95px;filter:drop-shadow(0 14px 8px #0008);transition:.3s}.dnNinja.attack{transform:translateX(-90px) rotate(-12deg) scale(1.2)}.dnMission{position:absolute;z-index:8;left:50%;top:18px;transform:translateX(-50%);width:min(92%,600px);padding:14px;text-align:center;border-radius:24px;background:#1e1b4bdd;color:#fff}.dnMission small{color:#fde68a;font-weight:900}.dnMission h2{margin:4px}.dnMission strong{display:block;font-size:48px;color:#fff7a8;letter-spacing:4px}.dnMission em{font-style:normal;font-size:50px}.dnMission span{display:block;min-height:22px;color:#fff0a5}.dnMission i{display:block;height:8px;background:#ffffff30;border-radius:99px;overflow:hidden}.dnMission i b{display:block;height:100%;width:100%;background:linear-gradient(90deg,#22c55e,#facc15,#ef4444)}.dnMessage,.dnBank{position:absolute;left:10%;right:10%;text-align:center;color:#fff;z-index:9}.dnMessage{bottom:38px;background:#111827dd;padding:10px;border-radius:16px;font-weight:900}.dnBank{bottom:12px;font-size:9px}.dnSlash{position:absolute;left:50%;top:60%;transform:translate(-50%,-50%) rotate(-20deg);width:0;height:8px;background:#fff;border-radius:99px;box-shadow:0 0 18px #67e8f9;opacity:0}.dnSlash.active{animation:dnSlash .45s}.dnMarks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:13px;min-height:130px}.dnMark{border:0;border-radius:22px;padding:18px;background:linear-gradient(145deg,#fff,#e9d5ff);box-shadow:0 9px 0 #6d28d9,0 15px 24px #0002;font-size:48px;font-weight:1000}.dnMark:hover{transform:translateY(-4px)}.dnMark.correct{background:#dcfce7;box-shadow:0 9px 0 #15803d}.dnMark.wrong{background:#fee2e2;animation:dnShake .35s}.dnMark.hint{box-shadow:0 0 0 7px #facc1555}.dnSummary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.dnSummary div{background:#fff;padding:10px;border-radius:15px;text-align:center}.dnSummary small,.dnSummary b{display:block}.dnControls{display:flex;justify-content:center;gap:10px}.dnControls button,.dnEnd button{border:0;border-radius:15px;padding:12px 18px;font-weight:900}.dnControls button:first-child{background:#4338ca;color:#fff}.dnEnd{display:none;position:absolute;inset:0;z-index:50;background:#111827dd;align-items:center;justify-content:center}.dnEnd.is-visible{display:flex}.dnEnd>div{background:#fff8da;padding:30px;border-radius:28px;text-align:center;width:min(500px,90%)}.dnCup{font-size:70px}@keyframes dnSlash{0%{opacity:1;width:0}70%{opacity:1;width:420px}100%{opacity:0;width:480px}}@keyframes dnShake{25%{transform:translateX(-7px)}75%{transform:translateX(7px)}}@media(max-width:700px){.dnGame{padding:12px}.dnHeader{display:block}.dnLevels{grid-template-columns:1fr}.dnStats{grid-template-columns:repeat(3,1fr)}.dnMarks{grid-template-columns:repeat(3,1fr)}.dnDojo{min-height:590px}.dnMission{width:88%}.dnSummary{grid-template-columns:repeat(2,1fr)}}