/* Long Division – scoped styles, but relies on wrapper ID and Tailwind utilities if loaded */
[id^="jujo-game-"]{
  font-family:'Poppins',sans-serif;
  background:linear-gradient(135deg,#89f7fe,#66a6ff);
  color:#333;
}
[id^="jujo-game-"] .card{
  background-color:rgba(255,255,255,0.8);
  backdrop-filter:blur(15px);
  border:1px solid rgba(255,255,255,0.2);
  box-shadow:0 10px 30px rgba(0,0,0,0.1);
}
[id^="jujo-game-"] .division-box{
  font-family:'Courier New',Courier,monospace;
  font-size:1.5rem;line-height:2rem;position:relative;padding:1rem;
  border-left:2px solid #6b7280;border-top:2px solid #6b7280;display:inline-block;color:#1e293b;
}
[id^="jujo-game-"] .divisor{position:absolute;right:100%;top:1rem;padding-right:.5rem}
[id^="jujo-game-"] .quotient{display:block;margin-left:.5rem;border-bottom:2px solid #6b7280;min-height:2rem;white-space:pre;color:#059669}
[id^="jujo-game-"] .dividend{margin-left:.5rem}
[id^="jujo-game-"] .calculation-steps{margin-left:.5rem;letter-spacing:0;position:relative}
[id^="jujo-game-"] .calculation-steps div{white-space:pre;text-align:right;min-width:3ch}
[id^="jujo-game-"] .select-field{
  background-color:#f1f5f9;border:2px solid #94a3b8;color:#1e293b;border-radius:8px;text-align:center;width:5rem;
  -webkit-appearance:none;-moz-appearance:none;appearance:none;padding:.5rem;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%23475569'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9' /%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .5rem center;background-size:1.5em;padding-right:2.5rem;
  transition:border-color .3s,box-shadow .3s;
}
[id^="jujo-game-"] .select-field:focus{outline:none;border-color:#38bdf8;box-shadow:0 0 0 3px rgba(56,189,248,.4)}
[id^="jujo-game-"] .highlight{color:#2563eb;font-weight:bold}
[id^="jujo-game-"] .modal{transition:opacity .3s ease,transform .3s ease}
[id^="jujo-game-"] .modal.hidden{opacity:0;transform:scale(.95);pointer-events:none}
[id^="jujo-game-"] .shake{animation:shake .5s}
@keyframes shake{0%,100%{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}
[id^="jujo-game-"] .star{font-size:2rem;color:#cbd5e1;transition:color .3s}
[id^="jujo-game-"] .star.filled{color:#facc15}
[id^="jujo-game-"] .hint-box{background-color:#e0f2fe;border-left:4px solid #0ea5e9;color:#0c4a6e;transition:opacity .5s}