@font-face{font-family:Pixelify;src:url('assets/generated/PixelifySans.ttf') format('truetype');font-display:swap;font-weight:400 700}
:root{--green:#93ed83;--gold:#ffd16a;--bg:#211b14;--panel:#392b1b;--cream:#fff0d4;--muted:#ccbc98;--line:#705335}
body{background:radial-gradient(ellipse at 80% 10%,#173b38 0,transparent 36%),var(--bg)}
.nav .brand-logo{width:156px;height:50px;object-fit:contain;margin:0}
.hero{padding-top:54px;padding-bottom:70px}
.hero-logo{width:280px;max-width:80%;height:auto;image-rendering:pixelated;margin-bottom:4px}
.eyebrow{font-family:Pixelify,monospace;font-size:13px;letter-spacing:1.6px;color:var(--gold);margin:0 0 20px}
.hero h1,h2,h3,.mini-brand,.section-number,.step-number{font-family:Pixelify,monospace}
.hero h1{font-size:clamp(40px,4.2vw,60px);letter-spacing:-1px;line-height:1.04}
.button{border-radius:0;border-width:2px;font-family:Pixelify,monospace;font-size:16px;box-shadow:0 4px 0 #060f1d}
.button.primary{background:#3b8752;color:#fff4d9;border-color:#9ee98a;box-shadow:0 4px 0 #1d4936}
.button.primary:hover{background:#519962;color:white}
.button.secondary{background:#61472a;border-color:#bd9254}
.world-sky{background:url('assets/generated/meadow.png') center/100% 100%;border:3px solid #71936f;border-radius:0;height:320px}
.world-sky .moon,.world-sky .far-mountain,.world-sky .stars,.world-sky .tree,.world-sky .ground{display:none}
.scene-label{background:#2b2015e8;padding:7px 12px;top:16px;left:16px;border-left:3px solid #93ed83}
.pixel-scene{bottom:40px}
.hero-unit.unit-one img{width:76px;height:102px;object-fit:contain;filter:drop-shadow(0 2px 0 #10221d)}
.hero-unit.unit-one span{transform:translateY(16px)}
.companion-bar{background:#392b1b;border:2px solid #b18a4d;border-top:0;border-radius:0}
.worlds{padding-top:44px;padding-bottom:64px;border-top:1px solid var(--line)}
.worlds h2{font-size:38px;margin:12px 0 30px}
.world-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.world-grid article{background:#392b1b;border:2px solid #8b683c;box-shadow:5px 5px 0 #160f09}
.world-grid img{width:100%;aspect-ratio:1.7;object-fit:cover;image-rendering:pixelated;display:block;border-bottom:2px solid #8b683c}
.world-grid article>div{padding:18px}
.world-grid span{font-family:Pixelify,monospace;color:var(--green);font-size:12px;letter-spacing:1px}
.world-grid h3{font-size:23px;margin:5px 0;color:var(--cream)}
.world-grid p{font-size:13px;color:var(--muted);margin:0}
dialog{border-radius:0;border:2px solid #c29c59;background:#392b1b;box-shadow:8px 8px 0 #160f09e0}
@media(max-width:900px){.hero h1{font-size:43px}.hero-logo{width:235px}.world-sky{height:290px}.world-grid{gap:12px}.world-grid article>div{padding:12px}.world-grid h3{font-size:20px}}
@media(max-width:650px){.hero{padding-top:30px}.hero-logo{width:250px}.hero h1{font-size:43px}.world-grid{grid-template-columns:1fr;gap:22px}.world-grid img{aspect-ratio:1.9}.worlds{padding-top:28px;padding-bottom:40px}.worlds h2{font-size:32px}.world-sky{height:275px}.nav .brand-logo{width:138px}.actions .button{font-size:14px}.pixel-scene{bottom:27px}}

.loot-showcase{padding-top:30px;padding-bottom:65px}.loot-showcase h2{font-size:38px}.loot-showcase>p{color:var(--muted)}.rarity-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:28px}.rarity-card{text-align:center;min-width:0}.loot-picture{position:relative;width:100%;aspect-ratio:1}.loot-picture img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;image-rendering:auto}.loot-picture .loot-item{inset:17%;width:66%;height:66%;filter:drop-shadow(0 4px 3px #0006)}.rarity-card h3{font-size:17px;margin-top:12px;overflow-wrap:anywhere}.rarity-0 h3{color:#b3cbaa}.rarity-1 h3{color:#7bdc74}.rarity-2 h3{color:#ff9952}.rarity-3 h3{color:#afa0ff}.rarity-4 h3{color:#62e6ef}.rarity-5 h3{color:#ffd172}@media(max-width:900px){.rarity-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.rarity-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.loot-showcase h2{font-size:32px}}