.ybf26[data-tool="hanoi"]{max-width:760px;margin:0 auto;box-sizing:border-box;padding:18px;border-radius:18px;background:linear-gradient(135deg,#6a8dff,#b06cff 55%,#ff8fb1);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;color:#1c2340}.ybf26[data-tool="hanoi"] *,.ybf26[data-tool="hanoi"] *::before,.ybf26[data-tool="hanoi"] *::after{box-sizing:border-box}.ybf26[data-tool="hanoi"] .ybf26-title{margin:0 0 8px;font-size:26px;line-height:1.25;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.25)}.ybf26[data-tool="hanoi"] .ybf26-desc{margin:0 0 14px;font-size:16px;line-height:1.5;color:#fff}.ybf26[data-tool="hanoi"] .ybf26-panel{background:#fff;border-radius:14px;padding:16px}.ybf26[data-tool="hanoi"] .ybf26-pegs{display:flex;gap:10px;justify-content:space-between}.ybf26[data-tool="hanoi"] .ybf26-peg{flex:1 1 0;min-width:0;min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;padding:10px 6px;border:2px solid #c7d0f0;border-radius:12px;background:#f4f6ff;color:#1c2340;font-size:16px;cursor:pointer}.ybf26[data-tool="hanoi"] .ybf26-peg:disabled{cursor:not-allowed;opacity:.6}.ybf26[data-tool="hanoi"] .ybf26-peg[aria-pressed="true"]{border-color:#5a3fd6;background:#e9e3ff;box-shadow:0 0 0 3px rgba(90,63,214,.25)}.ybf26[data-tool="hanoi"] .ybf26-peg:focus-visible{outline:3px solid #1f6feb;outline-offset:2px}.ybf26[data-tool="hanoi"] .ybf26-pegname{font-weight:700;font-size:18px}.ybf26[data-tool="hanoi"] .ybf26-stack{display:flex;flex-direction:column-reverse;align-items:center;gap:4px;width:100%;min-height:96px;justify-content:flex-start}.ybf26[data-tool="hanoi"] .ybf26-disk{display:block;height:26px;line-height:26px;text-align:center;border-radius:8px;font-size:16px;font-weight:700;color:#fff;background:#4a5bd6}.ybf26[data-tool="hanoi"] .ybf26-disk[data-disk="1"]{width:46%;background:#3f8f5f}.ybf26[data-tool="hanoi"] .ybf26-disk[data-disk="2"]{width:70%;background:#b06c1f}.ybf26[data-tool="hanoi"] .ybf26-disk[data-disk="3"]{width:94%;background:#a33a5c}.ybf26[data-tool="hanoi"] .ybf26-meta{margin-top:12px;font-size:16px;color:#1c2340}.ybf26[data-tool="hanoi"] .ybf26-status{margin-top:8px;padding:10px 12px;border-radius:10px;background:#eef2ff;font-size:16px;line-height:1.45;color:#1c2340}.ybf26[data-tool="hanoi"] .ybf26-summary{margin-top:8px;padding:10px 12px;border-radius:10px;background:#eaf7ee;font-size:16px;line-height:1.45;color:#1c2340;min-height:0}.ybf26[data-tool="hanoi"] .ybf26-summary:empty{display:none}.ybf26[data-tool="hanoi"] .ybf26-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.ybf26[data-tool="hanoi"] .ybf26-actions button{min-width:44px;min-height:44px;padding:10px 20px;border:2px solid #5a3fd6;border-radius:10px;background:#5a3fd6;color:#fff;font-size:16px;font-weight:700;cursor:pointer}.ybf26[data-tool="hanoi"] .ybf26-actions button[data-act="reset"]{background:#fff;color:#5a3fd6}.ybf26[data-tool="hanoi"] .ybf26-actions button:disabled{cursor:not-allowed;opacity:.55}.ybf26[data-tool="hanoi"] .ybf26-actions button:focus-visible{outline:3px solid #1f6feb;outline-offset:2px}@media (max-width:390px){.ybf26[data-tool="hanoi"]{padding:10px;border-radius:14px}.ybf26[data-tool="hanoi"] .ybf26-panel{padding:10px}.ybf26[data-tool="hanoi"] .ybf26-pegs{gap:6px}.ybf26[data-tool="hanoi"] .ybf26-peg{padding:8px 3px}.ybf26[data-tool="hanoi"] .ybf26-disk{height:24px;line-height:24px;font-size:16px}}