/* Bonero name gate (start-screen name field + game-over "posting as") */
.ng-field{display:block;text-align:left;margin:10px 0 8px;width:100%}
.ng-field label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:#ffb27a;margin:0 0 4px}
.ng-field input{display:block;width:100%;box-sizing:border-box;min-width:0;height:auto;min-height:0;margin:0;
  padding:12px 12px;/* height comes from padding + line box (no fixed height: iOS caret sat below the box) */
  font:600 16px/1.25 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;/* >=16px: no iOS zoom */
  color:#fff;background:#0d0d0d;border:1px solid rgba(255,102,0,.55);border-radius:10px;
  caret-color:#ffd400;outline:none;-webkit-appearance:none;appearance:none;transform:none;
  -webkit-user-select:text;user-select:text;-webkit-touch-callout:default;touch-action:manipulation}
.ng-field input::placeholder{color:#8a8a8a;opacity:1;line-height:1.25}
.ng-field input::-webkit-input-placeholder{line-height:1.25}
.ng-field input:focus{border-color:#ff6600;box-shadow:0 0 0 3px rgba(255,102,0,.25)}
.ng-field input[aria-invalid="true"]{border-color:#ff8a7a}
.ng-hint{min-height:1.15em;margin:4px 0 0;font-size:.74rem;line-height:1.15;color:#bbb;text-align:left}
.ng-hint.err{color:#ff8a7a}
.ng-hint.shake{animation:ng-shake .32s}
@keyframes ng-shake{0%,100%{transform:none}25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
button:disabled.ng-gated{pointer-events:none;cursor:not-allowed;filter:grayscale(.35)}
.ng-as{margin:8px 0 2px;font-size:.88rem;color:#ddd;text-align:center}
.ng-as b{color:#ff6600}
.ng-link{appearance:none;background:none;border:0;padding:2px 4px;margin:0;font:inherit;font-size:.82rem;
  color:#ffb27a;text-decoration:underline;cursor:pointer}
.ng-retry{margin-top:6px}
.ng-retry[hidden],.ng-hint[hidden]{display:none!important}