/* Desktop companion shell. Preserve native controls, calculations and mobile flows. */
body.site-ui.site-refresh>header.player-header .brand::before{display:none}
body.site-ui.site-refresh>header.player-header .brand{gap:7px;letter-spacing:.06em;text-decoration:none}
body.site-ui.site-refresh>header.player-header .companion-logo{width:44px;height:44px;object-fit:contain;flex:none}
body.site-ui.site-refresh>header.player-header .companion-wordmark{display:flex;flex-direction:column;gap:3px;font-size:13px;line-height:1.1}
body.site-ui.site-refresh>header.player-header .companion-wordmark small{font-size:9px;letter-spacing:.15em;font-weight:500;color:#b8d2ce}
body.site-ui.site-refresh .desktop-shortcuts{display:none}
/* Navigation needs the same contrast and action cues as page content. */
body.site-ui.site-refresh>header.player-header .site-nav-group h2,
body.site-ui.site-refresh>header.player-header .site-nav-search>label,
body.site-ui.site-refresh>header.player-header :is(.site-nav-result-count,.site-nav-empty){color:#b5c7d2}
body.site-ui.site-refresh>header.player-header #site-menu:is(:hover,[aria-expanded=true]){background:#203b43;border-color:#82bbaa;color:#e1f4ec}
body.site-ui.site-refresh>header.player-header .player-nav .site-nav-group a{border:1px solid transparent;display:flex;align-items:center;justify-content:space-between;gap:8px}
body.site-ui.site-refresh>header.player-header .player-nav .site-nav-group a::after{content:'›';color:#9bbfb8;font-size:18px;line-height:1}
body.site-ui.site-refresh>header.player-header .player-nav .site-nav-group a[aria-current=page]{border-color:#527f73}
body.site-ui.site-refresh>header.player-header .player-nav .site-nav-group a[hidden],body.site-ui.site-refresh>header.player-header .site-nav-group[hidden]{display:none}
body.site-ui.site-refresh>header.player-header .player-nav .site-nav-group a:hover{border-color:#638d82}
body.site-ui.site-refresh>header.player-header .site-nav-search{border-color:#3a5262}
body.site-ui.site-refresh>header.player-header :is(a,button,input):focus-visible{outline:2px solid #b6f0d9;outline-offset:2px}
@media(min-width:1100px){
 body.site-ui.site-refresh>header.player-header .header-inner{display:flex;flex-wrap:nowrap;max-width:1360px;gap:20px;min-height:72px;padding:10px 24px}
 body.site-ui.site-refresh>header.player-header .brand{order:0;margin-inline-end:12px}
 body.site-ui.site-refresh>header.player-header .desktop-shortcuts{display:flex;order:1;align-items:center;gap:4px}
 body.site-ui.site-refresh>header.player-header .desktop-shortcuts a{display:inline-flex;align-items:center;min-height:44px;padding:9px 13px;border:1px solid transparent;border-radius:8px;text-decoration:none;font-size:13px;font-weight:550;color:#c2d4de;white-space:nowrap}
 body.site-ui.site-refresh>header.player-header .desktop-shortcuts a:is(:hover,[aria-current=page]){background:#1d383e;border-color:#507b73;color:#e2f6ee}
 body.site-ui.site-refresh>header.player-header .desktop-shortcuts a[aria-current=page]{box-shadow:inset 0 -2px #9edbc8}
 body.site-ui.site-refresh>header.player-header #site-menu{order:2;flex:none;width:auto;gap:10px;padding-inline:14px;margin-inline-start:0}
 body.site-ui.site-refresh>header.player-header #site-menu .site-menu-current{display:none}
 body.site-ui.site-refresh>header.player-header #site-menu::before{content:'';width:14px;height:12px;border-block:1.5px solid currentColor;background:linear-gradient(currentColor,currentColor) center/100% 1.5px no-repeat}
 body.site-ui.site-refresh>header.player-header #site-menu .site-menu-label{display:inline;font-size:13px;color:#d3e4e9}
 body.site-ui.site-refresh>header.player-header .player-languages{order:3;margin-inline-start:auto;flex-shrink:0}
 body.site-ui.site-refresh>header.player-header .player-nav{inset:calc(100% + 6px) 24px auto;padding:16px;max-height:calc(100dvh - 94px)}
 body.site-ui.site-refresh>header.player-header .site-nav-search{top:-16px;padding-top:0;padding-bottom:12px}
 body.site-ui.site-refresh>header.player-header .site-nav-group h2{margin:0 0 8px;padding:8px 10px;border-bottom:1px solid #304858;font-size:11px;letter-spacing:.055em}
 body.site-ui.site-refresh>header.player-header .player-nav .site-nav-group a{min-height:44px;padding:9px 10px;white-space:normal}
 body.site-ui.site-refresh>header.player-header .player-nav #site-nav-links{gap:16px}
}
@media(min-width:701px){
 body.site-ui.site-refresh main{max-width:1360px;padding:20px 24px 44px}
 body.site-ui.site-refresh .site-context{max-width:1360px;padding:2px 24px;margin-inline:auto;min-height:44px;align-items:center;gap:6px 18px}
 body.site-ui.site-refresh .site-context a{display:inline-flex;align-items:center;min-height:40px;text-decoration:underline;text-decoration-color:#567b7b;text-underline-offset:4px}
 body.site-ui.site-refresh main :is(.gear-heading,.formation-heading,.page-heading,.level-hero){margin-bottom:12px}
 body.site-ui.site-refresh main .intro{margin-bottom:12px}
 body.site-ui.site-refresh main :is(.filters,.gear-filters,.list-tools,.tree-toolbar,.range-heading){padding:12px;gap:10px}
 body.site-ui.site-refresh main .refresh-intro{padding-bottom:12px;margin-bottom:16px}
 body.site-ui.site-refresh main .refresh-details{margin-top:8px;padding-block:4px}
 body.site-ui.site-refresh main.integrated-tool-selected>:is(.gear-heading,.formation-heading,.integrated-native-heading){min-height:0;margin-bottom:10px;padding:0;border:0;background:none}
 body.site-ui.site-refresh main.integrated-tool-selected>:is(.gear-heading,.formation-heading,.integrated-native-heading) :is(.intro,.eyebrow,.heading-mark){display:none}
 body.site-ui.site-refresh main.integrated-tool-selected h1{margin:0}
 body.site-ui.site-refresh main .integrated-tools{margin-top:12px}
 body.site-ui.site-refresh main.integrated-tool-selected .integrated-tools{margin-top:10px}
 body.site-ui.site-refresh[data-page=servers] main.integrated-tool-selected .gear-heading{padding:12px 16px!important;min-height:0}
 body.site-ui.site-refresh .home-welcome{margin-bottom:20px;gap:16px}
 body.site-ui.site-refresh .home-intro{padding:20px;min-height:0}
 body.site-ui.site-refresh .home-account{padding:16px}
 body.site-ui.site-refresh .home-directory-head{margin-bottom:10px}
 body.site-ui.site-refresh .home-group{padding:14px}
 body.site-ui.site-refresh .home-group-head{padding:0;margin-bottom:12px}
 body.site-ui.site-refresh main .home-tool{padding:9px 10px;margin-block:5px}
 body.site-ui.site-refresh main .home-next{margin-top:20px;padding:16px}
 #tool:not([data-tool=history]){padding:14px!important}
 #tool>.tool-header h2{display:none}
 #tool>.tool-header{padding:0 0 10px;margin-bottom:12px;border-bottom:1px solid #34505e}
 #tool>.tool-header p{margin:0}
 #tool:is([data-tool=craft],[data-tool=refine],[data-tool=history])>.tool-header{display:none}
 #tool .titan-switch{margin:0 0 12px}
 #tool .titan-reference{padding:14px}
 #tool .titan-reference>.reference-heading h3{display:none}
 #tool .titan-reference>.reference-heading p{margin:0 0 12px}
 #tool .reference-controls{margin-block:0 10px;gap:12px}
 #tool .reference-scope{margin:8px 0}
 #tool>form.calculator-layout{padding:14px;gap:16px}
 #tool .calculator-inputs>.fields{gap:12px;margin-bottom:14px}
 #tool .calculator-inputs>h3{margin:12px 0 8px}
 #tool .calculator-inputs>p{margin:8px 0 12px}
 #tool .calculator-answer .result{padding:16px}
 #tool .calculator-answer .result .lead{font-size:26px}
 #tool .calculator-options>details{margin-top:8px}
 #tool[data-tool=history] #public-connection #public-source-label{display:none}
}
@media(min-width:1200px){
 body.site-ui.site-refresh .home-tools{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:start}
 body.site-ui.site-refresh .home-group-head{gap:10px;align-items:start}
 body.site-ui.site-refresh .home-group-icon{width:30px;height:30px;flex:0 0 30px}
 body.site-ui.site-refresh .home-group h3{font-size:14px;margin:0}
 body.site-ui.site-refresh .home-group-head p{margin:5px 0 0;line-height:1.45}
 body.site-ui.site-refresh .home-tool span span{line-height:1.45}
}
/* Optional limits stay an explicit disclosure at every width. */
#tool .refine-reference-grid{grid-template-columns:minmax(0,1fr)}
#tool .mobile-tool-disclosure{margin:8px 0 0;padding:0;border:0}
#tool .mobile-tool-disclosure>section{padding:12px 0 0}
#tool .mobile-tool-disclosure .reference-heading{display:none}
#tool .mobile-tool-disclosure .reference-controls{max-width:440px}
#tool details:not(.player-row):not(.change-row)>summary{cursor:pointer;position:relative;padding-inline-end:38px;list-style:none;color:#d1e4ec}
#tool details:not(.player-row):not(.change-row)>summary::-webkit-details-marker{display:none}
#tool details:not(.player-row):not(.change-row)>summary::after{content:'';position:absolute;inset-inline-end:16px;top:16px;width:7px;height:7px;border:solid #b0dbcc;border-width:0 1.5px 1.5px 0;transform:rotate(-45deg);background:none}
#tool details:not(.player-row):not(.change-row)[open]>summary::after{transform:rotate(45deg)}
@media(max-width:1099px){body.site-ui.site-refresh>header.player-header .companion-wordmark small{display:none}body.site-ui.site-refresh>header.player-header .companion-logo{width:30px;height:34px}body.site-ui.site-refresh>header.player-header .brand{gap:5px}}
@media(max-width:600px){body.site-ui.site-refresh>header.player-header .companion-wordmark{font-size:10px}body.site-ui.site-refresh>header.player-header .companion-logo{width:26px;height:30px}body.site-ui.site-refresh>header.player-header .brand{gap:3px}}
@media(max-width:360px){body.site-ui.site-refresh>header.player-header .companion-wordmark{display:none}body.site-ui.site-refresh>header.player-header .brand{min-width:28px}}
@media(forced-colors:active){
 body.site-ui.site-refresh>header.player-header :is(a,button,input),body.site-ui.site-refresh>header.player-header :is(.site-nav-group h2,.site-nav-search>label,.site-nav-result-count,.site-nav-empty,.companion-wordmark small){color:CanvasText;background:Canvas;border-color:ButtonText}
 body.site-ui.site-refresh>header.player-header :is(a,button):focus-visible{outline-color:Highlight}
 body.site-ui.site-refresh>header.player-header .desktop-shortcuts a[aria-current=page]{outline:2px solid Highlight}
 #tool details:not(.player-row):not(.change-row)>summary{background:Canvas;color:CanvasText;border-color:ButtonText}
 #tool details:not(.player-row):not(.change-row)>summary::after{border-color:ButtonText}
}
@media(min-width:701px){#tool:is([data-tool=craft],[data-tool=refine],[data-tool=history])>.tool-header{display:none!important}#tool:not([data-tool=craft]):not([data-tool=refine]):not([data-tool=history])>.tool-header{padding:0 0 10px!important;margin:0 0 12px!important;min-height:0}}
@media(min-width:1200px){body.site-ui.site-refresh .home-group-head{min-height:64px}}
body.site-ui.site-refresh>header.player-header .desktop-shortcuts{background:transparent;border:0;box-shadow:none;margin-block:0;padding:0}
#tool details:not(.player-row):not(.change-row)>summary::before{display:none}
#tool .refine-reference-grid{gap:8px}
#tool .titan-reference-notes{padding:6px 0;margin-block:4px;border-top:0}
@media(min-width:701px){
 #tool:has(#public-connection)>.history-header+.pill-row{display:none!important}
 #tool:has(#public-connection) .public-controls{margin-top:0}
 #tool:has(#public-connection) .public-main{margin-top:14px;padding:14px}
 body.site-ui.site-refresh[data-page=packs] main #pack-extra-filters{margin:8px 0}
 body.site-ui.site-refresh[data-page=packs] main #pack-extra-filters[open]{padding-bottom:12px}
 body.site-ui.site-refresh[data-page=packs] main #pack-extra-filters>:not(summary){margin:12px 12px 0}
 body.site-ui.site-refresh[data-page=packs] main #pack-extra-filters #resource-shortcuts{display:flex;flex-wrap:wrap;overflow:visible;padding:0}
 body.site-ui.site-refresh[data-page=packs] main #pack-extra-filters .pack-ages{padding:0}
 body.site-ui.site-refresh[data-page=packs] main #pack-extra-filters .catalogue-view{display:flex;width:fit-content}
 body.site-ui.site-refresh[data-page=packs] main .mobile-reward-status button{min-height:44px;margin:4px 0;border:1px solid #577d71;background:#193b34;color:#d6f4e9;border-radius:8px;padding:8px 12px}
 body.site-ui.site-refresh[data-page=packs] main #app>.results-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin:6px 0 10px;min-height:44px}
 body.site-ui.site-refresh[data-page=packs] main .pv-panel>h2{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 body.site-ui.site-refresh[data-page=packs] main .pv-panel>.pv-note:empty{display:none}
}
@media(min-width:701px){body.site-ui.site-refresh[data-page=packs] main #results{background:transparent;border:0}body.site-ui.site-refresh[data-page=packs] main .pack-result+.pack-result{margin-top:8px}}
