/* ===== GLASS PANEL ===== */
.glass-panel {
  background: var(--panel-bg);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border: 1px solid var(--accent-10);
  box-shadow:
    0 0 40px var(--shadow-dark),
    0 0 15px var(--accent-04);
}

/* ===== CORNER BRACKET SYSTEM =====
 * Parameterized corner brackets used across all sections.
 * Each variant sets --_bk-size, --_bk-color, --_bk-inset, --_bk-stroke.
 * Direction modifiers share the positioning logic — zero duplication.
 */

/* Base: shared properties for all bracket types */
.corner-bracket,
.portrait-bracket,
.dim-bracket,
.hud-corner {
  position: absolute;
  width: var(--_bk-size);
  height: var(--_bk-size);
  border-color: var(--_bk-color);
  border-style: solid;
  border-width: 0;
}

/* Directions: unified positioning by corner */
.bracket-tl, .portrait-bracket--tl, .dim-bracket--tl, .hud-corner--tl {
  top: var(--_bk-inset);
  left: var(--_bk-inset);
  border-top-width: var(--_bk-stroke);
  border-left-width: var(--_bk-stroke);
}

.bracket-tr, .portrait-bracket--tr, .dim-bracket--tr, .hud-corner--tr {
  top: var(--_bk-inset);
  right: var(--_bk-inset);
  border-top-width: var(--_bk-stroke);
  border-right-width: var(--_bk-stroke);
}

.bracket-bl, .portrait-bracket--bl, .dim-bracket--bl, .hud-corner--bl {
  bottom: var(--_bk-inset);
  left: var(--_bk-inset);
  border-bottom-width: var(--_bk-stroke);
  border-left-width: var(--_bk-stroke);
}

.bracket-br, .portrait-bracket--br, .dim-bracket--br, .hud-corner--br {
  bottom: var(--_bk-inset);
  right: var(--_bk-inset);
  border-bottom-width: var(--_bk-stroke);
  border-right-width: var(--_bk-stroke);
}

/* ===== BRACKET VARIANTS ===== */

/* Panel / card outer brackets — 14px, tight offset, solid 2px accent */
.corner-bracket {
  --_bk-size: 14px;
  --_bk-color: var(--accent-hex);
  --_bk-inset: -2px;
  --_bk-stroke: 2px;
}

/* Portrait / image inner brackets — 16px, inset from edge, thin 1px */
.portrait-bracket {
  --_bk-size: 16px;
  --_bk-color: var(--accent-60);
  --_bk-inset: 16px;
  --_bk-stroke: 1px;
}

/* Dimension loading brackets — 48px, wide inset, solid 2px */
.dim-bracket {
  --_bk-size: 48px;
  --_bk-color: var(--accent-hex);
  --_bk-inset: 32px;
  --_bk-stroke: 2px;
  z-index: 10;
}

/* HUD frame corners — 36px, layout inset, thin 1px */
.hud-corner {
  --_bk-size: 36px;
  --_bk-color: var(--accent-25);
  --_bk-inset: var(--hud-inset);
  --_bk-stroke: 1px;
}

/* Projects dimension HUD: match corridor HUD bracket sizing */
.projects-dim__hud .dim-bracket {
  --_bk-size: 36px;
  --_bk-inset: var(--hud-inset);
}