@media (min-width: 761px) and (min-height: 501px), (min-width: 761px) and (pointer: fine), (min-width: 761px) and (pointer: none) {
  .is-hud {
    --hf-noise: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 .055 0'/></filter><rect width='160' height='160' filter='url(%23n)'/></svg>");
    --hf-slate: var(--hf-noise), linear-gradient(rgba(34, 35, 38, .96), rgba(22, 23, 25, .97));
    --hf-rim: 0 0 0 2px #7d5f36, 0 0 0 3px #050403, inset 0 0 0 1px rgba(201, 164, 98, .3);
    --hf-well: radial-gradient(circle at 50% 38%, #2a2b2e, #0e0f10 76%);
    --ink-0: #050506; --ink-1: #0c0c0d; --ink-2: #141516; --ink-3: #1f2022; --ink-4: #2c2d30;
    --glass-top: rgba(38, 39, 42, .94); --glass-bottom: rgba(21, 22, 24, .95); --glass-flat: rgba(27, 28, 30, .95);
    --well-top: #26272a; --well-bottom: #0b0b0c;
    --hud-glass: rgba(27, 28, 30, .95);
    --edge: rgba(184, 138, 72, .5); --edge-soft: rgba(184, 138, 72, .22);
  }

  .is-hud :is(.hud-glass, .hud-panel, .region-chat > .chat, .hudbar, .popover.panel),
  .is-hud.hud-solid :is(.hud-glass, .hud-panel, .region-chat > .chat, .hudbar, .popover.panel) {
    background: var(--hf-slate); border: 1px solid #000; border-radius: var(--hud-radius);
    box-shadow: var(--hf-rim), 0 .8rem 2rem rgba(0, 0, 0, .55);
    -webkit-backdrop-filter: none; backdrop-filter: none;
  }
  .is-hud .cb-hang > .hud-task.hud-glass { background: none; border: 0; border-radius: 0; box-shadow: none; }

  .is-hud .cb-bar, .is-hud.hud-solid .cb-bar {
    background: var(--hf-noise), linear-gradient(#27282b, #18191b); border-bottom: 1px solid #000;
    box-shadow: 0 1px 0 #7d5f36, 0 2px 0 #050403, inset 0 1px 0 rgba(255, 255, 255, .06), 0 .5rem 1.4rem rgba(0, 0, 0, .5);
  }
  .is-hud .cb-sep { background: linear-gradient(180deg, transparent, rgba(184, 138, 72, .6), transparent); }
  .is-hud .cb-hang, .is-hud.hud-solid .cb-hang {
    background: var(--hf-noise), linear-gradient(#27282b, #1c1d1f 55%, #17181a); border: 1px solid #000; border-top: 0; border-radius: 0 0 1.35rem 1.35rem;
    box-shadow: 0 0 0 2px #7d5f36, 0 0 0 3px #050403, inset 0 0 0 1px rgba(201, 164, 98, .25), 0 .8rem 2rem rgba(0, 0, 0, .5);
  }
  .is-hud .cb-goal { border-top: 1px solid #000; box-shadow: inset 0 1px 0 #2c2d30; border-radius: 0 0 1.3rem 1.3rem; }
  .is-hud .cb-goal:hover, .is-hud .cb-goal[aria-expanded="true"] { background: rgba(255, 220, 150, .05); }
  .is-hud .cb-btn.is-open { border-color: #f0c862; background: linear-gradient(#2c2618, #17140e); box-shadow: 0 0 0 1px rgba(240, 200, 98, .4); }

  .is-hud .hud-rail-btn.is-working { background: linear-gradient(color-mix(in srgb, var(--skill) 22%, #1f2022), color-mix(in srgb, var(--skill) 10%, #141516)); }
  .is-hud .hud-tab:hover { background: rgba(255, 220, 150, .05); border-color: rgba(184, 138, 72, .35); }
  .is-hud .hud-tab.is-open { border-color: #f0c862; background: linear-gradient(#2c2618, #17140e); box-shadow: inset 0 0 0 1px #000, 0 0 0 1px rgba(240, 200, 98, .45), 0 0 .7rem rgba(240, 200, 98, .2); color: #ffe7a6; }

  .is-hud .region-chat .chat-head { background: linear-gradient(#3a3b3f, #26272a); border-bottom: 1px solid #000; border-radius: calc(var(--hud-radius) - 1px) calc(var(--hud-radius) - 1px) 0 0; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 1px 0 #2c2d30; }
  .is-hud .region-chat .chat-input { border: 1px solid #5c4226; border-radius: .65rem; background: #0b0b0c; box-shadow: inset 0 1px 3px rgba(0, 0, 0, .8); }
  .is-hud .region-chat .chat-input:focus-within { border-color: #b88a48; }

  .is-hud .hudbar :is(.ab-slot, .ab-control) { border: 1px solid #6b4a28; border-radius: .6rem; background: var(--hf-well); box-shadow: inset 0 0 0 1px #000, inset 0 0 .7rem rgba(0, 0, 0, .85); }
  .is-hud .hudbar :is(.ab-slot, .ab-control):hover { border-color: #b88a48; }
  .is-hud .hudbar .ab-slot.is-ghost { border-style: dashed; border-color: #4a3826; }
  .is-hud .hudbar .ab-stop { border: 1px solid #b06a3a; border-radius: .6rem; background: linear-gradient(#80281a, #4c120c); color: #f8dcbc; box-shadow: 0 0 0 1px #000; }
  .is-hud .hudbar .ab-stop:hover { filter: brightness(1.12); }

  .is-hud :is(.hud-panel, .popover.panel) .well { border-radius: .6rem; background-color: transparent; background-image: var(--hf-well); box-shadow: inset 0 0 0 1px #000, inset 0 0 .6rem rgba(0, 0, 0, .8); }
  .is-hud :is(.hud-panel, .popover.panel) .attr-cell { border-radius: .45rem; background: #121314; box-shadow: inset 0 0 0 1px #2c2d30; }
  .is-hud :is(.hud-panel, .popover.panel, .ev-chip, .cb-hang) .btn.btn {
    --tone-top: #3e3324; --tone-mid: #2e2519; --tone-bottom: #231b12; --tone-edge: #8b6a3e; --tone-text: #f2d48e; --tone-glow: rgba(233, 196, 106, .25);
    border-radius: .6rem;
  }
  .is-hud :is(.hud-panel, .popover.panel, .ev-chip, .cb-hang) .btn.btn:is(.btn-primary, .btn-gold) {
    --tone-top: #ffdc7c; --tone-mid: #f6b53a; --tone-bottom: #c27810; --tone-edge: #6a3e08; --tone-text: #2c1600;
  }

  .is-hud .picker, .is-hud.hud-solid .picker { background: var(--hf-slate); border: 1px solid #000; box-shadow: var(--hf-rim), 0 1.2rem 3rem rgba(0, 0, 0, .65); }
  .is-hud .plaque { background: var(--hf-noise), linear-gradient(#3a2f22, #241c13 55%, #1a140d); border-color: #b88a48; box-shadow: 0 0 0 1px #000, 0 .3rem .8rem rgba(0, 0, 0, .5), inset 0 1px 0 rgba(255, 230, 180, .12); }
  .is-hud .pk-icon, .is-hud .well { background: radial-gradient(120% 110% at 50% 18%, #2a2b2e 0%, #141516 55%, #0b0b0c 100%); }
  .is-hud .well:not(.is-selected) { border-color: rgba(184, 138, 72, .28); }
  .is-hud .well.is-empty { background: radial-gradient(120% 110% at 50% 18%, #1a1b1d 0%, #0e0f10 60%, #08090a 100%); }
  .is-hud .pk-card { border-color: rgba(184, 138, 72, .22); background: linear-gradient(#232426, #191a1c); }
  .is-hud .pk-card:hover { border-color: #b88a48; }
  .is-hud .pk-card:is(.is-selected, .is-worn) { border-color: #f0c862; background: linear-gradient(#2c2618, #17140e); box-shadow: inset 0 0 0 1px #000, 0 0 0 1px rgba(240, 200, 98, .4); }
  .is-hud .picker .pk-detail.is-side .pk-acts { background: linear-gradient(180deg, rgba(22, 23, 25, 0), rgba(22, 23, 25, .97) 30%); }
  .is-hud .cb-id .portrait { background: radial-gradient(circle at 50% 30%, #3a3b3f, #141516 75%); }
  .is-hud .medal { background: radial-gradient(circle at 50% 30%, #3c3d41 0%, #1d1e20 55%, #0a0a0b 100%); }
  .is-hud .ev-art { background: radial-gradient(circle at 50% 42%, color-mix(in srgb, var(--skill) 42%, #1a1b1d) 0%, #0e0f10 62%, #08090a 100%); }
  .is-hud .btn:not(.btn-primary, .btn-danger, .btn-gold, .btn-ghost) { --tone-top: #3e3324; --tone-mid: #2e2519; --tone-bottom: #231b12; --tone-edge: #8b6a3e; --tone-text: #f2d48e; --tone-glow: rgba(233, 196, 106, .25); }
  .is-hud .btn-primary { --tone-top: #ffdc7c; --tone-mid: #f6b53a; --tone-bottom: #c27810; --tone-edge: #6a3e08; --tone-text: #2c1600; --tone-glow: rgba(233, 196, 106, .45); text-shadow: 0 1px 0 rgba(255, 245, 210, .5); }
  .is-hud .level-up { background: var(--hf-noise), linear-gradient(90deg, rgba(20, 21, 23, .95), rgba(38, 39, 42, .95)); box-shadow: 0 0 0 1px #000, 0 0 0 3px #7d5f36, 0 0 0 4px #050403, 0 1rem 3rem rgba(0, 0, 0, .6), 0 0 2.5rem color-mix(in srgb, var(--skill) 45%, transparent); }
  .is-hud :is(.level-up.is-mastery, .level-up.is-crowned, .level-up.is-guild.is-prime) { background: var(--hf-noise), linear-gradient(90deg, rgba(48, 36, 12, .95), rgba(30, 31, 33, .95)); }
  .is-hud .loot-pop { background: linear-gradient(rgba(36, 37, 40, .96), rgba(22, 23, 25, .96)); box-shadow: 0 0 0 1px #000, 0 .4rem 1rem rgba(0, 0, 0, .5); }
  .is-hud .loot-tally { background: rgba(22, 23, 25, .92); border-color: rgba(184, 138, 72, .45); }
  .is-hud .modal.panel, .is-hud :is(.modal.feedback-ask, .modal.patch-notes) { background: var(--hf-slate); border: 1px solid #000; box-shadow: var(--hf-rim), 0 1.5rem 4rem rgba(0, 0, 0, .7); }
  .is-hud .mw-door { background: linear-gradient(180deg, rgba(36, 37, 40, .92), rgba(18, 19, 21, .94)); }
  .is-hud .gd-skill:not(.is-on) { background: rgba(30, 31, 33, .55); }
  .is-hud .gd-skill:not(.is-on):is(:hover, :focus-visible) { background: rgba(42, 43, 46, .7); }
  .is-hud .gd-skill.is-on { background: linear-gradient(90deg, color-mix(in srgb, var(--skill) 20%, transparent), rgba(22, 23, 25, .6)); }
  .is-hud .gd-tab:not(.is-on), .is-hud .gd-task:not(.is-done) { background: rgba(30, 31, 33, .5); }
  .is-hud .clog-cat:not(.is-on) { background: linear-gradient(180deg, rgba(38, 39, 42, .7), rgba(20, 21, 23, .82)); }
  .is-hud .clog-cat.is-on { background: linear-gradient(180deg, rgba(64, 48, 20, .55), rgba(26, 27, 29, .88)); }
  .is-hud .clog-skill:not(.is-mastered) { background: rgba(30, 31, 33, .55); }
  .is-hud .clog-skill.is-mastered { background: linear-gradient(90deg, rgba(64, 48, 20, .45), rgba(26, 27, 29, .85)); }
  .is-hud .coach-card { background: var(--hf-slate); border-color: #000; box-shadow: var(--hf-rim), 0 1rem 2.4rem rgba(0, 0, 0, .55); }
  .is-hud .party-frame { background: linear-gradient(rgba(36, 37, 40, .94), rgba(22, 23, 25, .95)); }
}