/* Conservatory furnishings around the playable board; tile markings remain unchanged. */
body { --cab-ebon:#0c1e1c;--cab-wood:#102824;--cab-wood-raised:#19392f;--cab-brass:#a8874a;--cab-brass-hi:#dcba7d; font-family:'Cormorant Garamond',Georgia,serif; --game-corners:url('/pages/home/ornaments/brass-tl.svg'),url('/pages/home/ornaments/brass-tr.svg'),url('/pages/home/ornaments/brass-bl.svg'),url('/pages/home/ornaments/brass-br.svg'); }
#hdr {background-color:#102b24;background-image:var(--game-corners);background-position:left top,right top,left bottom,right bottom;background-size:30px;background-repeat:no-repeat;border:1px solid #bca06a88;padding:8px 34px;gap:12px}
#hdr h1 {font:400 23.805px/1.3 'Cinzel Decorative',Georgia,serif;letter-spacing:.07em;color:#ecd5a9}
#hdr .sub {font:500 18.515px/1.3 'Cormorant Garamond',Georgia,serif;color:#c5ccb9}
#top-cmd,#command-deck {background:linear-gradient(120deg,#17372d,#0b211c);border-color:#bca06a66}
#main {background:radial-gradient(ellipse at 70% 30%,#244b3b,#0c1e1c 80%)}
#side-rail {background:#0c211b;border-color:#bca06a66}
#board-wrap {background:linear-gradient(135deg,#19372e,#091c17);border:2px solid #b89a60;box-shadow:0 0 0 3px #0a1e19,0 0 0 4px #b4914e66,inset 0 0 24px #0007}
#board-wrap:after {content:'';position:absolute;inset:0;background-image:var(--game-corners);background-position:left top,right top,left bottom,right bottom;background-repeat:no-repeat;background-size:48px;pointer-events:none;z-index:2}
#game-events-col,#summary,#right {border-color:#bca06a99}
#inspector-col {border:1px solid #bca06a99;box-shadow:0 12px 35px #0006}
.insp-col-lbl {background:#153127;color:#ecd5a9;font-family:'Cinzel Decorative',Georgia,serif}
.lbl,.ge-lbl,.avail-actions-hdr,.res-inv-hdr {font-family:'Cinzel Decorative',Georgia,serif;font-weight:400;letter-spacing:.04em}
#tcb-name {font-family:'Cinzel Decorative',Georgia,serif;font-weight:400}
#tcb-guidance {font:500 22.4825px/1.3 'Cormorant Garamond',Georgia,serif}
.abtn,#btn-endturn {font-family:'Cormorant Garamond',Georgia,serif;font-size:21.16px}
#btn-endturn {background:linear-gradient(120deg,#b9965b,#ecd29c 48%,#c5a367);color:#192b24;border:1px solid #d5b67c}
#hdr a {text-underline-offset:3px}
@media(max-width:700px){#hdr{padding:7px 26px}#hdr h1{font-size:21.16px}#board-wrap:after{background-size:30px}#tcb-guidance{font-size:19.8375px}}
.ms-frame {background:linear-gradient(135deg,#19372e,#0b211c);border-color:#d0ae6d;color:#eadfc7;border-radius:0}
.ms-frame .ms-title {font:400 35.7075px/1.3 'Cinzel Decorative',Georgia,serif;color:#ecd5a9;letter-spacing:.05em}
.ms-frame .ms-head:before {content:'';display:block;width:190px;height:53px;margin:0 auto 14px;background:url('/pages/home/ornaments/conservatory-crest.svg') center/contain no-repeat}
.ms-frame .ms-kicker,.ms-frame .ms-seats-note,.ms-frame .ms-timing,.ms-frame .ms-summary {font:500 23.805px/1.4 'Cormorant Garamond',Georgia,serif;color:#c8d1bd}
.ms-frame .ms-row,.ms-frame .ms-instrument,.ms-frame .ms-seats {background:#091e1988;border-color:#bca06a66}
.ms-frame .ms-row-label,.ms-frame .ms-instrument-label,.ms-frame legend {font-family:'Cormorant Garamond',Georgia,serif;font-size:22.4825px;color:#e1c28b}
.ms-frame .ms-btn {font-family:'Cormorant Garamond',Georgia,serif;font-size:25.1275px}
.ms-frame .ms-btn-start {background:linear-gradient(120deg,#b9965b,#ecd29c 48%,#c5a367);color:#192b24;border-color:#d5b67c}
#hdr a {color:#dfc38b}
#tcb-player #tcb-name {color:#e3cfaa}
.ms-frame .ms-range,.ms-frame .ms-row-note {color:#bac5ae;font-size:17.1925px}
.deck-side {background:linear-gradient(135deg,#17372d,#0b211c);border-color:#bca06a66}
.dk-head,.dk-strip {background:#102b24;color:#e4d4b4}
.dk-head,.dk-stash,.dk-controls {font-family:'Cormorant Garamond',Georgia,serif}
.dk-head {font-size:19.8375px}
.iw-who,.iw-total-label,.iw-rows li {color:#c9d1bf}
/* Stronger strokes on interactive text and lists. */
button,.abtn,.dk-chip,.iw-rows,.res-inv-row,.legend-row { font-weight:600; }
.res-inv-col-legend { gap:8px; }
.reserve-dice{display:flex;flex-wrap:wrap;gap:5px;padding:12px 5px 8px}
.reserve-die{position:relative;display:grid;place-items:center;width:65px;height:75px;border:1px solid transparent;background:transparent;cursor:help;padding:0}
.reserve-die:hover,.reserve-die:focus-visible{border-color:#d5b67c;background:#e1c17a16;outline-offset:1px}
.reserve-die:before{content:'';position:absolute;bottom:8px;width:52px;height:15px;background:#0008;border-radius:50%;filter:blur(4px)}
.reserve-cube{position:relative;width:40px;height:40px;transform-style:preserve-3d;transform:rotateX(-25deg) rotateY(-32deg);margin-top:-9px;pointer-events:none}
.reserve-die:nth-child(2n) .reserve-cube{transform:rotateX(-25deg) rotateY(-48deg)}
.reserve-face{position:absolute;inset:0;display:grid;place-items:center;border:1px solid #b29860;border-radius:4px;background:linear-gradient(135deg,#eeb76544,#1d130c70),var(--face-color);box-shadow:inset 1px 1px 2px #ffe4a659;backface-visibility:hidden}
.reserve-face.front{transform:translateZ(20px)}.reserve-face.right{transform:rotateY(90deg) translateZ(20px);filter:brightness(.7)}.reserve-face.top{transform:rotateX(90deg) translateZ(20px);filter:brightness(1.1)}
.reserve-face img{width:80%;height:80%;object-fit:contain;background:#dbc493;border-radius:50%;filter:sepia(.25);opacity:.94}
.reserve-preview{position:fixed;z-index:12000;width:min(490px,calc(100vw - 20px));max-height:calc(100vh - 20px);overflow:auto;padding:20px;background:#102b24;border:2px solid #c6a66d;box-shadow:0 12px 35px #0009;color:#eadbc0;pointer-events:none}
.reserve-preview[hidden]{display:none}.reserve-preview h2{font:400 24px/1.3 'Cinzel Decorative',Georgia,serif;text-align:center;margin:0 0 16px;overflow-wrap:anywhere}
.reserve-net{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px}
.reserve-net-face{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:7px 3px;background:#e5d6b3;color:#29261f;border:1px solid #a98c56;text-align:center;font:600 16px/1.1 'Cormorant Garamond',Georgia,serif;overflow-wrap:anywhere}
.reserve-net-face img{width:42px;height:42px;object-fit:contain}.reserve-net-face small{font-size:12px;color:#645238}
.dk-stash:has(#deploy-select-row[style*="flex"]) .reserve-dice{display:none}

/* The stash dice are a display since 2026-10-27; deploying is the inspector card's. */
/* Let enlarged resource headings fit the same columns as their numbers. */
.res-inv-col-legend, .res-inv-counts { gap:6px; }
.res-inv-claimed, .res-inv-required, .res-inv-available { width:42px; flex-shrink:0; }
#action-row .abtn { white-space:normal; height:auto; min-height:42px; }