.how-dialog{box-sizing:border-box;width:min(640px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:30px;border:1px solid #4bbbd46b;border-radius:24px;background:linear-gradient(145deg,#112b40,#08121e);color:#effaff;box-shadow:0 20px 100px #000b,0 0 70px #2fd1ff18;font-family:Arial,sans-serif}.how-dialog::backdrop{background:#030a12c9;backdrop-filter:blur(8px)}.how-dialog .how-close{position:absolute;right:15px;top:12px;background:transparent;border:0;color:#a7e9fa;font-size:30px;cursor:pointer;width:42px;height:42px}.how-kicker{font-size:12px;font-weight:700;color:#67def7;letter-spacing:.16em;margin-bottom:12px}.how-dialog h2{font-family:Arial,sans-serif;font-size:clamp(25px,5vw,34px);line-height:1.1;margin:0 25px 14px 0}.how-copy,.how-hint{font-size:16px;line-height:1.55;color:#b9d3e3;margin:10px 0 18px}.how-demo{position:relative;overflow:hidden;border:1px solid #326679;border-radius:16px}.how-demo canvas{display:block;width:100%;height:auto;aspect-ratio:16/7;cursor:crosshair}.how-feedback{position:absolute;bottom:9px;left:10px;right:10px;pointer-events:none;text-align:center;font-size:14px;font-weight:700;color:#adf2ff;text-shadow:0 2px 6px #000}.how-hint{font-size:14px;color:#8aaebf;margin:12px 0}.how-rules{display:flex;flex-wrap:wrap;gap:8px;color:#d4edfa;font-size:14px}.how-rules span{padding:9px 12px;border-radius:10px;background:#65d5ed0c}.how-dialog footer{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.how-dots{display:flex;gap:7px}.how-dots span{width:9px;height:9px;border-radius:50%;background:#446171}.how-dots .active{width:25px;border-radius:8px;background:#5bdffc}.how-dialog .how-next{border:0;border-radius:12px;background:linear-gradient(110deg,#94ebf8,#43d7f6);color:#092334;min-height:46px;padding:12px 22px;font-size:15px;font-weight:700;cursor:pointer}.how-dialog button:focus-visible,.how-demo canvas:focus-visible{outline:2px solid #b8faff;outline-offset:3px}@media(max-width:500px){.how-dialog{padding:24px 16px;border-radius:18px}.how-dialog h2{margin-top:10px}.how-copy{font-size:15px}.how-feedback{font-size:12px}.how-rules{font-size:13px}.how-dialog footer{margin-top:15px}}@media(prefers-reduced-motion:reduce){.how-dialog{scroll-behavior:auto}}