/* Account safety (store readiness, Oct 4): age + Terms at sign-up, password reset, email check, delete account, report/block.
   Matches the Account dialog (academy-account.css). */
.hx-safety-dialog{max-width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 24px);overflow:auto;padding:18px 20px;background:radial-gradient(ellipse at 50% 0,#57416666,transparent 65%),linear-gradient(#211a32ed,#181322f5);border:1px solid #b49a68;border-bottom:5px solid #665039;border-radius:22px 10px 22px 10px;color:#eee0c8;box-shadow:inset 0 0 0 4px #d1b98622,0 20px 80px #100a2299;scrollbar-width:thin;scrollbar-color:#b49a68 #211a32}
.hx-safety-dialog::backdrop{background:#0b0716b3}
.hx-safety-dialog h2{margin:0 0 10px;font:bold 20px Georgia,serif;color:#f0d8a4;text-shadow:0 2px 3px #140b24;padding-bottom:10px;border-bottom:1px solid #bda47755}
.hx-safety-dialog p{color:#dfcfbb;line-height:1.4;margin:8px 0}
.hx-safety-dialog label{display:block;margin:10px 0 4px;font:bold 14px Georgia,serif;color:#dfcfbb}
.hx-safety-dialog :is(input,select,textarea),#account-dialog .hx-age select{box-sizing:border-box;width:100%;padding:9px 10px;font:15px system-ui,sans-serif;background:linear-gradient(#21172e,#30243c);color:#fff0d7;border:1px solid #b49a68;border-radius:8px;box-shadow:inset 0 2px 6px #100a2266}
.hx-safety-dialog textarea{min-height:70px;resize:vertical}
.hx-safety-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end;margin-top:14px}
.hx-safety-dialog button,.hx-safety-row button,.hx-player-safety button{font-family:Georgia,serif;color:#f0d8a4;background:linear-gradient(#4a3856,#2c233b);border:1px solid #b49a68;border-bottom:4px solid #665039;border-radius:8px 13px;box-shadow:inset 0 0 0 2px #d1b98622,0 3px 8px #100a2255;padding:9px 14px;min-height:40px;cursor:pointer}
.hx-safety-dialog button.hx-gold{background:linear-gradient(#ead4a1,#bd9960);color:#302139;border-color:#f2dca7}
.hx-safety-dialog button.hx-danger,.hx-safety-row button.hx-danger{background:linear-gradient(#7a2f45,#4b1d2e);border-color:#d9898f;color:#ffe3df}
.hx-safety-dialog button:disabled{opacity:.55;cursor:default}
.hx-safety-status{min-height:1.3em;font-size:14px;color:#9fe7d6}
.hx-safety-status.is-error{color:#ffb3a8}
.hx-safety-dialog .hx-choices{display:grid;gap:6px;margin:6px 0}
.hx-safety-dialog .hx-choices label{display:flex;gap:8px;align-items:center;margin:0;font:14px system-ui,sans-serif;font-weight:normal;background:#1c1528b0;border:1px solid #b49a6855;border-radius:8px;padding:8px 10px;cursor:pointer}
.hx-safety-dialog .hx-choices input{width:auto;box-shadow:none}
#account-dialog .hx-age{display:grid;grid-template-columns:1fr;gap:8px}
#account-dialog .hx-age-label{margin-top:10px}
#account-dialog .hx-terms{display:flex;gap:8px;align-items:flex-start;margin:12px 0 4px;font:14px system-ui,sans-serif;font-weight:normal;line-height:1.35}
#account-dialog .hx-terms input{width:auto;margin-top:2px;box-shadow:none}
#account-dialog a,.hx-safety-dialog a,.hx-safety-panel a{color:#f0d8a4}
#account-dialog .hx-forgot{display:block;margin:6px auto 0;min-height:32px;padding:6px 10px;font-size:13px}
.hx-safety-panel{margin:12px 0 4px;padding:10px 12px;background:#1c1528b0;border:1px solid #b49a6855;border-radius:10px;font-size:14px}
.hx-safety-panel h3{margin:0 0 6px;font:bold 15px Georgia,serif;color:#f0d8a4}
.hx-safety-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:space-between;margin:6px 0}
.hx-safety-row span{flex:1 1 160px;color:#dfcfbb}
.hx-safety-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px;font-size:13px}
.hx-verified{color:#9fe7d6;font-weight:bold}
.hx-player-safety{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.hx-player-safety button{min-height:36px;padding:6px 12px;font-size:13px}
.friend-messages .dm-safety{font-size:13px}
@media (max-height:500px){.hx-safety-dialog{padding:12px 14px}.hx-safety-dialog h2{font-size:17px;margin-bottom:6px;padding-bottom:6px}}
/* Messages sit above the buttons. */
.hx-safety-dialog[open]{display:flex;flex-direction:column}
.hx-safety-dialog>div:not(.hx-safety-actions){display:contents}
.hx-safety-dialog .hx-safety-status{order:2;margin:10px 0 0}
.hx-safety-dialog .hx-safety-actions{order:3}
#account-dialog .hx-safety-row button.hx-danger{background:linear-gradient(#7a2f45,#4b1d2e)!important;border-color:#d9898f!important;color:#ffe3df!important}

/* Age slider (Oct 10): big number, wizard title, golden orb thumb. */
.hx-age-slider{display:grid;gap:8px;padding:10px 12px 12px;background:radial-gradient(ellipse at 50% 0,#6b4f8c55,transparent 70%),#1c1528c0;border:1px solid #b49a6888;border-radius:12px}
.hx-age-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}
.hx-age-readout{display:flex;flex-direction:column;align-items:center;line-height:1.1;min-width:0}
.hx-age-num{font:bold 30px Georgia,serif;color:#f0d8a4;text-shadow:0 0 12px #e6b84a88,0 2px 3px #140b24;font-variant-numeric:tabular-nums}
.hx-age-num.is-pop{animation:hx-age-pop .22s ease-out}
@keyframes hx-age-pop{0%{transform:scale(1.25)}100%{transform:scale(1)}}
.hx-age-title{font:italic 14px Georgia,serif;color:#dfcfbb;text-align:center}
.hx-age-slider.is-unpicked .hx-age-num{color:#bda477;text-shadow:none}
.hx-safety-dialog .hx-age-slider button.hx-age-step,#account-dialog .hx-age-slider .hx-age-step{width:38px;height:38px;min-height:0;padding:0;font:bold 20px Georgia,serif;color:#f0d8a4;background:linear-gradient(#4a3856,#2c233b);border:1px solid #b49a68;border-bottom-width:3px;border-radius:50%;cursor:pointer}
.hx-safety-dialog input.hx-age-range,#account-dialog input.hx-age-range{-webkit-appearance:none;appearance:none;width:100%;height:12px;margin:6px 0 2px;padding:0;border:1px solid #b49a68;border-radius:999px;box-shadow:inset 0 2px 4px #100a2299;background:linear-gradient(90deg,#bd9960,#ead4a1) 0/var(--fill,0%) 100% no-repeat,#2a2038;cursor:pointer}
.hx-age-slider.is-unpicked input.hx-age-range{--fill:0%}
.hx-age-range::-webkit-slider-thumb{-webkit-appearance:none;width:28px;height:28px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d8,#e6b84a 45%,#8a6424);border:2px solid #f2dca7;box-shadow:0 0 10px #e6b84aaa,0 2px 4px #140b24}
.hx-age-range::-moz-range-thumb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff6d8,#e6b84a 45%,#8a6424);border:2px solid #f2dca7;box-shadow:0 0 10px #e6b84aaa}
.hx-age-slider.is-unpicked .hx-age-range::-webkit-slider-thumb{animation:hx-age-hint 1.6s ease-in-out infinite}
@keyframes hx-age-hint{50%{box-shadow:0 0 18px #f2dca7,0 2px 4px #140b24}}
@media (prefers-reduced-motion:reduce){.hx-age-num.is-pop,.hx-age-slider.is-unpicked .hx-age-range::-webkit-slider-thumb{animation:none}}
/* Short landscape phones: the Account dialog is two columns; let the rows grow with the form so the
   "Log in" switch sits under it instead of over the age slider. Compact slider there too. */
@media(max-height:500px) and (min-width:600px){
 html body #account-dialog[open]{grid-template-rows:auto auto auto auto auto}
 .hx-age-slider{padding:6px 10px 8px;gap:4px}
 .hx-age-num{font-size:24px}
 .hx-age-title{font-size:12.5px}
 #account-dialog .hx-age-slider .hx-age-step{width:32px;height:32px;font-size:17px}
}