/* The site's own interface language, borrowed from the District HUD (public_html/district/styles.css):
   dark glass panels with a hairline, a stepped 2 px rainbow edge (no violet), a hard pixel drop shadow and a
   Win98 bevel; Pixelify Sans + WC Digits for words, Silkscreen for small labels, VT323 for the mono lines.
   Loaded after ui4.css and aura.css, so it wins. Applies to the room and (through terminal.css) the desk. */
@font-face { font-family: "WC Digits"; src: url(https://fonts.gstatic.com/s/silkscreen/v6/m8JXjfVPf62XiF7kO-i9YLNlaw.woff2) format("woff2"); unicode-range: U+0030-0039; size-adjust: 84%; font-display: swap; }
:root {
  --hud-ink: rgba(255, 255, 255, 0.94); --hud-muted: rgba(255, 255, 255, 0.67); --hud-faint: rgba(255, 255, 255, 0.38);
  --hud-glass: rgba(12, 16, 25, 0.41); --hud-glass-strong: rgba(12, 16, 25, 0.62);
  --hud-fill-hover: rgba(255, 255, 255, 0.11); --hud-fill-active: rgba(255, 255, 255, 0.92); --hud-accent: #8ffcff;
  --hud-font: "WC Digits", "Pixelify Sans", ui-sans-serif, system-ui, sans-serif; --hud-label: "Silkscreen", "Pixelify Sans", sans-serif; --hud-mono: "VT323", ui-monospace, Consolas, monospace;
  --hud-rainbow: conic-gradient(from 30deg, #50d7ef, #008cff, #ff49cf, #ff6278, #f4c65a, #75e5a5, #50d7ef);
  --hud-shadow: 0 0 0 2px #05070c, 6px 6px 0 2px rgba(0, 0, 0, 0.34), inset 3px 3px 0 rgba(255, 255, 255, 0.2), inset -3px -3px 0 rgba(0, 0, 0, 0.42);
}
/* a panel: glass + hairline + pixel shadow/bevel; the rainbow edge is its ::before (2 px, stepped corners, drawn inside) */
.hud-panel { background: linear-gradient(155deg, rgba(255, 255, 255, 0.075), transparent 55%), var(--hud-glass); border: 0 !important; border-image: none !important; border-radius: 0 !important;
  box-shadow: var(--hud-shadow) !important; -webkit-backdrop-filter: blur(28px) saturate(140%); backdrop-filter: blur(28px) saturate(140%); filter: none !important; image-rendering: auto; font-family: var(--hud-font); }
.hud-panel::before { content: ""; position: absolute; inset: 0; padding: 2px; pointer-events: none; background: var(--hud-rainbow); opacity: 0.8;
  clip-path: polygon(0 2px, 2px 2px, 2px 0, calc(100% - 2px) 0, calc(100% - 2px) 2px, 100% 2px, 100% calc(100% - 2px), calc(100% - 2px) calc(100% - 2px), calc(100% - 2px) 100%, 2px 100%, 2px calc(100% - 2px), 0 calc(100% - 2px));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box exclude, linear-gradient(#000 0 0); }
.hud-panel::after { display: none !important; }
/* panels that are not positioned by their own rules get a positioning context for the edge */
.door-card.hud-panel, .hud-right.hud-panel, .lb-row.hud-panel { position: relative; }
/* a button inside a panel: flat at rest, raised bevel on hover, pressed inverts; stepped corners */
.hud-btn-d { background: transparent; border: 0 !important; border-image: none !important; border-radius: 0; padding: 7px 11px; font-family: var(--hud-font); font-size: 14px; font-weight: 500; color: var(--hud-muted); cursor: pointer;
  text-transform: none; letter-spacing: 0; box-shadow: none; image-rendering: auto; transition: background 140ms ease, color 140ms ease;
  clip-path: polygon(0 4px, 3px 4px, 3px 1px, 6px 1px, 6px 0, calc(100% - 4px) 0, calc(100% - 4px) 2px, 100% 2px, 100% calc(100% - 4px), calc(100% - 3px) calc(100% - 4px), calc(100% - 3px) 100%, 4px 100%, 4px calc(100% - 2px), 0 calc(100% - 2px)); }
.hud-btn-d:hover, .hud-btn-d:focus-visible { background: var(--hud-fill-hover); color: var(--hud-ink); box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.32), inset -2px -2px 0 rgba(0, 0, 0, 0.6), inset -4px -4px 0 rgba(0, 0, 0, 0.22); outline: none; filter: none; transform: none; }
.hud-btn-d:active { transform: translate(1px, 1px); box-shadow: inset 2px 2px 0 rgba(0, 0, 0, 0.6), inset -2px -2px 0 rgba(255, 255, 255, 0.22); }
/* the one primary key: white with the chromatic fringe (the District's "Play as" key) */
.hud-key { background: #edf4f2 !important; color: #101722 !important; box-shadow: inset 2px 2px 0 #ffffff, inset -2px -2px 0 #9aabb8 !important; filter: drop-shadow(-1px 0 0 rgba(255, 79, 107, 0.6)) drop-shadow(1px 0 0 rgba(57, 217, 240, 0.6)) !important; }
.hud-key:hover, .hud-key:focus-visible { box-shadow: inset 2px 2px 0 #ffffff, inset -2px -2px 0 #7d8e9c, inset -4px -4px 0 rgba(0, 0, 0, 0.18) !important; background: #fff !important; }
.hud-eyebrow { font-family: var(--hud-label); font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--hud-faint); }

/* ===== the room ===== */
/* top bar: the logo panel and the Lights / Sound keys */
body.hudskin .hud-btn { font-family: var(--hud-font); font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0; padding: 7px 11px; color: var(--hud-muted); }
body.hudskin .hud-right { gap: 2px; padding: 4px; margin-left: auto; }
/* the one back key (round 13): top-left, white, big, says where it goes; Esc shown on desktops */
body.hudskin .term-back, body.hudskin .social-back { position: absolute; left: 16px; top: 14px; bottom: auto; z-index: 30; font-family: var(--hud-font); font-size: 16px; font-weight: 700; text-transform: none; letter-spacing: 0; padding: 10px 16px; border: 0; border-image: none; image-rendering: auto; clip-path: none; }
body.hudskin .social-back { position: fixed; }
body.hudskin .term-back kbd, body.hudskin .social-back kbd { margin-left: 10px; font: 600 11px/1 var(--hud-font); padding: 3px 5px 2px; color: #101722; background: rgba(0, 0, 0, 0.06); border: 1px solid rgba(16, 23, 34, 0.45); border-bottom-width: 2px; border-radius: 3px; }
@media (pointer: coarse) { body.hudskin .term-back kbd, body.hudskin .social-back kbd { display: none; } }
@media (min-width: 1800px) { body.hudskin .term-back, body.hudskin .social-back { font-size: 22px; padding: 13px 22px; left: 22px; top: 18px; } body.hudskin .term-back kbd, body.hudskin .social-back kbd { font-size: 14px; padding: 4px 7px 3px; } }   /* wide screens (the owner's 2560): the key keeps its weight on screen */
@media (max-width: 760px) { body.hudskin .term-back .long, body.hudskin .social-back .long { display: none; } body.hudskin .term-back, body.hudskin .social-back { text-transform: capitalize; padding: 9px 14px; } body.hudskin .social-back { top: auto; bottom: 16px; } }
body.hudskin .hud-btn[aria-pressed="true"], body.hudskin .lights[aria-pressed="true"] { background: var(--hud-fill-active) !important; color: #0b0d14 !important; box-shadow: inset 2px 2px 0 #ffffff, inset -2px -2px 0 #9aabb8 !important; border-image: none !important; }
/* the product block = the District's brand card: eyebrow, title, mission line, one key */
body.hudskin .product { left: 16px; bottom: 16px; width: 300px; padding: 10px 14px 12px; display: block; }
body.hudskin .product-title { font-family: var(--hud-font); font-size: 17px; font-weight: 700; letter-spacing: 0.02em; line-height: 1.1; text-transform: none; color: var(--hud-ink); }
body.hudskin .product-title::before { content: "● Open now · Weirdlist"; display: block; font-family: var(--hud-label); font-size: 9px; letter-spacing: 0.04em; text-transform: uppercase; color: #64ff00; text-shadow: 0 0 6px rgba(100, 255, 0, 0.45); margin-bottom: 3px; }
body.hudskin .product-sub { font-family: var(--hud-font); font-size: 13px; line-height: 1.3; color: var(--hud-muted); margin: 6px 0 0 !important; }
body.hudskin .product-count { margin: 7px 0 0 !important; padding-top: 6px; border-top: 1px solid rgba(255, 255, 255, 0.09); font-family: var(--hud-label); font-size: 11px; line-height: 1.3; color: var(--hud-muted); }
body.hudskin .product-count::before { content: "▸ "; color: var(--hud-accent); }
body.hudskin .product-btn { margin-top: 10px; width: 100%; padding: 9px 12px; font-family: var(--hud-font); font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; animation: product-glow 2.4s ease-in-out infinite; }
@keyframes product-glow { 50% { box-shadow: inset 2px 2px 0 #ffffff, inset -2px -2px 0 #9aabb8, 0 0 14px rgba(143, 252, 255, 0.45); } }
body.hudskin .product-member { margin-top: 8px; padding-top: 8px; border-top: 1px solid rgba(255, 255, 255, 0.09); }
body.hudskin .product-link { font-family: var(--hud-mono); font-size: 18px; color: var(--hud-muted); margin: 0 0 6px !important; }
body.hudskin .product-copy { width: 100%; border: 0; border-image: none; background: transparent; padding: 7px 11px; font-family: var(--hud-font); font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0; }
/* the dock = the District's top bar, at the bottom: one glass bar, items are flat buttons with a small icon and a word */
body.hudskin.ui4 .dock { bottom: 16px; padding: 4px; gap: 2px; align-items: stretch; width: max-content; }
body.hudskin.ui4 .dock > * { width: auto !important; height: auto; min-width: 0; display: flex; flex-direction: row; align-items: center; gap: 8px; padding: 6px 12px 6px 8px; transform: none; }
body.hudskin.ui4 .dock > * { padding: 3px 12px 3px 6px; gap: 6px; }
body.hudskin.ui4 .dock .ico { flex: none; width: var(--ico-cell); height: var(--ico-cell); margin: 0; transform: none !important; filter: none; }
body.hudskin.ui4 .dock .ico::after { left: 0; top: 0; translate: 0 0; scale: 1; width: var(--ico-cell); height: var(--ico-cell); }
body.hudskin.ui4 .dock span { position: static; font-family: var(--hud-font); font-size: 14px; font-weight: 500; text-transform: none; letter-spacing: 0; text-shadow: none; color: inherit; }
body.hudskin.ui4 .dock > *:hover .ico, body.hudskin.ui4 .dock > *:focus-visible .ico, body.hudskin.ui4 .dock > [aria-expanded="true"] .ico { filter: drop-shadow(-1px 0 0 rgba(255, 79, 107, 0.7)) drop-shadow(1px 0 0 rgba(57, 217, 240, 0.7)); }
body.hudskin.ui4 .dock > [aria-expanded="true"] { background: var(--hud-fill-active); color: #0b0d14; }
/* the socials menu: a vertical list of flat buttons, like the District's area list */
body.hudskin .socials-menu { padding: 4px; gap: 2px; }
body.hudskin .socials-menu button { font-family: var(--hud-font); font-size: 14px; font-weight: 500; padding: 7px 11px; gap: 10px; color: var(--hud-muted); }
body.hudskin .socials-menu button img { width: 16px; height: 16px; }
/* the cursor label and the bubbles: small glass chips */
body.hudskin .hint, body.hudskin .hint.flip { padding: 6px 10px; font-family: var(--hud-font); font-size: 13px; font-weight: 500; text-transform: none; letter-spacing: 0; color: var(--hud-ink); border-image: none; }
body.hudskin .bubble { padding: 10px 14px 12px; font-family: var(--hud-font); font-size: 14px; line-height: 1.35; color: var(--hud-ink); max-width: 320px; }
body.hudskin .bubble b { font-family: var(--hud-label); font-size: 10px; letter-spacing: 0.04em; text-transform: uppercase; color: var(--hud-faint); margin-bottom: 5px; }
body.hudskin .bubble a { font-family: var(--hud-font); font-size: 13px; font-weight: 600; background: #edf4f2; color: #101722; border: 0; border-image: none; padding: 6px 10px; box-shadow: inset 2px 2px 0 #fff, inset -2px -2px 0 #9aabb8; margin-top: 8px; text-transform: none; }
/* the door: the same panel, District type */
body.hudskin .door-card { padding: 18px 18px 16px; text-align: left; }
body.hudskin #door-title { font-family: var(--hud-font); font-size: 20px; font-weight: 700; text-transform: none; letter-spacing: 0; margin: 8px 0 6px; }
body.hudskin .door p { font-family: var(--hud-font); font-size: 15px; line-height: 1.4; color: var(--hud-muted); }
body.hudskin .door-x { margin: 0 0 4px; }
body.hudskin .door-btn { font-family: var(--hud-font); font-size: 15px; font-weight: 600; text-transform: none; letter-spacing: 0; padding: 10px 12px; border: 0 !important; border-image: none !important; image-rendering: auto; }
body.hudskin .door-btn.follow { background: #edf4f2 !important; color: #101722 !important; box-shadow: inset 2px 2px 0 #fff, inset -2px -2px 0 #9aabb8 !important; }
body.hudskin .door-btn.follow::before { content: ""; background: #101722; }
body.hudskin .door-btn.in:not(:disabled) { background: var(--hud-fill-hover) !important; color: var(--hud-ink) !important; box-shadow: inset 2px 2px 0 rgba(255, 255, 255, 0.32), inset -2px -2px 0 rgba(0, 0, 0, 0.6) !important; }
body.hudskin .door-btn.in:disabled { background: transparent !important; color: var(--hud-faint) !important; box-shadow: none !important; }
body.hudskin .door-skip, body.hudskin .door .door-note { font-family: var(--hud-font); font-size: 13px; }
body.hudskin .toast { font-family: var(--hud-font); font-size: 14px; font-weight: 600; text-transform: none; letter-spacing: 0; border: 0; border-image: none; background: #edf4f2; color: #101722; box-shadow: var(--hud-shadow); padding: 8px 12px; }
@media (max-width: 760px) {
  body.hudskin .product { left: 8px; right: 8px; width: auto; bottom: calc(76px + env(safe-area-inset-bottom)); display: grid; grid-template-columns: 1fr auto; align-items: center; column-gap: 10px; }
  body.hudskin .product-title::before, body.hudskin .product-sub, body.hudskin .product-count { display: none; }
  body.hudskin .product-btn { grid-column: 2; grid-row: 1; width: auto; margin: 0; }
  body.hudskin .product-member { grid-column: 1 / -1; }
  body.hudskin.ui4 .dock { left: 8px; right: 8px; width: auto; bottom: calc(8px + env(safe-area-inset-bottom)); translate: none; justify-content: space-between; }
  body.hudskin.ui4 .dock > * { flex-direction: column; gap: 3px; padding: 5px 2px 4px; flex: 1; }
  body.hudskin.ui4 .dock .ico { width: var(--ico-cell); height: var(--ico-cell); }
  body.hudskin.ui4 .dock span { font-family: var(--hud-label); font-size: 8px; }
  body.hudskin .socials-menu { bottom: calc(80px + env(safe-area-inset-bottom)); }
}
@media (prefers-reduced-motion: reduce) { body.hudskin .product-btn { animation: none; } }

/* ===== round 11 ===== */
/* the pointer: the site's crosshair on the room, a hand on things (no drawn dot) */
body.hudskin .cursor { display: none !important; }
body.hudskin .stage { cursor: default; }
body.hudskin .hot polygon, body.hudskin .cat, body.hudskin .dock > *, body.hudskin button, body.hudskin a { cursor: pointer; }
/* menus a little bigger; the dock lives at the bottom right, the product block at the bottom left */
body.hudskin .hud-btn, body.hudskin .hud-btn-d, body.hudskin.ui4 .dock span, body.hudskin .socials-menu button { font-size: 16px; }
body.hudskin.ui4 .dock { left: auto; right: 16px; translate: none; padding: 5px; gap: 3px; }
body.hudskin.ui4 .dock > * { padding: 5px 14px 5px 8px; gap: 8px; }
body.hudskin .product { width: 320px; padding: 12px 16px 14px; }
body.hudskin .product-title { font-size: 19px; }
body.hudskin .product-sub { font-size: 14px; }
body.hudskin .product-btn { font-size: 16px; padding: 10px 12px; }
body.hudskin .hint, body.hudskin .hint.flip { font-size: 14px; }
body.hudskin .bubble { font-size: 15px; }
@media (max-width: 760px) { body.hudskin.ui4 .dock { left: 8px; right: 8px; } body.hudskin.ui4 .dock span { font-size: 8px; } body.hudskin .product { width: auto; } }
/* a standalone key: its own panel (glass, edge, bevel), raised on hover, pressed on click */
.hud-btn-p { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 10px 16px; font-family: var(--hud-font); font-size: 15px; font-weight: 600; color: var(--hud-ink);
  text-transform: none; letter-spacing: 0; text-decoration: none; cursor: pointer; border: 0 !important; border-image: none !important; clip-path: none; image-rendering: auto; transition: background 140ms ease; }
.hud-btn-p:hover, .hud-btn-p:focus-visible { background: linear-gradient(155deg, rgba(255, 255, 255, 0.12), transparent 55%), var(--hud-glass-strong); outline: none; }
.hud-btn-p:active { transform: translate(1px, 1px); }

/* the door: spots still open per phase (owner 14/10), right under the title */
body.hudskin .door-spots { margin: 4px 0 14px; }
body.hudskin .door-spots[hidden] { display: none; }
body.hudskin .door .door-spots-k { margin: 0 0 6px; font: 400 10px/1 var(--hud-label); letter-spacing: 0.06em; text-transform: uppercase; color: var(--hud-faint); }
body.hudskin .door-spots-row { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
body.hudskin .door-spot { position: relative; display: grid; gap: 2px; padding: 9px 10px 10px; background: var(--hud-glass-strong); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.1); --c: #ffe900; }
body.hudskin .door-spot[data-k="gtd"] { --c: #00eadb; }
body.hudskin .door-spot[data-k="fcfs"] { --c: #64ff00; }
body.hudskin .door-spot .ds-k { font: 400 9px/1 var(--hud-label); letter-spacing: 0.05em; text-transform: uppercase; color: var(--c); }
body.hudskin .door-spot b { font: 700 26px/1 var(--hud-font); color: var(--hud-ink); font-variant-numeric: tabular-nums; }
body.hudskin .door-spot .ds-of { font: 500 12px/1.1 var(--hud-font); color: var(--hud-muted); }
body.hudskin .door-spot .ds-bar { display: block; height: 3px; margin-top: 5px; background: rgba(255, 255, 255, 0.12); }
body.hudskin .door-spot .ds-bar i { display: block; height: 100%; background: var(--c); box-shadow: 0 0 6px var(--c); animation: ds-fill 0.9s steps(12) both; }
@keyframes ds-fill { from { width: 0; } }
body.hudskin .door .door-spots-note { margin: 8px 0 0; font-size: 12.5px; line-height: 1.35; color: var(--hud-muted); }
@media (prefers-reduced-motion: reduce) { body.hudskin .door-spot .ds-bar i { animation: none; } }
@media (max-width: 380px) { body.hudskin .door-spot b { font-size: 21px; } body.hudskin .door-spot { padding: 8px 7px 9px; } }