/* wgf-events.css - the /events/ + /event// family only (event_app.py). Layout for the four blocks event_render.py draws; every other surface on these pages is a shared sheet (wgf-ag-card, wgf-chrome quality rings, wgf-blizzard-textures, wgf-item-card). Palette: tokens from static/css/_tokens.css only - slate panels, bronze/gold rules, parchment ink. No hex is written here except through a var() fallback that repeats the token's own value, no gradients, no glows, and no green: item names take Blizzard's quality colours from wgf-item-card.css, which is where the one uncommon-green lives. Type: FrizQT is the client's title face. Its @font-face rules exist ONLY in wgf-game-skin.css, which restyles and must not be pulled into a shell page (docs/ui-ux/18-blizzard-asset-kit.md section 0), so the stack below names the family and falls back to a serif until those four faces are lifted into a shell-level sheet. */ /* ---- hero identity: framed icon beside the title ---- */ .wgf-ev-ident { display: flex; align-items: center; gap: 14px; flex-wrap: wrap; } .wgf-ev-ident > .wgf-tex-icon-frame { flex: 0 0 auto; } .wgf-ev-ident__txt { min-width: 0; } .wgf-ev-ident__name { font-family: "FrizQT", Georgia, "Times New Roman", serif; letter-spacing: .01em; } .wgf-ev-ident__meta { margin: .25rem 0 0; color: var(--wgf-muted, #b3a88f); font-size: .92rem; } /* ---- item list: quality ring + quality-coloured, tooltip-hooked name ---- */ .wgf-ev-items { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(240px, 1fr)); gap: 6px; } .wgf-ev-item { display: flex; align-items: center; gap: 10px; min-width: 0; padding: 5px 8px; background: var(--wgf-panel, #14161c); border: 1px solid var(--wgf-metal, #6e5a2a); } .wgf-ev-item > .wgf-qborder { flex: 0 0 auto; } .wgf-ev-item__name { font-family: "FrizQT", Georgia, "Times New Roman", serif; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } /* ---- "all N achievements" tail link ---- */ .wgf-ev-more { margin: 10px 0 0; font-size: .92rem; } .wgf-ev-more a { color: var(--wgf-gold-link, #ffe375); } /* ---- schedule / objective / map rows (2026-09-17 depth lane) ---------------------------- One row shape for three lists: a calendar window, a brawl objective line and a map name. Deliberately NOT .wgf-ev-items - that grid is 240px item cards with a nowrap name, and a date line plus its "through ... 7 days ... US" meta overflows it. No colour token is introduced here; the row borrows the same panel and metal edge every list on the page already uses. */ .wgf-ev-sched { list-style: none; margin: 10px 0 0; padding: 0; display: grid; gap: 4px; } .wgf-ev-sched__row { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 12px; padding: 6px 9px; background: var(--wgf-panel, #14161c); border: 1px solid var(--wgf-metal, #6e5a2a); } .wgf-ev-sched__date { font-family: "FrizQT", Georgia, "Times New Roman", serif; min-width: 15em; } .wgf-ev-sched__meta { font-size: .92rem; opacity: .85; } @media (max-width: 560px) { .wgf-ev-items { grid-template-columns: 1fr; } .wgf-ev-ident { gap: 10px; } .wgf-ev-sched__date { min-width: 0; } }