@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/family-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Barlow Condensed';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/family-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(fonts/family-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(fonts/family-3.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(fonts/family-4.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(fonts/family-5.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(fonts/family-6.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(fonts/family-7.ttf) format('truetype');
}

:root{--bg:#0e1922;--panel:#162531;--ink:#effbff;--muted:#afc3cf;--line:#355368;--accent:#54d8ef}body{background:#0e1922;color:#effbff;font-family:Inter,Arial,sans-serif}a{color:inherit}.top{height:66px;padding:0 3%;background:#070806ef;border-bottom:1px solid #403820}.top .brand{font-size:20px;line-height:1;letter-spacing:1.5px;max-width:160px}.top nav{gap:28px}.top nav a{font-size:12px;font-weight:700;color:#d4d2bb}.top button{font-size:11px;letter-spacing:1px;background:linear-gradient(#1e1d12,#0d0c08);border-color:#76633b;color:#d5eaa7}.primary{background:linear-gradient(#ffe39a,#f4ba35 65%,#c9911a);border:1px solid #eacd74;color:#19170d;border-radius:3px;box-shadow:0 3px 0 #6a461b,0 8px 28px #d3a83022;font-weight:900;letter-spacing:1px}.primary:hover{background:linear-gradient(#fff0b2,#ffd157);transform:translateY(-2px)}button,.button{border-radius:3px}h1,h2,h3{color:#dfedbd}.forest-hero{height:490px;position:relative;overflow:hidden;border-bottom:1px solid #282117}.forest-art{position:absolute;inset:-18px;background:url('./assets/forest-hero.png') center 50%/cover;transform:translate3d(var(--px,0px),var(--py,0px),0) scale(1.025);transition:transform .6s ease;animation:forest-drift 24s ease-in-out infinite alternate}.forest-hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#050705df 0%,#050705aa 32%,#05070515 65%),linear-gradient(0deg,#0e1922 0%,transparent 30%)}.forest-copy{position:relative;z-index:2;max-width:1180px;margin:auto;padding:65px 30px}.forest-copy .eyebrow{font:900 11px/1.5 Inter,sans-serif;letter-spacing:2.5px;color:#c0e78b}.forest-copy h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(65px,7.4vw,112px);line-height:.88;letter-spacing:-2px;font-weight:900;margin:16px 0 26px;text-shadow:0 5px 0 #433b22}.forest-copy p{font-size:14px;line-height:1.8;color:#d5d0b8;max-width:720px}.forest-copy .primary{margin-top:12px;min-width:215px;justify-content:center}.forest-hero .motion{position:absolute;right:25px;bottom:20px;z-index:3;background:#080a079c;font-size:10px;color:#dadac8}.forest-mist{position:absolute;inset:0;opacity:.16;background:radial-gradient(ellipse at 80% 60%,#c4eab26b,transparent 55%);animation:mist-drift 14s ease-in-out infinite alternate}#motes{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none}.home-body{max-width:1180px;margin:auto;padding:20px 30px 60px}.legend-banner{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border:1px solid #685022;background:linear-gradient(110deg,#1b1025,#201609);gap:20px;box-shadow:inset 0 0 0 2px #ffffff06}.legend-banner h3{margin:8px 0 0;font-size:19px}.eyebrow{color:#c6dc92}.world-statbar{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid #54422b;background:#17131b;padding:20px 5px;margin:15px 0;gap:0}.world-statbar span{text-align:center;display:flex;flex-direction:column;font-size:10px;letter-spacing:1px;border-right:1px solid #443833}.world-statbar span:last-child{border:0}.world-statbar b{font-size:21px;color:#d6e5a0;margin-bottom:5px}.feature-quad{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin:30px 0 50px}.feature-tile{display:block;padding:18px;background:linear-gradient(#1b161f,#12100f);border:1px solid #50432f;transition:transform .25s,box-shadow .25s;text-decoration:none;position:relative;overflow:hidden}.feature-tile:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0008;border-color:#d0b860}.feature-tile h2{font-size:19px;line-height:1.18;letter-spacing:.5px}.feature-tile p{color:#aaa497;font-size:12px;line-height:1.75}.feature-tile>span:last-child{font-size:9px;font-weight:800;color:#e6c878;letter-spacing:1px}.feature-art{height:140px;display:flex;align-items:center;justify-content:center;font-size:75px;background:radial-gradient(ellipse,#826c3333,transparent 65%);color:#e5bd61;text-shadow:0 6px #473821;transition:transform .4s}.feature-tile:hover .feature-art{transform:scale(1.1) rotate(-4deg)}.feature-art.portal{color:#9ccc9a;text-shadow:0 0 28px #97de8755}.feature-art.loot{font-size:42px;color:#b6a0d8}.home-section{padding:20px 0 50px}.home-section h2,.zone-showcase h2,.cycle-section h2{font-size:28px;text-align:center;letter-spacing:1px}.home-section>.eyebrow{display:block;text-align:center}.class-card{border:1px solid #55452d;background:linear-gradient(#192218,#10100d);border-radius:3px;padding:18px}.class-card canvas{width:100%;height:240px;object-fit:contain}.class-card h3{font-size:22px}.class-card p{color:#b1b09e;font-size:13px}.zone-showcase-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.zone-preview{border:1px solid #6a5535;position:relative;overflow:hidden;text-decoration:none;background:#151015;min-height:160px}.zone-preview canvas{width:100%;display:block;transition:transform .5s}.zone-preview:hover canvas{transform:scale(1.08)}.zone-preview div{position:absolute;bottom:0;left:0;right:0;padding:25px 15px 12px;background:linear-gradient(transparent,#080907);display:flex;justify-content:space-between;align-items:end;gap:5px}.zone-preview b{font-size:12px;text-transform:uppercase}.zone-preview small{font-size:10px;color:#d0ba82;white-space:nowrap}.zone-showcase>p{text-align:center;font-size:12px;color:#999887}.cycle-section{padding:45px 0}.cycle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.cycle-grid article{text-align:center}.cycle-grid b{font-size:46px;color:#e2c776}.cycle-grid h3{font-size:13px}.cycle-grid p{font-size:12px;color:#a4a08e;line-height:1.7}.forest-cta{text-align:center;padding:60px 25px;background:linear-gradient(#101711a6,#070907),url('./assets/forest-hero.png') right center/cover;border:1px solid #51452e}.forest-cta h2{font:900 60px/.95 'Barlow Condensed',Impact,sans-serif;margin:20px auto}.forest-cta p{font-size:14px}.forest-cta small{display:block;margin-top:22px;font-size:10px;letter-spacing:1px}.panel,.relic,.world-card,.guide-grid article,.shop{background:#141510;border-color:#514632;border-radius:3px}.game-layout{gap:16px}.arena{border-radius:3px;border-color:#5c4c33}.bar{background:#29291b}.bar i{background:linear-gradient(90deg,#6c974b,#bed96d)}.relic{box-shadow:inset 0 0 25px #54412815}.relic-icon{color:#e4c878}.page:not(#home){max-width:1180px;margin:auto}.prose{padding:75px 30px;max-width:1000px!important}.prose>p{font-size:18px;line-height:1.8;color:#aaa997}.prose .feature-quad{grid-template-columns:1fr 1fr}.prose details{border:1px solid #463e2a;margin:12px 0;background:#131510;padding:20px}.prose summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;font-weight:700}.prose details p{font-size:14px;color:#adaf9d;line-height:1.8}.prose details[open] summary span{transform:rotate(45deg)}footer{background:#070807;border-top:1px solid #51442a}.reveal{animation:rise-in .75s both}.motion-paused *{animation-play-state:paused!important}@keyframes forest-drift{from{background-position:50% 48%}to{background-position:52% 52%}}@keyframes mist-drift{to{transform:translateX(-35px);opacity:.32}}@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.feature-quad{grid-template-columns:1fr 1fr}.forest-copy h1{font-size:74px}.top{height:auto;min-height:65px;gap:12px;flex-wrap:wrap;padding:12px 20px}.top nav{order:3;width:100%;justify-content:space-between;gap:12px}.top button{margin-left:auto}.zone-showcase-grid{grid-template-columns:1fr 1fr}.forest-copy{padding-top:60px}.forest-art{background-position:65% center}.legend-banner h3{font-size:16px}.legend-banner .primary{font-size:10px;min-width:140px}.cycle-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.forest-hero{height:480px}.forest-copy{padding:58px 24px}.forest-copy h1{font-size:62px;letter-spacing:-1px;line-height:.94}.forest-copy p{font-size:12px;max-width:290px}.home-body{padding:16px}.legend-banner{padding:17px;display:block}.legend-banner .primary{margin-top:16px}.world-statbar{grid-template-columns:repeat(5,1fr);padding:15px 0}.world-statbar b{font-size:16px}.world-statbar span{font-size:7px;letter-spacing:0}.feature-quad{gap:10px}.feature-tile{padding:12px}.feature-art{height:95px;font-size:54px}.feature-tile h2{font-size:16px}.feature-tile p{font-size:11px}.zone-preview{min-height:135px}.zone-preview div{display:block}.zone-preview b{font-size:10px}.zone-preview small{display:block;margin-top:5px}.forest-cta h2{font-size:46px}.prose .feature-quad{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}