.wof-cosmetic-shop{color:#235575;padding:8px 0 20px}.wof-cosmetic-intro{justify-content:space-between;align-items:center;gap:18px;margin:8px 0 24px;display:flex}.wof-cosmetic-intro h3{margin:5px 0;font-size:25px}.wof-cosmetic-intro p{margin:0;font-size:14px}.wof-cosmetic-currency{background:#dceff2;border:2px solid #8bb2c4;border-radius:14px;flex-shrink:0;gap:5px;padding:4px;display:flex}.wof-cosmetic-currency button{background:0 0;border-radius:8px;padding:8px 12px;font-weight:800}.wof-cosmetic-currency button[aria-pressed=true]{background:#ffe477;box-shadow:0 2px #c59a39}.wof-cosmetic-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.wof-cosmetic-grid article{background:#fffbed;border:2px solid #8eb8c8;border-radius:20px;flex-direction:column;align-items:stretch;padding:16px;display:flex;box-shadow:0 5px #d8dcc5}.wof-cosmetic-art{background:radial-gradient(at 50% 40%,#effffe,#c1edf2);border-radius:12px;width:100%;height:auto;max-height:190px;margin-bottom:16px}.wof-cosmetic-grid h4{margin:8px 0;font-size:20px;line-height:1.2}.wof-cosmetic-grid p{flex:1;margin:0 0 18px;font-size:14px;line-height:1.5}.wof-cosmetic-price{margin:0 0 10px;font-size:18px}.wof-cosmetic-grid .wobb-button{width:100%;font-size:14px}.wof-cosmetic-note{max-width:850px;margin-top:24px;font-size:12px;line-height:1.6}.wof-cosmetic-shop button:focus-visible{outline-offset:3px;outline:3px solid #09a0c2}@media (max-width:950px){.wof-cosmetic-grid{gap:10px}.wof-cosmetic-grid article{padding:12px}.wof-cosmetic-grid h4{font-size:17px}.wof-cosmetic-intro{align-items:flex-start}.wof-cosmetic-intro h3{font-size:21px}}@media (max-width:650px){.wof-cosmetic-grid{grid-template-columns:1fr}.wof-cosmetic-intro{flex-direction:column}}.wof-town-panel .wof-cosmetic-currency button[aria-pressed=true]{background:#ffe477}.wof-cosmetic-shop .wobb-eyebrow{color:#26758c}@media (max-height:800px) and (min-width:900px){.wof-cosmetic-intro{margin:6px 0 14px}.wof-cosmetic-intro h3{font-size:22px}.wof-cosmetic-art{height:112px;margin-bottom:8px}.wof-cosmetic-grid article{padding:12px}.wof-cosmetic-grid h4{margin:6px 0;font-size:17px}.wof-cosmetic-grid p{margin-bottom:10px;font-size:13px}.wof-cosmetic-price{margin-bottom:6px;font-size:16px}.wof-cosmetic-note{margin:14px 0 0}.wof-cosmetic-shop{padding-bottom:0}}.wof-cosmetic-art{object-fit:contain;box-sizing:border-box;padding:10px}.wof-cosmetic-price{overflow-wrap:anywhere;font-variant-numeric:tabular-nums}.wof-cosmetic-grid{grid-template-columns:repeat(3,minmax(0,260px));gap:12px}.wof-cosmetic-grid article{border-radius:14px;padding:12px}.wof-cosmetic-art{width:100%;height:92px;max-height:92px;margin-bottom:8px;padding:4px}.wof-cosmetic-grid h4{margin:6px 0;font-size:16px}.wof-cosmetic-grid p{margin-bottom:10px;font-size:12px;line-height:1.45}.wof-cosmetic-price{font-size:14px}.wof-cosmetic-grid .wobb-button{min-height:35px;padding:7px;font-size:12px}.wof-cosmetic-intro{margin-bottom:14px}.wof-cosmetic-intro h3{font-size:21px}@media (max-width:650px){.wof-cosmetic-grid{grid-template-columns:1fr}}
.wof-town-panel{color:#275a77;background:#fff8e3;border:3px solid #193b58;border-radius:26px;width:min(1050px,94vw);max-height:88vh;padding:24px;overflow:auto;box-shadow:0 10px #193b5855}.wof-town-panel>header{border-bottom:2px dashed #dccd9e;align-items:center;gap:16px;padding:0 48px 20px 0;display:flex;position:relative}.wof-town-panel header>svg{width:40px;height:40px}.wof-town-panel h2{margin:4px 0;font-size:28px}.wof-town-panel header .wobb-close{position:absolute;top:0;right:0}.wof-town-panel p{line-height:1.5}.wof-town-columns{grid-template-columns:1fr 1fr;gap:24px;display:grid}.wof-town-items{background:#e9f5f8;border:2px solid #9fbfc9;border-radius:15px;height:350px;padding:8px;overflow:auto}.wof-town-items article,.wof-town-active{border-bottom:1px solid #bcd6dc;align-items:center;gap:10px;padding:9px;display:flex}.wof-town-items article>span:not(.wobb-item-icon):not(.wof-gear-picture),.wof-town-active>span{flex:1;min-width:0}.wof-town-items small,.wof-town-active small,.wof-town-panel footer small{margin-top:4px;font-size:12px;display:block}.wof-town-panel .wobb-item-icon{flex:none;width:48px;height:48px}.wof-town-panel button:not(.wobb-button):not(.wobb-close){color:#275a77;background:#e4f2f7;border:1px solid #90b1c1;border-radius:9px;justify-content:center;align-items:center;gap:5px;padding:7px 10px;font-weight:800;display:inline-flex}.wof-town-panel button:disabled{opacity:.45}.wof-town-panel footer{border-top:2px dashed #dccd9e;justify-content:space-between;align-items:center;gap:18px;margin-top:20px;padding-top:20px;display:flex}.wof-town-panel footer .wobb-button{width:auto;min-width:180px}.wof-town-active{background:#d7f4f7;border-radius:14px}.wof-town-active .wobb-button{width:auto}.wof-town-pets,.wof-town-shop{grid-template-columns:repeat(3,1fr);gap:14px;max-height:410px;display:grid;overflow:auto}.wof-town-pets article,.wof-town-shop article{text-align:center;background:#e3f2f7;border:2px solid #9fbfc9;border-radius:16px;padding:16px}.wof-town-shop .wobb-item-icon{width:70px;height:70px;display:inline-block}.wof-town-shop h3,.wof-town-pets h3{margin:8px 0}.wof-town-shop p,.wof-town-pets p{margin:6px 0}.wof-town-trade{align-items:center;gap:10px;margin:18px 0;display:flex}.wof-town-trade strong{align-items:center;gap:8px;margin-left:auto;display:flex}.wof-town-trade button[aria-pressed=true]{background:#ffe275!important}.wof-pet-portrait{background-image:url(/wobb/expansion-portraits.png);background-size:300% 200%;border-radius:15px;width:84px;height:84px;display:inline-block}.wof-town-warning,.wof-town-notice{background:#ffedb2;border-radius:10px;padding:10px 14px}@media (max-width:1000px){.wof-town-panel{padding:18px}.wof-town-items{height:270px}.wof-town-columns{gap:12px}.wof-town-items article{gap:5px;padding:6px}.wof-town-items .wobb-item-icon{width:35px;height:35px}.wof-town-items b{font-size:12px}}.wof-town-shop{grid-template-columns:repeat(auto-fill,minmax(175px,1fr));align-content:start;gap:10px;max-height:440px}.wof-town-shop article{border-radius:12px;padding:10px}.wof-town-shop .wobb-item-icon{width:44px;height:44px}.wof-town-shop h3{margin:5px 0;font-size:14px}.wof-town-shop p{margin:4px 0;font-size:11px}.wof-town-shop .wobb-button{min-height:33px;margin:4px 0;padding:6px 9px;font-size:12px}.wof-town-shop article>button:not(.wobb-button){padding:5px 8px;font-size:11px}.wobb-root .wof-supply-dialog{flex-direction:column;height:min(780px,88dvh);display:flex;overflow:hidden}.wof-supply-dialog>header,.wof-supply-dialog>.wof-town-trade,.wof-supply-dialog>.wof-town-warning{flex-shrink:0}.wof-shop-content{scrollbar-gutter:stable;flex:1;min-height:0;padding:2px 8px 8px 2px;overflow:auto}.wof-supply-dialog .wof-town-shop{grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;max-height:none;overflow:visible}.wof-shop-actions{grid-template-columns:minmax(0,1fr);gap:8px;margin:12px 0;display:grid}.wof-shop-actions.is-selling{grid-template-columns:repeat(2,minmax(0,1fr))}.wobb-root .wof-shop-actions .wobb-button{flex-direction:column;justify-content:center;gap:3px;width:100%;min-width:0;min-height:54px;padding:8px 5px;font-size:12px;display:flex}.wof-shop-actions .wobb-button>span{white-space:nowrap;justify-content:center;align-items:center;gap:4px;display:flex}.wof-shop-quantity{justify-content:space-between;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.wof-shop-quantity input{color:#245675;width:78px;min-width:0;font:inherit;background:#fffbee;border:2px solid #8cb4c6;border-radius:9px;padding:8px}.wof-shop-limit{min-height:28px;margin-top:5px;font-size:10px;display:block}@media (max-width:1100px){.wof-supply-dialog .wof-town-shop{grid-template-columns:repeat(3,minmax(0,1fr))}}
.wof-minimap-button{pointer-events:auto;cursor:pointer;text-align:left;font:inherit;transform:none}.wof-minimap-button:hover{border-color:#d8a92e}.wof-chart{width:100%;height:100%;display:block;overflow:visible}.wobb-map .wof-chart{background:#123b59;border:0;border-radius:8px}.wof-chart-label{fill:#fff7dc;stroke:#17354e;stroke-width:1.3px;paint-order:stroke;font-family:inherit;font-size:3.6px;font-weight:700}.wof-quest-tracker{pointer-events:auto;cursor:pointer;text-align:left;font:inherit}.wof-quest-tracker:hover{background:#fff0b9}.wof-experience{color:#ffe276;margin:8px 0 12px}.wof-experience>div:first-child{justify-content:space-between;align-items:center;gap:7px;font-size:8px;display:flex}.wof-experience b{align-items:center;gap:4px;display:flex}.wof-experience>div[role=progressbar]{background:#0e3456;border:1px solid #0a253f;border-radius:8px;height:6px;margin-top:5px;overflow:hidden}.wof-experience i{background:linear-gradient(90deg,#ffa64a,#ffe775);height:100%;transition:width .35s;display:block}.wof-adventure-panel{color:#204c70;background:#fff7df;border:3px solid #163452;border-radius:24px;flex-direction:column;width:min(1120px,94vw);height:min(820px,92dvh);display:flex;overflow:hidden;box-shadow:0 9px #102b5280}.wof-adventure-panel>header{background:linear-gradient(120deg,#096ba7,#154c91);border-bottom:3px solid #173c5d;flex-shrink:0;align-items:center;gap:18px;padding:18px 80px 18px 26px;display:flex;position:relative}.wof-adventure-panel>header>img{object-fit:contain;width:80px;height:68px}.wof-adventure-panel>header .wobb-eyebrow{color:#b5eff6;letter-spacing:1.4px;font-size:9px}.wof-adventure-panel h2{color:#ffe681;margin:4px 0 0;font-size:29px;line-height:1.15}.wof-adventure-panel h3{align-items:center;gap:6px;margin:0;font-size:16px;display:flex}.wof-adventure-panel>header>.wobb-close{position:absolute;top:27px;right:23px}.wof-adventure-panel>footer{background:#f5edcf;border-top:2px solid #25496424;flex-shrink:0;justify-content:space-between;gap:10px;padding:13px 23px;font-size:10px;display:flex}.wof-atlas-body{flex:1;grid-template-columns:minmax(0,1fr) 275px;min-height:0;display:grid}.wof-atlas-canvas{background:radial-gradient(at 40% 35%,#24546d,#102d49);flex-direction:column;min-height:0;padding:18px 24px 12px;display:flex}.wof-atlas-canvas>.wof-chart{flex:1;min-height:0}.wof-map-legend{color:#fff0bf;justify-content:center;gap:17px;padding-top:8px;font-size:10px;display:flex}.wof-map-legend span{align-items:center;gap:4px;display:flex}.wof-atlas-body aside{background:#fff8e4;border-left:2px solid #153755;padding:20px;overflow:auto}.wof-atlas-body aside p{color:#51728a;margin:12px 0 19px;font-size:12px;line-height:1.6}.wof-atlas-body aside>small{margin-top:8px;font-size:10px;line-height:1.6;display:block}.wof-discovery{grid-template-columns:32px 1fr;align-items:center;gap:1px 8px;display:grid}.wof-discovery svg{color:#13769c;grid-row:span 2}.wof-discovery>b{font-size:27px;line-height:1.15}.wof-discovery>span{font-size:10px}.wof-travel-status{background:#ffedac;border:1px solid #d6b560;border-radius:10px;align-items:center;gap:8px;margin:15px 0;padding:11px 9px;font-size:11px;font-weight:700;display:flex}.wof-travel-member{border-bottom:1px dashed #9db8c4;align-items:center;gap:8px;padding:10px 0;display:flex}.wof-travel-member>img{object-fit:cover;border:2px solid #294866;border-radius:10px;width:35px;height:35px}.wof-travel-member>div{flex:1;min-width:0}.wof-travel-member b{overflow-wrap:anywhere;font-size:12px;display:block}.wof-travel-member small{color:#6c8093;margin-top:3px;font-size:9px;display:block}.wof-travel-member .wobb-button{flex:none;justify-content:center;width:36px;min-height:33px;padding:8px}.wof-map-home{border-top:1px solid #d9cead;align-items:start;gap:8px;margin-top:17px;padding-top:10px;display:flex}.wof-map-home svg{color:#ac801c;flex:none;margin-top:10px}.wof-map-home p{margin:6px 0!important;font-size:10px!important}.wof-journal-body{flex:1;grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.wof-journal-summary{background:linear-gradient(#c7f1ff,#eafaff);border-right:2px solid #98c5d4;padding:25px}.wof-journal-summary>img{aspect-ratio:1;border:3px solid #183956;border-radius:18px;width:100%;margin-bottom:22px;transform:rotate(-3deg);box-shadow:0 5px #18395633}.wof-journal-summary b{font-size:17px}.wof-journal-summary .wof-experience{color:#24567b}.wof-journal-summary .wof-experience b{font-size:10px}.wof-journal-summary p,.wof-journal-summary span{font-size:11px;line-height:1.7}.wof-quest-list{align-content:start;gap:15px;padding:22px;display:grid;overflow:auto}.wof-quest-card{background:#fffdf2;border:2px solid #98bacb;border-radius:16px;padding:17px;box-shadow:0 3px #18395615}.wof-quest-card.ready{background:#fff5c9;border-color:#d9a92d}.wof-quest-card.claimed{background:#eaf3f0}.wof-quest-card>div:first-child{align-items:start;gap:12px;display:flex}.wof-quest-symbol{color:#267396;background:#beeafa;border-radius:12px;flex:none;place-items:center;padding:10px;display:grid}.wof-quest-card>div:first-child>div{flex:1}.wof-quest-card>div:first-child>strong{color:#ac7615;white-space:nowrap;font-size:12px}.wof-quest-card p{color:#637b8a;margin:5px 0 12px;font-size:11px;line-height:1.6}.wof-quest-goal{grid-template-columns:1fr auto;gap:4px;margin:10px 0;font-size:11px;display:grid}.wof-quest-goal progress{accent-color:#2a95b2;grid-column:1/-1;width:100%;height:5px}.wof-quest-card>.wobb-button{gap:9px;width:auto;min-height:34px;margin:13px 0 0 auto;padding:7px 13px;font-size:11px;display:flex}.wof-adventure-panel kbd{color:#1b496c;background:#fff5cf;border:1px solid #587591;border-radius:4px;padding:2px 4px}.wof-adventure-panel button:focus-visible,.wof-minimap-button:focus-visible,.wof-quest-tracker:focus-visible{outline-offset:3px;outline:3px solid #ffc825}@media (max-height:760px){.wof-adventure-panel>header{padding-top:10px;padding-bottom:10px}.wof-adventure-panel>header>img{width:65px;height:48px}.wof-adventure-panel h2{font-size:23px}.wof-adventure-panel>header>.wobb-close{top:15px}.wof-journal-summary{padding:20px}.wof-adventure-panel>footer{padding:9px 18px;font-size:9px}.wof-atlas-body{grid-template-columns:minmax(0,1fr) 260px}}@media (prefers-reduced-motion:reduce){.wof-experience i{transition:none}}.wof-adventure-panel.wof-map-panel{--map-edge:min(660px,calc(92dvh - 154px),calc(94vw - 281px));width:calc(var(--map-edge) + 281px);height:auto;max-height:94dvh}.wof-map-panel .wof-atlas-body{height:var(--map-edge);flex:none;grid-template-columns:minmax(0,1fr) 275px}.wof-map-panel .wof-atlas-canvas{background:#040b15;padding:0;position:relative;overflow:hidden}.wof-map-panel .wof-chart{flex:none;width:100%;height:100%;overflow:hidden}.wof-map-panel .wof-map-legend{white-space:nowrap;pointer-events:none;background:#102b48dd;border:1px solid #517e99;border-radius:7px;gap:12px;padding:6px 10px;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.wof-quest-symbol{background:0 0;width:72px;height:72px;padding:0}.wof-quest-symbol img{object-fit:contain;width:100%;height:100%}.wof-quest-card.claimed .wof-quest-symbol{opacity:.65}.wof-atlas-body aside .wof-map-legend{color:#244d67;background:#e1f1f5;border:1px solid #91b8c7;border-radius:10px;grid-template-columns:1fr 1fr;gap:12px;width:auto;margin:0 0 20px;padding:12px;display:grid;position:static;transform:none}