.psw{position:relative;max-width:780px;margin:28px auto;padding:22px 18px 52px;border-radius:24px;background:radial-gradient(circle at 50% 15%,#123a5b 0%,#081626 75%);box-shadow:0 22px 65px #0003;color:#fff;text-align:center;font-family:system-ui,-apple-system,Segoe UI,sans-serif;box-sizing:border-box}
.psw *{box-sizing:border-box}.psw-wheel-area{position:relative;max-width:660px;margin:0 auto 22px}.psw-canvas{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 20px #0008)}
.psw-pointer{position:absolute;top:-5px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:46px solid #fae6aa;filter:drop-shadow(0 3px 4px #000a);z-index:2}
.psw-spin{background:linear-gradient(180deg,#ffeab3,#ecc36b);color:#172d3e;border:0;border-radius:999px;font-size:24px;font-weight:900;letter-spacing:2px;padding:16px 70px;cursor:pointer;box-shadow:0 6px 0 #9f773d,0 13px 22px #0008;transition:transform .15s}.psw-spin:hover:not(:disabled){transform:translateY(-2px)}.psw-spin:disabled{opacity:.65;cursor:wait}
.psw-result{margin:25px 0 6px;font-size:clamp(19px,3vw,30px);font-weight:800;min-height:38px;overflow-wrap:anywhere}
.psw-reset{position:absolute;bottom:12px;right:14px;background:transparent;color:#a9b8c9;border:1px solid #4c627a;border-radius:6px;padding:5px 9px;font-size:11px;cursor:pointer}.psw-reset:hover{color:#fff;border-color:#fff}.psw-reset:disabled{opacity:.5}
@media(max-width:520px){.psw{padding:14px 10px 45px;border-radius:14px}.psw-pointer{border-left-width:13px;border-right-width:13px;border-top-width:30px}.psw-spin{font-size:19px;padding:13px 45px}}