.button{margin:var(--space-1) auto;width:var(--btn-w);min-height:var(--btn-h-md);padding:var(--space-1) var(--space-3);color:#fff;border:1px solid var(--line);font-family:var(--font-body);font-size:var(--fs-sm);letter-spacing:var(--btn-letter-spacing);text-transform:uppercase;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background-color:#0000;border-radius:0;line-height:1.2;display:block}.button--sm{min-height:var(--btn-h-sm);padding:var(--space-1) var(--space-2);font-size:var(--fs-xs)}.button--lg{min-height:var(--btn-h-lg);font-size:var(--fs-md)}.button--block{width:100%}@media (pointer:coarse){.button,.button--sm{min-height:var(--tap-min)}}.button--secondary{color:#ffffffc7;border-color:#fff3}.button--text{width:auto;min-height:0;padding:var(--space-1) var(--space-1);color:#ffffffb8;text-underline-offset:.2em;border-color:#0000;margin:0;text-decoration:underline}.button--icon{width:var(--btn-h-sm);min-width:var(--btn-h-sm);height:var(--btn-h-sm);min-height:var(--btn-h-sm);font-size:var(--fs-md);letter-spacing:0;justify-content:center;align-items:center;margin:0;padding:0;display:inline-flex}@media (pointer:coarse){.button--text{min-height:var(--tap-min)}.button--icon{width:var(--tap-min);min-width:var(--tap-min);height:var(--tap-min)}}.button-tip{max-width:100%;display:inline-flex;position:relative}.button-tip>.button{width:100%}.button-tip__bubble{z-index:5;color:#ffffffe0;width:max-content;max-width:28ch;font-family:var(--font-body);letter-spacing:.02em;text-align:center;text-transform:none;pointer-events:none;opacity:0;transform-origin:bottom;background:#111;border:1px solid #ffffff47;padding:6px 8px;font-size:11px;font-weight:400;line-height:1.35;transition:opacity .14s,transform .22s cubic-bezier(.2,.9,.2,1.15);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(6px)scale(.96)}.button-tip:focus-within .button-tip__bubble{opacity:1;transform:translate(-50%)translateY(0)scale(1)}@media (hover:hover){.button-tip:hover .button-tip__bubble{opacity:1;transform:translate(-50%)translateY(0)scale(1)}.button-tip--expired:hover .button-tip__bubble{opacity:0;transition:opacity .42s;transform:translate(-50%)translateY(0)scale(1)}}.button-tip--expired:focus-within .button-tip__bubble{opacity:0;transition:opacity .42s;transform:translate(-50%)translateY(0)scale(1)}@media (prefers-reduced-motion:reduce){.button-tip__bubble{transition:opacity 80ms;transform:translate(-50%)}.button-tip:focus-within .button-tip__bubble{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce) and (hover:hover){.button-tip:hover .button-tip__bubble,.button-tip--expired:hover .button-tip__bubble{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.button-tip--expired:focus-within .button-tip__bubble{transform:translate(-50%)}}@media (hover:hover){.button:hover:not(.button--custom):not(:disabled):not(.disabled){background-color:var(--button-glow-bg-peak,#ffffff4d);box-shadow:var(--button-glow-shadow-peak,0 0 35px #fff);border-color:var(--button-glow-border,#fff);color:var(--button-glow-fg,inherit);animation:none!important}}.button:focus-visible:not(.button--custom):not(:disabled):not(.disabled){background-color:var(--button-glow-bg-peak,#ffffff4d);box-shadow:var(--button-glow-shadow-peak,0 0 35px #fff);border-color:var(--button-glow-border,#fff);color:var(--button-glow-fg,inherit);animation:none!important}.button.button:active:not(.button--custom):not(:disabled):not(.disabled){background-color:var(--button-glow-bg-low,#ffffff26);box-shadow:var(--button-glow-shadow-low,0 0 15px #fff);border-color:var(--button-glow-border,#fff);color:var(--button-glow-fg,inherit)}.button--text:focus-visible:not(:disabled):not(.disabled),.button.button--text:active:not(:disabled):not(.disabled){box-shadow:none}.button:focus{outline:none}.button.disabled,.button:disabled{opacity:.2;cursor:not-allowed}.button.disabled:hover:not(.button--custom),.button.disabled:focus-visible:not(.button--custom){box-shadow:none;border-color:var(--line);background-color:#0000;animation:none!important}html.graphics-flat .button.button--glow-active:not(.button--custom):not(:disabled):not(.disabled){color:#000;box-shadow:none;background-color:#fff;border-color:#fff;animation:none!important}@media (prefers-reduced-motion:reduce){.button:hover:not(.button--custom):not(:disabled):not(.disabled),.button:focus-visible:not(.button--custom):not(:disabled):not(.disabled){box-shadow:none;border-color:var(--line-strong);background-color:#0000;animation:none!important}.button.button:active:not(.button--custom):not(:disabled):not(.disabled){box-shadow:none;background-color:#0000;border-color:#ffffff80}html.graphics-flat .button:hover:not(.button--custom):not(:disabled):not(.disabled),html.graphics-flat .button:focus-visible:not(.button--custom):not(:disabled):not(.disabled),html.graphics-flat .button.button:active:not(.button--custom):not(:disabled):not(.disabled),html.graphics-flat .button.button--glow-active:not(.button--custom):not(:disabled):not(.disabled){color:#000;box-shadow:none;background-color:#fff;border-color:#fff}}.brand-header{z-index:10;padding:calc(var(--safe-top) + .5rem) max(var(--safe-right), var(--space-3)) 0 max(var(--safe-left), var(--space-3));pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.brand-header #chain,.brand-header #duel,.brand-header h2{color:#fff;margin:0;font-size:clamp(1.1rem,2.5vw,4rem);line-height:1}