/* hq_refit.css — structural composition, not decorative overlay */
:root{--hq-board-h:clamp(330px,82vw,520px)}
.app-shell .main-content{padding-bottom:18px!important}.app-shell .jw-toolbar.hq-refit-toolbar{margin-top:8px;padding:13px 2px 10px;border-bottom:1px solid rgba(226,190,107,.2)}.hq-refit-title{display:flex!important;flex-direction:column;gap:4px}.hq-refit-title b{font-size:16px!important;color:#f2dfb6!important}.hq-refit-count{font-size:9px!important;color:#78959d!important}.hq-refit-board{--jw-map-height:var(--hq-board-h)!important;height:calc(var(--hq-board-h) + var(--jw-extra-rows,0)*88px + 22px)!important}.app-shell .action-grid.hq-refit-board::before{height:var(--hq-board-h)!important;border-color:rgba(132,178,169,.58)!important;border-radius:14px!important;background:linear-gradient(180deg,rgba(8,22,27,.04),rgba(4,12,18,.78)),linear-gradient(90deg,transparent 49.8%,rgba(183,213,198,.12) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(183,213,198,.1) 50%,transparent 50.2%),var(--jw-map) center/cover no-repeat!important;box-shadow:inset 0 0 70px rgba(0,0,0,.72),inset 0 0 0 1px rgba(235,216,163,.16),0 18px 36px rgba(0,0,0,.34)!important}.app-shell .action-grid.hq-refit-board::after{left:16px;top:15px;padding:6px 9px;border-color:rgba(218,188,111,.4);border-radius:7px;background:rgba(4,13,18,.86);color:#f0d890;font-size:8px;letter-spacing:.2px;content:'TACTICAL BOARD  ·  '+attr(data-board-count)+' NODES'}.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra]){min-height:61px!important;width:29%!important;padding:10px 7px!important;border-radius:11px!important;border-color:rgba(219,205,163,.62)!important;background:linear-gradient(145deg,rgba(20,42,49,.96),rgba(5,17,25,.97))!important;box-shadow:inset 0 1px rgba(255,255,255,.1),0 8px 18px rgba(0,0,0,.46)!important}.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra])::before{width:10px!important;height:10px!important;border-width:1px!important;border-color:#f1d58d!important;background:#d69c43!important;box-shadow:0 0 0 4px rgba(225,182,95,.18),0 0 16px rgba(225,182,95,.65)!important}.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra]) b{display:flex!important;flex-direction:column!important;align-items:center!important;gap:2px!important;font-size:11px!important;line-height:1.45!important;color:#f5ead0!important}.hq-refit-node-code{display:block;color:rgba(145,207,202,.7);font:800 6px/1 ui-monospace,monospace;letter-spacing:1px;direction:ltr}.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra]) small{display:none!important}.app-shell .action-grid.hq-refit-board .hq-refit-node[data-world-slot=extra]{top:calc(var(--hq-board-h) + 11px + var(--jw-extra-row)*88px)!important;min-height:76px!important;height:76px!important;border-radius:11px!important;padding:11px!important;background:linear-gradient(145deg,rgba(31,45,51,.98),rgba(8,19,26,.98))!important;border-color:rgba(127,177,178,.42)!important;box-shadow:inset 0 1px rgba(255,255,255,.08),0 9px 20px rgba(0,0,0,.35)!important}.app-shell .action-grid.hq-refit-board .hq-refit-node[data-world-slot=extra] b{font-size:12px!important;color:#dcece8!important}.app-shell .action-grid.hq-refit-board .hq-refit-node:hover{filter:brightness(1.12)!important;border-color:#f0d28b!important;box-shadow:0 0 0 3px rgba(229,190,91,.12),0 12px 24px rgba(0,0,0,.48)!important}.app-shell .jw-view-switch{border-radius:10px!important;background:rgba(4,13,18,.82)!important}.app-shell .jw-view-switch button{border-radius:7px!important}.app-shell .jw-view-switch button[aria-pressed=true]{background:linear-gradient(135deg,#ead18f,#b68849)!important;box-shadow:0 3px 10px rgba(220,177,76,.24)!important}
@media(max-width:600px){:root{--hq-board-h:clamp(300px,78vw,390px)}.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra]){width:30%!important;min-height:57px!important}.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra]) b{font-size:10px!important}.hq-refit-node-code{font-size:5px!important}.hq-refit-title b{font-size:14px!important}}
@media(prefers-reduced-motion:reduce){.app-shell .action-grid.hq-refit-board .hq-refit-node{transition:none!important}}

/* Keep source card titles untouched; node code is purely presentational. */
.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra]) b::before{content:'NODE '+attr(data-hq-node);display:block;color:rgba(145,207,202,.7);font:800 6px/1 ui-monospace,monospace;letter-spacing:1px;direction:ltr}
.app-shell .action-grid.hq-refit-board .hq-refit-node-code{display:none!important}
@media(max-width:600px){.app-shell .action-grid.hq-refit-board .hq-refit-node:not([data-world-slot=extra]) b::before{font-size:5px}}