.dispositor-practice{margin:clamp(85px,10vw,150px) auto;padding:clamp(24px,4vw,45px);border:1px solid #63799e;border-radius:24px;background:linear-gradient(130deg,#112741,#1a2340);color:#eef4ff}.dispositor-practice h2{font:400 clamp(26px,3.1vw,41px) Georgia,'Yu Mincho',serif;color:#f7dfb2;margin:16px 0 20px}.dp-lead{font-size:18px;line-height:1.9;color:#d3e3f8;max-width:850px}.dp-lead strong{color:#ffe5b1}.dp-steps{display:flex;flex-wrap:wrap;gap:16px;margin:28px 0 32px}.dp-steps span{border:1px solid #597699;background:#253958;padding:12px 18px;border-radius:25px;color:#e4edf9;font-weight:700}.dp-control{display:grid;grid-template-columns:1.5fr 1fr;gap:32px;margin-bottom:36px}.dp-control strong,.dp-control label{display:block;font-size:17px;font-weight:700;margin-bottom:15px;color:#f5e2be}.dp-control select{width:100%;padding:13px;color:#172339;background:#e8eef7;border-radius:11px;border:0;font-size:16px;margin-bottom:17px}.dp-planets{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.dp-planets button{background:#243755;border:1px solid #58718f;color:#f3f7ff;padding:12px 3px;font-size:16px;border-radius:12px;cursor:pointer}.dp-planets button.active{background:#f0d7a6;color:#182640;border-color:#f0d7a6;font-weight:800}.dp-animation{display:flex;align-items:center;justify-content:center;gap:clamp(12px,4vw,42px);padding:30px 15px;background:#0b1831;border:1px solid #48627e;border-radius:20px;overflow:hidden}.dp-planet{min-width:180px;min-height:180px;border-radius:20px;border:2px solid #91b5db;background:#172b4c;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;padding:18px}.dp-planet>span{font-size:46px;color:#f0d9ab}.dp-planet strong{font-size:24px}.dp-planet small{font-size:15px;color:#bdd2ed}.dp-result{border-color:#e4c985;background:#39314a}.dp-arrow{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:90px;color:#f4dca9;text-align:center}.dp-arrow span{font-size:14px;line-height:1.6}.dp-arrow b{font-size:54px;display:block;animation:dp-breathe 3.2s ease-in-out infinite}.dp-pop{animation:dp-pop .7s ease-out}.dp-result-text{font-size:20px;font-weight:700;line-height:1.8;color:#ffdf9d;text-align:center;margin:27px 0}.dp-example{border-radius:15px;border:1px solid #566e8e;padding:20px;background:#243453;color:#dce8fa;line-height:1.9;font-size:16px}.dp-example b{color:#fff0c7}.dp-note{font-size:13px;line-height:1.9;color:#aebfda;margin-top:20px}@keyframes dp-breathe{50%{transform:translateX(8px);opacity:.72}}@keyframes dp-pop{0%{transform:scale(.94);box-shadow:0 0 0 0 #e4c98577}65%{transform:scale(1.025);box-shadow:0 0 0 12px #e4c98500}100%{transform:scale(1)}}@media(max-width:860px){.dp-control{grid-template-columns:1fr}.dp-planets{grid-template-columns:repeat(5,minmax(0,1fr))}}@media(max-width:570px){.dp-planets{grid-template-columns:repeat(2,minmax(0,1fr))}.dp-animation{gap:8px;padding:15px 7px}.dp-planet{min-width:0;min-height:138px;flex:1;padding:10px 4px}.dp-planet>span{font-size:34px}.dp-planet strong{font-size:19px}.dp-planet small{font-size:12px}.dp-arrow{min-width:48px}.dp-arrow span{font-size:10px}.dp-arrow b{font-size:30px}.dp-result-text{font-size:17px}}@media(prefers-reduced-motion:reduce){.dp-arrow b,.dp-pop{animation:none}}