[data-skin=brass]{--ui-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-display: "Avenir Next Condensed", "Arial Narrow", "Roboto Condensed", system-ui, sans-serif;--title: 700 18px/1.1 var(--ui-display);--title-caps: uppercase;--title-track: .05em;--btn-caps: uppercase;--btn-track: .05em;--icon-w: 2.1;--sf: linear-gradient(180deg, #2a3947, #17222c);--sf-ink: #f4ead0;--sf-ink2: #c4ccd3;--sf-line: #b9974a;--sf-r: 6px;--sf-shadow: inset 0 1px 0 rgba(255, 255, 255, .16), 0 4px 12px rgba(0, 0, 0, .5);--sf-blur: none;--rule: rgba(255, 255, 255, .16);--ctl: radial-gradient(circle at 50% 28%, #4a5d6f, #1b2630 72%);--ctl-ink: #f4ead0;--ctl-line: #b9974a;--ctl-bw: 2px;--ctl-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 3px 0 #0a0f14;--btn: linear-gradient(180deg, #46596b, #232f3a);--btn-ink: #f4ead0;--btn-line: #b9974a;--btn-r: 5px;--btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .22), 0 3px 0 #0a0f14;--press: 2px;--pri: linear-gradient(180deg, #ffe08a, #d39a2a);--pri-ink: #1a1206;--pri-line: #fff0b8;--dis: #2a333b;--dis-ink: #9aa7b1;--dis-line: #56606a;--on: #0f161d;--on-ink: #ffd166;--ring: #ffd166;--accent: #ffd166;--accent-ink: #1a1206;--field: #121b23;--field-ink: #f4ead0;--field-line: #7c8a96;--focus: #ffd166}[data-skin=frost]{--ui-font: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", system-ui, sans-serif;--ui-display: var(--ui-font);--title: 700 17px/1.15 var(--ui-font);--title-caps: none;--title-track: 0;--btn-caps: none;--btn-track: 0;--icon-w: 1.8;--sf: rgba(24, 32, 42, .66);--sf-ink: #fff;--sf-ink2: rgba(255, 255, 255, .84);--sf-line: rgba(255, 255, 255, .34);--sf-r: 22px;--sf-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 10px 30px rgba(0, 0, 0, .32);--sf-blur: blur(22px) saturate(170%);--rule: rgba(255, 255, 255, .2);--ctl: rgba(24, 32, 42, .46);--ctl-ink: #fff;--ctl-line: rgba(255, 255, 255, .34);--ctl-bw: 1px;--ctl-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), 0 6px 18px rgba(0, 0, 0, .3);--ctl-in: rgba(255, 255, 255, .14);--ctl-in-line: rgba(255, 255, 255, .4);--btn: rgba(255, 255, 255, .16);--btn-ink: #fff;--btn-line: rgba(255, 255, 255, .4);--btn-r: 999px;--btn-shadow: inset 0 1px 0 rgba(255, 255, 255, .3);--press: 0px;--pri: rgba(255, 255, 255, .95);--pri-ink: #0b1620;--pri-line: #fff;--dis: rgba(255, 255, 255, .05);--dis-ink: rgba(255, 255, 255, .72);--dis-line: rgba(255, 255, 255, .3);--on: rgba(11, 22, 32, .9);--on-ink: #fff;--ring: #fff;--accent: #fff;--accent-ink: #0b1620;--field: rgba(255, 255, 255, .12);--field-ink: #fff;--field-line: rgba(255, 255, 255, .4);--focus: #fff}[data-skin=heirloom]{--ui-font: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, serif;--ui-display: "Big Caslon", "Book Antiqua", "Palatino Linotype", Georgia, serif;--title: 700 17px/1.15 var(--ui-display);--title-caps: none;--title-track: 0;--btn-caps: none;--btn-track: .01em;--icon-w: 2;--sf: #efe3c4;--sf-ink: #2a1c0e;--sf-ink2: #54412a;--sf-line: #6e4a22;--sf-r: 4px;--sf-shadow: 0 0 0 3px rgba(239, 227, 196, .3), 0 6px 14px rgba(0, 0, 0, .45);--sf-blur: none;--rule: rgba(42, 28, 14, .24);--ctl: linear-gradient(180deg, #8a5a2e, #5c3a1a);--ctl-ink: #fbf1d8;--ctl-line: #2e1c0a;--ctl-bw: 2px;--ctl-shadow: inset 0 1px 0 rgba(255, 225, 170, .4), 0 3px 0 #2e1c0a;--ctl-in: #e2d3ac;--ctl-in-line: #6e4a22;--ctl-in-ink: #2a1c0e;--btn: linear-gradient(180deg, #8a5a2e, #5c3a1a);--btn-ink: #fbf1d8;--btn-line: #2e1c0a;--btn-r: 6px;--btn-shadow: inset 0 1px 0 rgba(255, 225, 170, .4), 0 3px 0 #2e1c0a;--press: 2px;--pri: linear-gradient(180deg, #a5321a, #7a2110);--pri-ink: #fff4dc;--pri-line: #fff4dc;--dis: #d3c6a3;--dis-ink: #5b4a33;--dis-line: #8d7a58;--on: #2e1c0a;--on-ink: #fbf1d8;--ring: #fbf1d8;--accent: #8a2c14;--accent-ink: #fff4dc;--field: #fbf5e2;--field-ink: #2a1c0e;--field-line: #6e4a22;--focus: #8a2c14}[data-skin=clear]{--ui-font: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ui-display: var(--ui-font);--title: 600 16px/1.15 var(--ui-font);--title-caps: none;--title-track: 0;--btn-caps: none;--btn-track: 0;--icon-w: 1.7;--sf: rgba(6, 11, 16, .88);--sf-ink: #fff;--sf-ink2: rgba(255, 255, 255, .8);--sf-line: rgba(255, 255, 255, .14);--sf-r: 14px;--sf-shadow: none;--sf-blur: none;--rule: rgba(255, 255, 255, .16);--ctl: rgba(6, 11, 16, .5);--ctl-ink: #fff;--ctl-line: transparent;--ctl-bw: 1px;--ctl-shadow: none;--ctl-in: rgba(255, 255, 255, .1);--ctl-in-line: rgba(255, 255, 255, .28);--btn: rgba(255, 255, 255, .12);--btn-ink: #fff;--btn-line: rgba(255, 255, 255, .72);--btn-r: 10px;--btn-shadow: none;--press: 0px;--pri: #fff;--pri-ink: #0b1620;--pri-line: #fff;--dis: transparent;--dis-ink: rgba(255, 255, 255, .7);--dis-line: rgba(255, 255, 255, .34);--on: #0b1620;--on-ink: #fff;--ring: #fff;--accent: #ffd166;--accent-ink: #0b1620;--field: rgba(255, 255, 255, .08);--field-ink: #fff;--field-line: rgba(255, 255, 255, .4);--focus: #fff}.hud-ico{width:22px;height:22px;display:block;flex:none;fill:none;stroke:currentColor;stroke-width:var(--icon-w, 2);stroke-linecap:round;stroke-linejoin:round}.hud-btn{height:44px;min-width:0;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;overflow:hidden;cursor:pointer;touch-action:manipulation;background:var(--btn);color:var(--btn-ink);border:1.5px solid var(--btn-line);border-radius:var(--btn-r);box-shadow:var(--btn-shadow);font:600 14px/1.1 var(--ui-font);text-transform:var(--btn-caps);letter-spacing:var(--btn-track)}.hud-btn .hud-ico{width:16px;height:16px}.hud-btn.pri{background:var(--pri);color:var(--pri-ink);border-color:var(--pri-line);font-weight:700}.hud-btn:disabled{background:var(--dis);color:var(--dis-ink);border-color:var(--dis-line);border-style:dashed;box-shadow:none;cursor:not-allowed}.hud-btn:active:not(:disabled){transform:translateY(var(--press))}.hud-btn[aria-pressed=true]{background:var(--on);color:var(--on-ink);box-shadow:inset 0 0 0 3px var(--ring)}.hud-disc{flex:none;width:44px;height:44px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;background:var(--ctl-in, var(--ctl));color:var(--ctl-in-ink, var(--ctl-ink));border:var(--ctl-bw) solid var(--ctl-in-line, var(--ctl-line));box-shadow:none}.hud-disc .hud-ico{width:20px;height:20px}.hud-float{width:48px;height:48px;padding:0;border-radius:50%;display:grid;place-items:center;cursor:pointer;touch-action:manipulation;background:var(--ctl);color:var(--ctl-ink);border:var(--ctl-bw) solid var(--ctl-line);box-shadow:var(--ctl-shadow);-webkit-backdrop-filter:var(--sf-blur);backdrop-filter:var(--sf-blur)}.hud-float[aria-expanded=true]{background:var(--on);color:var(--on-ink);box-shadow:inset 0 0 0 3px var(--ring)}.hud-panel{background:var(--sf);color:var(--sf-ink);border:1.5px solid var(--sf-line);border-radius:var(--sf-r);box-shadow:var(--sf-shadow);-webkit-backdrop-filter:var(--sf-blur);backdrop-filter:var(--sf-blur);font-family:var(--ui-font)}[data-skin] button:focus-visible,[data-skin] select:focus-visible,[data-skin] input:focus-visible,[data-skin] a:focus-visible{outline:3px solid var(--focus);outline-offset:2px}