#beginnerGuide .gameWindowBox{width:min(790px,calc(100vw - 28px));padding:22px;max-height:calc(100dvh - 32px)}
.beginnerLayout{display:grid;grid-template-columns:175px minmax(0,1fr);gap:24px;margin:18px 0}
.beginnerPortrait{width:100%;height:245px;object-fit:contain;object-position:center bottom}
.beginnerMentor{text-align:center;color:#cbb378}.beginnerMentor small{display:block;color:#aaa0b3}
.beginnerSteps{display:flex;gap:7px;flex-wrap:wrap}.beginnerSteps button{flex:1;padding:7px!important;min-width:85px}.beginnerSteps button[aria-current=step]{border-color:#bc9c5e!important;color:#ead49b!important}
.beginnerCopy h4{font-size:18px;color:#e0c58a;margin:0 0 12px}.beginnerCopy p{font-size:14px;line-height:1.65;margin:9px 0}.beginnerCopy strong{color:#e4d9c8}
.beginnerNote{padding:10px 13px;border-left:2px solid #776090;background:#211a2c;margin-top:15px}
.beginnerDot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#61bbff;box-shadow:0 0 8px #448dd8;margin-right:6px}
.beginnerMap{width:100%;height:250px;object-fit:contain;background:#090c11;border:1px solid #44384f;box-sizing:border-box}
.beginnerLegend{display:flex;flex-wrap:wrap;gap:14px;font-size:12px;color:#c9bdab;margin-top:7px}.beginnerLegend b{color:#78c9ff}
.beginnerHunt{display:flex;gap:15px;align-items:center}.beginnerHunt img{width:74px;height:74px;object-fit:contain;image-rendering:pixelated}
.beginnerReward{border:1px solid #53422c;padding:10px 13px;color:#e2c57e;margin-top:13px}
.beginnerFooter{display:flex;gap:10px;justify-content:space-between;align-items:center}.beginnerFooter span{font-size:12px;color:#a69bad}.beginnerFooter button{min-width:100px}
@media(max-width:620px){.beginnerLayout{grid-template-columns:1fr;gap:12px}.beginnerMentor{display:flex;align-items:center;justify-content:center;gap:10px}.beginnerPortrait{width:75px;height:95px}.beginnerMap{height:220px}#beginnerGuide .gameWindowBox{padding:15px}.beginnerCopy p{font-size:13px}}