/* Orthographic forest. Other maps retain their own furniture and geometry. */
body[data-map] main{background-image:url('assets/forest-regional.png')!important;background-size:1920px 1080px!important;background-position:center!important}
body[data-map] .board-area{left:680px!important;top:74px!important;width:560px!important;height:720px!important}
body[data-map] .board-frame{width:560px!important;height:720px!important;perspective:none!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important;padding:0!important}
body[data-map] #board{width:560px!important;height:720px!important;transform:none!important;grid-template-columns:repeat(7,80px)!important;grid-template-rows:repeat(9,80px)!important;gap:0!important;padding:0!important;border:0!important;background:none!important;box-shadow:none!important;clip-path:none!important}
body[data-map] #board::before,body[data-map] #board::after{display:none!important}
body[data-map] #board .cell{aspect-ratio:1!important;width:80px!important;height:80px!important;transform:none!important;border-radius:0!important}
body[data-map] #board .cell:not(.wall):not(.goal-cell){background:#4d443608!important;border:1px solid #302b23!important;box-shadow:none!important}
body[data-map] #board .goal-cell{background:#31382c33!important;border:3px solid var(--goal-color)!important;box-shadow:inset 0 0 12px var(--goal-color)!important}
body[data-map] .board-frame .ranks,body[data-map] .board-frame .files{display:none}
body[data-map] #captures-rail{left:-375px!important;top:181px!important;width:250px!important;height:443px!important;perspective:none!important}
body[data-map] #captures-rail .captures-tray{position:absolute!important;left:0!important;top:0!important;width:250px!important;height:173px!important;display:grid!important;grid-template-columns:repeat(3,74px)!important;grid-template-rows:18px repeat(2,74px)!important;gap:3px 9px!important;transform:none!important;padding:0!important;background:none!important;justify-content:center!important}
body[data-map] #captures-rail #captures-mine{top:255px!important}
body[data-map] .captures-tray::before{padding:0!important;transform:none!important;font:12px/18px system-ui!important}
body[data-map] .capture-thumb{width:74px!important;height:74px!important}
body[data-map] .capture-thumb .card{width:100%!important;height:100%!important;margin:0!important}
body[data-map] .right-column{left:1372px!important;top:227px!important;width:197px!important;height:473px!important;max-height:473px!important;transform:none!important;padding:0!important}
body[data-map] #inspector{width:100%!important;height:100%!important;max-height:473px!important;padding:0!important;transform:none!important;overflow:auto!important;display:flex!important;align-items:center!important;gap:5px!important}
body[data-map] #inspector .inspector-card{width:190px!important;height:auto!important;max-width:190px!important;flex:none!important;transform:none!important}
body[data-map] #inspector .inspector-card .card{width:100%!important;height:auto!important;aspect-ratio:2/3!important}
body[data-map] #inspector .inspector-caption,body[data-map] #inspector .inspector-desc,body[data-map] #inspector .inspector-spell-note{width:100%!important;font-size:13px!important;line-height:1.3!important;margin:3px 0!important;padding:0!important;text-align:center!important}
body[data-map] main>.root-spell-tray,body[data-map] main>.root-spell-tray:has([data-piece]){left:683px!important;top:875px!important;width:552px!important;height:105px!important;min-height:105px!important;max-height:105px!important;transform:none!important;background:none!important;box-shadow:none!important;padding:0!important;gap:14px!important;--mini-card-width:48px;--mini-card-height:72px}
body[data-map] main>.root-spell-tray #hand .spell-slots{height:88px!important;gap:8px!important}
body[data-map] main>.root-spell-tray #hand .hand-slot{height:88px!important;min-width:55px!important;flex-basis:55px!important}
body[data-map] #board .card{transform:none!important}

body[data-map="savanna"] main{background-image:url('assets/temberma-regional.png')!important}
body[data-map="oasis"] main{background-image:url('assets/oasis-regional.png')!important}
body[data-map] #board .goal-cell.edge-far{transform:translateY(-38px)!important}
body[data-map] #board .goal-cell.edge-near{transform:translateY(24px)!important}
body[data-map] #inspector::before,body[data-map] #inspector::after,body[data-map] .right-column::before,body[data-map] .right-column::after{display:none!important}
body[data-map] #inspector{border:0!important;box-shadow:none!important;background:none!important;min-height:0!important}
body[data-map] #captures-rail{left:-368px!important;width:260px!important}
body[data-map] #captures-rail .captures-tray{width:260px!important;grid-template-columns:repeat(3,78px)!important;gap:3px 8px!important}
body[data-map] .capture-thumb{width:78px!important}
/* Revised wide slab: modestly narrower, matching carved compartments. */
body[data-map] .board-area{left:493px!important;top:74px!important;width:934px!important;height:783px!important}
body[data-map] .board-frame,body[data-map] #board{width:934px!important;height:783px!important}
body[data-map] #board{grid-template-columns:repeat(7,1fr)!important;grid-template-rows:repeat(9,87px)!important}
body[data-map] #board .cell{width:100%!important;height:87px!important;aspect-ratio:auto!important}
body[data-map] #board .goal-cell{width:100px!important;justify-self:center}
body[data-map] #board .goal-cell.edge-far{transform:translateY(-43px)!important}
body[data-map] #board .goal-cell.edge-near{transform:translateY(17px)!important}
body[data-map] #captures-rail{left:-398px!important;top:114px!important;width:270px!important;height:567px!important}
body[data-map] #captures-rail .captures-tray{width:270px!important;height:236px!important;grid-template-columns:repeat(3,80px)!important;grid-template-rows:110px 110px!important;gap:14px 15px!important;align-content:start!important}
body[data-map] #captures-rail #captures-mine{top:328px!important}
body[data-map] .captures-tray::before{position:absolute;top:-22px;left:0;right:0}
body[data-map] .capture-thumb{width:80px!important;height:110px!important;background:#21170c20!important;border:1px solid #70583755!important}
body[data-map] .right-column{left:1568px!important;top:188px!important;width:242px!important;height:567px!important;max-height:567px!important}
body[data-map] #inspector{max-height:567px!important}
body[data-map] #inspector .inspector-card{width:238px!important;max-width:238px!important;margin:0 0 47px!important}
body[data-map] #inspector .inspector-caption,body[data-map] #inspector .inspector-desc{font-size:14px!important}
body[data-map] main>.root-spell-tray,body[data-map] main>.root-spell-tray:has([data-piece]){left:463px!important;top:909px!important;width:994px!important;height:107px!important;min-height:107px!important;max-height:107px!important}
/* Slightly narrower central grid; side furniture and spell tray stay fixed. */
body[data-map] .board-area{left:521px!important;width:878px!important}
body[data-map] .board-frame,body[data-map] #board{width:878px!important}
body[data-map] #captures-rail{left:-426px!important}
/* Match the final slab's inner edges. */
body[data-map] .board-area{left:574px!important;width:766px!important}
body[data-map] .board-frame,body[data-map] #board{width:766px!important}
body[data-map] #captures-rail{left:-479px!important}

body[data-map] #board{grid-template-columns:repeat(9,1fr)!important}
/* Fixed compartments: artwork/actions above the divider, complete details below. */
body[data-map] #inspector{display:flex!important;flex-direction:column!important;overflow:hidden!important;gap:0!important;justify-content:flex-start!important}
body[data-map] #inspector .inspector-card{margin:0!important;width:238px!important;max-width:238px!important;height:357px!important}
body[data-map] #inspector.has-spell-actions .inspector-card{width:226px!important;max-width:226px!important;height:339px!important}
body[data-map] #inspector .inspector-actions{display:flex!important;justify-content:center!important;gap:8px!important;margin:6px 0 0!important;height:34px!important;flex:none!important}
body[data-map] #inspector .inspector-actions button{padding:5px 12px!important;font-size:14px!important;min-height:30px!important}
body[data-map] #inspector .inspector-details{position:absolute;top:425px;left:0;width:100%;height:130px;display:flex;flex-direction:column;justify-content:flex-start;gap:4px;overflow:auto;scrollbar-width:thin}
body[data-map] #inspector .inspector-details>*{flex:none!important;font-size:var(--detail-size,14px)!important;line-height:1.2!important;margin:0!important;padding:0!important;width:100%!important;max-height:none!important;overflow:visible!important;white-space:normal!important;text-align:center!important}
body[data-map] #inspector .inspector-reveal{display:flex!important;align-items:center;gap:5px}
body[data-map] #inspector .inspector-details,body[data-map] #inspector .inspector-details>*{color:#261b11!important;text-shadow:none!important;font-weight:600}
body[data-map] #inspector .inspector-details strong{color:#1b130b!important}

body[data-map="highlands"] main{background-image:url('assets/east-africa-highlands.png')!important}
