.world-intro{min-height:760px;background:var(--red);display:grid;grid-template-columns:150px minmax(380px,1fr) minmax(340px,.9fr);gap:5vw;align-items:center;padding:90px clamp(20px,6vw,95px)}.world-intro h2,.species-section h2{font:1000 clamp(42px,6vw,84px)/1 var(--display);letter-spacing:-.075em;margin:18px 0}.world-intro .lead{font-size:18px;font-weight:800}.world-intro dl{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#ffffff40;margin-top:28px}.world-intro dl div{background:#d9253d;padding:18px}.world-intro dt{font-weight:1000;font-size:12px}.world-intro dd{margin:5px 0 0;font-size:12px;line-height:1.7}.world-intro .wide{height:440px}.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line)}.power-grid article{background:var(--panel);padding:28px;min-height:330px}.power-top{display:flex;justify-content:space-between;gap:10px}.power-top span{color:var(--red);font:900 10px var(--display)}.power-top em{font-style:normal;font-size:10px;border:1px solid var(--line);padding:3px 7px}.power-grid h3{font:1000 27px var(--display);letter-spacing:-.05em;margin:24px 0 5px}.power-grid>article>strong{font-size:11px;color:#fff}.power-grid p{color:var(--muted);font-size:13px;min-height:64px}.relation-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:18px}.rel{display:inline-flex;gap:5px;align-items:center;padding:5px 8px;background:#272d3b;font-size:9px;border-left:3px solid #858b98}.rel b{font-size:9px}.rel.동맹,.rel.우호{border-color:#35c78a}.rel.거래,.rel.외교{border-color:#50a7e8}.rel.중립,.rel.관계없음{border-color:#858b98}.rel.긴장,.rel.경계,.rel.갈등,.rel.경쟁{border-color:#e6a43a}.rel.적대,.rel.충돌{border-color:var(--red)}.legend{margin-top:16px;background:#0a0d16;padding:18px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.legend>b{margin-right:10px;font-size:12px}.species-section{max-width:1600px;margin:auto;padding:110px clamp(20px,6vw,95px)}.species-section>header{margin-bottom:50px}.species-section>header p{color:var(--muted)}.species-card{display:grid;grid-template-columns:minmax(320px,.9fr) 1.1fr;min-height:600px;margin-bottom:20px;background:var(--panel);overflow:hidden}.species-card.reverse{grid-template-columns:1.1fr minmax(320px,.9fr)}.species-card.reverse .species-image{order:2}.species-image{position:relative;background-color:#252b38;background-position:center;background-size:cover;transition:.35s}.species-image:hover{background-size:106%;filter:brightness(1.08)}.species-copy{padding:clamp(35px,6vw,80px);display:flex;flex-direction:column;justify-content:center}.species-copy>span{color:var(--red);font:900 11px var(--display);letter-spacing:.15em}.species-copy h3{font:1000 clamp(52px,7vw,96px)/1 var(--display);letter-spacing:-.08em;margin:8px 0 25px}.species-copy>p{font-size:14px;line-height:2;color:#d1d4da}.species-copy aside{border-left:4px solid var(--red);padding:13px 16px;background:#10141f;font-size:12px}.fact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);margin-bottom:25px}.fact-grid div{background:#1b2130;padding:12px}.fact-grid small{display:block;color:var(--muted);font-size:9px}.fact-grid b{font-size:12px}.map-marker{position:absolute;z-index:4;transform:translate(-50%,-50%);text-align:center}.map-marker i{display:block;width:13px;height:13px;margin:auto;border:2px solid #fff;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #ed304755,0 0 20px #ed3047}.map-marker b{display:block;margin-top:7px;padding:3px 7px;background:#080b11e8;border:1px solid #fff3;font-size:10px;white-space:nowrap}.slot,.species-image{background-position:center;background-size:cover}.hero-visual{background-image:url('/hero.webp')}.world-intro .wide{background-image:url('/world.webp')}
@media(max-width:980px){.world-intro{grid-template-columns:90px 1fr}.world-intro .wide{grid-column:2}.power-grid{grid-template-columns:repeat(2,1fr)}.species-card,.species-card.reverse{grid-template-columns:1fr}.species-card.reverse .species-image{order:0}.species-image{min-height:65svh}}
@media(max-width:680px){.site-header nav{gap:10px}.world-intro{grid-template-columns:1fr;padding:70px 20px}.world-intro .vertical-word{font-size:70px}.world-intro dl{grid-template-columns:1fr}.world-intro .wide{grid-column:auto;height:240px}.power-grid{grid-template-columns:1fr}.power-grid article{min-height:0}.species-section{padding:75px 16px}.species-card{min-height:0}.species-image{min-height:65svh}.species-copy{padding:35px 22px}.fact-grid{grid-template-columns:1fr 1fr}.map-marker b{display:none}}