.dtGame{direction:rtl;position:relative;overflow:hidden;padding:12px;border-radius:26px;background:linear-gradient(180deg,#0369a1 0 23%,#f0f9ff 23%);font-family:"Alexandria",Tahoma,sans-serif;color:#172033;box-shadow:0 18px 50px #0f172a2a;min-height:620px}.dtGame *{box-sizing:border-box}.dtGame button{font:inherit;cursor:pointer}
.dtHeader{display:flex;justify-content:space-between;gap:10px;color:#fff}.dtHeader h1{font-size:clamp(24px,3.5vw,40px);margin:3px 0}.dtHeader p{margin:0;font-weight:800;font-size:13px}.dtHeader span{display:inline-block;background:#ffffff24;padding:4px 10px;border-radius:99px;font-size:10px;font-weight:900}.dtHeader>button{border:0;border-radius:99px;background:#ffffff24;color:#fff;padding:8px 12px;font-weight:900;height:max-content}
.dtLevels{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:10px 0}.dtLevels button{border:2px solid transparent;border-radius:14px;background:#fff;padding:8px;font-weight:900}.dtLevels .is-active{border-color:#38bdf8;transform:translateY(-2px);box-shadow:0 4px 0 #0002}
.dtStats,.dtSummary{display:grid;gap:6px}.dtStats{grid-template-columns:repeat(6,1fr);margin-bottom:8px}.dtStats div,.dtSummary div{background:#fff;padding:6px;border-radius:12px;text-align:center;box-shadow:0 3px 12px #0f172a12}.dtSummary{grid-template-columns:repeat(4,1fr);margin:8px 0}.dtSummary small,.dtSummary b{display:block}
.dtOptions{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:8px;position:relative;z-index:8}.dtOptions button{min-height:58px;border:0;border-radius:15px;background:#fff;padding:9px;font-weight:900;box-shadow:0 5px 0 #0002;transition:.18s}.dtOptions button:hover{transform:translateY(-2px)}.dtOptions button.correct{background:#dcfce7;box-shadow:0 5px 0 #16a34a}.dtOptions button.wrong{background:#fee2e2;box-shadow:0 5px 0 #dc2626}.dtOptions button.hint{outline:4px solid #facc15}
.dtMessage{margin-top:8px;background:#0f172add;color:#fff;padding:7px;border-radius:12px;text-align:center;font-weight:900;position:relative;z-index:9}.dtBank{font-size:9px;text-align:center;color:#475569;margin-top:4px}.dtControls{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.dtControls button,.dtEnd button{border:0;border-radius:13px;padding:9px 14px;font-weight:900}.dtControls button:first-child{background:#0369a1;color:#fff}
.dtEnd{display:none;position:absolute;inset:0;z-index:60;background:#0f172add;align-items:center;justify-content:center}.dtEnd.is-visible{display:flex}.dtEnd>div{background:#f0f9ff;padding:24px;border-radius:24px;text-align:center;width:min(500px,90%)}.dtCup{font-size:58px}
.dtYard{position:relative;min-height:300px;border-radius:22px;overflow:hidden;background:linear-gradient(#7dd3fc 0 50%,#a3e635 50% 64%,#78716c 64% 100%);padding:8px 4%}.dtSky{text-align:center;font-size:30px;letter-spacing:28px;opacity:.9}.dtTrain{display:flex;direction:ltr;justify-content:center;gap:3px;font-size:clamp(30px,5vw,55px);margin:2px 0}.dtYard:after{content:'';position:absolute;left:0;right:0;bottom:74px;height:7px;background:repeating-linear-gradient(90deg,#292524 0 22px,#d6d3d1 22px 32px)}.dtTicket{position:relative;z-index:3;background:#fffdf5;width:min(760px,90%);margin:auto;text-align:center;padding:10px;border-radius:20px;border:3px dashed #0ea5e9}.dtTicket small{font-weight:900;color:#0369a1}.dtTicket h2{font-size:clamp(24px,4vw,42px);margin:4px}.dtTarget{background:#fef08a;border-radius:8px;padding:2px 6px;color:#b91c1c}.dtTicket p{font-weight:900;margin:3px}.dtTicket>div button{border:0;border-radius:99px;padding:6px 10px;margin:2px}.dtTicket i{display:block;height:6px;background:#bae6fd;border-radius:99px;overflow:hidden;margin:6px auto 0;width:70%}.dtTicket i b{display:block;height:100%;background:#0284c7}.dtOptions button b,.dtOptions button small{display:block}.dtOptions button b{font-size:32px;line-height:1}.dtYard.moving .dtTrain{animation:dtMove .8s ease}@keyframes dtMove{50%{transform:translateX(-40px)}}@media(min-width:721px) and (max-height:820px){.dtYard{min-height:245px}.dtSky{font-size:20px}.dtTrain{font-size:34px}.dtTicket{padding:6px}.dtOptions{margin-top:5px}}
@media(max-width:720px){.dtGame{padding:8px;border-radius:18px;min-height:700px}.dtHeader h1{font-size:26px}.dtHeader p{font-size:11px}.dtLevels{gap:4px}.dtLevels button{padding:6px 3px;font-size:10px}.dtStats{grid-template-columns:repeat(3,1fr)}.dtSummary{grid-template-columns:repeat(2,1fr)}.dtOptions{grid-template-columns:repeat(2,1fr)}.dtOptions button{min-height:54px;font-size:13px}}
@media(min-width:721px) and (max-height:820px){.dtGame{padding:8px;min-height:560px}.dtHeader h1{font-size:28px}.dtHeader p{font-size:11px}.dtLevels{margin:6px 0}.dtLevels button{padding:6px}.dtStats div,.dtSummary div{padding:4px}.dtSummary{margin:5px 0}.dtOptions button{min-height:48px;padding:6px}}