html {scrollbar-gutter:stable}
body:has(.support-fab) {padding-bottom:calc(var(--cookie-banner-space,0px) + 106px + env(safe-area-inset-bottom))}
.battle-layout.battle-layout--focused {grid-template-columns:minmax(0,1fr)}
.support-fab {position:fixed;z-index:150;right:max(24px,env(safe-area-inset-right));bottom:calc(24px + env(safe-area-inset-bottom) + var(--cookie-banner-space,0px));display:flex;align-items:center;gap:14px;min-height:72px;padding:15px 22px 15px 17px;border:1px solid #e5ff8f;border-radius:14px;background:var(--accent);color:#172017;box-shadow:0 8px 32px #080d1680,0 0 0 5px #d6f56c12;cursor:pointer;text-align:left;transition:transform .18s,box-shadow .18s,bottom .18s}
.support-fab:hover {transform:translateY(-3px);box-shadow:0 12px 36px #080d1699,0 0 0 7px #d6f56c1a}
.support-fab:focus-visible {outline:3px solid var(--text);outline-offset:5px}
.support-fab small {display:block;font-size:9px;font-weight:700;letter-spacing:1.4px;margin-bottom:3px;opacity:.7}
.support-fab strong {font-size:20px;letter-spacing:2px;line-height:1.4}
.support-fab__icon {display:grid;place-items:center;width:38px;height:38px;border:1px solid #1720173b;border-radius:9px;font-size:30px;line-height:1}
.support-fab__arrow {font-size:23px;margin-left:4px}
.support-modal-open {overflow:hidden}
.support-dialog.support-card {position:fixed;inset:0;width:min(960px,calc(100% - 48px));max-width:none;max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid #526044;border-radius:16px;background:#191f29;color:var(--text);box-shadow:0 28px 100px #0009;overflow:hidden}
.support-dialog:not([open]) {display:none}
.support-dialog[open] {display:flex;flex-direction:column;animation:support-dialog-enter .2s ease-out}
.support-dialog::backdrop {background:#080d17cc;backdrop-filter:blur(7px)}
.support-dialog__header {position:relative;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-shrink:0;padding:26px 30px 22px;background:linear-gradient(115deg,#1d2c40,#1d2c27);border-bottom:1px solid #3a4553}
.support-dialog__header::before {content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green))}
.support-dialog__header .eyebrow {font-size:10px;letter-spacing:1.6px;color:var(--accent)}
.support-dialog__header h2 {font-size:28px;line-height:1.4;margin:9px 0 7px;outline:none}
.support-dialog__header .muted {font-size:13px}
.support-dialog__close {display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:0;border:1px solid #8091a759;border-radius:50%;background:#10192566;color:var(--text);font-size:30px;line-height:1;cursor:pointer}
.support-dialog__close:hover {background:#364351}
.support-dialog__close:focus-visible {outline:2px solid var(--accent);outline-offset:3px}
.support-dialog form {display:flex;flex-direction:column;min-height:0;margin:0;overflow:hidden}
.support-dialog__body {position:relative;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:24px 30px;scrollbar-gutter:stable}
.support-dialog__grid {display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:32px}
.support-dialog__message {min-width:0;padding-left:28px;border-left:1px solid var(--line)}
.support-dialog__choices {min-width:0}
.support-dialog .action-options label {min-height:46px;display:flex;align-items:center;gap:6px}
.support-dialog .action-options label:has(:focus-visible) {outline:2px solid var(--accent);outline-offset:3px}
.support-dialog .faction-option {padding:14px 10px}
.support-dialog .amount-options label {position:relative}
.support-dialog .amount-options input {top:1px;left:1px}
.support-dialog .effect-preview {flex-direction:column;gap:10px;padding:16px;border:1px solid #526044;border-radius:6px;background:#d6f56c06;font-size:12px;line-height:1.8}
.support-dialog .effect-preview b {display:block;margin:4px 0 0;font-size:16px}
.support-dialog .policy-consent {border-top:1px solid var(--line);padding-top:16px;margin-top:16px}
.support-dialog .rules-shortcut {padding:12px 16px;margin-top:14px}
.support-dialog__footer {flex-shrink:0;padding:18px 30px 20px;border-top:1px solid #3a4553;background:#141b25}
.support-dialog__payment {display:flex;align-items:center;justify-content:space-between;gap:24px}
.support-dialog__payment p {font-size:12px;line-height:1.8;color:var(--text)}
.support-dialog__payment p span {display:block;color:var(--muted);font-size:11px}
.support-dialog__payment .primary-button {width:auto;min-width:240px;min-height:50px;gap:20px;margin:0;font-size:15px}
.support-feedback {padding:10px 12px;margin:0 0 12px;border:1px solid #bf7768;border-radius:5px;background:#482c29;color:#ffd9ce;font-size:13px;line-height:1.7;overflow-wrap:anywhere}
.support-feedback:focus-visible {outline:2px solid #ffd9ce;outline-offset:2px}
@keyframes support-dialog-enter {from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px) {
  .support-fab {right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom) + var(--cookie-banner-space,0px));min-height:60px;gap:10px;padding:10px 15px 10px 12px;border-radius:12px}
  .support-fab strong {font-size:17px}.support-fab small {font-size:8px}.support-fab__icon {width:32px;height:32px;font-size:26px}.support-fab__arrow {font-size:20px}
  .support-dialog.support-card {width:calc(100% - 20px);max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px);border-radius:12px}
  .support-dialog__header {padding:20px 18px 16px;gap:10px}.support-dialog__header h2 {font-size:23px}.support-dialog__header .eyebrow {font-size:9px;letter-spacing:1px}.support-dialog__header .muted {font-size:12px}
  .support-dialog__body {padding:18px;scrollbar-gutter:auto}.support-dialog__grid {grid-template-columns:minmax(0,1fr);gap:12px}.support-dialog__message {padding:0;border:0}
  .support-dialog input:not([type=radio]):not([type=hidden]):not([type=checkbox]),.support-dialog textarea {font-size:16px}
  .support-dialog__footer {padding:12px 18px max(14px,env(safe-area-inset-bottom))}.support-dialog__payment {display:block}.support-dialog__payment p {display:none}.support-dialog__payment .primary-button {width:100%;min-width:0}
  .support-dialog .consent-check {font-size:12px}.support-dialog .form-footnote {line-height:1.8}
}
@media(prefers-reduced-motion:reduce) {.support-fab {transition:none}.support-dialog[open] {animation:none}}