/* Space School — Space Darts */
.ssa.is-mode .ssa-answers.t-mode{display:block}
.dt{position:relative;min-height:clamp(480px,50vw,600px);padding:12px 12px 90px;border-radius:24px;overflow:hidden;user-select:none;-webkit-user-select:none;background:radial-gradient(60% 50% at 80% 10%,rgba(56,189,248,.3),transparent 70%),linear-gradient(180deg,#141b63,#0b1240)}
.dt-stars{position:absolute;inset:0;background-image:radial-gradient(1.5px 1.5px at 10% 20%,#fff,transparent),radial-gradient(1px 1px at 40% 70%,#fff,transparent),radial-gradient(1.5px 1.5px at 70% 30%,#fff,transparent),radial-gradient(1px 1px at 88% 80%,#fff,transparent)}
.dt-planet{position:absolute;left:-60px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle at 60% 40%,#fda4af,#e11d48 60%,#881337);opacity:.6}
.dt-sign{position:relative;z-index:3;max-width:680px;margin:0 auto 10px;padding:10px 16px;border-radius:18px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#fff;text-align:center}
.dt-sign small{display:block;color:#fca5a5;font:800 12px "Nunito Sans",sans-serif;text-transform:uppercase;letter-spacing:.4px}
.dt-sign b{display:block;margin-top:2px;font:700 clamp(18px,2.2vw,24px)/1.25 Fredoka,sans-serif;color:#fff}
.dt-img{display:block;max-height:100px;margin:8px auto 0;border-radius:12px}
.dt-field{position:relative;z-index:2;display:grid;gap:8px}
.dt-row{position:relative;height:clamp(74px,8vw,96px);animation:dtslide var(--dur) ease-in-out infinite alternate;animation-delay:var(--delay)}
@keyframes dtslide{from{transform:translateX(4%)}to{transform:translateX(calc(100% - 4% - clamp(170px,20vw,240px)))}}
.dt-row.is-hold{animation-play-state:paused}
.dt-t{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;height:100%;padding:0 14px 0 0;border:0;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;cursor:pointer}
.dt-t svg{height:100%;width:auto;flex:0 0 auto;filter:drop-shadow(0 4px 8px rgba(0,0,0,.4));transition:transform .2s}
.dt-t:hover svg{transform:scale(1.06)}
.dt-l{font:800 clamp(13px,1.3vw,16px)/1.2 "Nunito Sans",sans-serif;max-width:160px;overflow-wrap:anywhere}
.dt-t.is-hit svg{animation:dthit .3s}
@keyframes dthit{40%{transform:scale(.9) rotate(-6deg)}}
.dt-t.is-right{box-shadow:0 0 0 3px #4ade80,0 0 30px rgba(74,222,128,.6)}
.dt-t.is-wrong{opacity:.5}.dt-t.is-wrong svg{filter:grayscale(1)}
.dt-t.is-show{box-shadow:0 0 0 3px #fde047,0 0 26px rgba(253,224,71,.6)}
.dt-row.is-gone{opacity:0;pointer-events:none;transition:opacity .5s}
.dt-dart{position:absolute;z-index:4;width:22px;opacity:0;pointer-events:none}
.dt-dart.is-on{opacity:1}
.dt-dart svg{display:block;width:100%;height:auto}
.dt-base{position:absolute;left:50%;bottom:0;width:120px;height:40px;transform:translateX(-50%);border-radius:60px 60px 0 0;background:linear-gradient(180deg,#475569,#1e293b);box-shadow:0 0 20px rgba(94,224,255,.4)}
.dt.is-win::after,.dt.is-lose::after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;border-radius:24px;animation:dtflash .9s ease-out forwards}
.dt.is-win::after{box-shadow:inset 0 0 0 6px #4ade80}.dt.is-lose::after{box-shadow:inset 0 0 0 6px #f87171}
@keyframes dtflash{to{opacity:0}}
@media (prefers-reduced-motion:reduce){.dt-row{animation:none}}

/* ---------- themes ---------- */
.dt.th-archery{background:linear-gradient(180deg,#14532d 0%,#166534 50%,#3f6212 100%)}
.th-archery .dt-stars{background-image:radial-gradient(40px 60px at 10% 10%,rgba(34,197,94,.5),transparent),radial-gradient(50px 70px at 90% 20%,rgba(21,128,61,.6),transparent);opacity:1}
.th-archery .dt-planet{background:radial-gradient(circle,#a16207,#713f12);opacity:.5}
.th-archery .dt-t svg{filter:hue-rotate(160deg) saturate(1.2) drop-shadow(0 4px 8px rgba(0,0,0,.4))}
.th-archery .dt-t{background:rgba(120,53,15,.35)}
.dt.th-carnival{background:repeating-linear-gradient(90deg,#dc2626 0 40px,#fef2f2 40px 80px)}
.th-carnival .dt-stars,.th-carnival .dt-planet{display:none}
.th-carnival .dt-field{background:rgba(30,58,138,.85);border-radius:18px;padding:10px}
.th-carnival .dt-t svg{opacity:0;width:0}
.th-carnival .dt-t::before{content:"🦆";font-size:clamp(40px,5vw,58px);line-height:1}
.th-carnival .dt-sign{background:#fef9c3;color:#713f12;border-color:#facc15}
.dt.th-magnet{background:linear-gradient(#e0f2fe 1px,transparent 1px) 0 0/30px 30px,linear-gradient(90deg,#e0f2fe 1px,transparent 1px) 0 0/30px 30px,#f8fafc}
.th-magnet .dt-stars,.th-magnet .dt-planet{display:none}
.th-magnet .dt-t{background:#fff;color:#1e293b;box-shadow:inset 0 0 0 2px #cbd5e1}
.th-magnet .dt-t svg{opacity:0;width:0}
.th-magnet .dt-t::before{content:"🔩";font-size:clamp(36px,4.6vw,52px);line-height:1;padding-left:8px}
.th-magnet .dt-sign{background:#fff;color:#1e293b;border:2px solid #ef4444}.th-magnet .dt-sign small{color:#dc2626}
.th-carnival .dt-sign b{color:#713f12;text-shadow:none}.th-carnival .dt-sign small{color:#b45309}
.th-magnet .dt-sign b{color:#1e293b;text-shadow:none}