:root { --ink:#f8f4ff; --muted:#c3bed2; --pink:#f20bd8; --night:#090b16; }
@font-face { font-family:"Minecraft Ten"; src:url("assets/minecraft-ten-font/MinecraftTen-VGORe.ttf") format("truetype"); font-display:swap; }
@font-face { font-family:"Minecraft"; src:url("assets/minecraft-font/MinecraftRegular-Bmg3.otf") format("opentype"); font-weight:400; font-display:swap; }
@font-face { font-family:"Minecraft"; src:url("assets/minecraft-font/MinecraftBold-nMK1.otf") format("opentype"); font-weight:700; font-display:swap; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--night); font-family:"Barlow Condensed",sans-serif; }
.lore-page { --page-art:url("assets/optimized/landscape-1280.webp"); min-height:100vh; padding:30px clamp(20px,6vw,96px) 75px; background:linear-gradient(90deg,rgba(5,6,14,.94),rgba(5,6,14,.72)),var(--page-art) center/cover fixed; }
.lore-page:has(#event-list) { --page-art:url("assets/optimized/events-1280.webp"); }
.lore-page:has(.lore-card-grid) { --page-art:url("assets/optimized/lore-1280.webp"); }
.lore-page:has(.faq-list) { --page-art:url("assets/optimized/rules-1280.webp"); }
.lore-page:has(#public-mod-list) { --page-art:url("assets/optimized/mods-1280.webp"); }
.lore-header { display:flex; align-items:center; justify-content:space-between; padding-bottom:20px; border-bottom:1px solid rgba(255,255,255,.2); }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); text-decoration:none; font:11px/.95 "Minecraft",sans-serif; letter-spacing:.08em; }
.brand img { width:47px; height:47px; object-fit:cover; object-position:50% 48%; border:1px solid rgba(255,255,255,.38); }
.brand b { color:#f83be9; }
.back-link { color:#ffb4fa; font:11px "Space Mono",monospace; text-decoration:none; }
.lore-hero { max-width:830px; margin:10vh auto 55px; }
.eyebrow { color:#f6c2f1; font:11px "Space Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
.eyebrow span { display:inline-block; width:30px; height:1px; margin:0 12px 3px 0; background:var(--pink); }
h1 { margin:20px 0; font:400 clamp(3.5rem,8vw,8rem)/.86 "Minecraft Ten","Minecraft",sans-serif; text-transform:uppercase; text-shadow:5px 7px 0 rgba(21,0,46,.6); }
h1 em { color:#ff5be8; font-style:normal; }
.lore-year { color:#aaa5b3; font:10px "Space Mono",monospace; text-transform:uppercase; }.lore-year strong { margin-left:8px; color:var(--lore-year-accent,var(--pink)); font:700 20px "Minecraft",sans-serif; }
.lore-body { max-width:900px; margin:auto; }
.lore-body h2 { margin:42px 0 15px; color:#ffb4fa; font:700 20px "Minecraft",sans-serif; text-transform:uppercase; }
.lore-body p { max-width:820px; margin:0 0 18px; color:var(--muted); font-size:18px; line-height:1.45; }
.lore-card-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:30px; }
.lore-card { padding:26px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.045); }
.lore-card h2 { margin-top:0; }
.lore-card--wide { grid-column:1/-1; }
.page-block { max-width:900px; margin:0 auto; }.page-block h2 { margin:42px 0 18px; color:#ffb4fa; font:700 22px "Minecraft",sans-serif; text-transform:uppercase; }.page-block p { color:var(--muted); font-size:18px; line-height:1.45; }
.placeholder-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin-top:30px; }.placeholder-card { min-height:180px; padding:25px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.045); }.placeholder-card h2 { margin:0 0 12px; }.placeholder-card p { margin:0; font-size:16px; }.tag { display:inline-block; margin-top:20px; padding:7px 9px; color:#ffb4fa; border:1px solid rgba(255,180,250,.35); font:9px "Space Mono",monospace; }
.faq-list { display:grid; gap:12px; margin-top:30px; }.faq-item { padding:20px 24px; border-left:3px solid var(--pink); background:rgba(255,255,255,.045); }.faq-item h2 { margin:0 0 8px; font-size:17px; }.faq-item p { margin:0; font-size:16px; }
.faq-item summary { color:#ffb4fa; cursor:pointer; font:700 17px "Minecraft",sans-serif; list-style:none; }.faq-item summary::-webkit-details-marker { display:none; }.faq-item summary::after { float:right; content:"+"; color:#ff5be8; font:22px sans-serif; }.faq-item[open] summary::after { content:"−"; }.faq-item p { margin-top:15px; }
.faq-help { margin-top:38px; padding:25px; border:1px solid rgba(255,255,255,.16); background:rgba(242,11,216,.08); }.faq-help h2 { margin:0 0 12px; color:white; font:700 19px "Minecraft",sans-serif; text-transform:uppercase; }.faq-help p { margin:0 0 18px; }.faq-help a:not(.tag) { color:#ffb4fa; }
.public-search { display:grid; max-width:430px; gap:8px; margin:30px 0 0; color:#f4dff4; font:10px "Space Mono",monospace; }.public-search input { width:100%; border:1px solid rgba(255,255,255,.25); padding:13px; color:var(--ink); background:rgba(255,255,255,.07); font:12px "Space Mono",monospace; }.public-mod, .live-event { overflow:hidden; padding:0 0 16px; }.public-mod { display:flex; flex-direction:column; min-height:0; box-shadow:4px 4px 0 rgba(53,0,82,.45); transition:transform .2s ease, border-color .2s ease, background .2s ease; }.public-mod:hover { border-color:rgba(255,91,232,.65); background:rgba(255,255,255,.07); transform:translateY(-3px); }.public-mod img, .live-event img { display:block; width:100%; height:120px; object-fit:cover; margin-bottom:16px; }.public-mod h2, .live-event h2, .live-event p, .live-event .tag { margin-left:18px; margin-right:18px; }.public-mod h2 { margin-bottom:6px; overflow-wrap:anywhere; font-size:18px; }.public-mod p { overflow-wrap:anywhere; }.public-mod .mod-version { color:var(--muted); font:11px "Space Mono",monospace; }.public-mod.modpack-entry { padding-top:16px; }.public-mod .mod-download { align-self:flex-start; margin:14px 18px 0; margin-top:auto; }.public-mod .mod-status { align-self:flex-start; margin:12px 18px 0; }.mod-download { display:inline-flex; align-items:center; gap:6px; padding:9px 12px; color:#fff; background:#f20bd8; border:1px solid #ff74ed; box-shadow:3px 3px 0 rgba(63,0,106,.7); font:700 10px "Space Mono",monospace; text-decoration:none; text-transform:uppercase; transition:transform .2s ease, background .2s ease, box-shadow .2s ease; }.mod-download:hover, .mod-download:focus-visible { background:#ff44e5; box-shadow:1px 1px 0 rgba(63,0,106,.7); outline:none; transform:translate(2px,2px); }.live-event { min-height:180px; }.event-countdown { display:block; width:fit-content; margin-top:24px; padding:12px 15px; color:#fff; background:rgba(255,91,232,.16); border:2px solid #ff5be8; box-shadow:3px 3px 0 rgba(255,91,232,.28); font-size:13px; font-weight:700; letter-spacing:.04em; line-height:1.35; }
@media (min-width:651px) { .lore-page:has(#public-mod-list) .placeholder-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media (max-width:650px) { .lore-page { padding:20px 16px 55px; }.lore-header { align-items:flex-start; }.lore-card-grid,.placeholder-grid { grid-template-columns:1fr; }.lore-card--wide { grid-column:auto; }.lore-hero { margin-top:7vh; } }

/* Compact horizontal mod cards */
.public-mod { display:grid; grid-template-columns:132px minmax(0,1fr); grid-template-rows:auto auto 1fr auto; min-height:132px; padding:0; align-items:start; }
.public-mod img { grid-column:1; grid-row:1 / 5; width:132px; height:100%; min-height:132px; margin:0; object-fit:cover; }
.public-mod h2 { grid-column:2; grid-row:1; margin:20px 20px 4px; }
.public-mod .mod-version { grid-column:2; grid-row:2; margin:0 20px; }
.public-mod .mod-status { grid-column:2; grid-row:3; justify-self:start; margin:12px 20px 0; }
.public-mod .mod-download { grid-column:2; grid-row:4; justify-self:start; margin:12px 20px 18px; }
.public-mod.modpack-entry h2, .public-mod.modpack-entry .mod-version, .public-mod.modpack-entry .mod-status, .public-mod.modpack-entry .mod-download { grid-column:1 / -1; }
.public-mod.modpack-entry h2 { margin-top:20px; }
.public-mod.modpack-entry .mod-download, .public-mod.modpack-entry .mod-status { margin-left:20px; }

@media (max-width:650px) {
	.public-mod { grid-template-columns:96px minmax(0,1fr); min-height:108px; }
	.public-mod img { width:96px; min-height:108px; }
	.public-mod h2 { margin:15px 15px 3px; font-size:17px; }
	.public-mod .mod-version { margin:0 15px; font-size:10px; }
	.public-mod .mod-status { margin:9px 15px 0; }
	.public-mod .mod-download { margin:9px 15px 14px; }
	.public-mod.modpack-entry h2 { margin-top:15px; }
	.public-mod.modpack-entry .mod-download, .public-mod.modpack-entry .mod-status { margin-left:15px; }
}