/* Tir Anferth - world panel and home strip (T2-50). Site tokens come from style.css. */
[hidden] { display: none !important; }
.wp-hero { background: linear-gradient(180deg, var(--sea-950), var(--sea-900)); padding: 128px 0 28px; border-bottom: 1px solid var(--line); }
.wp-hero h1 { font-size: clamp(34px, 5.2vw, 64px); }
.wp-hero h1 small { display: block; font: 600 14px/1 var(--f-body); letter-spacing: .14em; text-transform: uppercase; color: var(--dawn); margin-bottom: 14px; }
.wp-wrap { padding: 30px 0 70px; }
.wp-panel { background: linear-gradient(180deg, var(--sea-900), var(--sea-950)); border: 1px solid var(--line); border-radius: 14px; padding: clamp(18px, 3vw, 34px); display: grid; gap: 24px; }
.wp-panel[data-sky="night"] { background: linear-gradient(180deg, #0a121b, #0d1721); }
.wp-panel[data-sky="storm"] { background: linear-gradient(180deg, #17222c, #0f1a24); }
.wp-panel[data-sky="day"] { background: linear-gradient(180deg, #1b3045, #12202e); }
.wp-state { color: var(--fg2); font-size: 18px; line-height: 1.5; padding: 24px 4px; max-width: 60ch; }
.wp-body { display: grid; gap: 24px; }
.wp-head { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 6px 20px; align-items: baseline; }
.wp-when { font: 600 15px/1.3 var(--f-body); color: var(--fg2); }
.wp-live { display: inline-flex; gap: 8px; align-items: center; font: 700 13px/1 var(--f-body); color: #6fcf7f; }
.wp-live::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: currentColor; }
.wp-verse { font: 400 clamp(22px, 3.4vw, 34px)/1.3 var(--f-head, var(--f-body)); color: var(--marble); max-width: 32ch; margin: 0; text-wrap: balance; }
.wp-main { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 20px 40px; align-items: end; }
.wp-temp { display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; }
.wp-c { font: 400 clamp(60px, 11vw, 104px)/.9 var(--f-head, var(--f-body)); font-variant-numeric: tabular-nums; }
.wp-f { font: 600 22px/1 var(--f-body); color: var(--fg2); font-variant-numeric: tabular-nums; }
.wp-band { font: 700 13px/1 var(--f-body); letter-spacing: .12em; text-transform: uppercase; color: var(--dawn); }
.wp-souls { font: 400 clamp(18px, 2.2vw, 22px)/1.4 var(--f-head, var(--f-body)); color: var(--fg2); margin: 0 0 12px; }
.wp-facts { display: flex; flex-wrap: wrap; gap: 8px 10px; }
.wp-chip { font: 600 14px/1 var(--f-body); padding: 8px 13px; border-radius: 999px; border: 1px solid var(--line2); color: var(--fg2); }
.wp-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(min(100%, 200px), 1fr)); gap: 12px; }
.wp-cell { background: var(--sea-850); border: 1px solid var(--line); border-radius: 10px; padding: 14px 16px; min-width: 0; }
.wp-cell small { display: block; font: 600 12px/1.2 var(--f-body); letter-spacing: .1em; text-transform: uppercase; color: var(--fg3); margin-bottom: 7px; }
.wp-cell strong { display: block; font: 400 22px/1.25 var(--f-head, var(--f-body)); color: var(--marble); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.wp-cell span { display: block; color: var(--fg3); font-size: 13px; margin-top: 3px; }
.wp-day { height: 8px; border-radius: 999px; background: var(--sea-950); border: 1px solid var(--line); margin-top: 10px; overflow: hidden; }
.wp-day i { display: block; height: 100%; background: linear-gradient(90deg, var(--dawn), var(--dawn-hot, var(--dawn))); }
.hero-world { margin: 14px 0 0; font-size: 15px; line-height: 1.45; }
.hero-world a { color: #f3ecd9; text-decoration: none; border-bottom: 1px solid rgba(243, 236, 217, .35); text-shadow: 0 1px 10px rgba(0, 0, 0, .75); overflow-wrap: anywhere; }
.hero-world a:hover { border-bottom-color: var(--dawn, #d9b45a); }
@media (max-width: 720px) { .wp-hero { padding-top: 104px; } .wp-main { grid-template-columns: minmax(0, 1fr); } .wrap { padding: 0 16px; } }