.planner-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:900px;margin:28px auto}.planner-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:22px 16px;border:1px solid #294a61;border-radius:10px;background:#0a2131;color:#e9f3fa;min-height:210px;cursor:pointer}.tile-title{font-family:'Chakra Petch',sans-serif;font-weight:600;font-size:17px}.tile-art{display:grid;place-items:center;width:85px;height:85px;color:#44c5e5}.tile-art svg{width:72px;height:72px}.tile-status{font-size:11px;color:#9bbbd1}.planner-tile:hover:not(:disabled){background:#103044;border-color:#2ac4e5}.planner-tile:focus-visible{outline:2px solid #2ac4e5;outline-offset:4px}.planner-tile:disabled{cursor:default;background:#091b29;color:#9bb5c8}.planner-tile:disabled .tile-art{color:#557b94}.subnav[hidden]{display:none}@media(max-width:600px){.planner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.planner-tile{min-height:175px;padding:17px 10px;gap:12px}.tile-title{font-size:15px}.tile-art,.tile-art svg{width:62px;height:62px}#page-dash .hero .hin{padding:0}#page-dash .hero h1{font-size:36px}}
.mock-banner{font-size:10px;text-align:center;background:#102c3b;color:#9ec4d8;padding:5px 12px}.mock-banner b{color:var(--ice)}#mock-groups{display:flex}#mock-groups button{white-space:nowrap}.mock-subwrap{background:var(--panel);border-bottom:1px solid var(--line)}.mock-subwrap[hidden]{display:none}.mock-sub{display:flex;gap:24px;padding-top:0;padding-bottom:0}.mock-sub button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:10px 0;font:inherit;font-size:12px;cursor:pointer}.mock-sub button[aria-selected="true"]{color:var(--ice);border-bottom-color:var(--ice)}#p-planner{padding-top:8px}#p-planner h1{font-size:26px;margin:0 0 6px}#p-planner .lead{color:var(--muted);font-size:13px;margin:0 0 22px}#p-planner .planner-grid{margin-left:0}#mock-notice{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);padding:11px 18px;background:#12374b;border:1px solid #2b6882;color:#d8ecf7;border-radius:7px;z-index:100;font-size:12px;max-width:90vw}#mock-notice[hidden]{display:none}@media(max-width:760px){#mock-groups{overflow-x:auto;scrollbar-width:none}#mock-groups::-webkit-scrollbar{display:none}.mock-sub{overflow-x:auto;white-space:nowrap;scrollbar-width:none}}
.legacy-tabs{display:none!important}#category-nav button{white-space:nowrap}#category-subwrap{position:relative;z-index:2;height:42px;box-sizing:border-box;margin-bottom:-42px;background:var(--panel);border-bottom:1px solid var(--line)}#category-subwrap[hidden]{display:block;visibility:hidden}#category-sub{display:flex;gap:24px;height:42px;align-items:center;box-sizing:border-box;padding-top:0;padding-bottom:0}#category-sub button{height:42px;box-sizing:border-box;border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:var(--muted);padding:10px 0;font:inherit;font-size:12px;cursor:pointer}#category-sub button[aria-selected=true]{color:var(--ice);border-bottom-color:var(--ice)}#category-sub button:focus-visible{outline:2px solid var(--ice);outline-offset:-3px}.statspanel[hidden]{display:none!important}#p-planner{padding-top:8px}#p-planner h1{font-size:26px;margin:0 0 6px}#p-planner .lead{color:var(--muted);font-size:13px;margin:0 0 22px}#p-planner .planner-grid{margin-left:0}@media(max-width:760px){#category-nav,#category-sub{overflow-x:auto;scrollbar-width:none}#category-nav::-webkit-scrollbar,#category-sub::-webkit-scrollbar{display:none}#category-sub{white-space:nowrap}}
/* Preserve the Furnace cutout inside the planner's existing icon frame. */
.tile-art img.furnace-icon{width:100%;height:100%;object-fit:contain}

/* Keep the planner page links available while the page scrolls. */
#category-subwrap{position:sticky;top:var(--fox-header-height,68px);z-index:59}
@media(max-width:820px){header.top.hr-off+#category-subwrap{top:0}}
.tile-art img.charms-icon{width:100%;height:100%;object-fit:contain}
.tile-art img.experts-icon{width:100%;height:100%;object-fit:contain}
.tile-art img.war-icon,.tile-art img.pets-icon,.tile-art img.gear-icon{width:100%;height:100%;object-fit:contain}
.tile-art img.hero-gear-icon{width:100%;height:100%;object-fit:contain}