.world-guide{min-width:0}.world-guide .wg-travel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:24px 0 34px}.world-guide .wg-travel section{padding:22px 18px;border:1px solid #5a3b3e;background:linear-gradient(145deg,#2a1822,#110e12);border-radius:6px}.wg-travel img{object-fit:contain;display:block;width:56px;height:64px;margin-bottom:15px}.wg-travel h3{font:19px/1.5 Georgia,serif;color:#e5cc9b;margin:0 0 14px}.wg-travel p{font-size:13px;line-height:1.8}.wg-muted{color:#b9ac9b;font-size:12px!important}.wg-respawn{border:1px solid #57363e;border-radius:5px;overflow:auto}.wg-respawn td:first-child{color:#d6c8ae}.wg-respawn small{display:block;font-size:11px;color:#a89a88}.wg-respawn td:last-child{font-variant-numeric:tabular-nums;color:#d1b27a}.wg-destinations{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;padding:14px 22px;background:#171216;border-top:2px solid #92713b;border-bottom:1px solid #493233}.wg-destinations ul,.wg-map-pair ul{list-style:none;padding:0;margin:0}.wg-destinations li{padding:13px 3px;border-bottom:1px solid #ffffff0b}.world-guide .wg-map-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:34px}.world-guide .wg-map-pair section{padding:20px;border:1px solid #3f3035;border-radius:7px;background:#100e12}.wg-map-pair h2{font-size:23px;margin:0 0 18px}.wg-map-pair li{padding:13px 0;border-bottom:1px solid #ffffff09}.wg-map-pair dl{margin:0}.wg-map-pair dl>div{padding:10px 0;border-bottom:1px solid #ffffff09}.wg-map-pair dd{margin:2px 0 0;font-size:12px;color:#aa9b88}.wg-monsters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:start}.wg-monsters.wg-metins{grid-template-columns:repeat(3,minmax(0,1fr))}.world-guide .wg-monster{min-width:0;box-sizing:border-box;padding:14px;border:1px solid #4e343d;border-radius:5px;background:linear-gradient(150deg,#22151d,#0d0d10)}.wg-monster-image{height:110px;border:1px dashed #594332;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px;text-align:center;gap:6px;color:#bcaa8d;font:14px/1.6 Georgia,serif}.wg-monster-image small{font:11px/1.5 Arial,sans-serif;color:#8d8278}.wg-monster h3{font:18px/1.45 Georgia,serif;color:#e3cfaa;margin:17px 0 8px}.wg-level{display:inline-block;font-size:11px;color:#c7a465;border-bottom:1px solid #624832;padding-bottom:5px}.wg-locations{font-size:12px;margin:14px 0}.wg-locations>div{padding:7px 0;border-bottom:1px solid #ffffff08}.wg-locations dt{color:#cec4b8;line-height:1.6}.wg-locations dd{margin:4px 0 0;color:#a99880;font-size:11px}.wg-locations small{font-size:10px}.wg-tickets{display:flex;align-items:center;gap:7px;font-size:11px;color:#d7bb7b}.wg-tickets img{width:30px;height:30px;object-fit:contain}.wg-ticket-rule{font-size:10px;line-height:1.7;color:#ac9d8c;margin:8px 0!important}.wg-eligibility{font-size:11px;color:#bda578;margin-bottom:12px}.wg-drop{border-top:1px solid #59412f;padding-top:10px;margin-top:15px}.wg-drop>summary{cursor:pointer;color:#e2c78f;font-size:12px;line-height:1.8}.wg-drop>summary>span{font-size:10px;color:#9b8c7a;margin-left:5px}.wg-drop>ul{list-style:none;padding:0;margin:10px 0 0;max-height:360px;overflow:auto}.wg-drop>ul>li{display:flex;align-items:start;gap:8px;border-bottom:1px solid #443039;padding:9px 0;font-size:11px;line-height:1.6}.wg-drop li>img{width:30px;height:35px;object-fit:contain;flex-shrink:0}.wg-drop li strong{font-weight:400;color:#d9cdb9}.wg-drop li span{color:#c5a76a}.wg-drop li details{font-size:10px;color:#aaa08d}.wg-drop li p{font-size:10px;overflow-wrap:anywhere}.wg-access{overflow:auto;border:1px solid #53383d}.wg-access table{min-width:600px}.wg-icon-slot{display:grid;place-items:center;width:30px;height:35px;border:1px solid #594332;color:#b09a71;flex-shrink:0}.wg-skill-intro{display:grid;grid-template-columns:150px minmax(0,1fr);gap:24px;padding:26px;background:linear-gradient(120deg,#2b1920,#121013);border-left:2px solid #b48d46;margin:22px 0}.wg-real-slot{border:1px dashed #68513b;padding:24px 16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center;min-height:115px;background:#151014}.wg-real-slot strong{font-weight:400;color:#c9b28d}.wg-real-slot span{font-size:11px;color:#a29586}.wg-books{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:22px 0}.wg-books>div{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:22px 13px;border:1px solid #54343d;background:#1b1118}.wg-books img{width:72px;height:90px;object-fit:contain}.wg-books strong{font-weight:400;color:#d8c2a0}.wg-books span{font-size:12px;color:#b49b71}.wg-skill-shot{min-height:200px;margin-top:25px}.wg-biology-copy{padding:24px;border:1px solid #593b3f;background:linear-gradient(140deg,#20151b,#100e11);margin:25px 0}.wg-biology-copy .table-scroll{border:0}.wg-biology-copy table{font-size:12px}.wg-biology-copy th{background:#3b2826}.wg-biology-copy tr:nth-child(even){background:#5c41201a}.wg-biology-copy h2{font-size:22px}@media(max-width:1100px){.wg-monsters{grid-template-columns:repeat(2,minmax(0,1fr))}.wg-monsters.wg-metins{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1250px){body:has(.wg-monsters) .wiki-layout{grid-template-columns:180px minmax(0,1fr) 200px;gap:22px}}@media(max-width:650px){.world-guide .wg-travel,.world-guide .wg-map-pair,.wg-books,.wg-skill-intro{grid-template-columns:1fr}.wg-destinations{gap:0 15px;padding:10px 15px;font-size:12px}.wg-monsters,.wg-monsters.wg-metins{grid-template-columns:1fr}.wg-skill-intro,.wg-biology-copy{padding:18px}.wg-monster-image{height:130px}.wg-respawn table{font-size:12px}.wg-respawn td,.wg-respawn th{padding:10px 8px}.wg-biology-copy table{min-width:700px}}

.wg-travel img.wg-teleport-ring{background:transparent;border:0;box-shadow:none;object-fit:contain;image-rendering:pixelated;}

/* Equal, four-column Metin and boss cards with original game portraits. */
.world-guide .wg-monsters,.world-guide .wg-monsters.wg-metins{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch;gap:16px}
.world-guide .wg-monster{display:flex;flex-direction:column;align-items:stretch;text-align:center;padding:16px 12px;height:600px;min-height:600px;margin:0}
.wg-monster .wg-monster-image{height:165px;min-height:165px;box-sizing:border-box;border:1px solid #80603e;border-radius:9px;background:radial-gradient(ellipse at 50% 65%,#69472830,transparent 72%);box-shadow:inset 0 0 0 3px #100c1055,0 4px 16px #0003;padding:12px}
.wg-monster-image img{display:block;width:100%;height:100%;object-fit:contain;background:transparent;border:0;box-shadow:none;filter:drop-shadow(0 7px 6px #0007)}
.wg-monster h3{min-height:54px;display:flex;align-items:center;justify-content:center;margin:14px 0 7px;font-size:17px;line-height:1.45}
.wg-monster .wg-level{align-self:center}
.wg-monster .wg-locations{flex:1;display:flex;flex-direction:column;justify-content:center;margin:12px 0;min-height:0;overflow:auto}
.wg-monster .wg-locations>div{padding:9px 0}
.wg-reward-space{min-height:80px;display:flex;flex-direction:column;justify-content:center;gap:5px}
.wg-monster .wg-tickets{justify-content:center;flex-wrap:wrap;gap:4px}
.wg-monster .wg-eligibility{font-size:11px;line-height:1.7;margin:0!important;color:#b9a68b}
.wg-monster>.wg-drop{flex:none;margin-top:14px;min-height:33px;text-align:left}
.wg-monster>.wg-drop>summary{text-align:center}
.wg-monster>.wg-drop[open]{max-height:230px;overflow:auto}
@media(max-width:1100px){.world-guide .wg-monsters,.world-guide .wg-monsters.wg-metins{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.world-guide .wg-monsters,.world-guide .wg-monsters.wg-metins{grid-template-columns:1fr}}
.wg-monster h3{height:72px;min-height:72px;flex:none}
.wg-monster>.wg-drop{position:relative;overflow:visible!important;max-height:none!important}
.wg-drop-panel{position:absolute;bottom:calc(100% + 8px);left:-5px;right:-5px;max-height:330px;overflow:auto;z-index:5;padding:12px;background:#1c131a;border:1px solid #957043;border-radius:6px;box-shadow:0 8px 28px #000b}
.wg-drop-panel>ul{list-style:none;padding:0;margin:10px 0 0}
.wg-drop-panel>ul>li{display:flex;align-items:start;gap:8px;border-bottom:1px solid #443039;padding:9px 0;font-size:11px;line-height:1.6}
.wg-drop-panel li>img{width:30px;height:35px;object-fit:contain;flex-shrink:0}
/* Beran-Setaou is a full-width final encounter, with an open loot showcase. */
.world-guide .wg-monster.wg-beran{grid-column:1/-1;display:grid;grid-template-columns:240px minmax(0,1fr);gap:12px 30px;height:auto;min-height:0;text-align:left;padding:28px}
.wg-beran .wg-monster-image{grid-column:1;grid-row:1/6;height:300px;min-height:300px;padding:20px;border-color:#b28a4d}
.wg-monster.wg-beran h3{grid-column:2;height:auto;min-height:0;justify-content:flex-start;margin:0;font:32px/1.3 Georgia,serif;color:#ead3a6}
.wg-beran .wg-level{grid-column:2;justify-self:start}.wg-monster.wg-beran .wg-locations{grid-column:2;margin:0;overflow:visible}.wg-beran .wg-reward-space{grid-column:2;min-height:0}.wg-monster.wg-beran .wg-tickets{justify-content:flex-start}.wg-beran-conditions{grid-column:2}.wg-beran h4{font:19px Georgia,serif;color:#dfc498;margin:10px 0}.wg-beran-conditions p{font-size:12px;margin:0!important;color:#d0c1b0;line-height:1.8}.wg-beran-loot{grid-column:1/-1;border-top:1px solid #6e493b;margin-top:18px;padding-top:18px}.wg-beran-loot .wg-drop-panel{position:static;max-height:none;overflow:visible;padding:0;border:0;box-shadow:none;background:none}.wg-beran-loot .wg-drop-panel>ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 20px}.wg-beran-loot .wg-drop-panel li strong{font-weight:400;color:#ded1bc}.wg-beran-loot .wg-drop-panel li span{color:#ceae73}
@media(max-width:650px){.world-guide .wg-monster.wg-beran{grid-template-columns:1fr;padding:20px}.wg-beran .wg-monster-image{grid-column:1;grid-row:auto;height:240px;min-height:240px}.wg-monster.wg-beran h3,.wg-beran .wg-level,.wg-monster.wg-beran .wg-locations,.wg-beran .wg-reward-space,.wg-beran-conditions{grid-column:1}.wg-monster.wg-beran h3{font-size:28px}.wg-beran-loot .wg-drop-panel>ul{grid-template-columns:1fr}}

.wg-monster[id]{scroll-margin-top:calc(var(--masthead-height,124px) + 30px)}.prose a[href*="bossi.html#boss-"]{text-decoration:underline;text-underline-offset:3px}