.hub-wrap{background-color:#0000;background-image:linear-gradient(#140e088c 0%,#140e0826 30%,#140e0833 60%,#140e08bf 100%),url(/oge/art/bg-hub-mobile.jpg);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:24px 16px 48px;font-family:Iowan Old Style,Georgia,serif;display:flex}@media (min-width:768px){.hub-wrap{background-image:linear-gradient(#140e088c 0%,#140e0826 30%,#140e0833 60%,#140e08bf 100%),url(/oge/art/bg-hub-desktop.jpg)}}.hub-inner{flex-direction:column;gap:40px;width:100%;max-width:440px;margin-top:28px;display:flex}.hub-title{color:#f4ecd4;text-align:center;text-shadow:0 2px 10px #0009;margin:6px 0 12px;font-family:Hoefler Text,Baskerville,Georgia,serif;font-size:23px}.hub-card{min-height:unset;box-sizing:border-box;color:#4a3a1c;background:linear-gradient(175deg,#fbf4de 0%,#e3d4a4 100%);border:1px solid #4a3a1c66;border-radius:6px 22px;align-items:center;gap:18px;width:88%;padding:18px 20px;text-decoration:none;transition:transform .15s,box-shadow .2s;display:flex;position:relative;box-shadow:0 12px 26px #0a07038c,inset 0 0 0 1px #fffae666}.hub-inner>a:nth-of-type(odd){border-radius:22px 6px;align-self:flex-end}.hub-inner>a:nth-of-type(2n){align-self:flex-start}.hub-card--active:hover{transform:translateY(-3px);box-shadow:0 16px 32px #0a0703a6,inset 0 0 0 1px #fffae680}.hub-card--locked{color:#5a5138;filter:saturate(.55);background:linear-gradient(175deg,#cfc4a4 0%,#a89b78 100%);box-shadow:0 8px 18px #0a070366}.hub-card--locked:hover{transform:none}.hub-card--locked .hub-desc{color:#6f6448}.hub-card--locked .hub-name{color:#5a5138}.hub-icon{flex:none;place-items:center;width:87px;height:87px;display:grid}.hub-icon img{object-fit:contain;width:100%;height:100%}.hub-icon--boss{width:104px;height:104px;margin:-8px 0}.hub-card--locked .hub-icon img{filter:grayscale(.4)}.hub-text{flex-direction:column;gap:3px;min-width:0;display:flex}.hub-name{color:#c4342b;font-family:Hoefler Text,Baskerville,Georgia,serif;font-size:19px;font-weight:700}.hub-desc{color:#857444;font-size:13px;font-weight:500;line-height:1.4}.hub-lock{background:#5a4a2c;border-radius:3px;width:22px;height:18px;position:absolute;top:-9px;right:16px;box-shadow:0 3px 8px #00000080}.hub-lock:before{content:"";border:3px solid #5a4a2c;border-bottom:none;border-radius:50% 50% 0 0;width:12px;height:12px;position:absolute;top:-9px;left:50%;transform:translate(-50%)}.hub-card--scroll{aspect-ratio:3.765;width:96%;height:auto;box-shadow:none;filter:drop-shadow(0 6px 8px #0a070380);background:url(/oge/art/quest-node-ribbon.png) 50%/100% 100% no-repeat;border:none;padding:0 30px 0 68px}.hub-inner>a.hub-card--scroll,.hub-inner>div.hub-card--scroll{border-radius:0;align-self:center}.hub-card--scroll.hub-card--active:hover{box-shadow:none;filter:drop-shadow(0 10px 14px #0a0703a6);transform:translateY(-3px)}.hub-card--scroll.hub-card--locked{filter:saturate(.3)brightness(.65)drop-shadow(0 6px 8px #0a070380);box-shadow:none;background:url(/oge/art/quest-node-ribbon.png) 50%/100% 100% no-repeat}.hub-card--scroll.hub-card--locked:hover{filter:saturate(.3)brightness(.65)drop-shadow(0 6px 8px #0a070380);transform:none}.hub-card--scroll{gap:0}.hub-card--scroll .hub-icon{width:52px;height:52px}.hub-card--scroll .hub-icon--boss{width:58px;height:58px;margin:0}.hub-card--scroll .hub-name{font-size:17px}.hub-card--scroll .hub-desc{font-size:11.5px;line-height:1.25}.hub-card--scroll:not(:has(.hub-icon)){justify-content:center;padding:0 30px 0 38px}@media (max-width:767px){.hub-card--scroll{width:78%;padding:0 34px 0 44px}.hub-card--scroll:not(:has(.hub-icon)){padding:0 26px}.hub-card--scroll .hub-icon{width:42px;height:42px}.hub-card--scroll .hub-icon--boss{width:46px;height:46px}.hub-card--scroll .hub-name{font-size:11px}.hub-card--scroll .hub-desc{font-size:9px}.hub-inner>a.hub-card--scroll:nth-of-type(2) .hub-icon,.hub-inner>a.hub-card--scroll:nth-of-type(2) .hub-text{transform:translate(-10px)}}