:where(.fo-scope),[data-theme=dark]:where(.fo-scope,.fo-scope *){--void:#030307;--scrim:#030307db;--slot:#101416;--panel:#22292b;--panel-raised:#343c3e;--edge:#2c3437;--edge-strong:#3b4649;--ink:#e8eef0;--ink-muted:#9aa6aa;--ink-disabled:#5b686c;--mint:#b9ffd7;--mint-plate-top:#e6fff2;--mint-plate:#8fd9b5;--peach:#ffaa78;--peach-plate-top:#ffe3d2;--steel-100:#c4cdd2;--steel-300:#8a8f93;--steel-500:#636466;--steel-700:#4a5154;--steel-glint:#fff;--steel-200:#a1a5a8;--steel-400:#777b7e;--steel-600:#4e5356;--steel-800:#373f42;--metal-ink:#f4f7f8;--hud-outline:#000;--hud-slot:#11171a;--hud-panel:#232b2d;--hud-off:#252d2f;--hud-off-ink:#7d888b;--ally:#8ee6ff;--ally-outline:#4fc3ff;--ally-strong:#27c4ff;--enemy:#f06a89;--enemy-outline:#ff4f73;--enemy-strong:#ff4d58;--enemy-clock:#ff9ab0;--danger:#f07a6e;--danger-edge:#7a2f28;--notice:#f0d276;--crystal:#ff6bd6;--crystal-deep:#b00090;--crystal-ink:#ffb3ec;--crystal-pulse:#8a3f7c;--plum:#4a2246;--plum-deep:#2b1f45;--cavern-400:#7030a0;--cavern-600:#703090;--cavern-800:#402050;--status-burn:#f07a1a;--status-corroded:#9be63a;--status-stun:#ffe066;--status-fortified:#9ff3ff;--status-pinned:#c8a070;--victory:#ffde60;--bar-health:#62cf4c;--bar-health-glint:#c8f7a0;--bar-health-shade:#2e8a37;--bar-rage:#d0362d;--bar-rage-glint:#ffb09a;--bar-energy:#e0b63a;--bar-energy-glint:#fff3b0;--bar-mana:#a64fe2;--bar-mana-glint:#ecc1ff;--bar-focus:#4a80f0;--bar-focus-glint:#bcd4ff;--bar-reagents:#ec7f24;--bar-reagents-glint:#ffc47a;--plate-ring:0 0 0 2px #2c3437;--plate-drop:0 0 0 2px #2c3437, 0 19px 38px #0009;--bevel:inset 0 4px 0 #ffffff59, inset 0 -4px 0 #00000047;--bevel-button:inset 0 3px 0 #ffffff59, inset 0 -3px 0 #00000047;--focus-ring:0 0 0 2px #101416, 0 0 0 4px #e8eef0;--urgent-ring:0 0 0 2px #7a2f28;--hud-ring:0 0 0 2px #000;--hud-raised:0 0 0 2px #000, 0 4px 0 #000;--hud-raised-pressed:0 0 0 2px #000, 0 2px 0 #000;--hud-inset-line:0 0 0 2px #000, inset 0 -2px 0 #4e5356;--hud-selected:0 0 0 2px #000, 0 0 0 4px #8ee6ff;--hud-ready:0 0 0 2px #000, 0 0 0 4px #ffb3ec}:where(.fo-scope){--px:3px;--px-2:2px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-8:48px;--space-10:64px;--space-12:96px;--radius-0:0px;--step-sm:8px;--step-button:6px;--step-bevel:15px;--touch-min:48px;--touch-gap:8px;--long-press:.45s;--safe-edge:34px;--safe-top:8px;--safe-bottom:16px;--phone-w:890px;--phone-h:400px;--board-w:600px;--board-h:400px;--gutter-w:145px;--rail-cell:50px;--cluster-btn:57px;--drawer-h:76px;--drawer-inset:92px;--sheet-w:320px;--font-display:"Silkscreen", "Pixelify Sans", monospace;--font-body:"Pixelify Sans", ui-monospace, monospace}.poster:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:2px;font-size:96px;font-weight:400;line-height:.95}.banner:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:2px;font-size:44px;font-weight:400;line-height:1}.title:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:2px;font-size:27px;font-weight:400;line-height:1.1}.timer:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:3px;font-size:26px;font-weight:400;line-height:1}.heading:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;font-size:19px;font-weight:400;line-height:1.2}.label:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:2px;font-size:13px;font-weight:400;line-height:1.2}.chip:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;font-size:11px;font-weight:400;line-height:1.2}.lead:where(.fo-scope,.fo-scope *){font-family:var(--font-body);font-size:20px;font-weight:400;line-height:1.45}.body:where(.fo-scope,.fo-scope *){font-family:var(--font-body);font-size:17px;font-weight:400;line-height:1.5}.body-sm:where(.fo-scope,.fo-scope *){font-family:var(--font-body);font-size:15px;font-weight:400;line-height:1.45}.caption:where(.fo-scope,.fo-scope *){font-family:var(--font-body);font-size:13px;font-weight:400;line-height:1.35}.phone-banner:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:2px;font-size:32px;font-weight:400;line-height:1}.phone-title:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:2px;font-size:24px;font-weight:400;line-height:1.1}.phone-timer:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:3px;font-size:24px;font-weight:400;line-height:1}.phone-heading:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;font-size:16px;font-weight:400;line-height:1.2}.phone-chip:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;font-size:12px;font-weight:400;line-height:1.2}.phone-body:where(.fo-scope,.fo-scope *){font-family:var(--font-body);font-size:16px;font-weight:400;line-height:1.45}.phone-caption:where(.fo-scope,.fo-scope *){font-family:var(--font-body);font-size:14px;font-weight:400;line-height:1.4}.fo-root:where(.fo-scope,.fo-scope *){background:var(--void);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.5}.fo-pixelated:where(.fo-scope,.fo-scope *){image-rendering:pixelated}.fo-plate:where(.fo-scope,.fo-scope *){background:color-mix(in srgb, var(--slot) 94%, transparent);box-shadow:var(--plate-ring);color:var(--ink);padding:var(--space-4) var(--space-5)}.fo-plate--rules:where(.fo-scope,.fo-scope *){border-top:2px solid var(--mint);border-bottom:2px solid var(--mint)}.fo-plate--float:where(.fo-scope,.fo-scope *){box-shadow:var(--plate-drop)}.fo-plate--panel:where(.fo-scope,.fo-scope *){background:color-mix(in srgb, var(--panel) 92%, transparent);border:2px solid var(--edge-strong);box-shadow:0 0 0 2px var(--slot)}.fo-frame:where(.fo-scope,.fo-scope *){border:9px solid #0000;background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAAO0lEQVR4AbXBQREAIAzAsK6W+HGHf1lMRZM5930CEpGIRCQiEYlIRCISkYhEJCIRiUhEIhKRiEQkIpEFXekB1b5IoLgAAAAASUVORK5CYII=) 0 0 / 22px 22px repeat padding-box, var(--panel-raised);image-rendering:pixelated;padding:var(--space-3) var(--space-4);color:var(--ink);border-image-source:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAABxklEQVR4Ac3BMWsacRjA4d+9HKHYBNqhRU7wIOrQ0iElUwP5HoKDQyBZGxz8DA7SfIUOhX6PhmZQoYRgE+6iKHhIHTSp+TtePaJE5AJd1Pd5LJ6E6GIxZfEoPG9c8pzb6ybrVizkmbIsIDxvXBI5PjlCg/JpiUixkMdm5vjkiE97HxkMR2yS32lT+VKlfFoiIiwYDEekUw6btPNyh0U2S7q9gHTKodsLSKccJsawaoPhiDevX3Hl+SyzidHtBaRTDhf1Buuw9/4dV55PHCFGOuVwUW+wLr+av/mQyxLHZmZyd8+DMWzKYDhibnJ3z5zN1O11k0UTY1jU+PnDYgX2Dw5DntHv94kIygnKCcoJygnKCcoJygnKCcoJygnKCcoJygnKCcoJygnKCcoJygnKCcrZ/If9g8OQFXuxtUUcm6l+v09kbAyRvw8GLYQYnSAg47qsS8Z16QQBc23vhmQyScQmhus4dIKAjOuyDrV6jd1sjrExLLOZaXs3vHVSbCcS1Oo1In+CHuvS8j12sznGxrBIWLCdSNDyPTal5Xsss5mpVM8olz6zaW3vhq/fvjNn8SisVM/YlGQyybJiIc+UZfEkRBeLqX/fOIzPTIYJhgAAAABJRU5ErkJggg==);border-image-slice:9;border-image-width:9px;border-image-repeat:repeat}.fo-kicker:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;margin:0;font-size:13px}.fo-title:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;text-wrap:balance;margin:0;font-size:27px;font-weight:400;line-height:1.1}.fo-title--poster:where(.fo-scope,.fo-scope *){color:var(--ink);font-size:clamp(56px,9vw,96px);line-height:.95}.fo-button:where(.fo-scope,.fo-scope *){justify-content:center;align-items:center;gap:var(--space-2);min-height:50px;padding:0 var(--space-6);background:linear-gradient(var(--mint-plate-top), var(--mint-plate));color:var(--slot);box-shadow:var(--bevel-button);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;cursor:pointer;clip-path:polygon(0 var(--step-button), var(--px) var(--step-button), var(--px) var(--px), var(--step-button) var(--px), var(--step-button) 0, calc(100% - var(--step-button)) 0, calc(100% - var(--step-button)) var(--px), calc(100% - var(--px)) var(--px), calc(100% - var(--px)) var(--step-button), 100% var(--step-button), 100% calc(100% - var(--step-button)), calc(100% - var(--px)) calc(100% - var(--step-button)), calc(100% - var(--px)) calc(100% - var(--px)), calc(100% - var(--step-button)) calc(100% - var(--px)), calc(100% - var(--step-button)) 100%, var(--step-button) 100%, var(--step-button) calc(100% - var(--px)), var(--px) calc(100% - var(--px)), var(--px) calc(100% - var(--step-button)), 0 calc(100% - var(--step-button)));border:0;border-radius:0;font-size:15px;display:inline-flex}.fo-button--flush:where(.fo-scope,.fo-scope *){box-shadow:var(--bevel);clip-path:polygon(0 15px,3px 15px,3px 8px,6px 8px,6px 5px,9px 5px,9px 2px,15px 2px,15px 0,calc(100% - 15px) 0,calc(100% - 15px) 2px,calc(100% - 9px) 2px,calc(100% - 9px) 5px,calc(100% - 6px) 5px,calc(100% - 6px) 8px,calc(100% - 3px) 8px,calc(100% - 3px) 15px,100% 15px,100% 100%,0 100%)}.fo-button:hover:where(.fo-scope,.fo-scope *){filter:brightness(1.08)}.fo-button:active:where(.fo-scope,.fo-scope *){transform:translateY(2px)}.fo-button:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:2px}.fo-button--peach:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--peach-plate-top), var(--peach))}.fo-button--steel:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--steel-100), var(--steel-300) 50%, var(--steel-500) 50%, var(--steel-700));color:var(--ink)}.fo-button--off:where(.fo-scope,.fo-scope *),.fo-button:disabled:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--edge-strong), var(--edge));color:var(--ink-disabled);cursor:not-allowed;filter:none;transform:none}.fo-button--off:hover:where(.fo-scope,.fo-scope *){filter:none}.fo-button--off:active:where(.fo-scope,.fo-scope *){transform:none}.fo-button--small:where(.fo-scope,.fo-scope *){min-height:36px;padding:0 var(--space-4);font-size:13px}.fo-mode:where(.fo-scope,.fo-scope *){--step:8px;width:100%;padding:var(--space-4) 20px 18px;background:linear-gradient(var(--mint-plate-top), var(--mint-plate));box-shadow:var(--bevel);color:var(--slot);cursor:pointer;text-align:center;clip-path:polygon(0 var(--step), var(--step) var(--step), var(--step) 0, calc(100% - var(--step)) 0, calc(100% - var(--step)) var(--step), 100% var(--step), 100% calc(100% - var(--step)), calc(100% - var(--step)) calc(100% - var(--step)), calc(100% - var(--step)) 100%, var(--step) 100%, var(--step) calc(100% - var(--step)), 0 calc(100% - var(--step)));border:0;justify-items:center;gap:6px;display:grid}.fo-mode--peach:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--peach-plate-top), var(--peach))}.fo-mode__name:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:19px}.fo-mode__note:where(.fo-scope,.fo-scope *){font-family:var(--font-body);opacity:.78;font-size:15px}.fo-mode__status:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:11px}.fo-mode:hover:where(.fo-scope,.fo-scope *){filter:brightness(1.08)}.fo-mode:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:3px}.fo-chip:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-1);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:2px 6px;font-size:11px;display:inline-flex}.fo-chip--up:where(.fo-scope,.fo-scope *){background:var(--mint);color:var(--slot)}.fo-chip--down:where(.fo-scope,.fo-scope *){border:2px solid var(--peach);color:var(--peach);padding:0 4px}.fo-chip--neutral:where(.fo-scope,.fo-scope *){border:2px solid var(--edge-strong);color:var(--ink-muted);padding:0 4px}.fo-tag:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);background:color-mix(in srgb, var(--slot) 88%, transparent);box-shadow:var(--plate-ring);padding:4px 8px;display:inline-flex}.fo-tag__name:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:15px}.fo-tag__detail:where(.fo-scope,.fo-scope *){color:var(--ink-muted);white-space:nowrap;font-size:13px}.fo-tag--ally .fo-tag__name:where(.fo-scope,.fo-scope *){color:var(--ally)}.fo-tag--opponent .fo-tag__name:where(.fo-scope,.fo-scope *){color:var(--peach)}.fo-stats:where(.fo-scope,.fo-scope *){gap:var(--space-2) var(--space-4);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.fo-stat:where(.fo-scope,.fo-scope *){font-variant-numeric:tabular-nums;align-items:center;gap:6px;font-size:16px;display:inline-flex}.fo-stat img:where(.fo-scope,.fo-scope *){width:18px;height:18px;image-rendering:pixelated}.fo-stat__label:where(.fo-scope,.fo-scope *){clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.fo-ability:where(.fo-scope,.fo-scope *){gap:2px var(--space-3);grid-template-columns:36px 1fr;align-items:start;display:grid}.fo-ability__icon:where(.fo-scope,.fo-scope *){width:36px;height:36px;image-rendering:pixelated;background:var(--slot);box-shadow:var(--plate-ring);grid-row:span 2}.fo-ability__head:where(.fo-scope,.fo-scope *){align-items:baseline;gap:var(--space-2);flex-wrap:wrap;display:flex}.fo-ability__name:where(.fo-scope,.fo-scope *){font-size:16px}.fo-ability__kind:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:10px}.fo-ability__cost:where(.fo-scope,.fo-scope *){color:var(--ally);font-size:13px}.fo-ability__text:where(.fo-scope,.fo-scope *){color:var(--ink-muted);margin:0;font-size:14px;line-height:1.4}.fo-class:where(.fo-scope,.fo-scope *){gap:var(--space-3);display:grid}.fo-class__art:where(.fo-scope,.fo-scope *){aspect-ratio:1;object-fit:contain;background:radial-gradient(circle at 50% 60%, var(--cavern-600), var(--slot) 70%);width:100%;image-rendering:pixelated;display:block}.fo-class__line:where(.fo-scope,.fo-scope *){align-items:baseline;gap:var(--space-2) 10px;flex-wrap:wrap;display:flex}.fo-class__name:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:19px;font-weight:400}.fo-class__role:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-size:15px}.fo-class__chips:where(.fo-scope,.fo-scope *){flex-wrap:wrap;gap:6px;display:flex}.fo-class__kit:where(.fo-scope,.fo-scope *){gap:var(--space-3);display:grid}.fo-status:where(.fo-scope,.fo-scope *){background:var(--slot);box-shadow:0 0 0 2px var(--status-color,var(--edge-strong));color:var(--status-color,var(--ink));font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;align-items:center;gap:6px;padding:2px 8px 2px 4px;font-size:11px;display:inline-flex}.fo-status img:where(.fo-scope,.fo-scope *){width:16px;height:16px;image-rendering:pixelated}.fo-status--burn:where(.fo-scope,.fo-scope *){--status-color:var(--status-burn)}.fo-status--corroded:where(.fo-scope,.fo-scope *){--status-color:var(--status-corroded)}.fo-status--stun:where(.fo-scope,.fo-scope *){--status-color:var(--status-stun)}.fo-status--fortified:where(.fo-scope,.fo-scope *){--status-color:var(--status-fortified)}.fo-status--pinned:where(.fo-scope,.fo-scope *){--status-color:var(--status-pinned)}.fo-strip:where(.fo-scope,.fo-scope *){align-items:center;gap:4px;display:flex}.fo-strip__slot:where(.fo-scope,.fo-scope *){border:2px solid var(--team,var(--edge-strong));background:var(--slot);width:40px;height:40px;box-shadow:0 0 0 2px var(--slot);color:var(--ink-muted);font-family:var(--font-display);place-items:center;font-size:11px;display:grid;overflow:hidden}.fo-strip__slot img:where(.fo-scope,.fo-scope *){object-fit:cover;width:100%;height:100%;image-rendering:pixelated}.fo-strip__slot--ally:where(.fo-scope,.fo-scope *){--team:var(--ally-strong)}.fo-strip__slot--opponent:where(.fo-scope,.fo-scope *){--team:var(--enemy-strong)}.fo-strip__slot--current:where(.fo-scope,.fo-scope *){width:50px;height:50px;box-shadow:var(--focus-ring)}.fo-strip__gap:where(.fo-scope,.fo-scope *){width:10px}.fo-clock:where(.fo-scope,.fo-scope *){--clock:var(--enemy-clock);align-items:center;gap:var(--space-2);background:color-mix(in srgb, var(--slot) 88%, transparent);box-shadow:var(--plate-ring);color:var(--clock);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;padding:2px 8px;font-size:12px;line-height:1;display:inline-flex}.fo-clock--mine:where(.fo-scope,.fo-scope *){--clock:var(--ally)}.fo-clock--urgent:where(.fo-scope,.fo-scope *){--clock:var(--danger);box-shadow:var(--urgent-ring)}.fo-media:where(.fo-scope,.fo-scope *){gap:var(--space-2);margin:0;display:grid}.fo-media__frame:where(.fo-scope,.fo-scope *){background:var(--slot);border-top:2px solid var(--mint);border-bottom:2px solid var(--mint);box-shadow:var(--plate-ring);padding:6px;position:relative}.fo-media__frame img:where(.fo-scope,.fo-scope *),.fo-media__frame video:where(.fo-scope,.fo-scope *){width:100%;height:auto;image-rendering:pixelated;display:block}.fo-media__badge:where(.fo-scope,.fo-scope *){position:absolute;top:14px;left:14px}.fo-media__caption:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-size:13px}.fo-faq:where(.fo-scope,.fo-scope *){border-bottom:2px solid var(--edge)}.fo-faq summary:where(.fo-scope,.fo-scope *){justify-content:space-between;gap:var(--space-4);padding:var(--space-4) 0;cursor:pointer;font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:15px;list-style:none;display:flex}.fo-faq summary:where(.fo-scope,.fo-scope *)::-webkit-details-marker{display:none}.fo-faq summary:where(.fo-scope,.fo-scope *):after{content:"+";color:var(--mint)}.fo-faq[open] summary:where(.fo-scope,.fo-scope *):after{content:"×"}.fo-faq summary:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:2px}.fo-faq p:where(.fo-scope,.fo-scope *){margin:0 0 var(--space-4);max-width:65ch;color:var(--ink-muted)}.fo-nav:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-3) var(--space-6);padding:var(--space-3) var(--space-4);background:color-mix(in srgb, var(--void) 92%, transparent);border-bottom:2px solid var(--edge);flex-wrap:wrap;display:flex}.fo-nav__logo:where(.fo-scope,.fo-scope *){width:auto;height:32px}.fo-nav__links:where(.fo-scope,.fo-scope *){gap:var(--space-2) var(--space-5);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.fo-nav__links a:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-size:13px;text-decoration:none}.fo-nav__links a:hover:where(.fo-scope,.fo-scope *),.fo-nav__links a[aria-current=page]:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-nav__links a:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.fo-button:active:where(.fo-scope,.fo-scope *),.fo-mode:active:where(.fo-scope,.fo-scope *){transform:none}}.fo-touch:where(.fo-scope,.fo-scope *){-webkit-tap-highlight-color:transparent}.fo-touch .fo-button:where(.fo-scope,.fo-scope *){min-height:var(--touch-min)}.fo-touch .fo-button--small:where(.fo-scope,.fo-scope *){min-height:var(--touch-min);min-width:var(--touch-min)}.fo-touch .fo-chip:where(.fo-scope,.fo-scope *),.fo-touch .fo-status:where(.fo-scope,.fo-scope *),.fo-touch .fo-mode__status:where(.fo-scope,.fo-scope *),.fo-touch .fo-ability__kind:where(.fo-scope,.fo-scope *),.fo-touch .fo-strip__slot:where(.fo-scope,.fo-scope *){font-size:12px}.fo-touch .fo-media__caption:where(.fo-scope,.fo-scope *),.fo-touch .fo-tag__detail:where(.fo-scope,.fo-scope *){font-size:14px}.fo-touch .fo-faq summary:where(.fo-scope,.fo-scope *){min-height:var(--touch-min);align-items:center;padding-block:0}.fo-touch .fo-nav__links a:where(.fo-scope,.fo-scope *){min-height:var(--touch-min);align-items:center;display:inline-flex}.fo-touch .fo-cluster:where(.fo-scope,.fo-scope *),.fo-touch .fo-rail:where(.fo-scope,.fo-scope *),.fo-touch .fo-drawer:where(.fo-scope,.fo-scope *),.fo-touch .fo-sheet:where(.fo-scope,.fo-scope *){-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.fo-reduced :where(.fo-scope,.fo-scope *),.fo-reduced :where(.fo-scope,.fo-scope *):before,.fo-reduced :where(.fo-scope,.fo-scope *):after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}.fo-glyph:where(.fo-scope,.fo-scope *){width:calc(7 * var(--px-2));height:calc(7 * var(--px-2));-webkit-mask:var(--glyph) 0 0 / 100% 100% no-repeat;-webkit-mask:var(--glyph) 0 0 / 100% 100% no-repeat;mask:var(--glyph) 0 0 / 100% 100% no-repeat;vertical-align:-2px;background:currentColor;flex:none;display:inline-block}.fo-glyph--lg:where(.fo-scope,.fo-scope *){width:calc(7 * var(--px));height:calc(7 * var(--px))}.fo-glyph--check:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M6 1h1v1h-1zM5 2h2v1h-2zM0 3h1v1h-1zM4 3h2v1h-2zM0 4h2v1h-2zM3 4h2v1h-2zM1 5h3v1h-3zM2 6h1v1h-1z'/%3E%3C/svg%3E")}.fo-glyph--lock:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M2 0h3v1h-3zM1 1h1v1h-1zM5 1h1v1h-1zM1 2h1v1h-1zM5 2h1v1h-1zM0 3h7v1h-7zM0 4h3v1h-3zM4 4h3v1h-3zM0 5h3v1h-3zM4 5h3v1h-3zM0 6h7v1h-7z'/%3E%3C/svg%3E")}.fo-glyph--copy:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h4v1h-4zM0 1h1v1h-1zM3 1h1v1h-1zM0 2h1v1h-1zM2 2h4v1h-4zM0 3h1v1h-1zM2 3h1v1h-1zM5 3h1v1h-1zM0 4h3v1h-3zM5 4h1v1h-1zM2 5h1v1h-1zM5 5h1v1h-1zM2 6h4v1h-4z'/%3E%3C/svg%3E")}.fo-glyph--external:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h4v1h-4zM5 1h2v1h-2zM4 2h1v1h-1zM6 2h1v1h-1zM3 3h1v1h-1zM6 3h1v1h-1zM2 4h1v1h-1zM1 5h1v1h-1zM0 6h1v1h-1z'/%3E%3C/svg%3E")}.fo-glyph--up:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M3 2h1v1h-1zM2 3h3v1h-3zM1 4h5v1h-5zM0 5h7v1h-7z'/%3E%3C/svg%3E")}.fo-glyph--down:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 1h7v1h-7zM1 2h5v1h-5zM2 3h3v1h-3zM3 4h1v1h-1z'/%3E%3C/svg%3E")}.fo-glyph--cross:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M0 0h2v1h-2zM5 0h2v1h-2zM0 1h3v1h-3zM4 1h3v1h-3zM1 2h5v1h-5zM2 3h3v1h-3zM1 4h5v1h-5zM0 5h3v1h-3zM4 5h3v1h-3zM0 6h2v1h-2zM5 6h2v1h-2z'/%3E%3C/svg%3E")}.fo-glyph--todo:where(.fo-scope,.fo-scope *){--glyph:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 7 7' shape-rendering='crispEdges'%3E%3Cpath d='M3 0h1v1h-1zM2 1h1v1h-1zM4 1h1v1h-1zM1 2h1v1h-1zM5 2h1v1h-1zM0 3h1v1h-1zM6 3h1v1h-1zM1 4h1v1h-1zM5 4h1v1h-1zM2 5h1v1h-1zM4 5h1v1h-1zM3 6h1v1h-1z'/%3E%3C/svg%3E")}.fo-digit:where(.fo-scope,.fo-scope *){width:1ch;letter-spacing:0;text-align:center;margin-inline-end:var(--digit-gap,0px);display:inline-block}.fo-clock:where(.fo-scope,.fo-scope *){--digit-gap:2px}.fo-busy:where(.fo-scope,.fo-scope *){gap:var(--px-2);vertical-align:middle;display:inline-flex}.fo-busy i:where(.fo-scope,.fo-scope *){width:calc(2 * var(--px-2));height:calc(2 * var(--px-2));opacity:.25;background:currentColor;animation:.9s step-end infinite fo-busy}.fo-busy i:nth-child(2):where(.fo-scope,.fo-scope *){animation-delay:.3s}.fo-busy i:nth-child(3):where(.fo-scope,.fo-scope *){animation-delay:.6s}@keyframes fo-busy{0%,33%{opacity:1}34%,to{opacity:.25}}.fo-link:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-transform:uppercase;font-size:13px;text-decoration:none;display:inline-flex}@media (hover:hover){.fo-link:hover:where(.fo-scope,.fo-scope *){text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}}.fo-link:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:3px}.fo-touch .fo-link:where(.fo-scope,.fo-scope *){min-height:var(--touch-min)}.fo-button--danger:where(.fo-scope,.fo-scope *){background:var(--danger);color:var(--slot)}.fo-button:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:var(--bevel-button), inset 0 0 0 2px var(--slot), inset 0 0 0 4px var(--ink);outline:none}.fo-button--flush:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:var(--bevel), inset 0 0 0 2px var(--slot), inset 0 0 0 4px var(--ink)}.fo-mode:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:var(--bevel), inset 0 0 0 2px var(--slot), inset 0 0 0 4px var(--ink);outline:none}.fo-mode--ranked:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:inset 0 2px 0 var(--mint), inset 0 -2px 0 var(--mint), inset 0 0 0 2px var(--slot), inset 0 0 0 4px var(--ink)}.fo-touch .fo-button:hover:where(.fo-scope,.fo-scope *),.fo-touch .fo-mode:hover:where(.fo-scope,.fo-scope *){filter:none}@media (hover:none){.fo-button:hover:where(.fo-scope,.fo-scope *),.fo-mode:hover:where(.fo-scope,.fo-scope *){filter:none}}.fo-button--icon:where(.fo-scope,.fo-scope *){width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min);clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% calc(100% - 3px),calc(100% - 3px) calc(100% - 3px),calc(100% - 3px) 100%,3px 100%,3px calc(100% - 3px),0 calc(100% - 3px));padding:0;font-size:24px;line-height:1}.fo-button--icon.fo-button--flush:where(.fo-scope,.fo-scope *){clip-path:polygon(0 3px,3px 3px,3px 0,calc(100% - 3px) 0,calc(100% - 3px) 3px,100% 3px,100% 100%,0 100%)}.fo-button--icon.fo-button--small:where(.fo-scope,.fo-scope *){width:36px;min-width:36px;height:36px;min-height:36px}.fo-touch .fo-button--icon:where(.fo-scope,.fo-scope *){width:var(--touch-min);min-width:var(--touch-min);height:var(--touch-min);min-height:var(--touch-min)}.fo-status--tag:where(.fo-scope,.fo-scope *){box-sizing:border-box;white-space:nowrap;height:20px;padding:0 6px;line-height:1}.fo-toggle:where(.fo-scope,.fo-scope *){background:var(--slot);box-shadow:0 0 0 2px var(--ink-muted);cursor:pointer;border:0;padding:0;display:inline-flex}.fo-toggle__opt:where(.fo-scope,.fo-scope *){min-width:48px;min-height:36px;padding:0 var(--space-3);color:var(--ink-muted);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;place-items:center;font-size:13px;display:grid}.fo-toggle[aria-checked=true] .fo-toggle__opt--on:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--mint-plate-top), var(--mint-plate));color:var(--slot);box-shadow:var(--bevel)}.fo-toggle[aria-checked=false] .fo-toggle__opt--off:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--steel-500), var(--steel-700));color:var(--ink);box-shadow:var(--bevel)}.fo-toggle:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:0 0 0 2px var(--ink-muted), var(--focus-ring);outline:none}.fo-touch .fo-toggle__opt:where(.fo-scope,.fo-scope *){min-width:56px;min-height:var(--touch-min)}.fo-slider:where(.fo-scope,.fo-scope *){appearance:none;background:0 0;width:200px;height:24px}.fo-slider:where(.fo-scope,.fo-scope *)::-webkit-slider-runnable-track{background:linear-gradient(var(--ally), var(--ally)) 0 0 / var(--fill,50%) 100% no-repeat, var(--slot);height:8px;box-shadow:0 0 0 2px #000}.fo-slider:where(.fo-scope,.fo-scope *)::-webkit-slider-thumb{-webkit-appearance:none;background:linear-gradient(var(--steel-100), var(--steel-300) 50%, var(--steel-500) 50%, var(--steel-700));width:12px;height:24px;margin-top:-8px;box-shadow:0 0 0 2px #000}.fo-touch .fo-slider:where(.fo-scope,.fo-scope *){height:var(--touch-min)}.fo-scrim:where(.fo-scope,.fo-scope *){z-index:30;background:var(--scrim);position:absolute;inset:0}.fo-scrim~.fo-safe:where(.fo-scope,.fo-scope *){z-index:31}.fo-sheet:where(.fo-scope,.fo-scope *){z-index:31;top:max(var(--safe-top), env(safe-area-inset-top));bottom:max(var(--safe-bottom), env(safe-area-inset-bottom));width:var(--sheet-w);background:var(--slot);border-top:2px solid var(--mint);border-bottom:2px solid var(--mint);box-shadow:var(--plate-ring);color:var(--ink);grid-template-rows:auto 1fr;display:grid;position:absolute}.fo-sheet--right:where(.fo-scope,.fo-scope *){right:max(var(--safe-edge), env(safe-area-inset-right))}.fo-sheet--left:where(.fo-scope,.fo-scope *){left:max(var(--safe-edge), env(safe-area-inset-left))}.fo-sheet__head:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--edge);display:flex}.fo-sheet__body:where(.fo-scope,.fo-scope *){overscroll-behavior:contain;padding:var(--space-3) var(--space-4);overflow:auto}.fo-pips:where(.fo-scope,.fo-scope *){gap:4px;display:inline-flex}.fo-pips__pip:where(.fo-scope,.fo-scope *){width:8px;height:8px;box-shadow:inset 0 0 0 2px var(--ink-muted)}.fo-pips__pip--won:where(.fo-scope,.fo-scope *){background:var(--mint);box-shadow:none}.fo-pips__pip--lost:where(.fo-scope,.fo-scope *){background:var(--ink-muted);box-shadow:none}.fo-pips__pip--draw:where(.fo-scope,.fo-scope *){background:var(--steel-300);box-shadow:none}.fo-mode--ranked:where(.fo-scope,.fo-scope *){background:var(--slot);color:var(--ink);box-shadow:inset 0 2px 0 var(--mint), inset 0 -2px 0 var(--mint), inset 2px 0 0 var(--edge-strong), inset -2px 0 0 var(--edge-strong)}.fo-mode--ranked .fo-mode__name:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-mode--ranked .fo-mode__note:where(.fo-scope,.fo-scope *){color:var(--ink-muted);opacity:1}.fo-mode__status:where(.fo-scope,.fo-scope *){justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.fo-mode--ranked .fo-mode__status:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-artboard:where(.fo-scope,.fo-scope *){background:var(--void);box-shadow:0 0 0 2px var(--edge);position:relative;overflow:hidden;container-type:size}.fo-artboard--890:where(.fo-scope,.fo-scope *){width:890px;height:400px}.fo-artboard--800:where(.fo-scope,.fo-scope *){width:800px;height:360px}.fo-artboard--915:where(.fo-scope,.fo-scope *){width:915px;height:412px}.fo-safe:where(.fo-scope,.fo-scope *){box-sizing:border-box;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);position:absolute;inset:0}.fo-touch .fo-safe:where(.fo-scope,.fo-scope *){padding:max(var(--safe-top), env(safe-area-inset-top)) max(var(--safe-edge), env(safe-area-inset-right)) max(var(--safe-bottom), env(safe-area-inset-bottom)) max(var(--safe-edge), env(safe-area-inset-left))}.fo-artboard .fo-safe:where(.fo-scope,.fo-scope *){padding:var(--safe-top) var(--safe-edge) var(--safe-bottom)}@media (prefers-reduced-motion:reduce){.fo-busy i:where(.fo-scope,.fo-scope *){opacity:1;animation:none}}.fo-reduced .fo-busy i:where(.fo-scope,.fo-scope *){opacity:1;animation:none}.fo-hud-button:where(.fo-scope,.fo-scope *){--hud-fill:linear-gradient(var(--steel-100) 0 2px, var(--steel-300) 2px 50%, var(--steel-500) 50% calc(100% - 2px), var(--steel-800) calc(100% - 2px));--hud-fill-lit:linear-gradient(var(--steel-glint) 0 2px, var(--steel-200) 2px 50%, var(--steel-400) 50% calc(100% - 2px), var(--steel-600) calc(100% - 2px));--hud-shadow:var(--hud-raised);--hud-shadow-pressed:var(--hud-raised-pressed);justify-content:center;align-items:center;gap:var(--space-2);box-sizing:border-box;background:var(--hud-fill);box-shadow:var(--hud-shadow);color:var(--metal-ink);font-family:var(--font-display);letter-spacing:.06em;text-shadow:0 2px 0 var(--hud-outline);text-transform:uppercase;white-space:nowrap;image-rendering:pixelated;cursor:pointer;-webkit-tap-highlight-color:transparent;border:0;border-radius:0;padding:8.8px 19.2px;font-size:14.4px;font-weight:400;line-height:1;text-decoration:none;display:inline-flex;position:relative}.fo-hud-button__icon:where(.fo-scope,.fo-scope *){width:24px;height:24px;image-rendering:pixelated;flex:none}.fo-hud-button--bar:where(.fo-scope,.fo-scope *){letter-spacing:normal;width:100%;min-height:40px;padding:7.2px 12px;font-size:17px;line-height:1.5}.fo-hud-button--spend:where(.fo-scope,.fo-scope *),.fo-hud-button--secondary:where(.fo-scope,.fo-scope *),.fo-hud-button--danger:where(.fo-scope,.fo-scope *){--hud-shadow:var(--hud-ring);--hud-shadow-pressed:var(--hud-ring);letter-spacing:normal;text-shadow:0 1px 0 var(--hud-outline);padding:4.8px 11.2px;font-size:12px;font-weight:700;line-height:1.5}.fo-hud-button--spend:where(.fo-scope,.fo-scope *){--hud-fill:var(--plum);--hud-fill-lit:var(--plum);color:var(--crystal-ink)}.fo-hud-button--secondary:where(.fo-scope,.fo-scope *){--hud-fill:var(--hud-panel);--hud-fill-lit:var(--hud-panel);color:var(--ink-muted)}.fo-hud-button--danger:where(.fo-scope,.fo-scope *){--hud-fill:var(--danger);--hud-fill-lit:var(--danger);color:var(--hud-slot);text-shadow:none}.fo-hud-button--bar:is(.fo-hud-button--spend,.fo-hud-button--secondary,.fo-hud-button--danger):where(.fo-scope,.fo-scope *){padding:7.2px 12px}.fo-hud-button--chip:where(.fo-scope,.fo-scope *){letter-spacing:normal;padding:3.2px 9.6px;font-size:11.2px;font-weight:400;line-height:1.5}.fo-hud-button--chip.fo-hud-button--spend:where(.fo-scope,.fo-scope *){--hud-fill:var(--plum-deep);--hud-fill-lit:var(--plum-deep)}.fo-hud-button--pill:where(.fo-scope,.fo-scope *){--hud-fill:var(--hud-slot);--hud-fill-lit:var(--hud-slot);--hud-shadow:var(--hud-inset-line);--hud-shadow-pressed:var(--hud-inset-line);color:var(--crystal-ink);letter-spacing:normal;text-shadow:0 1px 0 var(--hud-outline);gap:4px;padding:1px 8px 1px 2px;font-size:12px;font-weight:700;line-height:1.5}.fo-hud-button--pill.is-ready:where(.fo-scope,.fo-scope *){--hud-shadow:var(--hud-ready);--hud-shadow-pressed:var(--hud-ready);animation:.8s steps(2,end) infinite alternate fo-hud-ready}@keyframes fo-hud-ready{to{box-shadow:0 0 0 2px var(--hud-outline), 0 0 0 4px var(--crystal-pulse)}}.fo-hud-button--icon:where(.fo-scope,.fo-scope *){letter-spacing:0;width:32px;min-width:32px;height:32px;padding:0;font-size:16px}.fo-hud-lock:where(.fo-scope,.fo-scope *){box-sizing:border-box;background:var(--slot);clip-path:polygon(0 18px,3px 18px,3px 10px,6px 10px,6px 6px,10px 6px,10px 3px,18px 3px,18px 0,calc(100% - 18px) 0,calc(100% - 18px) 3px,calc(100% - 10px) 3px,calc(100% - 10px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 10px,calc(100% - 3px) 10px,calc(100% - 3px) 18px,100% 18px,100% 100%,0 100%);width:260px;padding:3px;display:inline-block}.fo-hud-lock--compact:where(.fo-scope,.fo-scope *){width:230px}.fo-hud-button--lock:where(.fo-scope,.fo-scope *){--hud-fill:linear-gradient(var(--mint-plate-top), var(--mint-plate));--hud-fill-lit:var(--hud-fill);--hud-shadow:var(--bevel);--hud-shadow-pressed:var(--bevel);width:100%;height:50px;padding:0 var(--space-3);color:var(--slot);letter-spacing:normal;text-shadow:none;image-rendering:auto;clip-path:polygon(0 15px,3px 15px,3px 8px,6px 8px,6px 5px,9px 5px,9px 2px,15px 2px,15px 0,calc(100% - 15px) 0,calc(100% - 15px) 2px,calc(100% - 9px) 2px,calc(100% - 9px) 5px,calc(100% - 6px) 5px,calc(100% - 6px) 8px,calc(100% - 3px) 8px,calc(100% - 3px) 15px,100% 15px,100% 100%,0 100%);font-size:15px;line-height:1;display:flex}.fo-hud-lock--compact .fo-hud-button--lock:where(.fo-scope,.fo-scope *){height:44px;font-size:13px}@media (hover:hover){.fo-hud-button:hover:where(.fo-scope,.fo-scope *){background:var(--hud-fill-lit);filter:brightness(1.12)}.fo-hud-button--lock:hover:where(.fo-scope,.fo-scope *){filter:brightness(1.08)}}.fo-hud-button:active:where(.fo-scope,.fo-scope *),.fo-hud-button.is-pressing:where(.fo-scope,.fo-scope *){background:var(--hud-fill-lit);box-shadow:var(--hud-shadow-pressed);transform:translateY(2px)}.fo-hud-button.is-selected:where(.fo-scope,.fo-scope *),.fo-hud-button[aria-pressed=true]:where(.fo-scope,.fo-scope *),.fo-hud-button[aria-selected=true]:where(.fo-scope,.fo-scope *){--hud-shadow:var(--hud-selected);--hud-shadow-pressed:var(--hud-selected)}.fo-hud-button:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:2px}.fo-hud-button:is(.is-selected,[aria-pressed=true],[aria-selected=true],.is-ready):focus-visible:where(.fo-scope,.fo-scope *){outline-offset:4px}.fo-hud-button--lock:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:inset 0 0 0 3px var(--slot), var(--bevel);outline:none}.fo-hud-button:disabled:where(.fo-scope,.fo-scope *),.fo-hud-button[aria-disabled=true]:where(.fo-scope,.fo-scope *){--hud-fill:var(--hud-off);--hud-fill-lit:var(--hud-off);--hud-shadow-pressed:var(--hud-shadow);color:var(--hud-off-ink);cursor:not-allowed;filter:none;animation:none;transform:none}.fo-hud-button:disabled .fo-hud-button__icon:where(.fo-scope,.fo-scope *),.fo-hud-button[aria-disabled=true] .fo-hud-button__icon:where(.fo-scope,.fo-scope *){opacity:.45}.fo-hud-button--pill:is(:disabled,[aria-disabled=true]):where(.fo-scope,.fo-scope *){--hud-shadow:var(--hud-inset-line)}.fo-hud-button--lock:is(:disabled,[aria-disabled=true]):where(.fo-scope,.fo-scope *){--hud-fill:linear-gradient(var(--edge-strong), var(--edge));--hud-fill-lit:var(--hud-fill);color:var(--ink-disabled)}.fo-hud-button--spend.is-done:where(.fo-scope,.fo-scope *){--hud-fill:var(--hud-slot);--hud-fill-lit:var(--hud-slot);color:var(--mint);cursor:default}.fo-touch .fo-hud-button:where(.fo-scope,.fo-scope *){min-height:var(--touch-min);min-width:var(--touch-min);font-size:16px}.fo-touch :is(.fo-hud-button--spend,.fo-hud-button--secondary,.fo-hud-button--danger,.fo-hud-button--chip,.fo-hud-button--pill):where(.fo-scope,.fo-scope *){font-size:12px}.fo-touch .fo-hud-button--icon:where(.fo-scope,.fo-scope *){width:var(--touch-min);height:var(--touch-min);font-size:24px}.fo-touch .fo-hud-button__icon:where(.fo-scope,.fo-scope *){width:32px;height:32px}.fo-touch .fo-hud-button--lock:where(.fo-scope,.fo-scope *){font-size:16px}.fo-touch .fo-hud-lock--compact .fo-hud-button--lock:where(.fo-scope,.fo-scope *){height:var(--touch-min);font-size:16px}.fo-touch .fo-hud-button:hover:where(.fo-scope,.fo-scope *){background:var(--hud-fill);filter:none}.fo-touch .fo-hud-button:active:where(.fo-scope,.fo-scope *),.fo-touch .fo-hud-button.is-pressing:where(.fo-scope,.fo-scope *){background:var(--hud-fill-lit)}@media (prefers-reduced-motion:reduce){.fo-hud-button:active:where(.fo-scope,.fo-scope *),.fo-hud-button.is-pressing:where(.fo-scope,.fo-scope *){transform:none}.fo-hud-button--pill.is-ready:where(.fo-scope,.fo-scope *){animation:none}}.fo-reduced .fo-hud-button:active:where(.fo-scope,.fo-scope *),.fo-reduced .fo-hud-button.is-pressing:where(.fo-scope,.fo-scope *){transform:none}.fo-reduced .fo-hud-button--pill.is-ready:where(.fo-scope,.fo-scope *){animation:none}.fo-hud-button.fo-wallet-button:where(.fo-scope,.fo-scope *){min-width:16em}.fo-hud-button.fo-wallet-button.fo-hud-button--bar:where(.fo-scope,.fo-scope *){min-width:0}.fo-wallet-button__label:where(.fo-scope,.fo-scope *){text-overflow:ellipsis;overflow:hidden}.fo-wallet-button[aria-busy=true]:where(.fo-scope,.fo-scope *){cursor:progress}.fo-wallet-button:disabled:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-wallet-button__note:where(.fo-scope,.fo-scope *){margin:var(--space-2) 0 0;color:var(--ink-muted);font-family:var(--font-body);font-size:13px;line-height:1.35}.fo-touch .fo-wallet-button__note:where(.fo-scope,.fo-scope *){font-size:14px}.fo-wallet-list:where(.fo-scope,.fo-scope *){gap:var(--space-4);box-sizing:border-box;width:400px;max-width:calc(100% - 2 * var(--space-4));padding:var(--space-4) 20px 20px;text-align:left;display:grid}.fo-wallet-list__head:where(.fo-scope,.fo-scope *){align-items:start;gap:var(--space-1) var(--space-2);grid-template-columns:minmax(0,1fr) auto;display:grid}.fo-wallet-list__head .fo-title:where(.fo-scope,.fo-scope *){grid-column:1}.fo-touch .fo-wallet-list__head .fo-title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-wallet-list__close:where(.fo-scope,.fo-scope *){grid-area:1/2/span 2}.fo-wallet-list__items:where(.fo-scope,.fo-scope *){max-height:calc(6 * 56px + 5 * var(--space-2));overscroll-behavior:contain;margin:0;padding:0;list-style:none;display:grid;overflow-y:auto}.fo-wallet-list__items>li+li:where(.fo-scope,.fo-scope *){padding-top:var(--space-2);background:linear-gradient(var(--edge), var(--edge)) 0 3px / 100% 2px no-repeat}.fo-wallet-list__item:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-3);width:100%;min-height:56px;padding:0 var(--space-3) 0 var(--space-2);color:var(--ink);font-family:var(--font-body);text-align:left;text-transform:none;cursor:pointer;background:0 0;border:0;grid-template-columns:40px minmax(0,1fr) auto;font-size:17px;line-height:1.2;display:grid}.fo-wallet-list__item.is-hover:where(.fo-scope,.fo-scope *){background:var(--panel)}@media (hover:hover){.fo-wallet-list__item:hover:where(.fo-scope,.fo-scope *){background:var(--panel)}}.fo-wallet-list__item:focus-visible:where(.fo-scope,.fo-scope *),.fo-wallet-list__item.is-focus:where(.fo-scope,.fo-scope *){box-shadow:inset 0 0 0 2px var(--ink), inset 0 0 0 4px var(--slot);outline:none}.fo-wallet-list__item:active:where(.fo-scope,.fo-scope *),.fo-wallet-list__item.is-pressed:where(.fo-scope,.fo-scope *){transform:translateY(2px)}.fo-wallet-list__item[aria-busy=true]:where(.fo-scope,.fo-scope *){cursor:progress}.fo-wallet-list__icon:where(.fo-scope,.fo-scope *){background:var(--slot);width:40px;height:40px;box-shadow:0 0 0 2px var(--edge);place-items:center;display:grid}.fo-wallet-list__icon img:where(.fo-scope,.fo-scope *){image-rendering:auto;width:32px;height:32px;display:block}.fo-wallet-list__name:where(.fo-scope,.fo-scope *){text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fo-wallet-list__go:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);font-size:19px;line-height:1}.fo-wallet-list__item .fo-busy:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-wallet-list__note:where(.fo-scope,.fo-scope *){color:var(--ink-muted);margin:0;font-size:13px;line-height:1.35}.fo-wallet-list__empty:where(.fo-scope,.fo-scope *){gap:var(--space-3);display:grid}.fo-wallet-list__empty p:where(.fo-scope,.fo-scope *){max-width:60ch;margin:0;font-size:15px;line-height:1.45}.fo-wallet-list__empty p+p:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-wallet-list__empty>div:where(.fo-scope,.fo-scope *){gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.fo-wallet-list--empty .fo-wallet-list__head .fo-title:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-touch .fo-wallet-list__item:where(.fo-scope,.fo-scope *){font-size:16px}.fo-touch .fo-wallet-list__note:where(.fo-scope,.fo-scope *){font-size:14px}.fo-handoff:where(.fo-scope,.fo-scope *){z-index:31;top:var(--space-10);align-items:start;column-gap:var(--space-3);box-sizing:border-box;width:min(544px, 100% - 2 * var(--space-4));padding:10px var(--space-4);text-align:left;grid-template-columns:minmax(0,1fr) auto;margin:0 auto;display:grid;position:absolute;inset-inline:0}.fo-touch .fo-handoff:where(.fo-scope,.fo-scope *){top:max(var(--safe-top), env(safe-area-inset-top));width:min(560px, 150cqh - 20px, 100cqw - 2 * max(var(--safe-edge), env(safe-area-inset-left), env(safe-area-inset-right)))}.fo-handoff>:where(.fo-scope,.fo-scope *){grid-column:1/-1;margin:0}.fo-handoff__kicker:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);grid-area:1/1;align-self:center;display:flex}.fo-touch .fo-handoff__kicker:where(.fo-scope,.fo-scope *){align-self:start}.fo-handoff__kicker .fo-busy:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-handoff__title:where(.fo-scope,.fo-scope *){grid-area:2/1/auto/-1;margin-top:2px}.fo-touch .fo-handoff__title:where(.fo-scope,.fo-scope *){grid-column:1;font-size:24px}.fo-handoff__line:where(.fo-scope,.fo-scope *){margin-top:var(--space-1);color:var(--ink);text-wrap:pretty;grid-row:3;font-size:15px;line-height:1.45}.fo-handoff__hint:where(.fo-scope,.fo-scope *){color:var(--ink-muted);grid-row:4;justify-self:start;margin-top:6px;font-size:13px;line-height:1.4}.fo-touch .fo-handoff__hint:where(.fo-scope,.fo-scope *){font-size:14px}.fo-handoff__expiry:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);color:var(--ink-muted);grid-row:5;margin-top:6px;font-size:13px;line-height:1.4;display:flex}.fo-handoff__expiry:where(.fo-scope,.fo-scope *):before{content:"";background:linear-gradient(var(--notice), var(--notice)) 0 0 / var(--expiry,100%) 100% no-repeat, var(--slot);width:200px;height:8px;box-shadow:0 0 0 2px var(--edge-strong);flex:none}.fo-touch .fo-handoff__expiry:where(.fo-scope,.fo-scope *){font-size:14px}.fo-handoff__help:where(.fo-scope,.fo-scope *){margin-top:var(--space-2);grid-row:6;justify-self:start}.fo-touch .fo-handoff__help:where(.fo-scope,.fo-scope *){margin-block:-8px -16px}.fo-handoff__actions:where(.fo-scope,.fo-scope *){justify-content:flex-end;align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-area:1/2;align-self:center;display:flex}.fo-touch .fo-handoff__actions:where(.fo-scope,.fo-scope *){grid-row:1/span 2}.fo-touch .fo-handoff[data-state=approve] .fo-handoff__actions .fo-hud-button:where(.fo-scope,.fo-scope *){padding-inline:14px}.fo-handoff__actions>p:where(.fo-scope,.fo-scope *){color:var(--ink-muted);flex:160px;margin:0;font-size:13px;line-height:1.4}.fo-touch .fo-handoff__actions>p:where(.fo-scope,.fo-scope *){font-size:14px}.fo-handoff[data-state=declined] .fo-handoff__actions:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=cancelled] .fo-handoff__actions:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=no-wallet] .fo-handoff__actions:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=expired-session] .fo-handoff__actions:where(.fo-scope,.fo-scope *){margin-top:var(--space-3);grid-area:7/1/auto/-1;align-self:auto}.fo-handoff[data-state=declined] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=cancelled] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=expired-session] .fo-handoff__title:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-handoff[data-state=declined] .fo-handoff__line:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=cancelled] .fo-handoff__line:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-handoff[data-state=no-wallet] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=not-opened] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=timeout] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=unsupported] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=verify-failed] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=offline] .fo-handoff__title:where(.fo-scope,.fo-scope *),.fo-handoff[data-state=wallet-error] .fo-handoff__title:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-account:where(.fo-scope,.fo-scope *){--account-ring:var(--edge);--account-notch:polygon(0 var(--step-sm), var(--step-sm) var(--step-sm), var(--step-sm) 0, calc(100% - var(--step-sm)) 0, calc(100% - var(--step-sm)) var(--step-sm), 100% var(--step-sm), 100% calc(100% - var(--step-sm)), calc(100% - var(--step-sm)) calc(100% - var(--step-sm)), calc(100% - var(--step-sm)) 100%, var(--step-sm) 100%, var(--step-sm) calc(100% - var(--step-sm)), 0 calc(100% - var(--step-sm)));align-items:center;gap:var(--space-2);box-sizing:border-box;max-width:280px;min-height:40px;padding:0 var(--space-3) 0 var(--space-4);background:var(--account-ring);color:var(--ink);font:inherit;text-align:left;cursor:pointer;clip-path:var(--account-notch);border:0;display:inline-flex;position:relative}.fo-account:where(.fo-scope,.fo-scope *):before{content:"";background:var(--slot);clip-path:var(--account-notch);position:absolute;inset:2px}.fo-account>:where(.fo-scope,.fo-scope *){position:relative}.fo-account .fo-address:where(.fo-scope,.fo-scope *){min-width:0}.fo-account__go:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);flex:none;font-size:15px;line-height:1}@media (hover:hover){.fo-account:hover:where(.fo-scope,.fo-scope *):before{background:var(--panel)}}.fo-account:focus-visible:where(.fo-scope,.fo-scope *){--account-ring:var(--ink);outline:none}.fo-account--open:where(.fo-scope,.fo-scope *),.fo-account[aria-expanded=true]:where(.fo-scope,.fo-scope *){--account-ring:var(--mint)}.fo-account--open .fo-account__go:where(.fo-scope,.fo-scope *),.fo-account[aria-expanded=true] .fo-account__go:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-touch .fo-account:where(.fo-scope,.fo-scope *){max-width:240px;min-height:var(--touch-min)}.fo-account__menu:where(.fo-scope,.fo-scope *){top:calc(100% + var(--space-2));z-index:3;box-sizing:border-box;min-width:100%;padding:var(--space-1) 0;display:grid;position:absolute;right:0}.fo-account__menu.fo-plate--float:where(.fo-scope,.fo-scope *),.fo-wallet-list.fo-plate--float:where(.fo-scope,.fo-scope *){box-shadow:var(--plate-ring), 0 6px 0 #03030799}.fo-account__item:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;min-height:40px;padding:0 var(--space-4);color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-align:left;text-transform:uppercase;white-space:nowrap;cursor:pointer;background:0 0;border:0;font-size:13px;display:flex}.fo-account__item+.fo-account__item:where(.fo-scope,.fo-scope *){box-shadow:inset 0 2px 0 var(--edge)}@media (hover:hover){.fo-account__item:hover:where(.fo-scope,.fo-scope *){background:var(--panel)}}.fo-account__item:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:inset 0 0 0 2px var(--ink);outline:none}.fo-account__item .fo-glyph:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-account__item.is-copied:where(.fo-scope,.fo-scope *),.fo-account__item.is-copied .fo-glyph:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-touch .fo-account__item:where(.fo-scope,.fo-scope *){min-height:var(--touch-min);font-size:16px}.fo-address:where(.fo-scope,.fo-scope *){--address-marker:var(--ally);min-width:0;max-width:100%;font-family:var(--font-body);letter-spacing:0;text-transform:none;white-space:nowrap;align-items:center;gap:6px;font-size:15px;line-height:1.2;display:inline-flex}.fo-address__name:where(.fo-scope,.fo-scope *){min-width:0;color:var(--ink);text-overflow:ellipsis;overflow:hidden}.fo-address__sep:where(.fo-scope,.fo-scope *),.fo-address__short:where(.fo-scope,.fo-scope *){color:var(--ink-muted);flex:none}.fo-address__short:first-child:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-address--you:where(.fo-scope,.fo-scope *):before,.fo-address--opponent:where(.fo-scope,.fo-scope *):before{content:"";background:var(--address-marker);flex:none;width:8px;height:8px}.fo-address--opponent:where(.fo-scope,.fo-scope *){--address-marker:var(--peach)}.fo-address--compact:where(.fo-scope,.fo-scope *){font-size:14px}.fo-address__copy:where(.fo-scope,.fo-scope *){min-height:36px;margin-left:var(--space-1);padding:0 var(--space-2);color:var(--mint);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;cursor:pointer;background:0 0;border:0;flex:none;align-items:center;gap:6px;font-size:13px;display:inline-flex}@media (hover:hover){.fo-address__copy:hover:where(.fo-scope,.fo-scope *){text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}}.fo-address__copy:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:0}.fo-touch .fo-address__copy:where(.fo-scope,.fo-scope *){min-width:var(--touch-min);min-height:var(--touch-min)}.fo-touch .fo-address--compact:where(.fo-scope,.fo-scope *){font-size:14px}.fo-netbadge:where(.fo-scope,.fo-scope *){--status-color:var(--notice);box-sizing:border-box;white-space:nowrap;flex:none;height:14px;padding:0 6px;line-height:1}.fo-touch .fo-netbadge:where(.fo-scope,.fo-scope *){height:16px}@media (prefers-reduced-motion:reduce){.fo-wallet-list__item:active:where(.fo-scope,.fo-scope *),.fo-wallet-list__item.is-pressed:where(.fo-scope,.fo-scope *){transform:none}}.fo-reduced .fo-wallet-list__item:active:where(.fo-scope,.fo-scope *),.fo-reduced .fo-wallet-list__item.is-pressed:where(.fo-scope,.fo-scope *){transform:none}.fo-touch :is(.fo-lobby,.fo-entry,.fo-tx,.fo-queue,.fo-push,.fo-rank-result,.fo-history) .fo-title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-tier:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);flex-direction:column;flex:none;display:inline-flex}.fo-tier__art:where(.fo-scope,.fo-scope *){shape-rendering:crispedges;width:24px;height:16px;display:block}.fo-tier--md .fo-tier__art:where(.fo-scope,.fo-scope *){width:calc(24 * var(--px-2));height:calc(16 * var(--px-2))}.fo-tier--lg .fo-tier__art:where(.fo-scope,.fo-scope *){width:calc(24 * var(--px));height:calc(16 * var(--px))}.fo-tier__rim-top:where(.fo-scope,.fo-scope *){fill:var(--steel-100)}.fo-tier__body-top:where(.fo-scope,.fo-scope *){fill:var(--steel-300)}.fo-tier__body-bottom:where(.fo-scope,.fo-scope *){fill:var(--steel-500)}.fo-tier__rim-bottom:where(.fo-scope,.fo-scope *){fill:var(--steel-700)}.fo-tier__pips:where(.fo-scope,.fo-scope *){fill:var(--ink);display:none}.fo-tier--1 .fo-tier__pips--1:where(.fo-scope,.fo-scope *),.fo-tier--2 .fo-tier__pips--2:where(.fo-scope,.fo-scope *),.fo-tier--3 .fo-tier__pips--3:where(.fo-scope,.fo-scope *),.fo-tier--4 .fo-tier__pips--4:where(.fo-scope,.fo-scope *),.fo-tier--5 .fo-tier__pips--5:where(.fo-scope,.fo-scope *){display:inline}.fo-tier--unranked :is(.fo-tier__body-top,.fo-tier__body-bottom):where(.fo-scope,.fo-scope *){display:none}.fo-tier--unranked :is(.fo-tier__rim-top,.fo-tier__rim-bottom):where(.fo-scope,.fo-scope *){fill:var(--ink-muted)}.fo-tier__name:where(.fo-scope,.fo-scope *){color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:13px;line-height:1.2}.fo-tier--unranked .fo-tier__name:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-tier--sm:where(.fo-scope,.fo-scope *){flex-direction:row;gap:6px}.fo-tier--sm .fo-tier__name:where(.fo-scope,.fo-scope *){font-size:11px}.fo-touch .fo-tier--sm .fo-tier__name:where(.fo-scope,.fo-scope *){font-size:12px}.fo-lobby:where(.fo-scope,.fo-scope *){gap:var(--space-4);box-sizing:border-box;color:var(--ink);grid-template-rows:auto 1fr;grid-template-columns:minmax(0,1fr);display:grid;container:fo-lobby/inline-size}.fo-safe>.fo-lobby:where(.fo-scope,.fo-scope *){height:100%}.fo-lobby__head:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-3);min-height:48px;display:flex}.fo-lobby__head .fo-title:where(.fo-scope,.fo-scope *){flex:1 0 auto;min-width:0}.fo-lobby__head .fo-account:where(.fo-scope,.fo-scope *){min-width:0}.fo-lobby__head>.fo-hud-button--icon:first-child:where(.fo-scope,.fo-scope *){font-family:var(--font-body)}.fo-lobby__body:where(.fo-scope,.fo-scope *){align-content:start;gap:var(--space-5);min-height:0;display:grid}.fo-lobby__body>:first-child:where(.fo-scope,.fo-scope *){align-content:stretch;gap:var(--space-3);display:grid}@container fo-lobby (min-width:720px){.fo-lobby__body:where(.fo-scope,.fo-scope *){grid-template-columns:320px 360px;place-content:stretch space-between}}.fo-lobby__rank:where(.fo-scope,.fo-scope *){align-content:center;justify-items:center;gap:var(--space-2);text-align:center;display:grid}.fo-lobby__rank>:where(.fo-scope,.fo-scope *){margin:0}.fo-lobby__rank>.fo-tier:where(.fo-scope,.fo-scope *){margin-bottom:var(--space-2)}.fo-lobby__rank>.fo-hud-button:where(.fo-scope,.fo-scope *){margin-top:var(--space-2);justify-self:stretch}.fo-lobby__rating:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:3px;text-shadow:0 3px 0 var(--slot);--digit-gap:3px;font-size:26px;line-height:1}.fo-touch .fo-lobby__rating:where(.fo-scope,.fo-scope *){font-size:24px}.fo-lobby__tier:where(.fo-scope,.fo-scope *){color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:19px;line-height:1.2}.fo-touch .fo-lobby__tier:where(.fo-scope,.fo-scope *){font-size:16px}.fo-lobby__rank p:not([class]):where(.fo-scope,.fo-scope *){max-width:30ch;color:var(--ink-muted);font-size:13px;line-height:1.4}.fo-touch .fo-lobby__rank p:not([class]):where(.fo-scope,.fo-scope *){font-size:14px}.fo-lobby__lead:where(.fo-scope,.fo-scope *){justify-items:center;gap:var(--space-3);color:var(--ink);font-size:17px;line-height:1.45;display:grid}.fo-touch .fo-lobby__lead:where(.fo-scope,.fo-scope *){font-size:16px}.fo-lobby__lead .fo-glyph:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-lobby__actions:where(.fo-scope,.fo-scope *){align-content:start;gap:var(--space-2);display:grid}.fo-lobby__actions>.fo-hud-button:where(.fo-scope,.fo-scope *){width:100%}.fo-lobby__fee:where(.fo-scope,.fo-scope *){align-items:baseline;gap:var(--space-2);margin:0 0 var(--space-2);color:var(--ink-muted);font-size:13px;line-height:1.4;display:flex}.fo-touch .fo-lobby__fee:where(.fo-scope,.fo-scope *){font-size:14px}.fo-lobby--checking .fo-lobby__fee:where(.fo-scope,.fo-scope *){color:var(--notice)}.fo-lobby--closed .fo-lobby__fee:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-lobby__links:where(.fo-scope,.fo-scope *){display:grid}.fo-lobby__links .fo-link:where(.fo-scope,.fo-scope *){border-top:2px solid var(--edge);justify-content:space-between;min-height:40px}.fo-lobby__links .fo-link:last-child:where(.fo-scope,.fo-scope *){border-bottom:2px solid var(--edge)}.fo-lobby__links .fo-link>[aria-hidden]:where(.fo-scope,.fo-scope *){font-family:var(--font-body);letter-spacing:0;font-size:24px}.fo-touch .fo-lobby__links .fo-link:where(.fo-scope,.fo-scope *){min-height:var(--touch-min)}.fo-lobby__board:where(.fo-scope,.fo-scope *){gap:var(--space-1);display:grid}.fo-lobby__board[hidden]:where(.fo-scope,.fo-scope *){display:none}.fo-lobby__board>:where(.fo-scope,.fo-scope *){margin:0}.fo-entry:where(.fo-scope,.fo-scope *){gap:var(--space-3);box-sizing:border-box;flex-direction:column;width:min(544px,100%);max-height:100%;display:flex}.fo-touch .fo-entry:where(.fo-scope,.fo-scope *){width:min(560px,100%);max-height:calc(100cqh - max(var(--safe-top), env(safe-area-inset-top,0px)) - max(var(--safe-bottom), env(safe-area-inset-bottom,0px)));gap:var(--space-2);padding:10px var(--space-5)}.fo-entry>:where(.fo-scope,.fo-scope *){flex:none;margin:0}.fo-entry__head:where(.fo-scope,.fo-scope *){align-items:center;gap:2px var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.fo-entry__head>:where(.fo-scope,.fo-scope *){margin:0}.fo-entry__head .fo-kicker:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);display:flex}.fo-entry__rules:where(.fo-scope,.fo-scope *){grid-area:1/2}.fo-entry__head .fo-title:where(.fo-scope,.fo-scope *){grid-column:1/-1}.fo-touch .fo-entry__rules:where(.fo-scope,.fo-scope *){grid-row:1/span 2}.fo-touch .fo-entry__head .fo-title:where(.fo-scope,.fo-scope *){grid-column:auto}.fo-entry__rows:where(.fo-scope,.fo-scope *){overscroll-behavior:contain;flex:0 auto;min-height:0;margin:0;overflow:auto}.fo-entry__row:where(.fo-scope,.fo-scope *){gap:var(--space-3);border-top:2px solid var(--edge);grid-template-columns:140px minmax(0,1fr);padding:6px 0;display:grid}.fo-touch .fo-entry__row:where(.fo-scope,.fo-scope *){padding-block:4px}.fo-entry__row:first-child:where(.fo-scope,.fo-scope *){border-top:0;padding-top:0}.fo-entry__row:last-child:where(.fo-scope,.fo-scope *){padding-bottom:0}.fo-entry__row[hidden]:where(.fo-scope,.fo-scope *){display:none}.fo-entry__row dt:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;padding-top:3px;font-size:11px;line-height:1.2}.fo-touch .fo-entry__row dt:where(.fo-scope,.fo-scope *){font-size:12px}.fo-entry__row dd:where(.fo-scope,.fo-scope *){color:var(--ink);margin:0;font-size:15px;line-height:1.4}.fo-entry__foot:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-size:13px;line-height:1.35}.fo-touch .fo-entry__foot:where(.fo-scope,.fo-scope *){font-size:14px}.fo-entry--checking .fo-entry__foot:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);color:var(--notice);display:flex}.fo-entry__actions:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.fo-entry__actions .fo-hud-button:where(.fo-scope,.fo-scope *){width:100%}.fo-entry__short:where(.fo-scope,.fo-scope *){gap:2px;display:grid}.fo-entry__short>:where(.fo-scope,.fo-scope *){margin:0}.fo-entry__short strong:where(.fo-scope,.fo-scope *){color:var(--danger);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:400;line-height:1.2}.fo-entry__short p:where(.fo-scope,.fo-scope *){color:var(--ink);font-size:13px;line-height:1.35}.fo-touch .fo-entry__short p:where(.fo-scope,.fo-scope *){font-size:14px}.fo-entry__short .fo-entry__actions:where(.fo-scope,.fo-scope *){margin-top:var(--space-1)}.fo-touch .fo-entry__short strong:where(.fo-scope,.fo-scope *){font-size:12px}.fo-tx:where(.fo-scope,.fo-scope *){gap:var(--space-3);box-sizing:border-box;width:min(544px,100%);display:grid}.fo-touch .fo-tx:where(.fo-scope,.fo-scope *){width:min(560px,100%);padding:var(--space-3) var(--space-5)}.fo-tx>:where(.fo-scope,.fo-scope *){margin:0}.fo-tx__head:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.fo-tx__head>:where(.fo-scope,.fo-scope *){margin:0}.fo-tx__steps:where(.fo-scope,.fo-scope *){justify-content:space-between;gap:var(--space-2);grid-template-columns:repeat(6,auto);margin:0;padding:0;list-style:none;display:grid}.fo-tx__step:where(.fo-scope,.fo-scope *){justify-items:center;gap:var(--space-1);color:var(--ink-muted);font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:11px;line-height:1.2;display:grid}.fo-touch .fo-tx__step:where(.fo-scope,.fo-scope *){font-size:12px}.fo-tx__mark:where(.fo-scope,.fo-scope *){width:calc(7 * var(--px-2));height:calc(7 * var(--px-2));place-items:center;display:grid}.fo-tx__step--done:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-tx__step--current:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-tx__step--failed:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-tx__step--stopped:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-tx__title:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;text-wrap:balance;font-size:27px;font-weight:400;line-height:1.1}.fo-touch .fo-tx__title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-tx__line:where(.fo-scope,.fo-scope *){color:var(--ink);font-size:15px;line-height:1.45}.fo-tx:is([data-state=declined],[data-state=cancelled],[data-state=closed]) .fo-tx__title:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-tx:is([data-state=declined],[data-state=cancelled],[data-state=closed]) .fo-tx__line:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-tx:is([data-state=expired],[data-state=would-fail],[data-state=no-sol],[data-state=unreachable],[data-state=server-unreachable],[data-state=no-wallet],[data-state=wrong-account],[data-state=not-accepted]) .fo-tx__title:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-tx:is([data-state=no-answer],[data-state=app-cancelled],[data-state=still-checking]) .fo-tx__title:where(.fo-scope,.fo-scope *){color:var(--notice)}.fo-tx__foot:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.fo-tx__sig:where(.fo-scope,.fo-scope *){align-items:center;gap:0 var(--space-3);color:var(--ink-muted);flex-wrap:wrap;margin:0;font-size:13px;display:flex}.fo-touch .fo-tx__sig:where(.fo-scope,.fo-scope *){font-size:14px}.fo-tx__sig>span:where(.fo-scope,.fo-scope *){color:var(--ink);text-transform:none}.fo-tx__actions:where(.fo-scope,.fo-scope *){justify-content:flex-end;gap:var(--touch-gap);flex-wrap:wrap;margin-inline-start:auto;display:flex}.fo-queue:where(.fo-scope,.fo-scope *){justify-items:center;gap:var(--space-3);box-sizing:border-box;text-align:center;width:min(544px,100%);display:grid}.fo-touch .fo-queue:where(.fo-scope,.fo-scope *){width:min(440px,100%);padding:var(--space-4) var(--space-5)}.fo-queue>:where(.fo-scope,.fo-scope *){margin:0}.fo-queue__elapsed:where(.fo-scope,.fo-scope *){color:var(--ink);font-family:var(--font-display);letter-spacing:3px;--digit-gap:3px;font-size:26px;line-height:1}.fo-touch .fo-queue__elapsed:where(.fo-scope,.fo-scope *){font-size:24px}.fo-queue__line:where(.fo-scope,.fo-scope *){color:var(--ink);font-size:15px;line-height:1.45}.fo-queue__tip:where(.fo-scope,.fo-scope *){max-width:34ch;color:var(--ink-muted);font-size:13px;line-height:1.35}.fo-touch .fo-queue__tip:where(.fo-scope,.fo-scope *){font-size:14px}.fo-queue__actions:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:stretch;display:grid}.fo-queue>.fo-queue__actions:where(.fo-scope,.fo-scope *){grid-auto-columns:minmax(200px,auto);justify-self:center}.fo-queue__actions .fo-hud-button:where(.fo-scope,.fo-scope *){width:100%}.fo-queue__confirm:where(.fo-scope,.fo-scope *){gap:var(--space-3);box-sizing:border-box;width:min(544px,100%);display:grid}.fo-touch .fo-queue__confirm:where(.fo-scope,.fo-scope *){width:min(440px,100%);padding:var(--space-4) var(--space-5)}.fo-queue__confirm>:where(.fo-scope,.fo-scope *){margin:0}.fo-queue__confirm.fo-plate--float:where(.fo-scope,.fo-scope *){box-shadow:var(--plate-ring), 0 6px 0 #03030799}.fo-queue__confirm .fo-queue__line:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-queue--reconnecting .fo-queue__line:where(.fo-scope,.fo-scope *){color:var(--notice)}.fo-queue--reconnecting .fo-queue__elapsed:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-ready:where(.fo-scope,.fo-scope *){justify-items:center;gap:var(--space-3);box-sizing:border-box;text-align:center;width:min(544px,100%);animation:.24s steps(3,end) both fo-ready-in;display:grid}.fo-touch .fo-ready:where(.fo-scope,.fo-scope *){width:min(480px,100%);padding:var(--space-4) var(--space-5) var(--space-5)}.fo-ready>:where(.fo-scope,.fo-scope *){margin:0}.fo-ready__banner:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;white-space:nowrap;font-size:44px;font-weight:400;line-height:1}.fo-touch .fo-ready__banner:where(.fo-scope,.fo-scope *){font-size:32px}.fo-ready__opponent:where(.fo-scope,.fo-scope *){justify-content:center;align-items:baseline;gap:0 var(--space-2);color:var(--ink-muted);flex-wrap:wrap;font-size:15px;display:flex}.fo-ready__opponent>:first-child:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:13px}.fo-ready__count:where(.fo-scope,.fo-scope *){justify-items:center;gap:var(--space-2);color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;--digit-gap:1px;justify-self:stretch;font-size:13px;display:grid}.fo-ready__count>:where(.fo-scope,.fo-scope *){margin:0}.fo-ready__bar:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--ally), var(--ally)) 0 0 / var(--left,100%) 100% no-repeat, var(--slot);height:8px;box-shadow:0 0 0 2px var(--edge-strong);justify-self:stretch;display:block}.fo-ready__actions:where(.fo-scope,.fo-scope *){gap:var(--space-4);grid-template-columns:repeat(2,200px);display:grid}.fo-ready__actions .fo-hud-button:where(.fo-scope,.fo-scope *){width:100%}.fo-ready__line:where(.fo-scope,.fo-scope *){justify-content:center;align-items:center;gap:var(--space-2);color:var(--ink);font-size:15px;line-height:1.45;display:flex}.fo-ready:is(.fo-ready--opponent-declined,.fo-ready--missed,.fo-ready--declined,.fo-ready--aborted) .fo-ready__banner:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}@keyframes fo-ready-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.fo-push:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2) var(--space-4);box-sizing:border-box;grid-template-columns:auto minmax(0,1fr);width:min(440px,100%);display:grid}.fo-touch .fo-push:where(.fo-scope,.fo-scope *){padding:var(--space-4) var(--space-5)}.fo-push>:where(.fo-scope,.fo-scope *){margin:0}.fo-push__mark:where(.fo-scope,.fo-scope *){width:37px;height:38px;image-rendering:pixelated;grid-row:1;display:block}.fo-push__title:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;text-wrap:balance;grid-row:1;font-size:27px;font-weight:400;line-height:1.1}.fo-touch .fo-push__title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-push__line:where(.fo-scope,.fo-scope *),.fo-push__actions:where(.fo-scope,.fo-scope *){grid-column:1/-1}.fo-push__line:where(.fo-scope,.fo-scope *){color:var(--ink);font-size:15px;line-height:1.45}.fo-push__actions:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);margin-top:var(--space-2);grid-template-columns:auto minmax(0,1fr);display:grid}.fo-push__actions .fo-hud-button:where(.fo-scope,.fo-scope *){width:100%}.fo-push--denied .fo-push__title:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-rank-result:where(.fo-scope,.fo-scope *){gap:var(--space-3);box-sizing:border-box;width:min(544px,100%);display:grid}.fo-touch .fo-rank-result:where(.fo-scope,.fo-scope *){width:min(400px,100%);padding:var(--space-4) var(--space-5)}.fo-rank-result>:where(.fo-scope,.fo-scope *){margin:0}.fo-rank-result__main:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2) var(--space-4);flex-wrap:wrap;display:flex}.fo-rank-result__main>:where(.fo-scope,.fo-scope *){margin:0}.fo-rank-result__delta:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);color:var(--ink);font-family:var(--font-display);letter-spacing:3px;text-shadow:0 3px 0 var(--slot);font-size:26px;line-height:1;display:inline-flex}.fo-touch .fo-rank-result__delta:where(.fo-scope,.fo-scope *){font-size:24px}.fo-rank-result--up .fo-rank-result__delta:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-rank-result--down .fo-rank-result__delta:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-rank-result__rating:where(.fo-scope,.fo-scope *){color:var(--ink);font-size:15px;line-height:1.45}.fo-rank-result__tier:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-3);color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:19px;line-height:1.2;display:flex}.fo-touch .fo-rank-result__tier:where(.fo-scope,.fo-scope *){font-size:16px}.fo-rank-result__note:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-size:13px;line-height:1.35}.fo-touch .fo-rank-result__note:where(.fo-scope,.fo-scope *){font-size:14px}.fo-rank-result--pending .fo-rank-result__rating:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);display:flex}.fo-rank-result__actions:where(.fo-scope,.fo-scope *){align-items:end;gap:var(--touch-gap);margin-top:var(--space-1);grid-template-columns:minmax(0,1fr) minmax(0,2fr);display:grid}.fo-rank-result__actions .fo-hud-button:where(.fo-scope,.fo-scope *),.fo-rank-result__actions .fo-hud-lock:where(.fo-scope,.fo-scope *){width:100%}.fo-history:where(.fo-scope,.fo-scope *){gap:var(--space-3);color:var(--ink);display:grid;container:fo-history/inline-size}.fo-history>:where(.fo-scope,.fo-scope *){margin:0}.fo-history ol:where(.fo-scope,.fo-scope *){padding:0 var(--space-4);background:var(--slot);box-shadow:var(--plate-ring);margin:0;list-style:none;display:grid}.fo-history__row:where(.fo-scope,.fo-scope *){align-items:center;column-gap:var(--space-3);border-top:2px solid var(--edge);grid-template-columns:104px 128px minmax(0,160px) 56px minmax(0,1fr);grid-template-areas:"when result opp delta receipt";min-height:56px;display:grid}.fo-history__row:first-child:where(.fo-scope,.fo-scope *){border-top:0}.fo-history__when:where(.fo-scope,.fo-scope *){color:var(--ink);white-space:nowrap;grid-area:when;font-size:13px}.fo-touch .fo-history__when:where(.fo-scope,.fo-scope *){font-size:14px}.fo-history__result:where(.fo-scope,.fo-scope *){--status-color:var(--ink-muted);grid-area:result;justify-self:start}.fo-history__result--won:where(.fo-scope,.fo-scope *){--status-color:var(--mint)}.fo-history__result--lost:where(.fo-scope,.fo-scope *),.fo-history__result--left:where(.fo-scope,.fo-scope *),.fo-history__result--declined:where(.fo-scope,.fo-scope *),.fo-history__result--missed:where(.fo-scope,.fo-scope *),.fo-history__result--cancelled:where(.fo-scope,.fo-scope *){--status-color:var(--ink-muted)}.fo-history__result--draw:where(.fo-scope,.fo-scope *){--status-color:var(--steel-300)}.fo-history__result--rejected:where(.fo-scope,.fo-scope *){--status-color:var(--danger)}.fo-history__result--checking:where(.fo-scope,.fo-scope *){--status-color:var(--notice)}.fo-history__opp:where(.fo-scope,.fo-scope *){min-width:0;color:var(--ink-muted);grid-area:opp;overflow:hidden}.fo-history__delta:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);letter-spacing:1px;grid-area:delta;font-size:15px}.fo-history__delta--up:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-history__receipt:where(.fo-scope,.fo-scope *){justify-content:flex-end;align-items:center;gap:var(--space-3);grid-area:receipt;min-width:0;display:flex}.fo-history__receipt>span:where(.fo-scope,.fo-scope *){color:var(--ink-muted);white-space:nowrap;font-size:13px;line-height:1.3;display:grid}.fo-touch .fo-history__receipt>span:where(.fo-scope,.fo-scope *){font-size:14px}.fo-history__receipt>span>:last-child:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-history__receipt .fo-link:where(.fo-scope,.fo-scope *){flex:none;min-height:40px}.fo-touch .fo-history__receipt .fo-link:where(.fo-scope,.fo-scope *){min-height:var(--touch-min)}.fo-history__empty:where(.fo-scope,.fo-scope *){padding:var(--space-5) var(--space-4);background:var(--slot);box-shadow:var(--plate-ring);color:var(--ink-muted);text-align:center;font-size:15px}.fo-history__foot:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-size:13px;line-height:1.35}.fo-touch .fo-history__foot:where(.fo-scope,.fo-scope *){font-size:14px}@container fo-history (max-width:639px){.fo-history__row:where(.fo-scope,.fo-scope *){grid-template-columns:104px 112px 48px minmax(0,1fr);grid-template-areas:"when result delta receipt""opp result delta receipt";align-content:center;row-gap:2px}.fo-history__opp:where(.fo-scope,.fo-scope *){line-height:1.2}.fo-history__receipt>span:where(.fo-scope,.fo-scope *){display:none}}@media (prefers-reduced-motion:reduce){.fo-ready:where(.fo-scope,.fo-scope *){animation:none}}.fo-reduced .fo-ready:where(.fo-scope,.fo-scope *){animation:none}.fo-safe--overlay:where(.fo-scope,.fo-scope *){--fo-safe-top:var(--safe-top);--fo-inset:color-mix(in srgb, var(--notice) 35%, transparent);--fo-gesture:color-mix(in srgb, var(--danger) 50%, transparent);pointer-events:none}.fo-safe--bars:where(.fo-scope,.fo-scope *){--fo-safe-top:max(var(--safe-top), 24px)}.fo-artboard .fo-safe--bars:where(.fo-scope,.fo-scope *){padding-top:max(var(--safe-top), 24px)}.fo-safe__edge:where(.fo-scope,.fo-scope *),.fo-safe__gesture:where(.fo-scope,.fo-scope *),.fo-safe__gutter:where(.fo-scope,.fo-scope *){position:absolute;inset:0}.fo-safe__edge:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--fo-inset), var(--fo-inset)) left top / var(--safe-edge) 100% no-repeat, linear-gradient(var(--fo-inset), var(--fo-inset)) right top / var(--safe-edge) 100% no-repeat, linear-gradient(var(--fo-inset), var(--fo-inset)) center top / calc(100% - 2 * var(--safe-edge)) var(--fo-safe-top) no-repeat, linear-gradient(var(--fo-inset), var(--fo-inset)) center bottom / calc(100% - 2 * var(--safe-edge)) var(--safe-bottom) no-repeat}.fo-safe__edge:where(.fo-scope,.fo-scope *):after{content:"";inset:var(--fo-safe-top) var(--safe-edge) var(--safe-bottom);box-shadow:inset 0 0 0 2px var(--notice);position:absolute}.fo-safe__gesture:where(.fo-scope,.fo-scope *){--fo-hatch:repeating-linear-gradient(135deg, var(--fo-gesture) 0 4px, transparent 4px 8px);background:var(--fo-hatch) left top / 24px 100% no-repeat, var(--fo-hatch) right top / 24px 100% no-repeat, var(--fo-hatch) center bottom / 100% var(--safe-bottom) no-repeat}.fo-safe__gesture:where(.fo-scope,.fo-scope *):after{content:"";background:var(--ink-muted);width:72px;height:4px;position:absolute;bottom:6px;left:calc(50% - 36px)}.fo-safe__gutter:where(.fo-scope,.fo-scope *){inset:var(--fo-safe-top) var(--safe-edge) var(--safe-bottom);--fo-gutter:color-mix(in srgb, var(--steel-300) 22%, transparent);background:linear-gradient(var(--fo-gutter), var(--fo-gutter)) left top / calc(50cqw - 75cqh - var(--safe-edge)) 100% no-repeat, linear-gradient(var(--fo-gutter), var(--fo-gutter)) right top / calc(50cqw - 75cqh - var(--safe-edge)) 100% no-repeat}.fo-safe__board:where(.fo-scope,.fo-scope *){width:150cqh;box-shadow:inset 0 0 0 2px var(--ink-muted);position:absolute;top:0;bottom:0;left:calc(50cqw - 75cqh)}.fo-safe__cutout:where(.fo-scope,.fo-scope *){background:var(--void);width:18px;height:18px;box-shadow:0 0 0 2px var(--ink);position:absolute;top:calc(50% - 9px);left:8px}.fo-safe--cutout-right .fo-safe__cutout:where(.fo-scope,.fo-scope *){left:auto;right:8px}.fo-safe__label:where(.fo-scope,.fo-scope *){background:var(--slot);box-shadow:0 0 0 2px var(--fo-label,var(--edge-strong));color:var(--fo-label,var(--ink));font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;margin:0;padding:2px 6px;font-size:12px;line-height:1.2;position:absolute}.fo-system:where(.fo-scope,.fo-scope *){box-sizing:border-box;padding:max(var(--safe-top), env(safe-area-inset-top)) max(var(--safe-edge), env(safe-area-inset-right)) max(var(--safe-bottom), env(safe-area-inset-bottom)) max(var(--safe-edge), env(safe-area-inset-left));background:var(--void);color:var(--ink);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.fo-system__mark:where(.fo-scope,.fo-scope *){margin:0 0 var(--space-4);image-rendering:auto;flex:none;display:block}.fo-system__mark--logo:where(.fo-scope,.fo-scope *){width:179.333px;height:58px}.fo-system__body:where(.fo-scope,.fo-scope *){flex-direction:column;align-items:center;width:min(480px,100%);display:flex}.fo-system__title:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;text-wrap:balance;margin:0;font-size:27px;font-weight:400;line-height:1.1}.fo-touch .fo-system__title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-system__line:where(.fo-scope,.fo-scope *){margin:var(--space-2) 0 0;max-width:60ch;color:var(--ink);text-wrap:pretty;font-size:16px;line-height:1.45}.fo-system__actions:where(.fo-scope,.fo-scope *){justify-content:center;gap:var(--touch-gap);margin-top:var(--space-4);display:flex}.fo-system__meta:where(.fo-scope,.fo-scope *){margin:var(--space-3) 0 0;color:var(--ink-muted);font-size:13px;line-height:1.35}.fo-touch .fo-system__meta:where(.fo-scope,.fo-scope *){font-size:14px}.fo-system__progress:where(.fo-scope,.fo-scope *){width:240px;height:8px;margin-top:var(--space-3);background:repeating-linear-gradient(90deg, transparent 0 22px, var(--slot) 22px 24px), linear-gradient(var(--mint), var(--mint)) 0 0 / var(--fill,0%) 100% no-repeat, var(--slot);box-shadow:0 0 0 2px var(--edge-strong)}.fo-system--loading:where(.fo-scope,.fo-scope *){grid-template-rows:1fr auto 1fr;place-items:start stretch;padding:0;display:grid}.fo-system--loading .fo-system__mark:where(.fo-scope,.fo-scope *){width:111px;height:114px;image-rendering:pixelated;grid-row:2;justify-self:start;margin:0 0 0 calc(50% - 55px)}.fo-system--loading .fo-system__body:where(.fo-scope,.fo-scope *){padding-top:var(--space-5);grid-row:3;justify-self:center}.fo-legal:where(.fo-scope,.fo-scope *){box-sizing:border-box;padding:max(var(--safe-top), env(safe-area-inset-top)) max(var(--safe-edge), env(safe-area-inset-right)) max(var(--safe-bottom), env(safe-area-inset-bottom)) max(var(--safe-edge), env(safe-area-inset-left));background:var(--void);color:var(--ink);grid-template-columns:auto minmax(0,420px);justify-content:center;align-items:center;column-gap:40px;display:grid;position:absolute;inset:0}.fo-legal__logo:where(.fo-scope,.fo-scope *){width:358.667px;height:auto;display:block}.fo-legal__copy:where(.fo-scope,.fo-scope *){gap:var(--space-3);display:grid}.fo-legal__title:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;margin:0;font-size:24px;font-weight:400;line-height:1.1}.fo-legal__lines:where(.fo-scope,.fo-scope *){gap:var(--space-2);margin:0;font-size:16px;line-height:1.45;display:grid}.fo-legal__lines p:where(.fo-scope,.fo-scope *){margin:0}.fo-legal__links:where(.fo-scope,.fo-scope *){justify-items:start;gap:var(--touch-gap);margin:0;display:grid}.fo-legal__actions:where(.fo-scope,.fo-scope *){justify-content:space-between;gap:var(--space-4);margin-top:var(--space-2);display:flex}@container (max-width:860px){.fo-legal:where(.fo-scope,.fo-scope *){column-gap:var(--space-5);grid-template-columns:auto minmax(0,400px)}.fo-legal__logo:where(.fo-scope,.fo-scope *){width:179.333px}}@media (max-width:860px){.fo-legal:where(.fo-scope,.fo-scope *){column-gap:var(--space-5);grid-template-columns:auto minmax(0,400px)}.fo-legal__logo:where(.fo-scope,.fo-scope *){width:179.333px}}.fo-reader:where(.fo-scope,.fo-scope *){gap:var(--space-3);box-sizing:border-box;padding:max(var(--safe-top), env(safe-area-inset-top)) max(var(--safe-edge), env(safe-area-inset-right)) max(var(--safe-bottom), env(safe-area-inset-bottom)) max(var(--safe-edge), env(safe-area-inset-left));background:var(--void);color:var(--ink);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0}.fo-reader__head:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-4);justify-self:center;width:min(640px,100%);display:flex}.fo-reader__title:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;margin:0;font-size:24px;font-weight:400;line-height:1.1}.fo-reader__body:where(.fo-scope,.fo-scope *){box-sizing:border-box;overscroll-behavior:contain;width:min(640px,100%);max-height:100%;padding:var(--space-4) var(--space-5);background:var(--slot);border-top:2px solid var(--mint);border-bottom:2px solid var(--mint);box-shadow:var(--plate-ring);scrollbar-color:var(--steel-300) var(--slot);place-self:start center;font-size:16px;line-height:1.45;overflow:auto}.fo-reader__body h3:where(.fo-scope,.fo-scope *){margin:0 0 var(--space-1);color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:16px;font-weight:400}.fo-reader__body p:where(.fo-scope,.fo-scope *){max-width:60ch;margin:0 0 var(--space-4);color:var(--ink-muted)}.fo-reader__body>:last-child:where(.fo-scope,.fo-scope *){margin-bottom:0}.fo-settings:where(.fo-scope,.fo-scope *){gap:var(--space-5);width:min(560px,100%);color:var(--ink);display:grid}.fo-settings__head:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-4);display:flex}.fo-settings__group:where(.fo-scope,.fo-scope *){border:0;margin:0;padding:0;display:grid}.fo-settings__heading:where(.fo-scope,.fo-scope *){margin:0 0 var(--space-3);font-weight:400}.fo-settings__row:where(.fo-scope,.fo-scope *){align-content:center;align-items:center;column-gap:var(--space-4);box-sizing:border-box;width:100%;min-height:40px;padding:4px var(--space-3);background:var(--slot);box-shadow:0 0 0 2px var(--edge);color:var(--ink);font:inherit;text-align:left;border:0;border-radius:0;grid-template-columns:minmax(0,1fr) auto;margin:0;display:grid}.fo-settings__row+.fo-settings__row:where(.fo-scope,.fo-scope *){margin-top:var(--touch-gap)}.fo-settings__row:not(:has(.fo-settings__help)) .fo-settings__label:where(.fo-scope,.fo-scope *){grid-row:1/span 2;align-self:center}.fo-touch .fo-settings__row:where(.fo-scope,.fo-scope *){min-height:var(--touch-min)}.fo-touch .fo-settings__row:has(.fo-settings__help):where(.fo-scope,.fo-scope *){min-height:56px}.fo-settings__row:has(.fo-slider):where(.fo-scope,.fo-scope *){grid-template-columns:minmax(0,1fr) auto 44px}button.fo-settings__row:where(.fo-scope,.fo-scope *),a.fo-settings__row:where(.fo-scope,.fo-scope *){cursor:pointer;text-decoration:none}button.fo-settings__row:active:where(.fo-scope,.fo-scope *),a.fo-settings__row:active:where(.fo-scope,.fo-scope *),.fo-settings__row.is-pressed:where(.fo-scope,.fo-scope *){background:var(--panel)}.fo-settings__row:focus-visible:where(.fo-scope,.fo-scope *),.fo-settings__row.is-focused:where(.fo-scope,.fo-scope *){box-shadow:0 0 0 2px var(--edge), inset 0 0 0 2px var(--ink);outline:none}.fo-settings__label:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;grid-area:1/1;align-self:end;font-size:13px;line-height:1.2}.fo-touch .fo-settings__label:where(.fo-scope,.fo-scope *){font-size:16px}.fo-settings__help:where(.fo-scope,.fo-scope *){color:var(--ink-muted);grid-area:2/1;align-self:start;margin:2px 0 0;font-size:13px;line-height:1.35}.fo-touch .fo-settings__help:where(.fo-scope,.fo-scope *){font-size:14px}.fo-settings__row>:not(.fo-settings__label):not(.fo-settings__help):where(.fo-scope,.fo-scope *){grid-row:1/span 2}.fo-settings__value:where(.fo-scope,.fo-scope *){color:var(--ink-muted);white-space:nowrap;text-align:right;font-size:15px}.fo-touch .fo-settings__value:where(.fo-scope,.fo-scope *){font-size:14px}.fo-settings__go:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);font-size:16px}.fo-settings__row--danger .fo-settings__label:where(.fo-scope,.fo-scope *),.fo-settings__row--danger .fo-settings__go:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-settings__row.is-off .fo-settings__label:where(.fo-scope,.fo-scope *),.fo-settings__row[aria-disabled=true] .fo-settings__label:where(.fo-scope,.fo-scope *){color:var(--ink-disabled)}.fo-settings__row--stack:where(.fo-scope,.fo-scope *){row-gap:var(--space-2);padding-block:var(--space-3);grid-template-columns:minmax(0,1fr)}.fo-settings__row--stack>:where(.fo-scope,.fo-scope *),.fo-settings__row--stack .fo-settings__help:where(.fo-scope,.fo-scope *){grid-area:auto/1}.fo-settings__row--stack .fo-settings__help:where(.fo-scope,.fo-scope *){margin:0}.fo-settings__row .fo-toggle:disabled:where(.fo-scope,.fo-scope *){cursor:not-allowed;opacity:.45}.fo-settings__confirm:where(.fo-scope,.fo-scope *){gap:var(--space-3);margin-top:var(--touch-gap);padding:var(--space-3);background:var(--slot);box-shadow:0 0 0 2px var(--edge);display:grid}.fo-settings__confirm p:where(.fo-scope,.fo-scope *){margin:0;font-size:16px}.fo-settings__confirm div:where(.fo-scope,.fo-scope *){justify-content:space-between;gap:var(--space-4);display:flex}.fo-settings__keys:where(.fo-scope,.fo-scope *){gap:6px var(--space-4);padding:var(--space-3);background:var(--slot);box-shadow:0 0 0 2px var(--edge);grid-template-columns:auto 1fr;margin:0;font-size:15px;display:grid}.fo-settings__keys dt:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:1px;font-size:13px}.fo-settings__keys dd:where(.fo-scope,.fo-scope *){color:var(--ink-muted);margin:0}.fo-delete:where(.fo-scope,.fo-scope *){gap:var(--space-3);box-sizing:border-box;width:min(544px,100%);display:grid}.fo-touch .fo-delete:where(.fo-scope,.fo-scope *){width:min(480px,100%)}.fo-delete__title:where(.fo-scope,.fo-scope *){color:var(--mint);font-family:var(--font-display);letter-spacing:2px;text-shadow:0 3px 0 var(--slot);text-transform:uppercase;margin:0;font-size:27px;font-weight:400;line-height:1.1}.fo-touch .fo-delete__title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-delete--error .fo-delete__title:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-delete__lines:where(.fo-scope,.fo-scope *){gap:var(--space-2);margin:0;font-size:16px;line-height:1.45;display:grid}.fo-delete__lines p:where(.fo-scope,.fo-scope *){margin:0}.fo-delete__lines p+p:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-delete__actions:where(.fo-scope,.fo-scope *){justify-content:space-between;gap:var(--space-4);margin-top:var(--space-2);display:flex}.fo-delete__actions>:only-child:where(.fo-scope,.fo-scope *){margin-left:auto}.fo-layer:where(.fo-scope,.fo-scope *){z-index:31;box-sizing:border-box;padding:var(--space-5);display:grid;position:absolute;inset:0}.fo-layer--center:where(.fo-scope,.fo-scope *){place-items:center}.fo-layer--top:where(.fo-scope,.fo-scope *){padding-top:var(--space-10);align-content:start;justify-items:center}.fo-safe--center:where(.fo-scope,.fo-scope *){place-items:center;display:grid}.fo-safe--top:where(.fo-scope,.fo-scope *){align-content:start;justify-items:center;display:grid}.fo-toasts--above:where(.fo-scope,.fo-scope *){z-index:32}.fo-dialog:where(.fo-scope,.fo-scope *){box-sizing:border-box;width:min(544px,100%);padding:28px var(--space-6) var(--space-6)}.fo-menu__column:where(.fo-scope,.fo-scope *){width:min(544px,100%)}.fo-menu__dialog:where(.fo-scope,.fo-scope *){gap:var(--space-5);text-align:center;display:grid}.fo-menu__dialog .fo-menu__titles:where(.fo-scope,.fo-scope *){gap:6px;margin-top:0}.fo-mode[aria-disabled=true]:where(.fo-scope,.fo-scope *){cursor:default}.fo-mode[aria-disabled=true]:hover:where(.fo-scope,.fo-scope *){filter:none}.fo-mode[aria-disabled=true]:active:where(.fo-scope,.fo-scope *){transform:none}.fo-settings-panel:where(.fo-scope,.fo-scope *){box-sizing:border-box;width:min(560px,100%);max-height:calc(100cqh - var(--safe-top) - var(--safe-bottom));padding:var(--space-4) var(--space-5);grid-template-rows:minmax(0,1fr);display:grid;overflow:hidden}.fo-settings-panel--web:where(.fo-scope,.fo-scope *){width:min(440px,100%);max-height:calc(100cqh - 2 * var(--space-5));padding:var(--space-3) var(--space-4)}.fo-settings-panel>.fo-settings:where(.fo-scope,.fo-scope *){width:100%;min-height:0}.fo-settings-panel>.fo-settings:has(>.fo-settings__body):where(.fo-scope,.fo-scope *){grid-template-rows:auto minmax(0,1fr)}.fo-settings-panel--web>.fo-settings:where(.fo-scope,.fo-scope *){gap:var(--space-4)}.fo-settings__body:where(.fo-scope,.fo-scope *){gap:inherit;overscroll-behavior:contain;scrollbar-color:var(--steel-300) var(--slot);min-height:0;margin:-2px;padding:2px 2px 6px;display:grid;overflow-y:auto}.fo-settings__head .fo-title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-sheet--short:where(.fo-scope,.fo-scope *){bottom:auto}.fo-sheet--short .fo-sheet__head .fo-title:where(.fo-scope,.fo-scope *){letter-spacing:1px;flex:1;font-size:16px;line-height:1.2}.fo-sheet--short .fo-sheet__body p:where(.fo-scope,.fo-scope *){margin:0;font-size:16px;line-height:1.45}.fo-touch :is(.fo-wallet-list__close,.fo-sheet--short .fo-sheet__close) .fo-glyph:where(.fo-scope,.fo-scope *){width:calc(7 * var(--px));height:calc(7 * var(--px))}.fo-confirm-dialog:where(.fo-scope,.fo-scope *){gap:var(--space-3);box-sizing:border-box;width:min(544px,100%);padding:var(--space-5) var(--space-6);display:grid}.fo-touch .fo-confirm-dialog:where(.fo-scope,.fo-scope *){width:min(440px,100%);padding:var(--space-4) var(--space-5)}.fo-confirm-dialog.fo-plate--float:where(.fo-scope,.fo-scope *){box-shadow:var(--plate-ring), 0 6px 0 color-mix(in srgb, var(--void) 60%, transparent)}.fo-confirm-dialog>:where(.fo-scope,.fo-scope *){margin:0}.fo-touch .fo-confirm-dialog .fo-title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-confirm-dialog--danger .fo-title:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-confirm-dialog__line:where(.fo-scope,.fo-scope *){color:var(--ink);font-size:15px;line-height:1.45}.fo-confirm-dialog__actions:where(.fo-scope,.fo-scope *){justify-content:flex-end;gap:var(--touch-gap);margin-top:var(--space-1);display:flex}.fo-confirm-dialog__actions .fo-hud-button:where(.fo-scope,.fo-scope *){padding-inline:var(--space-4);flex:1 1 0}.fo-confirm-dialog__actions .fo-hud-button:only-child:where(.fo-scope,.fo-scope *){flex:none;min-width:200px}.fo-search:where(.fo-scope,.fo-scope *){justify-items:center;gap:var(--space-3);box-sizing:border-box;width:min(544px,100%);padding:var(--space-5) var(--space-6);text-align:center;display:grid}.fo-touch .fo-search:where(.fo-scope,.fo-scope *){width:min(440px,100%);padding:var(--space-4) var(--space-5)}.fo-search>:where(.fo-scope,.fo-scope *){margin:0}.fo-search__kicker:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);display:inline-flex}.fo-search__kicker .fo-busy:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-touch .fo-search .fo-title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-search--failed .fo-title:where(.fo-scope,.fo-scope *){color:var(--danger)}.fo-search__elapsed:where(.fo-scope,.fo-scope *){color:var(--ink);font-family:var(--font-display);letter-spacing:3px;--digit-gap:3px;font-size:26px;line-height:1}.fo-touch .fo-search__elapsed:where(.fo-scope,.fo-scope *){font-size:24px}.fo-search__line:where(.fo-scope,.fo-scope *){max-width:40ch;color:var(--ink);font-size:15px;line-height:1.45}.fo-search__actions:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);margin-top:var(--space-1);grid-auto-columns:minmax(200px,auto);grid-auto-flow:column;display:grid}.fo-search__actions .fo-hud-button:where(.fo-scope,.fo-scope *){width:100%;padding-inline:var(--space-4)}.fo-menu:where(.fo-scope,.fo-scope *){box-sizing:border-box;padding:max(var(--safe-top), env(safe-area-inset-top)) max(var(--safe-edge), env(safe-area-inset-right)) max(var(--safe-bottom), env(safe-area-inset-bottom)) max(var(--safe-edge), env(safe-area-inset-left));background-color:var(--void);color:var(--ink);background-position:50%;background-size:cover;grid-template-rows:auto auto minmax(0,1fr);display:grid;position:absolute;inset:0}.fo-menu__head:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-3);min-height:58px;display:flex}.fo-menu__logo:where(.fo-scope,.fo-scope *){width:179.333px;height:58px;display:block}.fo-menu__tools:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--touch-gap);display:flex}.fo-menu__head--web:where(.fo-scope,.fo-scope *){box-sizing:border-box;width:min(544px,100%);min-height:40px;margin:0 auto var(--space-3);justify-content:flex-end}.fo-menu__titles:where(.fo-scope,.fo-scope *){text-align:center;justify-items:center;gap:4px;margin-top:6px;display:grid}.fo-menu .fo-title:where(.fo-scope,.fo-scope *){font-size:24px}.fo-menu__modes:where(.fo-scope,.fo-scope *){gap:var(--space-4);display:grid}.fo-menu .fo-menu__modes:where(.fo-scope,.fo-scope *){grid-template-rows:240px;grid-template-columns:repeat(3,258px);justify-content:center;align-self:start;margin-top:6px}.fo-menu .fo-mode:where(.fo-scope,.fo-scope *){box-sizing:border-box;height:100%;padding:40px var(--space-4) 28px;grid-template-rows:auto 1fr auto;align-content:stretch}.fo-menu .fo-mode__name:where(.fo-scope,.fo-scope *){font-size:16px}.fo-menu .fo-mode__note:where(.fo-scope,.fo-scope *){text-wrap:balance;align-self:start;font-size:16px;line-height:1.35}.fo-menu .fo-mode__status:where(.fo-scope,.fo-scope *){font-size:12px}.fo-mode .fo-mode__status--checking:where(.fo-scope,.fo-scope *){color:var(--notice)}.fo-mode .fo-mode__status--closed:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-mode__lock:where(.fo-scope,.fo-scope *){color:var(--mint)}@container (max-height:380px){.fo-menu .fo-menu__modes:where(.fo-scope,.fo-scope *){grid-template-rows:200px;grid-template-columns:repeat(3,228px)}.fo-menu .fo-mode:where(.fo-scope,.fo-scope *){padding:24px var(--space-3) 20px}}@media (max-height:380px){.fo-menu .fo-menu__modes:where(.fo-scope,.fo-scope *){grid-template-rows:200px;grid-template-columns:repeat(3,228px)}.fo-menu .fo-mode:where(.fo-scope,.fo-scope *){padding:24px var(--space-3) 20px}}.fo-toasts:where(.fo-scope,.fo-scope *){z-index:26;justify-items:center;gap:var(--space-2);width:max-content;max-width:min(544px, calc(100% - 2 * var(--safe-edge)));pointer-events:none;display:grid;position:absolute;top:12rem;left:50%;transform:translate(-50%)}.fo-touch .fo-toasts:where(.fo-scope,.fo-scope *){max-width:min(480px, calc(100% - 2 * var(--safe-edge)));top:64px}.fo-toast:where(.fo-scope,.fo-scope *){--tone:var(--ink);--digit-gap:1px;--tone-ring:var(--tone);justify-content:center;align-items:center;gap:var(--space-2);box-sizing:border-box;max-width:100%;min-height:32px;padding:6px var(--space-3);background:var(--slot);box-shadow:inset 0 0 0 2px var(--tone-ring);color:var(--tone);font-family:var(--font-display);letter-spacing:1px;text-align:center;text-transform:uppercase;text-wrap:balance;pointer-events:none;margin:0;font-size:13px;line-height:1.2;animation:.24s steps(3,end) both fo-toast-in;display:inline-flex}.fo-touch .fo-toast:where(.fo-scope,.fo-scope *){font-size:12px}.fo-toast--notice:where(.fo-scope,.fo-scope *){--tone:var(--notice)}.fo-toast--opponent:where(.fo-scope,.fo-scope *){--tone:var(--enemy)}.fo-toast--danger:where(.fo-scope,.fo-scope *){--tone:var(--danger)}.fo-toast--ally:where(.fo-scope,.fo-scope *){--tone:var(--ally)}.fo-toast--neutral:where(.fo-scope,.fo-scope *){--tone:var(--ink);--tone-ring:var(--ink-muted)}.fo-toast__count:where(.fo-scope,.fo-scope *){white-space:nowrap;display:inline-flex}@keyframes fo-toast-in{0%{opacity:0}to{opacity:1}}.fo-cluster:where(.fo-scope,.fo-scope *){right:max(var(--safe-edge), env(safe-area-inset-right));bottom:max(var(--safe-bottom), env(safe-area-inset-bottom));z-index:20;grid-template-columns:repeat(4, var(--cluster-btn));grid-template-rows:var(--cluster-btn) var(--touch-min);gap:var(--touch-gap);display:grid;position:absolute}.fo-cluster__btn:where(.fo-scope,.fo-scope *){width:var(--cluster-btn);height:var(--cluster-btn);cursor:pointer;background:0 0;border:0;border-radius:0;place-items:center;padding:0;display:grid;position:relative}.fo-cluster__btn img:where(.fo-scope,.fo-scope *){width:calc(19 * var(--px));height:calc(19 * var(--px));image-rendering:pixelated;grid-area:1/1}.fo-cluster__btn img[data-art=preview]:where(.fo-scope,.fo-scope *),.fo-cluster__btn img[data-art=pressed]:where(.fo-scope,.fo-scope *),.fo-cluster__btn:active img[data-art=normal]:where(.fo-scope,.fo-scope *),.fo-cluster__btn.is-pressing img[data-art=normal]:where(.fo-scope,.fo-scope *){visibility:hidden}.fo-cluster__btn:active img[data-art=preview]:where(.fo-scope,.fo-scope *),.fo-cluster__btn.is-pressing img[data-art=preview]:where(.fo-scope,.fo-scope *){visibility:visible}.fo-cluster__btn.is-selected img[data-art=normal]:where(.fo-scope,.fo-scope *),.fo-cluster__btn.is-selected img[data-art=preview]:where(.fo-scope,.fo-scope *){visibility:hidden}.fo-cluster__btn.is-selected img[data-art=pressed]:where(.fo-scope,.fo-scope *){visibility:visible}.fo-cluster__btn.is-selected:where(.fo-scope,.fo-scope *){box-shadow:0 0 0 2px var(--slot), 0 0 0 4px var(--ally)}.fo-cluster__btn:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:var(--focus-ring);outline:none}.fo-cluster__btn:disabled:where(.fo-scope,.fo-scope *){cursor:not-allowed;opacity:.45}.fo-cluster__btn:disabled img[data-art=normal]:where(.fo-scope,.fo-scope *){visibility:visible}.fo-cluster__btn:disabled img[data-art=preview]:where(.fo-scope,.fo-scope *),.fo-cluster__btn:disabled img[data-art=pressed]:where(.fo-scope,.fo-scope *){visibility:hidden}.fo-cluster__btn--undo:where(.fo-scope,.fo-scope *){height:var(--touch-min);grid-area:2/1}.fo-cluster__btn--undo img:where(.fo-scope,.fo-scope *){width:calc(19 * var(--px-2));height:calc(19 * var(--px-2))}.fo-cluster__commit:where(.fo-scope,.fo-scope *){box-sizing:border-box;grid-area:2/2/auto/span 3;width:100%}.fo-cluster__cost:where(.fo-scope,.fo-scope *){box-sizing:border-box;background:var(--slot);min-width:20px;height:20px;box-shadow:inset 0 0 0 2px var(--crystal);color:var(--crystal);font-family:var(--font-display);pointer-events:none;place-items:center;padding:0 4px;font-size:12px;line-height:1;display:grid;position:absolute;top:-4px;right:-4px}.fo-cluster__nudge:where(.fo-scope,.fo-scope *){right:0;bottom:calc(100% + var(--touch-gap));gap:var(--space-2);box-sizing:border-box;width:336px;padding:var(--space-3);border:2px solid;border-color:var(--steel-200) #1a1b1d #1a1b1d var(--steel-400);background:var(--hud-panel);box-shadow:0 0 0 2px var(--hud-outline), 0 4px 0 #0000008c;display:grid;position:absolute}.fo-cluster__nudge p:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);color:var(--ink);margin:0;font-size:16px;display:flex}.fo-cluster__nudge p img:where(.fo-scope,.fo-scope *){image-rendering:auto;width:26.6667px;height:24px}.fo-rail:where(.fo-scope,.fo-scope *){top:max(var(--safe-top), env(safe-area-inset-top));z-index:15;gap:var(--space-2);width:calc(2 * var(--rail-cell) + var(--touch-gap));grid-template-columns:100%;display:grid;position:absolute}.fo-rail--you:where(.fo-scope,.fo-scope *){left:max(var(--safe-edge), calc(50cqw - 75cqh - 2 * var(--rail-cell) - var(--touch-gap)))}.fo-rail--opponent:where(.fo-scope,.fo-scope *){left:calc(50cqw + 75cqh)}.fo-rail__head:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-1);height:20px;font-family:var(--font-display);letter-spacing:0;text-transform:uppercase;white-space:nowrap;font-size:12px;line-height:1;display:flex}.fo-rail__crystals:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-1);color:var(--crystal);display:inline-flex}.fo-rail__crystals img:where(.fo-scope,.fo-scope *){image-rendering:auto;width:13.3333px;height:12px}.fo-rail__ready:where(.fo-scope,.fo-scope *){color:var(--ally)}.fo-rail--opponent .fo-rail__ready:where(.fo-scope,.fo-scope *){color:var(--enemy-clock)}.fo-rail__ready.is-done:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-rail__grid:where(.fo-scope,.fo-scope *){grid-template-columns:repeat(2, var(--rail-cell));grid-auto-rows:var(--rail-cell);gap:var(--touch-gap);margin:0;padding:0;list-style:none;display:grid}.fo-rail__unit:where(.fo-scope,.fo-scope *){--rim:var(--edge-strong);width:var(--rail-cell);height:var(--rail-cell);background:var(--slot);cursor:pointer;border:0;border-radius:0;padding:0;display:block;position:relative}.fo-rail__unit>img:where(.fo-scope,.fo-scope *){width:100%;height:100%;image-rendering:pixelated;display:block}.fo-rail--opponent .fo-rail__unit>img:where(.fo-scope,.fo-scope *){transform:scaleX(-1)}.fo-rail__unit:where(.fo-scope,.fo-scope *):after{content:"";z-index:1;box-shadow:inset 0 0 0 2px var(--rim);pointer-events:none;position:absolute;inset:0}.fo-rail__unit.is-ready:where(.fo-scope,.fo-scope *){--rim:var(--ally-strong)}.fo-rail__unit.is-active:where(.fo-scope,.fo-scope *){--rim:var(--ally);box-shadow:var(--focus-ring)}.fo-rail__unit.is-acted:where(.fo-scope,.fo-scope *):after{box-shadow:inset 0 0 0 2px var(--rim), inset 0 0 0 var(--rail-cell) color-mix(in srgb, var(--slot) 60%, transparent)}.fo-rail__unit.is-defeated:where(.fo-scope,.fo-scope *):after{box-shadow:inset 0 0 0 2px var(--rim), inset 0 0 0 var(--rail-cell) color-mix(in srgb, var(--slot) 78%, transparent)}.fo-rail__unit.is-defeated:where(.fo-scope,.fo-scope *):before{content:"×";z-index:2;color:var(--ink-muted);font-family:var(--font-display);place-items:center;font-size:32px;line-height:1;display:grid;position:absolute;inset:0}.fo-rail--opponent .fo-rail__unit:where(.fo-scope,.fo-scope *){--rim:var(--enemy-strong);cursor:default}.fo-rail--opponent .fo-rail__unit.is-active:where(.fo-scope,.fo-scope *){--rim:var(--enemy-outline)}.fo-rail__unit:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:var(--focus-ring);outline:none}.fo-rail__hp:where(.fo-scope,.fo-scope *){z-index:2;background:linear-gradient(var(--bar-health-glint) 0 2px, var(--bar-health) 2px 4px, var(--bar-health-shade) 4px) 0 0 / var(--hp-preview,var(--hp,100%)) 100% no-repeat, linear-gradient(var(--danger) 0 4px, var(--danger-edge) 4px) 0 0 / var(--hp,100%) 100% no-repeat, var(--void);height:6px;position:absolute;bottom:2px;left:2px;right:2px}.fo-rail__pips:where(.fo-scope,.fo-scope *){z-index:2;gap:2px;display:flex;position:absolute;top:2px;left:2px}.fo-rail__pips img:where(.fo-scope,.fo-scope *){background:var(--slot);width:16px;height:16px;image-rendering:pixelated}.fo-rail__unit.is-forge-ready:where(.fo-scope,.fo-scope *):before{content:"+";z-index:2;background:var(--crystal);width:16px;height:16px;color:var(--slot);font-family:var(--font-display);place-items:center;font-size:16px;line-height:1;display:grid;position:absolute;top:2px;right:2px}.fo-rail__forge:where(.fo-scope,.fo-scope *){justify-self:start}.fo-rail--narrow:where(.fo-scope,.fo-scope *){gap:6px;width:86px}.fo-rail--narrow.fo-rail--opponent:where(.fo-scope,.fo-scope *){left:auto;right:max(var(--safe-edge), env(safe-area-inset-right))}.fo-rail--narrow .fo-rail__head:where(.fo-scope,.fo-scope *){margin-bottom:2px}.fo-rail--narrow .fo-rail__grid:where(.fo-scope,.fo-scope *){grid-template-columns:repeat(2,40px);grid-auto-rows:40px;gap:6px}.fo-rail--narrow .fo-rail__unit:where(.fo-scope,.fo-scope *){cursor:default;width:40px;height:40px;overflow:hidden}.fo-rail__active:where(.fo-scope,.fo-scope *){left:max(var(--safe-edge), env(safe-area-inset-left));bottom:max(var(--safe-bottom), env(safe-area-inset-bottom));z-index:15;grid-template-columns:var(--rail-cell) minmax(0, 1fr);align-items:center;column-gap:var(--space-2);box-sizing:border-box;width:216px;height:60px;padding:5px var(--space-2) 5px 5px;background:var(--slot);box-shadow:var(--plate-ring);display:grid;position:absolute}.fo-rail__active>img:where(.fo-scope,.fo-scope *){width:var(--rail-cell);height:var(--rail-cell);outline:2px solid var(--ally);outline-offset:-2px;image-rendering:pixelated}.fo-rail__name:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-1);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-size:16px;line-height:1;display:flex}.fo-rail__statuses:where(.fo-scope,.fo-scope *){gap:2px;display:inline-flex}.fo-rail__statuses img:where(.fo-scope,.fo-scope *){width:16px;height:16px;image-rendering:pixelated}.fo-rail__bars:where(.fo-scope,.fo-scope *){gap:4px;display:grid}@container (max-width:860px){.fo-rail__active:where(.fo-scope,.fo-scope *){display:none}}@media (max-width:860px) and (max-height:380px){.fo-rail__active:where(.fo-scope,.fo-scope *){display:none}}.fo-bar:where(.fo-scope,.fo-scope *){--fo-bar-fill:var(--bar-health);--fo-bar-glint:var(--bar-health-glint);--fo-bar-shade:var(--bar-health-shade);background:linear-gradient(var(--fo-bar-glint) 0 2px, var(--fo-bar-fill) 2px calc(100% - 2px), var(--fo-bar-shade) calc(100% - 2px)) 0 0 / var(--value,100%) 100% no-repeat, var(--slot);height:8px;box-shadow:0 0 0 2px var(--void);display:block}.fo-bar--resource:where(.fo-scope,.fo-scope *){height:6px}.fo-bar--rage:where(.fo-scope,.fo-scope *){--fo-bar-glint:var(--bar-rage-glint);--fo-bar-fill:var(--bar-rage);--fo-bar-shade:var(--bar-rage)}.fo-bar--energy:where(.fo-scope,.fo-scope *){--fo-bar-glint:var(--bar-energy-glint);--fo-bar-fill:var(--bar-energy);--fo-bar-shade:var(--bar-energy)}.fo-bar--mana:where(.fo-scope,.fo-scope *){--fo-bar-glint:var(--bar-mana-glint);--fo-bar-fill:var(--bar-mana);--fo-bar-shade:var(--bar-mana)}.fo-bar--focus:where(.fo-scope,.fo-scope *){--fo-bar-glint:var(--bar-focus-glint);--fo-bar-fill:var(--bar-focus);--fo-bar-shade:var(--bar-focus)}.fo-bar--reagents:where(.fo-scope,.fo-scope *){--fo-bar-glint:var(--bar-reagents-glint);--fo-bar-fill:var(--bar-reagents);--fo-bar-shade:var(--bar-reagents)}.fo-inspect .fo-ability__cost:where(.fo-scope,.fo-scope *){font-size:14px}.fo-sheet__icon:where(.fo-scope,.fo-scope *){background:var(--void);width:48px;height:48px;box-shadow:inset 0 0 0 2px var(--set-color,var(--edge-strong));color:var(--ink-muted);font-family:var(--font-display);flex:none;place-items:center;font-size:12px;display:grid}.fo-sheet__icon img:where(.fo-scope,.fo-scope *){image-rendering:pixelated}.fo-sheet__icon--unit:where(.fo-scope,.fo-scope *){width:var(--rail-cell);height:var(--rail-cell)}.fo-sheet__icon--unit img:where(.fo-scope,.fo-scope *){width:var(--rail-cell);height:var(--rail-cell);outline:2px solid var(--set-color,var(--edge-strong));outline-offset:-2px}.fo-sheet__icon--icon img:where(.fo-scope,.fo-scope *){width:48px;height:48px}.fo-sheet__icon--gear img:where(.fo-scope,.fo-scope *){width:32px;height:32px}.fo-sheet__title:where(.fo-scope,.fo-scope *){flex:1;justify-items:start;gap:4px;min-width:0;display:grid}.fo-sheet__name:where(.fo-scope,.fo-scope *){color:var(--ink);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:16px;font-weight:400;line-height:1.2}.fo-sheet__close:where(.fo-scope,.fo-scope *){flex:none}.fo-inspect:where(.fo-scope,.fo-scope *){gap:var(--space-3);align-content:start;display:grid}.fo-inspect__desc:where(.fo-scope,.fo-scope *){color:var(--ink);margin:0;font-size:15px;line-height:1.45}.fo-inspect__meta:where(.fo-scope,.fo-scope *){gap:2px var(--space-2);color:var(--ink-muted);flex-wrap:wrap;margin:0;padding:0;font-size:14px;line-height:1.4;list-style:none;display:flex}.fo-inspect__meta li:not(:last-child):where(.fo-scope,.fo-scope *):after{content:"·";margin-left:var(--space-2)}.fo-inspect__stats:where(.fo-scope,.fo-scope *){gap:6px var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.fo-inspect__stats li:where(.fo-scope,.fo-scope *){white-space:nowrap;align-items:center;gap:6px;font-size:15px;display:flex}.fo-inspect__stats img:where(.fo-scope,.fo-scope *){width:16px;height:16px;image-rendering:pixelated}.fo-inspect__stats b:where(.fo-scope,.fo-scope *){color:var(--mint);font-weight:400}.fo-inspect__bars:where(.fo-scope,.fo-scope *){gap:6px;padding:2px;display:grid}.fo-inspect__label:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0 0 6px;font-size:12px;line-height:1.2}.fo-inspect__gear:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--touch-gap);flex-wrap:wrap;display:flex}.fo-inspect__slot:where(.fo-scope,.fo-scope *){width:var(--touch-min);height:var(--touch-min);background:var(--void);box-shadow:inset 0 0 0 2px var(--set-color,var(--edge-strong));color:var(--ink-muted);font-family:var(--font-display);cursor:pointer;border:0;place-items:center;padding:0;font-size:12px;display:grid;position:relative}.fo-inspect__slot img:where(.fo-scope,.fo-scope *){width:32px;height:32px;image-rendering:pixelated}.fo-inspect__set:where(.fo-scope,.fo-scope *){color:var(--ink);white-space:nowrap}.fo-inspect__set:where(.fo-scope,.fo-scope *):before{content:"";background:var(--status-color,var(--edge-strong));flex:none;width:8px;height:8px}.fo-inspect .fo-ability:where(.fo-scope,.fo-scope *){grid-template-columns:32px 1fr}.fo-inspect .fo-ability__icon:where(.fo-scope,.fo-scope *){width:32px;height:32px}.fo-inspect .fo-ability__name:where(.fo-scope,.fo-scope *){font-size:16px}.fo-inspect .fo-ability__kind:where(.fo-scope,.fo-scope *){font-size:12px}.fo-inspect .fo-ability__text:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-size:14px}.fo-inspect .fo-ability.is-off .fo-ability__name:where(.fo-scope,.fo-scope *),.fo-inspect .fo-ability.is-off .fo-ability__kind:where(.fo-scope,.fo-scope *){color:var(--ink-muted)}.fo-confirm:where(.fo-scope,.fo-scope *){left:var(--x,50%);top:var(--y,50%);z-index:18;align-items:stretch;gap:var(--touch-gap);display:flex;position:absolute;transform:translate(-50%,calc(-100% - 56px))}.fo-confirm--below:where(.fo-scope,.fo-scope *){transform:translate(-50%,56px)}.fo-confirm:where(.fo-scope,.fo-scope *):after{content:"";left:calc(var(--stem-x,50%) - 1px);background:repeating-linear-gradient(var(--ink) 0 4px, transparent 4px 8px);pointer-events:none;width:2px;height:44px;position:absolute;top:calc(100% + 4px)}.fo-confirm--below:where(.fo-scope,.fo-scope *):after{top:auto;bottom:calc(100% + 4px)}.fo-confirm>.fo-hud-button:where(.fo-scope,.fo-scope *){min-width:0;height:36px;min-height:0;font-size:12px}.fo-confirm>.fo-hud-button:where(.fo-scope,.fo-scope *):before{content:"";inset:calc(18px - var(--touch-min) / 2) 0;position:absolute}.fo-confirm>.fo-confirm__go:where(.fo-scope,.fo-scope *){min-width:72px;max-width:150px;padding:0 14px}.fo-confirm>.fo-confirm__cancel:where(.fo-scope,.fo-scope *){flex:none;width:36px;padding:0}.fo-confirm>.fo-confirm__cancel:where(.fo-scope,.fo-scope *):before{inset:calc(18px - var(--touch-min) / 2)}.fo-drawer:where(.fo-scope,.fo-scope *){left:var(--drawer-inset);right:var(--drawer-inset);z-index:20;box-sizing:border-box;height:var(--drawer-h);padding:8px var(--space-3) 0;background:var(--slot);border-top:2px solid var(--mint);box-shadow:var(--plate-ring);color:var(--ink);touch-action:none;grid-template-rows:auto minmax(0,1fr);transition:height .16s steps(4,end);display:grid;position:absolute;bottom:0}.fo-drawer--open:where(.fo-scope,.fo-scope *){height:270px;padding-bottom:var(--safe-bottom)}@container (max-height:380px){.fo-drawer--open:where(.fo-scope,.fo-scope *){height:250px}}@media (max-height:380px){.fo-drawer--open:where(.fo-scope,.fo-scope *){height:250px}}.fo-drawer__handle:where(.fo-scope,.fo-scope *){width:var(--touch-min);height:var(--touch-min);cursor:grab;background:0 0;border:0;padding:0;position:absolute;top:0;left:calc(50% - 24px)}.fo-drawer__handle:where(.fo-scope,.fo-scope *):before{content:"";background:var(--ink-muted);width:32px;height:4px;position:absolute;top:3px;left:8px}.fo-drawer__handle:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:var(--focus-ring);outline:none}.fo-drawer__bar:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-4);height:var(--rail-cell);display:flex}.fo-drawer__rail:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);flex:none;margin:0;padding:0;list-style:none;display:flex}.fo-drawer__item:where(.fo-scope,.fo-scope *){--rim:var(--edge-strong);width:var(--rail-cell);height:var(--rail-cell);background:var(--void);cursor:pointer;border:0;border-radius:0;flex:none;padding:0;display:block;position:relative}.fo-drawer__item>img:where(.fo-scope,.fo-scope *){width:100%;height:100%;image-rendering:pixelated;display:block}.fo-drawer__item:where(.fo-scope,.fo-scope *):after{content:"";z-index:1;box-shadow:inset 0 0 0 2px var(--rim);pointer-events:none;position:absolute;inset:0}.fo-drawer__item[aria-pressed=true]:where(.fo-scope,.fo-scope *){--rim:var(--ally);box-shadow:var(--focus-ring)}.fo-drawer__item:focus-visible:where(.fo-scope,.fo-scope *){box-shadow:var(--focus-ring);outline:none}.fo-drawer__item[aria-disabled=true]:where(.fo-scope,.fo-scope *){cursor:default}.fo-drawer__item[aria-disabled=true]:where(.fo-scope,.fo-scope *):after{box-shadow:inset 0 0 0 2px var(--rim), inset 0 0 0 var(--rail-cell) color-mix(in srgb, var(--slot) 55%, transparent)}.fo-drawer__corner:where(.fo-scope,.fo-scope *){z-index:2;place-items:center;width:18px;height:18px;display:grid;position:absolute;top:0}.fo-drawer__corner--up:where(.fo-scope,.fo-scope *){background:var(--mint);color:var(--slot);right:0}.fo-drawer__corner--down:where(.fo-scope,.fo-scope *){background:var(--slot);color:var(--peach);left:0}.fo-drawer__count:where(.fo-scope,.fo-scope *){z-index:2;background:var(--slot);color:var(--ally);font-family:var(--font-display);letter-spacing:0;padding:2px 3px;font-size:12px;line-height:1;position:absolute;bottom:0;left:0}.fo-drawer__count--theirs:where(.fo-scope,.fo-scope *){color:var(--peach);left:auto;right:0}.fo-drawer__band:where(.fo-scope,.fo-scope *){z-index:3;background:color-mix(in srgb, var(--slot) 92%, transparent);height:28px;color:var(--ink);font-family:var(--font-display);letter-spacing:0;text-align:center;text-transform:uppercase;place-items:center;font-size:12px;line-height:1.05;display:grid;position:absolute;top:calc(50% - 14px);left:0;right:0}.fo-drawer__focus:where(.fo-scope,.fo-scope *){flex:1;gap:2px;min-width:0;display:grid}.fo-drawer__name:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0;font-size:16px;font-weight:400;line-height:1.2}.fo-drawer__summary:where(.fo-scope,.fo-scope *){color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:14px;line-height:1.4;overflow:hidden}.fo-drawer__hint:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;flex:none;font-size:12px}.fo-drawer .fo-drawer__lock:where(.fo-scope,.fo-scope *){right:var(--space-3);z-index:1;position:absolute;bottom:calc(100% + 4px)}.fo-drawer__lock>.fo-hud-button--lock.is-waiting:where(.fo-scope,.fo-scope *){color:var(--peach);font-size:12px}.fo-drawer__lock>.fo-hud-button--lock.is-done:where(.fo-scope,.fo-scope *){color:var(--ally)}.fo-drawer__kit .fo-ability__cost:where(.fo-scope,.fo-scope *){font-size:14px}.fo-drawer__body:where(.fo-scope,.fo-scope *){gap:var(--space-5);margin-top:var(--space-4);overscroll-behavior:contain;grid-template-columns:minmax(0,1fr) 248px;align-items:start;min-height:0;display:none;overflow:auto}.fo-drawer--open .fo-drawer__body:where(.fo-scope,.fo-scope *){display:grid}.fo-drawer__kit:where(.fo-scope,.fo-scope *){gap:var(--space-3);align-content:start;display:grid}.fo-drawer__kit .fo-ability:where(.fo-scope,.fo-scope *){grid-template-columns:32px 1fr}.fo-drawer__kit .fo-ability__icon:where(.fo-scope,.fo-scope *){width:32px;height:32px}.fo-drawer__kit .fo-ability__name:where(.fo-scope,.fo-scope *){font-size:16px}.fo-drawer__kit .fo-ability__kind:where(.fo-scope,.fo-scope *){font-size:12px}.fo-drawer__kit .fo-ability__text:where(.fo-scope,.fo-scope *){font-size:14px}.fo-drawer__kit .fo-inspect__stats:where(.fo-scope,.fo-scope *){grid-template-columns:repeat(3,auto);justify-content:start}.fo-drawer__cover:where(.fo-scope,.fo-scope *){align-content:start;gap:10px;display:grid}.fo-drawer__cover>.fo-inspect__label:where(.fo-scope,.fo-scope *){margin:0}.fo-drawer__coverage:where(.fo-scope,.fo-scope *){gap:var(--space-2);align-content:start;margin:0;display:grid}.fo-drawer__coverage div:where(.fo-scope,.fo-scope *){align-items:center;gap:2px var(--space-2);grid-template-columns:84px 1fr;display:grid}.fo-drawer__coverage dt:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;grid-row:span 2;font-size:12px}.fo-drawer__coverage dd:where(.fo-scope,.fo-scope *){background:linear-gradient(var(--team), var(--team)) 0 0 / calc(var(--n) * 10%) 100% no-repeat, var(--void);height:6px;box-shadow:0 0 0 2px var(--edge);margin:0}.fo-drawer__coverage dd.is-you:where(.fo-scope,.fo-scope *){--team:var(--ally)}.fo-drawer__coverage dd.is-opponent:where(.fo-scope,.fo-scope *){--team:var(--peach)}.fo-drawer__legend:where(.fo-scope,.fo-scope *){gap:var(--space-4);color:var(--ink-muted);margin:0;font-size:14px;display:flex}.fo-drawer__legend span:where(.fo-scope,.fo-scope *):before{content:"";background:var(--team);width:8px;height:8px;margin-right:6px;display:inline-block}@media (prefers-reduced-motion:reduce){.fo-toast:where(.fo-scope,.fo-scope *){animation:none}.fo-drawer:where(.fo-scope,.fo-scope *){transition:none}}.fo-reduced .fo-toast:where(.fo-scope,.fo-scope *){animation:none}.fo-reduced .fo-drawer:where(.fo-scope,.fo-scope *){transition:none}.fo-band:where(.fo-scope,.fo-scope *){z-index:16;top:max(var(--safe-top), env(safe-area-inset-top));justify-content:center;align-items:center;gap:var(--space-3);pointer-events:none;width:150cqh;display:flex;position:absolute;left:calc(50cqw - 75cqh)}.fo-band .fo-kicker:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-pick:where(.fo-scope,.fo-scope *){z-index:16;top:calc(max(var(--safe-top), env(safe-area-inset-top)) + 16px);justify-content:center;align-items:center;gap:var(--space-3);pointer-events:none;display:flex;position:absolute;left:0;right:0}.fo-pick>:where(.fo-scope,.fo-scope *){margin:0}.fo-pick .fo-strip:where(.fo-scope,.fo-scope *){gap:3px}.fo-pick .fo-strip__slot:where(.fo-scope,.fo-scope *){width:22px;height:22px;box-shadow:none}.fo-pick .fo-strip__slot--current:where(.fo-scope,.fo-scope *){width:26px;height:26px;box-shadow:var(--focus-ring)}.fo-pick .fo-strip__slot img:where(.fo-scope,.fo-scope *){image-rendering:auto}.fo-touch .fo-pick .fo-tag__name:where(.fo-scope,.fo-scope *){font-size:12px}.fo-fog:where(.fo-scope,.fo-scope *){z-index:6;background:color-mix(in srgb, var(--void) 78%, transparent);pointer-events:none;place-items:center;display:grid;position:absolute;inset:0 calc(50cqw - 75cqh) 0 50%}.fo-roster:where(.fo-scope,.fo-scope *){z-index:15;top:max(var(--safe-top), env(safe-area-inset-top));gap:6px;margin:0;padding:0;list-style:none;display:grid;position:absolute}.fo-roster--you:where(.fo-scope,.fo-scope *){left:max(var(--safe-edge), env(safe-area-inset-left))}.fo-roster--opponent:where(.fo-scope,.fo-scope *){right:max(var(--safe-edge), env(safe-area-inset-right))}.fo-roster__cell:where(.fo-scope,.fo-scope *){--team:var(--ally);box-sizing:border-box;border:2px solid var(--team);background:var(--slot);place-items:center;width:46px;height:46px;display:grid;overflow:hidden}.fo-roster--opponent .fo-roster__cell:where(.fo-scope,.fo-scope *){--team:var(--peach)}.fo-roster__cell img:where(.fo-scope,.fo-scope *){width:100%;height:100%;image-rendering:pixelated}.fo-roster--opponent .fo-roster__cell img:where(.fo-scope,.fo-scope *){transform:scaleX(-1)}.fo-roster__cell--empty:where(.fo-scope,.fo-scope *){--team:var(--edge-strong);border-style:dashed}.fo-roster__cell--next:where(.fo-scope,.fo-scope *){box-shadow:var(--focus-ring)}@container (max-height:380px){.fo-roster:where(.fo-scope,.fo-scope *){gap:4px}.fo-roster__cell:where(.fo-scope,.fo-scope *){width:40px;height:40px}}@media (max-height:380px){.fo-roster:where(.fo-scope,.fo-scope *){gap:4px}.fo-roster__cell:where(.fo-scope,.fo-scope *){width:40px;height:40px}}.fo-banner:where(.fo-scope,.fo-scope *){z-index:31;padding:var(--space-3) 0 var(--space-4);background:var(--slot);box-shadow:inset 0 2px 0 var(--mint), inset 0 -2px 0 var(--mint);text-align:center;pointer-events:none;justify-items:center;gap:6px;animation:.24s steps(3,end) both fo-banner-in;display:grid;position:absolute;top:calc(50% - 52px);left:0;right:0}.fo-banner>:where(.fo-scope,.fo-scope *){margin:0}.fo-banner__word:where(.fo-scope,.fo-scope *){--digit-gap:4px;color:var(--mint);font-family:var(--font-display);letter-spacing:4px;text-transform:uppercase;text-shadow:0 3px 0 var(--void);font-size:44px;line-height:1}.fo-touch .fo-banner__word:where(.fo-scope,.fo-scope *){font-size:32px}.fo-banner__line:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);color:var(--ink);font-size:17px;display:flex}.fo-touch .fo-banner__line:where(.fo-scope,.fo-scope *){font-size:16px}@keyframes fo-banner-in{0%{opacity:0;clip-path:inset(50% 0)}to{opacity:1;clip-path:inset(0)}}.fo-tray:where(.fo-scope,.fo-scope *){z-index:18;top:calc(max(var(--safe-top), env(safe-area-inset-top)) + 56px);align-items:center;gap:var(--touch-gap);box-sizing:border-box;width:max-content;padding:4px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fo-tray>.fo-kicker:where(.fo-scope,.fo-scope *){color:var(--ink);padding-inline:4px;font-size:12px}.fo-tray__target:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);min-height:var(--touch-min);background:var(--slot);box-shadow:inset 0 0 0 2px var(--enemy-strong);color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:0;padding:0 10px 0 4px;display:flex}.fo-tray__target[aria-pressed=true]:where(.fo-scope,.fo-scope *){box-shadow:inset 0 0 0 2px var(--enemy-strong), 0 0 0 2px var(--slot), 0 0 0 4px var(--ink)}.fo-tray__target:focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:2px}.fo-tray__target[aria-pressed=true]:focus-visible:where(.fo-scope,.fo-scope *){outline-offset:6px}.fo-tray__face:where(.fo-scope,.fo-scope *){flex:none;place-items:center;width:40px;height:40px;display:grid;overflow:hidden}.fo-tray__face img:where(.fo-scope,.fo-scope *){width:100%;height:100%;image-rendering:pixelated;transform:scaleX(-1)}.fo-tray__name:where(.fo-scope,.fo-scope *){color:var(--enemy-clock);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;font-size:12px;display:block}.fo-tray__dmg:where(.fo-scope,.fo-scope *){color:var(--ink);white-space:nowrap;font-size:14px;display:block}.fo-zoom:where(.fo-scope,.fo-scope *){z-index:18;bottom:max(var(--safe-bottom), env(safe-area-inset-bottom));align-items:center;gap:var(--space-2);background:var(--slot);width:max-content;box-shadow:var(--plate-ring);padding:4px 4px 8px 8px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.fo-zoom__level:where(.fo-scope,.fo-scope *){--digit-gap:1px;color:var(--ink);font-family:var(--font-display);letter-spacing:1px;white-space:nowrap;font-size:12px}.fo-zoom>.fo-hud-button:where(.fo-scope,.fo-scope *){min-width:0;height:36px;min-height:0;padding:0 14px;font-size:12px}.fo-zoom>.fo-hud-button:where(.fo-scope,.fo-scope *):before{content:"";inset:calc(18px - var(--touch-min) / 2) 0;position:absolute}.fo-hud-lock--full:where(.fo-scope,.fo-scope *){clip-path:polygon(0 18px,3px 18px,3px 10px,6px 10px,6px 6px,10px 6px,10px 3px,18px 3px,18px 0,calc(100% - 18px) 0,calc(100% - 18px) 3px,calc(100% - 10px) 3px,calc(100% - 10px) 6px,calc(100% - 6px) 6px,calc(100% - 6px) 10px,calc(100% - 3px) 10px,calc(100% - 3px) 18px,100% 18px,100% calc(100% - 18px),calc(100% - 3px) calc(100% - 18px),calc(100% - 3px) calc(100% - 10px),calc(100% - 6px) calc(100% - 10px),calc(100% - 6px) calc(100% - 6px),calc(100% - 10px) calc(100% - 6px),calc(100% - 10px) calc(100% - 3px),calc(100% - 18px) calc(100% - 3px),calc(100% - 18px) 100%,18px 100%,18px calc(100% - 3px),10px calc(100% - 3px),10px calc(100% - 6px),6px calc(100% - 6px),6px calc(100% - 10px),3px calc(100% - 10px),3px calc(100% - 18px),0 calc(100% - 18px))}.fo-hud-lock--full>.fo-hud-button--lock:where(.fo-scope,.fo-scope *){clip-path:polygon(0 15px,3px 15px,3px 8px,6px 8px,6px 5px,9px 5px,9px 2px,15px 2px,15px 0,calc(100% - 15px) 0,calc(100% - 15px) 2px,calc(100% - 9px) 2px,calc(100% - 9px) 5px,calc(100% - 6px) 5px,calc(100% - 6px) 8px,calc(100% - 3px) 8px,calc(100% - 3px) 15px,100% 15px,100% calc(100% - 15px),calc(100% - 3px) calc(100% - 15px),calc(100% - 3px) calc(100% - 8px),calc(100% - 6px) calc(100% - 8px),calc(100% - 6px) calc(100% - 5px),calc(100% - 9px) calc(100% - 5px),calc(100% - 9px) calc(100% - 2px),calc(100% - 15px) calc(100% - 2px),calc(100% - 15px) 100%,15px 100%,15px calc(100% - 2px),9px calc(100% - 2px),9px calc(100% - 5px),6px calc(100% - 5px),6px calc(100% - 8px),3px calc(100% - 8px),3px calc(100% - 15px),0 calc(100% - 15px))}.fo-hud-lock>.fo-hud-button--lock.is-waiting:where(.fo-scope,.fo-scope *){color:var(--peach);font-size:12px}.fo-hud-lock>.fo-hud-button--lock.is-done:where(.fo-scope,.fo-scope *){color:var(--ally)}.fo-drag:where(.fo-scope,.fo-scope *){z-index:19;left:var(--x,50%);top:var(--y,50%);justify-items:center;gap:var(--space-1);pointer-events:none;width:max-content;display:grid;position:absolute;transform:translate(-50%,calc(-100% - 40px))}.fo-drag:where(.fo-scope,.fo-scope *):after{content:"";background:repeating-linear-gradient(var(--ink) 0 4px, transparent 4px 8px);width:2px;height:36px;position:absolute;top:100%;left:calc(50% - 1px)}.fo-drag__label:where(.fo-scope,.fo-scope *){background:var(--slot);box-shadow:inset 0 0 0 2px var(--ally);color:var(--ally);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;white-space:nowrap;padding:4px 8px;font-size:12px}.fo-drag__unit:where(.fo-scope,.fo-scope *){width:var(--rail-cell);height:var(--rail-cell);box-shadow:0 0 0 2px var(--slot);display:block;position:relative}.fo-drag__unit:where(.fo-scope,.fo-scope *):after{content:"";box-shadow:inset 0 0 0 2px var(--ally);position:absolute;inset:0}.fo-drag__unit img:where(.fo-scope,.fo-scope *){width:100%;height:100%;image-rendering:pixelated;display:block}.fo-sheet.fo-forge:where(.fo-scope,.fo-scope *){grid-template-rows:auto auto minmax(0,1fr) auto;width:580px;left:calc(50% - 290px)}.fo-forge__steps:where(.fo-scope,.fo-scope *){gap:var(--space-2);color:var(--ink-muted);font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;margin:0;padding:0;font-size:12px;list-style:none;display:flex}.fo-forge__steps .is-on:where(.fo-scope,.fo-scope *){color:var(--mint)}.fo-forge__steps .is-done:where(.fo-scope,.fo-scope *){color:var(--ink)}.fo-forge__have:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);color:var(--crystal-ink);white-space:nowrap;font-size:16px;display:flex}.fo-forge__have img:where(.fo-scope,.fo-scope *){image-rendering:auto;width:26.6667px;height:24px}.fo-forge__tabs:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);padding:var(--space-2) var(--space-4) 0;display:flex}.fo-forge__tab:where(.fo-scope,.fo-scope *){--rim:var(--edge-strong);width:var(--rail-cell);height:var(--rail-cell);background:var(--slot);cursor:pointer;border:0;border-radius:0;padding:0;position:relative}.fo-forge__tab:where(.fo-scope,.fo-scope *):after{content:"";box-shadow:inset 0 0 0 2px var(--rim);pointer-events:none;position:absolute;inset:0}.fo-forge__tab img:where(.fo-scope,.fo-scope *){width:var(--rail-cell);height:var(--rail-cell);image-rendering:pixelated;display:block}.fo-forge__tab[aria-selected=true]:where(.fo-scope,.fo-scope *){--rim:var(--ally);box-shadow:var(--focus-ring)}.fo-forge__tab .fo-glyph:where(.fo-scope,.fo-scope *){z-index:1;color:var(--crystal);position:absolute;top:2px;right:2px}.fo-forge__sets:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);margin-top:var(--space-3);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.fo-forge__set:where(.fo-scope,.fo-scope *){min-height:var(--touch-min);background:var(--slot);box-shadow:inset 0 0 0 2px var(--set,var(--edge-strong));color:var(--ink);font:inherit;text-align:left;cursor:pointer;border:0;border-radius:0;align-content:start;gap:6px;padding:10px;display:grid}.fo-forge__set[aria-pressed=true]:where(.fo-scope,.fo-scope *){box-shadow:inset 0 0 0 2px var(--set,var(--edge-strong)), var(--hud-selected)}.fo-forge__set b:where(.fo-scope,.fo-scope *){font-family:var(--font-display);letter-spacing:1px;text-transform:uppercase;font-size:16px;font-weight:400}.fo-forge__set span:where(.fo-scope,.fo-scope *){color:var(--ink-muted);font-size:14px;line-height:1.35}.fo-forge__cols:where(.fo-scope,.fo-scope *){gap:var(--space-5);grid-template-columns:auto minmax(0,1fr);align-items:start;display:grid}.fo-forge__cols>div:where(.fo-scope,.fo-scope *){gap:var(--space-2);display:grid}.fo-forge__pieces:where(.fo-scope,.fo-scope *){gap:var(--touch-gap);display:flex}.fo-forge__pieces .fo-inspect__slot[aria-pressed=true]:where(.fo-scope,.fo-scope *){box-shadow:inset 0 0 0 2px var(--ink)}.fo-forge__mats:where(.fo-scope,.fo-scope *){gap:var(--space-1);margin:0;padding:0;font-size:15px;list-style:none;display:grid}.fo-forge__mats li:where(.fo-scope,.fo-scope *){justify-content:space-between;align-items:center;gap:var(--space-3);border-top:2px solid var(--edge);padding:2px 0;display:flex}.fo-forge__foot:where(.fo-scope,.fo-scope *){padding:var(--space-3) var(--space-4) calc(var(--space-3) + 4px);border-top:2px solid var(--edge);display:grid}.fo-forge :is(.fo-forge__tab,.fo-forge__set,.fo-inspect__slot):focus-visible:where(.fo-scope,.fo-scope *){outline:2px solid var(--ink);outline-offset:4px}.fo-end:where(.fo-scope,.fo-scope *){z-index:31;box-sizing:border-box;align-content:center;justify-items:center;gap:20px;padding:24px;display:grid;position:absolute;inset:0}.fo-touch .fo-end:where(.fo-scope,.fo-scope *){gap:var(--space-3);padding:max(var(--safe-top), env(safe-area-inset-top)) max(var(--safe-edge), env(safe-area-inset-right)) max(var(--safe-bottom), env(safe-area-inset-bottom)) max(var(--safe-edge), env(safe-area-inset-left))}.fo-end>:where(.fo-scope,.fo-scope *){margin:0}.fo-end__vs:where(.fo-scope,.fo-scope *){align-items:center;gap:var(--space-2);display:flex}.fo-end__band:where(.fo-scope,.fo-scope *){--band:var(--victory);background:var(--slot);box-shadow:inset 0 2px 0 var(--band), inset 0 -2px 0 var(--band);justify-self:stretch;place-items:center;margin-inline:-24px;padding:28px 0 34px;animation:.24s steps(3,end) both fo-banner-in;display:grid}.fo-touch .fo-end__band:where(.fo-scope,.fo-scope *){margin-inline:calc(-1 * max(var(--safe-edge), env(safe-area-inset-left))) calc(-1 * max(var(--safe-edge), env(safe-area-inset-right)));padding:var(--space-3) 0 var(--space-4)}.fo-end--defeat .fo-end__band:where(.fo-scope,.fo-scope *){--band:var(--ink-muted)}.fo-end--draw .fo-end__band:where(.fo-scope,.fo-scope *){--band:var(--ink)}.fo-end__word:where(.fo-scope,.fo-scope *){color:var(--band);font-family:var(--font-display);letter-spacing:8px;text-transform:uppercase;margin:0;font-size:96px;line-height:1}.fo-touch .fo-end__word:where(.fo-scope,.fo-scope *){letter-spacing:4px;font-size:32px}@media (prefers-reduced-motion:reduce){.fo-banner:where(.fo-scope,.fo-scope *),.fo-end__band:where(.fo-scope,.fo-scope *){animation:none}}.fo-reduced .fo-banner:where(.fo-scope,.fo-scope *),.fo-reduced .fo-end__band:where(.fo-scope,.fo-scope *){animation:none}