@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:400;font-display:swap;src:url(/ui/fonts/barlow-condensed-400.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:500;font-display:swap;src:url(/ui/fonts/barlow-condensed-500.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:600;font-display:swap;src:url(/ui/fonts/barlow-condensed-600.woff2)format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:700;font-display:swap;src:url(/ui/fonts/barlow-condensed-700.woff2)format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:500;font-display:swap;src:url(/ui/fonts/rajdhani-500.woff2)format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:600;font-display:swap;src:url(/ui/fonts/rajdhani-600.woff2)format("woff2")}@font-face{font-family:Rajdhani;font-style:normal;font-weight:700;font-display:swap;src:url(/ui/fonts/rajdhani-700.woff2)format("woff2")}:root{--coalition-primary:#8d949a;--coalition-secondary:#b2b7a8;--coalition-accent:#63ccff;--directorate-primary:#5a4f3c;--directorate-secondary:#3f4d33;--directorate-accent:#c24a32;--insurgency-primary:#a39877;--insurgency-secondary:#b05c1f;--insurgency-accent:#c9901f;--world-grass:#38521f;--world-dirt:#78603a;--world-rock:#454847;--world-water:#24455a;--world-bridge:#9e8f70;--world-supply:#d9a441;--surface-0:#050808;--surface-1:#0b100f;--surface-2:#121a17;--surface-3:#1a2420;--surface-4:#232f2a;--surface-5:#2e3b35;--surface-glass-1:#090f0ddb;--surface-glass-2:#0f1714e6;--surface-glass-3:#1a2420e0;--scrim:#040707b8;--ink-0:#edf4ef;--ink-1:#c6d4c9;--ink-2:#96a89c;--ink-3:#6d7e74;--ink-4:#4a5851;--line-1:#96bea024;--line-2:#96bea03d;--line-3:#96bea066;--line-4:#96bea09e;--accent:var(--coalition-accent);--accent-dim:#3d7fa0;--credit:var(--world-supply);--credit-dim:#8a6a2c;--caution:var(--insurgency-accent);--danger:var(--directorate-accent);--danger-dim:#7d3021;--positive:#6fd894;--positive-dim:#37714c;--team-self:#6fd894;--team-self-structure:#a8f0c0;--team-ally:var(--coalition-accent);--team-enemy:#e0705a;--team-enemy-structure:#f0a898;--team-neutral:var(--world-bridge);--ui-base:clamp(13px, calc(.72vh + 6.2px), 21px);--font-text:"Barlow Condensed", "Roboto Condensed", "Arial Narrow", system-ui, sans-serif;--font-display:"Rajdhani", "Barlow Condensed", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--fs-micro:calc(var(--ui-base) * .78);--fs-xs:calc(var(--ui-base) * .88);--fs-sm:var(--ui-base);--fs-md:calc(var(--ui-base) * 1.18);--fs-lg:calc(var(--ui-base) * 1.42);--fs-xl:calc(var(--ui-base) * 1.85);--fs-2xl:calc(var(--ui-base) * 2.4);--lh-tight:1.08;--lh-snug:1.25;--lh-base:1.45;--tr-tight:-.005em;--tr-normal:0;--tr-wide:.05em;--tr-caps:.11em;--sp-0:0px;--sp-px:1px;--sp-1:calc(var(--ui-base) * .125);--sp-2:calc(var(--ui-base) * .25);--sp-3:calc(var(--ui-base) * .5);--sp-4:calc(var(--ui-base) * .75);--sp-5:calc(var(--ui-base) * 1);--sp-6:calc(var(--ui-base) * 1.5);--sp-7:calc(var(--ui-base) * 2);--sp-8:calc(var(--ui-base) * 3);--sp-9:calc(var(--ui-base) * 4);--r-xs:1px;--r-sm:2px;--r-md:3px;--r-lg:5px;--r-full:999px;--notch:calc(var(--ui-base) * .55);--el-0:none;--el-1:0 1px 2px #00000073;--el-2:0 2px 6px #00000080, 0 8px 22px #00000042;--el-3:0 4px 14px #0000008c, 0 18px 46px #0000005c;--el-inset:inset 0 1px 0 #ffffff0b;--glow-accent:0 0 0 1px #63ccff80, 0 0 12px #63ccff47;--glow-danger:0 0 0 1px #c24a328c, 0 0 12px #c24a324d;--glow-positive:0 0 0 1px #6fd89480, 0 0 12px #6fd89442;--blur-panel:7px;--dur-flick:70ms;--dur-tap:.13s;--dur-enter:.22s;--dur-major:.4s;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in:cubic-bezier(.7, 0, .84, 0);--ease-std:cubic-bezier(.4, 0, .2, 1);--ease-snap:cubic-bezier(.34, 1.4, .64, 1);--z-base:0;--z-panel:10;--z-raised:20;--z-popover:40;--z-tooltip:60;--z-modal:80}#ui [data-faction=coalition]{--accent:var(--coalition-accent);--faction-primary:var(--coalition-primary);--faction-secondary:var(--coalition-secondary)}#ui [data-faction=directorate]{--accent:var(--directorate-accent);--faction-primary:var(--directorate-primary);--faction-secondary:var(--directorate-secondary)}#ui [data-faction=insurgency]{--accent:var(--insurgency-accent);--faction-primary:var(--insurgency-primary);--faction-secondary:var(--insurgency-secondary)}#ui{font-family:var(--font-text);font-size:var(--fs-sm);line-height:var(--lh-base);color:var(--ink-1);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;font-feature-settings:"tnum" 1}#ui *,#ui :before,#ui :after{box-sizing:border-box}#ui .g3-interactive{pointer-events:auto}#ui :focus-visible{box-shadow:var(--glow-accent);outline:none}#ui .g3-notch{clip-path:polygon(var(--notch) 0, 100% 0, 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, 0 100%, 0 var(--notch))}#ui .g3-notch[data-notch=all]{clip-path:polygon(var(--notch) 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% calc(100% - var(--notch)), calc(100% - var(--notch)) 100%, var(--notch) 100%, 0 calc(100% - var(--notch)), 0 var(--notch))}#ui .g3-notch[data-notch=top]{clip-path:polygon(var(--notch) 0, calc(100% - var(--notch)) 0, 100% var(--notch), 100% 100%, 0 100%, 0 var(--notch))}#ui .g3-notch[data-notch=none]{clip-path:none}#ui .g3-panel{border-radius:var(--r-md);background:var(--surface-glass-1);min-width:0;box-shadow:var(--el-2), var(--el-inset);flex-direction:column;display:flex;position:relative;container-type:inline-size}#ui .g3-panel:after{content:"";border:1px solid var(--line-2);border-radius:inherit;pointer-events:none;position:absolute;inset:0}#ui .g3-panel[data-notch]:after{background:linear-gradient(var(--line-2), var(--line-2)) border-box;border:none;padding:1px;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor,source-over;mask:linear-gradient(#000 0 0) content-box exclude,linear-gradient(#000 0 0)}#ui .g3-panel[data-variant=solid]{background:var(--surface-2)}#ui .g3-panel[data-variant=glass]{background:var(--surface-glass-1);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel))}#ui .g3-panel[data-variant=inset]{background:#00000059;box-shadow:inset 0 2px 6px #00000080}#ui .g3-panel[data-variant=ghost]{box-shadow:none;background:0 0}#ui .g3-panel[data-variant=ghost]:after{border-color:var(--line-1)}#ui .g3-panel[data-tone=accent]:after{border-color:#63ccff73}#ui .g3-panel[data-tone=danger]:after{border-color:#c24a3280}#ui .g3-panel[data-tone=caution]:after{border-color:#c9901f80}#ui .g3-panel[data-rule]:before{content:"";background:var(--accent);border-radius:inherit;width:2px;position:absolute;inset:0 auto 0 0}#ui .g3-panel[data-rule=top]:before{width:auto;height:2px;inset:0 0 auto}#ui .g3-panel[data-tone=danger][data-rule]:before{background:var(--danger)}#ui .g3-panel[data-tone=caution][data-rule]:before{background:var(--caution)}#ui .g3-panel[data-tone=positive][data-rule]:before{background:var(--positive)}#ui .g3-panel__head{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);border-bottom:1px solid var(--line-1);flex:none;display:flex}#ui .g3-panel__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-xs);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--ink-2);line-height:var(--lh-tight);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}#ui .g3-panel__aside{align-items:center;gap:var(--sp-2);font-size:var(--fs-micro);color:var(--ink-3);margin-left:auto;display:flex}#ui .g3-panel__body{padding:var(--sp-4) var(--sp-5);min-width:0;min-height:0}#ui .g3-panel[data-pad=none]>.g3-panel__body{padding:0}#ui .g3-panel[data-pad=tight]>.g3-panel__body{padding:var(--sp-3)}#ui .g3-panel[data-pad=loose]>.g3-panel__body{padding:var(--sp-6) var(--sp-6)}#ui .g3-btn{--btn-bg:var(--surface-3);--btn-bg-hover:var(--surface-4);--btn-line:var(--line-2);--btn-line-hover:var(--line-4);--btn-ink:var(--ink-1);justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-5);min-height:calc(var(--ui-base) * 2);border:1px solid var(--btn-line);border-radius:var(--r-sm);background:var(--btn-bg);color:var(--btn-ink);font-family:var(--font-text);font-size:var(--fs-sm);font-weight:600;line-height:var(--lh-tight);letter-spacing:var(--tr-wide);text-transform:uppercase;text-align:left;white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none;box-shadow:var(--el-1);transition:background-color var(--dur-flick) var(--ease-std), border-color var(--dur-flick) var(--ease-std), color var(--dur-flick) var(--ease-std), box-shadow var(--dur-flick) var(--ease-std);margin:0;display:inline-flex;position:relative}#ui .g3-btn:hover:not(:disabled){background:var(--btn-bg-hover);border-color:var(--btn-line-hover);color:var(--ink-0)}#ui .g3-btn:active:not(:disabled){box-shadow:inset 0 2px 5px #00000080}#ui .g3-btn:disabled,#ui .g3-btn[aria-disabled=true]{cursor:not-allowed;opacity:.42;box-shadow:none;filter:saturate(.35)}#ui .g3-btn[data-variant=primary]{--btn-bg:color-mix(in srgb, var(--accent) 18%, var(--surface-3));--btn-bg-hover:color-mix(in srgb, var(--accent) 32%, var(--surface-3));--btn-line:color-mix(in srgb, var(--accent) 45%, transparent);--btn-line-hover:color-mix(in srgb, var(--accent) 80%, transparent);--btn-ink:var(--ink-0)}#ui .g3-btn[data-variant=danger]{--btn-bg:color-mix(in srgb, var(--danger) 20%, var(--surface-3));--btn-bg-hover:color-mix(in srgb, var(--danger) 38%, var(--surface-3));--btn-line:color-mix(in srgb, var(--danger) 50%, transparent);--btn-line-hover:color-mix(in srgb, var(--danger) 85%, transparent);--btn-ink:#f4d9d2}#ui .g3-btn[data-variant=ghost]{--btn-bg:transparent;--btn-bg-hover:#96bea01a;--btn-line:transparent;--btn-line-hover:var(--line-2);--btn-ink:var(--ink-2);box-shadow:none}#ui .g3-btn[data-size=sm]{padding:var(--sp-2) var(--sp-3);font-size:var(--fs-micro);min-height:calc(var(--ui-base) * 1.5);gap:var(--sp-2)}#ui .g3-btn[data-size=lg]{padding:var(--sp-4) var(--sp-6);font-size:var(--fs-md);min-height:calc(var(--ui-base) * 2.6)}#ui .g3-btn[data-selected=true]{--btn-bg:color-mix(in srgb, var(--accent) 26%, var(--surface-3));--btn-line:color-mix(in srgb, var(--accent) 70%, transparent);--btn-ink:var(--ink-0);box-shadow:var(--glow-accent)}#ui .g3-btn__label{text-overflow:ellipsis;min-width:0;overflow:hidden}#ui .g3-btn__sub{font-size:var(--fs-micro);letter-spacing:var(--tr-normal);text-transform:none;color:var(--ink-3);margin-top:.15em;font-weight:500;display:block}#ui .g3-btn__trail{padding-left:var(--sp-3);font-family:var(--font-display);color:var(--credit);margin-left:auto;font-weight:600}#ui .g3-btn[data-affordable=false] .g3-btn__trail{color:var(--danger)}#ui .g3-btn[data-block=true]{width:100%;display:flex}#ui .g3-btn__progress{background:color-mix(in srgb, var(--accent) 22%, transparent);border-right:1px solid color-mix(in srgb, var(--accent) 60%, transparent);pointer-events:none;transition:width var(--dur-tap) linear;position:absolute;inset:0 auto 0 0}#ui .g3-iconbtn{--btn-size:calc(var(--ui-base) * 2.1);width:var(--btn-size);height:var(--btn-size);flex:none;justify-content:center;gap:0;min-height:0;padding:0}#ui .g3-iconbtn[data-size=sm]{--btn-size:calc(var(--ui-base) * 1.6)}#ui .g3-iconbtn[data-size=lg]{--btn-size:calc(var(--ui-base) * 2.8)}#ui .g3-iconbtn[data-shape=round]{border-radius:var(--r-full)}#ui .g3-icon{vertical-align:-.18em;background-color:currentColor;flex:none;width:1.15em;height:1.15em;display:inline-block;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}#ui .g3-bar{width:100%;height:calc(var(--ui-base) * .42);border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px var(--line-1);background:#00000080;position:relative;overflow:hidden}#ui .g3-bar[data-size=sm]{height:calc(var(--ui-base) * .24)}#ui .g3-bar[data-size=lg]{height:calc(var(--ui-base) * .7)}#ui .g3-bar__fill{background:var(--positive);transition:width var(--dur-tap) var(--ease-std);position:absolute;inset:0 auto 0 0}#ui .g3-bar[data-tone=health] .g3-bar__fill{background:var(--team-self)}#ui .g3-bar[data-tone=damaged] .g3-bar__fill{background:var(--caution)}#ui .g3-bar[data-tone=critical] .g3-bar__fill{background:var(--danger)}#ui .g3-bar[data-tone=build] .g3-bar__fill{background:var(--accent)}#ui .g3-bar[data-tone=credit] .g3-bar__fill{background:var(--credit)}#ui .g3-bar[data-tone=enemy] .g3-bar__fill{background:var(--team-enemy)}#ui .g3-bar__ghost{transition:width var(--dur-major) var(--ease-out) .12s;background:#ffffff2e;position:absolute;inset:0 auto 0 0}#ui .g3-bar[data-segments]:after{content:"";background:repeating-linear-gradient(90deg, transparent 0, transparent calc(100% / var(--segments) - 1px), #000000bf calc(100% / var(--segments) - 1px), #000000bf calc(100% / var(--segments)));pointer-events:none;position:absolute;inset:0}#ui .g3-ring{flex:none;place-items:center;display:inline-grid;position:relative}#ui .g3-ring__svg{display:block;overflow:visible;transform:rotate(-90deg)}#ui .g3-ring__track{fill:none;stroke:#0000008c}#ui .g3-ring__value{fill:none;stroke:var(--accent);stroke-linecap:butt;transition:stroke-dashoffset var(--dur-tap) linear}#ui .g3-ring[data-tone=credit] .g3-ring__value{stroke:var(--credit)}#ui .g3-ring[data-tone=danger] .g3-ring__value{stroke:var(--danger)}#ui .g3-ring[data-tone=positive] .g3-ring__value{stroke:var(--positive)}#ui .g3-ring[data-tone=caution] .g3-ring__value{stroke:var(--caution)}#ui .g3-ring__center{font-family:var(--font-display);font-weight:600;font-size:var(--fs-xs);color:var(--ink-1);place-items:center;line-height:1;display:grid;position:absolute}#ui .g3-badge{justify-content:center;align-items:center;gap:var(--sp-2);padding:0 var(--sp-2);min-width:calc(var(--ui-base) * 1.15);height:calc(var(--ui-base) * 1.15);border:1px solid var(--line-2);border-radius:var(--r-sm);color:var(--ink-2);font-family:var(--font-display);font-size:var(--fs-micro);letter-spacing:var(--tr-wide);text-transform:uppercase;white-space:nowrap;transition:background-color var(--dur-flick) var(--ease-std), color var(--dur-flick) var(--ease-std);background:#0006;font-weight:700;line-height:1;display:inline-flex}#ui .g3-badge[data-variant=key]{border-color:var(--line-3);background:var(--surface-4);color:var(--ink-0);min-width:calc(var(--ui-base) * 1.3);border-bottom-width:2px}#ui .g3-badge[data-variant=count]{border-radius:var(--r-full);padding:0 var(--sp-3)}#ui .g3-badge[data-tone=accent]{border-color:color-mix(in srgb, var(--accent) 55%, transparent);background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent)}#ui .g3-badge[data-tone=danger]{border-color:color-mix(in srgb, var(--danger) 60%, transparent);background:color-mix(in srgb, var(--danger) 18%, transparent);color:#eda392}#ui .g3-badge[data-tone=caution]{border-color:color-mix(in srgb, var(--caution) 60%, transparent);background:color-mix(in srgb, var(--caution) 16%, transparent);color:var(--caution)}#ui .g3-badge[data-tone=positive]{border-color:color-mix(in srgb, var(--positive) 55%, transparent);background:color-mix(in srgb, var(--positive) 14%, transparent);color:var(--positive)}#ui .g3-badge[data-tone=credit]{border-color:color-mix(in srgb, var(--credit) 55%, transparent);background:color-mix(in srgb, var(--credit) 14%, transparent);color:var(--credit)}#ui .g3-badge[data-pulse=true]{animation:g3-pulse 1.1s var(--ease-std) infinite}@keyframes g3-pulse{0%,to{opacity:1}50%{opacity:.42}}#ui .g3-stat{gap:var(--sp-1);flex-direction:column;min-width:0;display:flex}#ui .g3-stat[data-layout=row]{justify-content:space-between;align-items:baseline;gap:var(--sp-4);flex-direction:row}#ui .g3-stat__label{align-items:center;gap:var(--sp-2);font-size:var(--fs-micro);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--ink-3);font-weight:500;line-height:var(--lh-tight);white-space:nowrap;text-overflow:ellipsis;display:flex;overflow:hidden}#ui .g3-stat__value{font-family:var(--font-display);font-weight:700;font-size:var(--fs-lg);line-height:var(--lh-tight);color:var(--ink-0);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:.22em;display:flex}#ui .g3-stat[data-size=sm] .g3-stat__value{font-size:var(--fs-md)}#ui .g3-stat[data-size=lg] .g3-stat__value{font-size:var(--fs-xl)}#ui .g3-stat__unit{color:var(--ink-3);letter-spacing:var(--tr-wide);font-size:.62em;font-weight:600}#ui .g3-stat[data-tone=credit] .g3-stat__value{color:var(--credit)}#ui .g3-stat[data-tone=danger] .g3-stat__value{color:var(--danger)}#ui .g3-stat[data-tone=caution] .g3-stat__value{color:var(--caution)}#ui .g3-stat[data-tone=positive] .g3-stat__value{color:var(--positive)}#ui .g3-stat[data-tone=accent] .g3-stat__value{color:var(--accent)}#ui .g3-stat__delta{font-size:var(--fs-micro);font-weight:600;font-family:var(--font-display);letter-spacing:var(--tr-wide)}#ui .g3-stat__delta[data-dir=up]{color:var(--positive)}#ui .g3-stat__delta[data-dir=down]{color:var(--danger)}#ui .g3-stat__delta[data-dir=flat]{color:var(--ink-3)}#ui .g3-stat-grid{grid-template-columns:repeat(auto-fit, minmax(calc(var(--ui-base) * 6), 1fr));gap:var(--sp-4) var(--sp-5);display:grid}@container (width<=260px){#ui .g3-stat-grid{grid-template-columns:1fr}#ui .g3-stat{justify-content:space-between;align-items:baseline;gap:var(--sp-3);flex-direction:row}}#ui .g3-divider{background:var(--line-1);border:0;flex:none}#ui .g3-divider[data-axis=x]{width:100%;height:1px;margin:var(--sp-3) 0}#ui .g3-divider[data-axis=y]{width:1px;min-height:1em;margin:0 var(--sp-3);align-self:stretch}#ui .g3-divider[data-labelled=true]{align-items:center;gap:var(--sp-3);width:100%;height:auto;margin:var(--sp-4) 0 var(--sp-3);background:0 0;display:flex}#ui .g3-divider__label{font-size:var(--fs-micro);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--ink-3);white-space:nowrap;font-weight:600}#ui .g3-divider__line{background:var(--line-1);flex:1;height:1px}#ui .g3-tip-anchor{display:inline-flex;position:relative}#ui .g3-tip{z-index:var(--z-tooltip);width:max-content;max-width:calc(var(--ui-base) * 20);padding:var(--sp-3) var(--sp-4);border:1px solid var(--line-3);border-radius:var(--r-sm);background:var(--surface-glass-3);-webkit-backdrop-filter:blur(var(--blur-panel));backdrop-filter:blur(var(--blur-panel));box-shadow:var(--el-3);color:var(--ink-1);font-size:var(--fs-xs);line-height:var(--lh-snug);pointer-events:none;opacity:0;will-change:opacity, transform;position:absolute}#ui .g3-tip[data-place=top]{bottom:calc(100% + var(--sp-3));left:50%;translate:-50%}#ui .g3-tip[data-place=bottom]{top:calc(100% + var(--sp-3));left:50%;translate:-50%}#ui .g3-tip[data-place=left]{right:calc(100% + var(--sp-3));top:50%;translate:0 -50%}#ui .g3-tip[data-place=right]{left:calc(100% + var(--sp-3));top:50%;translate:0 -50%}#ui .g3-tip__title{font-family:var(--font-display);font-weight:700;font-size:var(--fs-sm);letter-spacing:var(--tr-wide);text-transform:uppercase;color:var(--ink-0);margin-bottom:var(--sp-1)}#ui .g3-tip__hotkey{float:right;margin-left:var(--sp-4);color:var(--accent);font-family:var(--font-display);font-weight:700}#ui .g3-tip__foot{margin-top:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line-1);color:var(--ink-3);font-size:var(--fs-micro)}#ui .g3-showcase{pointer-events:auto;overscroll-behavior:contain;padding:var(--sp-7) var(--sp-8) var(--sp-9);color:var(--ink-1);background:radial-gradient(120% 90% at 20% 0,#12201c 0%,#080c0b 55%,#050807 100%);position:absolute;inset:0;overflow-y:auto}#ui .g3-showcase__inner{max-width:calc(var(--ui-base) * 100);gap:var(--sp-7);flex-direction:column;margin:0 auto;display:flex}#ui .g3-showcase h1{font-family:var(--font-display);font-size:var(--fs-2xl);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--ink-0);font-weight:700;line-height:var(--lh-tight);margin:0}#ui .g3-showcase__lede{margin:var(--sp-2) 0 0;max-width:62ch;color:var(--ink-3);font-size:var(--fs-sm)}#ui .g3-showcase__meta{gap:var(--sp-3);margin-top:var(--sp-4);flex-wrap:wrap;display:flex}#ui .g3-sec{gap:var(--sp-4);flex-direction:column;display:flex}#ui .g3-sec__head{align-items:baseline;gap:var(--sp-4);border-bottom:1px solid var(--line-2);padding-bottom:var(--sp-2);display:flex}#ui .g3-sec__head h2{font-family:var(--font-display);font-size:var(--fs-md);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--accent);margin:0;font-weight:700}#ui .g3-sec__note{font-size:var(--fs-xs);color:var(--ink-3)}#ui .g3-row{align-items:flex-start;gap:var(--sp-5);flex-wrap:wrap;display:flex}#ui .g3-row[data-align=center]{align-items:center}#ui .g3-cols{grid-template-columns:repeat(auto-fit, minmax(calc(var(--ui-base) * 16), 1fr));gap:var(--sp-5);align-items:start;display:grid}#ui .g3-cell{gap:var(--sp-3);flex-direction:column;min-width:0;display:flex}#ui .g3-cell__cap{font-size:var(--fs-micro);letter-spacing:var(--tr-caps);text-transform:uppercase;color:var(--ink-4)}#ui .g3-swatches{grid-template-columns:repeat(auto-fit, minmax(calc(var(--ui-base) * 8), 1fr));gap:var(--sp-3);display:grid}#ui .g3-swatch{gap:var(--sp-1);padding:var(--sp-3);border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--surface-2);flex-direction:column;display:flex}#ui .g3-swatch__chip{height:calc(var(--ui-base) * 2.2);border-radius:var(--r-xs);box-shadow:inset 0 0 0 1px #ffffff14}#ui .g3-swatch__name{font-size:var(--fs-micro);color:var(--ink-1);letter-spacing:var(--tr-wide)}#ui .g3-swatch__hex{font-family:var(--font-mono);font-size:calc(var(--ui-base) * .68);color:var(--ink-4)}#ui .g3-typerow{align-items:baseline;gap:var(--sp-5);border-bottom:1px dashed var(--line-1);padding-bottom:var(--sp-2);display:flex}#ui .g3-typerow__tag{flex:0 0 calc(var(--ui-base) * 7);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--ink-4)}#ui .g3-iconwall{grid-template-columns:repeat(auto-fill, minmax(calc(var(--ui-base) * 4.6), 1fr));gap:var(--sp-3);display:grid}#ui .g3-iconcell{align-items:center;gap:var(--sp-1);padding:var(--sp-3) var(--sp-1);border:1px solid var(--line-1);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-1);flex-direction:column;display:flex}#ui .g3-iconcell span{font-size:calc(var(--ui-base) * .62);color:var(--ink-4);text-align:center;text-overflow:ellipsis;max-width:100%;overflow:hidden}#ui .g3-spacerow{align-items:center;gap:var(--sp-4);font-family:var(--font-mono);font-size:var(--fs-micro);color:var(--ink-4);display:flex}#ui .g3-spacerow__bar{height:calc(var(--ui-base) * .7);background:var(--accent-dim);border-radius:var(--r-xs)}@media (prefers-reduced-motion:reduce){#ui *,#ui :before,#ui :after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}