/* Approved Library Workshop layout (EVID-0589). Extends the shared Library styles. */

.workshop-layout .app{height:calc(100vh - 34px);min-height:850px}
.workshop-layout .bench{--faces-w:220px;--librarian-w:92px;--rules-w:200px;grid-template-columns:var(--faces-w) minmax(0,1fr) var(--librarian-w) var(--rules-w);grid-template-areas:'faces builder librarian rules'}
.workshop-layout .workbench{padding:20px 18px;min-width:0;overflow:auto}
.workshop-layout .die-actions{display:flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}
.context-information{--side:clamp(54px,4.1vw,82px);display:grid;grid-template-columns:calc(var(--side)*4 + 15px) minmax(190px,1fr);gap:20px;min-height:350px;height:calc(100vh - 545px);margin:12px 0 20px}
.context-diagram{padding-top:86px;min-width:0}
.workshop-layout .net-wrap{align-items:start}
.workshop-layout .side{padding:5px;min-width:0}.workshop-layout .side .nm{font:600 13px/1.05 'Cormorant Garamond';display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.workshop-layout .side .ab,.workshop-layout .side .bot{display:none}.workshop-layout .side .medal{width:23px!important;height:23px!important}
.context-info{display:flex;flex-direction:column;min-height:0;min-width:0}.workshop-layout .name-input{font:400 clamp(21px,1.7vw,32px)/1.2 'Cinzel Decorative';width:100%;min-width:0}.context-info .die-name{min-width:0;width:100%}
.context-abilities{overflow:auto;min-height:0;margin-top:12px;padding-right:9px;overscroll-behavior:contain}
.context-ability{border-top:1px solid #a8864b66;padding:10px 4px}.context-ability h3{font:600 21px/1.1 'Cormorant Garamond';color:#edd29b;margin:0}.context-ability h3 span{font:12px Georgia;color:#b89a60;margin-right:5px}.context-character{font:15px 'Cormorant Garamond';color:#acbcad;margin-top:3px}.context-ability p{font:18px/1.22 'Cormorant Garamond';color:#e1dfc8;margin:5px 0 0;overflow-wrap:anywhere}.context-ability.active{background:#edc67c15;border-left:3px solid #cba45f;padding-left:8px}
.workshop-layout .selbar{font:14px 'Cormorant Garamond';max-width:100%}.workshop-layout .readouts{grid-template-columns:110px minmax(0,1fr)}
.workshop-layout .rail{grid-template-columns:1fr 1fr}.workshop-layout .stash{grid-template-columns:repeat(5,minmax(0,1fr))}.workshop-layout .slot{min-width:0}.workshop-layout .empire-bar{padding:17px 25px}.workshop-layout .empire-bar .nav,.workshop-layout [data-act=signout],.workshop-layout #signin-link{display:none!important}
@media(min-width:1501px){.workshop-layout .bench{--librarian-w:190px;--faces-w:240px;--rules-w:210px}}
@media(max-width:1220px) and (min-width:901px){.workshop-layout .bench{--faces-w:190px;--rules-w:175px;--librarian-w:82px}.workshop-layout .faces-folio{display:flex;flex-direction:column}.workshop-layout .faces-folio .folio-head{display:block}.workshop-layout .faces-folio .folio-body{display:block}.workshop-layout .face-preview{height:var(--preview-h);flex:none;border-left:0}.workshop-layout .rules-folio{grid-column:auto}.workshop-layout .rules-folio .folio-body{display:block}.context-information{--side:48px;gap:12px;grid-template-columns:207px minmax(150px,1fr)}.workshop-layout .workbench{padding:16px 10px}}
@media(max-width:900px){.workshop-layout .app{height:auto}.workshop-layout .bench{grid-template-columns:1fr;grid-template-areas:'faces' 'builder' 'librarian' 'rules'}.workshop-layout .rail{grid-template-columns:1fr}.context-information{--side:65px;height:540px}.workshop-layout .librarian{min-height:0}}
@media(max-width:560px){.context-information{height:auto;display:flex;flex-direction:column}.context-diagram{padding-top:10px}.context-abilities{max-height:450px}.workshop-layout .stash{grid-template-columns:repeat(2,minmax(0,1fr))}}
.workshop-layout .context-info .die-name{flex:0 0 auto}.context-information{flex:none}.workshop-layout .readouts{flex:none}.workshop-layout .workbench>.die-actions,.workshop-layout .workbench>.hint,.workshop-layout .workbench>.notice{flex:none}.workshop-layout .notice:empty{display:none}
/* Context study revision 2: companion and checks share one column. */
.workshop-layout .bench{--faces-w:230px;--rules-w:224px;grid-template-columns:var(--faces-w) minmax(0,1fr) var(--rules-w);grid-template-rows:auto minmax(0,1fr);grid-template-areas:'faces builder librarian' 'faces builder rules';gap:12px}
.workshop-layout .librarian-shell{min-height:0;overflow:visible}.compact-librarian{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid #aa895c88;background:#143127}.compact-librarian img{width:55px;height:72px;object-fit:contain}.compact-librarian h2{font:19px 'Cormorant Garamond';margin:3px 0 10px}.compact-librarian .eyebrow{font-size:10px}
.workshop-layout .rules-folio{grid-column:auto;min-height:0}.workshop-layout .rules-folio .folio-body{display:block}.workshop-layout .rules-folio .folio-head{padding:12px}.workshop-layout .rules-folio h2{font-size:17px}
.rule-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;padding:12px 10px 6px}.rule-tile{min-height:65px;padding:6px 2px;border:1px solid;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:'Cormorant Garamond',Georgia;line-height:1.1}.rule-tile.pass{background:#234c3b;border-color:#56866a;color:#e1f0d9}.rule-tile.fail{background:#733d3b;border-color:#b46e61;color:#fff0d9}.rule-tile span{font:19px Georgia}.rule-tile b{font-size:14px}.rule-tile small{font-size:11px;opacity:.8;margin-top:3px}.rule-tile.overall{outline:2px solid #b59759;outline-offset:-4px}.rule-tile.stash-rule{border-bottom-width:4px}.rule-tile:hover,.rule-tile:focus-visible{outline:2px solid #e9c784;outline-offset:1px}.rule-help{font:14px 'Cormorant Garamond';text-align:center;margin:6px;color:#645738}.rule-synopsis{font:17px/1.3 'Cormorant Garamond';padding:10px 14px 18px;color:#392e20;overflow-wrap:anywhere}
.workshop-layout .rail{grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);gap:20px;padding:10px 14px 12px;position:relative}.workshop-layout .rail-h{margin-bottom:5px;gap:10px}.workshop-layout .rail-h span{display:none}.workshop-layout .stash{gap:6px}.workshop-layout .slot{height:49px;min-height:0;padding:6px 24px 5px 8px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px;align-content:center}.workshop-layout .slot .slot-no{font-size:9px}.workshop-layout .slot .open .nm{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.workshop-layout .slot .row{display:none}.workshop-layout .slot.empty{font-size:0;display:flex;justify-content:center}.workshop-layout .slot.empty .slot-no{font-size:11px}.workshop-layout .slot.empty:after{content:'Empty';font-size:14px}.workshop-layout .slot .x{top:12px;right:3px}.die-picker{display:flex;gap:8px}.die-picker select{min-width:0;flex:1;background:#143127;border:1px solid #8f794d;color:#ecd6a8;font:18px 'Cormorant Garamond';padding:9px}.workshop-layout .lib-section #library{display:none}.workshop-layout .lib-section.dice-expanded #library{display:flex;position:absolute;bottom:105px;right:14px;width:min(720px,calc(100vw - 28px));height:190px;padding:16px;background:#102b24;border:1px solid #cfab62;z-index:20;box-shadow:0 12px 30px #0009}.workshop-layout .app{min-height:760px}.context-information{height:calc(100vh - 430px);min-height:350px}
.floating-conversation{position:fixed;right:260px;top:150px;width:420px;height:430px;min-width:280px;min-height:260px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);display:flex;flex-direction:column;resize:both;overflow:hidden;z-index:100;background:#102b24;border:2px solid #c5a365;box-shadow:0 20px 70px #000b;color:#eddfc5}.conversation-handle{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;background:#254939;cursor:move;touch-action:none;user-select:none}.conversation-handle b{font:20px 'Cinzel Decorative'}.conversation-mode{font:14px 'Cormorant Garamond';padding:0 14px;color:#c9b57e}.conversation-log{flex:1;min-height:0;overflow:auto;padding:0 18px;font:19px/1.35 'Cormorant Garamond'}.floating-conversation form{padding:12px 14px;border-top:1px solid #a68b54}.floating-conversation form>div{display:flex;gap:8px}.floating-conversation label{display:block;font:15px 'Cormorant Garamond';margin-bottom:4px}.floating-conversation input{width:0;min-width:0;flex:1;padding:8px;background:#0a211b;border:1px solid #968151;color:#eddfc5}
@media(max-width:1220px) and (min-width:901px){.workshop-layout .bench{--faces-w:200px;--rules-w:204px}.workshop-layout .faces-folio{display:flex}.context-information{--side:56px;grid-template-columns:239px minmax(160px,1fr)}}
@media(max-width:900px){.workshop-layout .bench{grid-template-columns:minmax(0,1fr) 210px;grid-template-rows:auto auto auto;grid-template-areas:'builder librarian' 'builder rules' 'faces faces'}.workshop-layout .rail{grid-template-columns:1fr}.context-information{--side:52px;grid-template-columns:223px minmax(150px,1fr)}.floating-conversation{right:12px;top:90px}}
@media(max-width:650px){.workshop-layout .bench{grid-template-columns:1fr;grid-template-areas:'builder' 'librarian' 'rules' 'faces'}.context-information{display:flex;height:auto}.context-abilities{max-height:360px}.workshop-layout .stash{grid-template-columns:repeat(5,minmax(0,1fr))}.workshop-layout .slot{display:flex;padding:4px;height:60px;flex-direction:column}.workshop-layout .slot .x{display:none}.workshop-layout .slot .open .nm{font-size:12px;max-width:50px}.workshop-layout .rules-folio{max-height:none}.rule-grid{max-width:300px;margin:auto}}
/* Revision 3: storage at left, design statistics alongside the unfolded die. */
.workshop-layout .workshop{grid-template-columns:170px minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0;position:relative}
.workshop-layout .design-storage{grid-column:1;grid-row:1;display:flex;flex-direction:column;gap:22px;padding:14px 8px 14px 12px;min-width:0;border-right:1px solid #a68b5444;overflow:auto}
.workshop-layout main.bench{grid-column:2;grid-row:1;--faces-w:210px;--rules-w:224px;padding-bottom:14px}
.workshop-layout .rail .rail-h{display:block}.workshop-layout .rail-h h3{font:18px 'Cinzel Decorative';margin:0 0 10px}.workshop-layout .stash{display:flex;flex-direction:column;gap:7px}.workshop-layout .slot{height:52px;display:flex;flex-direction:column;align-items:start;padding:7px 23px 7px 9px}.workshop-layout .slot .open .nm{max-width:125px;font-size:16px}.workshop-layout .slot .x{top:15px}.workshop-layout .slot.empty{align-items:center}.die-picker{flex-direction:column}.die-picker select{width:100%;font-size:17px;padding:9px 4px}.workshop-layout .rail .lib-section.dice-expanded #library{position:static;width:100%;height:auto;max-height:450px;display:flex;flex-direction:column;padding:7px;margin-top:10px}.workshop-layout .lib-section #library .card{min-width:0;width:100%;min-height:100px;flex:none}.workshop-layout .app{height:calc(100vh - 34px);min-height:800px}
.context-information{--side:clamp(50px,4.1vw,82px);--net-width:calc(var(--side)*4 + 15px);grid-template-columns:minmax(95px,1fr) var(--net-width) calc((100% - var(--net-width) - 20px)/2);gap:12px;height:calc(100vh - 390px);min-height:410px;align-items:start}
.context-info{height:100%;min-width:0}.workshop-layout .context-info .name-input{font-size:clamp(18px,1.4vw,27px)}.context-diagram{padding-top:95px}.context-ability h3{font-size:20px}.context-ability p{font-size:17px}
.design-metrics{padding:12px 0 0;color:#e4d6b6;min-width:0}.design-metrics>.eyebrow{font-size:10px}.metric{padding:12px 0;border-bottom:1px solid #a68b5455}.metric h3{font:19px 'Cormorant Garamond';margin:0;color:#e8cf96}.metric strong{display:block;font:32px/1.15 'Cinzel Decorative';color:#f1d89f}.metric>span,.metric>small{display:block;font:14px/1.2 'Cormorant Garamond';margin-top:3px}.metric>small{color:#b4c4b3}.metric details{font:13px 'Cormorant Garamond';margin-top:6px}.metric summary{cursor:pointer;color:#d2bd86}.metric details div{display:flex;justify-content:space-between;gap:8px;padding-right:8px}.design-metrics>p{font:12px/1.3 'Cormorant Garamond';color:#adbaaa}
@media(min-width:901px) and (max-width:1450px){.workshop-layout main.bench{--faces-w:190px;--rules-w:200px;gap:9px}.workshop-layout .workshop{grid-template-columns:150px minmax(0,1fr)}.context-information{--side:50px;grid-template-columns:90px 215px minmax(115px,1fr)}.workshop-layout .workbench{padding:18px 10px}.context-ability p{font-size:16px}}
@media(max-width:1100px) and (min-width:901px){.workshop-layout main.bench{grid-template-columns:190px minmax(0,1fr);grid-template-areas:'faces builder' 'librarian rules';grid-template-rows:minmax(550px,1fr) auto}.context-information{--side:46px;grid-template-columns:80px 199px minmax(110px,1fr)}.workshop-layout .app{height:auto}.workshop-layout .workshop{grid-template-rows:auto}}
@media(max-width:900px){.workshop-layout .workshop{grid-template-columns:145px minmax(0,1fr)}.workshop-layout main.bench{grid-template-columns:1fr;grid-template-areas:'builder' 'librarian' 'rules' 'faces'}.context-information{display:grid;--side:50px;grid-template-columns:90px minmax(0,1fr);height:auto}.context-diagram{padding-top:15px}.context-info{grid-column:1/-1;max-height:470px}.workshop-layout .app{height:auto}}
@media(max-width:560px){.workshop-layout .workshop{display:flex;flex-direction:column}.workshop-layout .design-storage{order:-1;flex-direction:row;padding:12px;overflow:visible}.design-storage>section{flex:1;min-width:0}.workshop-layout .slot .open .nm{max-width:100px}.workshop-layout .slot .x{display:block}.context-information{display:grid}.workshop-layout .bench{padding-top:4px}}
/* Revision 4: per-side stat bars, shared scale and mean markers. */
.visual-metric{padding:10px 0}.visual-metric header{display:flex;align-items:baseline;justify-content:space-between;gap:6px}.visual-metric header strong{font-size:23px;white-space:nowrap}.visual-metric header strong small{display:inline;font:12px 'Cormorant Garamond';margin-left:3px}.visual-metric>span{font-size:12px;margin-bottom:7px}.face-bars{display:flex;flex-direction:column;gap:4px}.face-bar-row{display:grid;grid-template-columns:11px minmax(0,1fr) 12px;align-items:center;gap:5px;width:100%;padding:1px 0;border:0;background:transparent;color:#e5d5ad;text-align:left;font:12px Georgia}.bar-track{position:relative;display:block;height:9px;background:#081e17;border:1px solid #7d815566}.bar-fill{display:block;height:100%;background:linear-gradient(90deg,#608971,#c7b16d)}.average-marker{position:absolute;left:var(--average);top:-3px;bottom:-3px;border-left:1px dashed #fff0bf;pointer-events:none}.face-bar-row:hover .bar-track,.face-bar-row:focus-visible .bar-track{outline:1px solid #edcd84}.face-bar-row b{text-align:right;font-weight:400}.bar-scale{display:flex;justify-content:space-between;margin:3px 17px 0 16px;color:#9eae9b;font:10px Georgia}.visual-metric .average-key{font:12px 'Cormorant Garamond';margin:3px 0 0;color:#e3cc8a}.design-metrics{padding-top:4px}
@media(min-width:1101px) and (max-width:1450px){.context-information{grid-template-columns:116px 215px minmax(115px,1fr)}}
@media(min-width:1451px){.context-information{grid-template-columns:minmax(120px,1fr) var(--net-width) calc((100% - var(--net-width) - 20px)/2)}}
@media(min-width:901px){.context-information{height:max(560px,calc(100vh - 390px));min-height:560px}}
@media(max-width:900px){.design-metrics{grid-row:1 / 3}.context-info{grid-column:2;max-height:600px}.context-diagram{grid-column:2}.context-information{grid-template-columns:110px minmax(0,1fr)}}
.workshop-layout .design-storage{overflow-x:hidden}
@media(min-width:901px){.context-information{height:auto;min-height:560px}.context-info{height:560px}.design-metrics{align-self:start}}
/* Revision 5: use the center panel's height and keep comparisons in view. */
.workshop-layout .workbench{display:flex;flex-direction:column;overflow:hidden;gap:10px;min-height:0}
.context-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap;flex:none}.workshop-layout .context-toolbar .hint{font-size:calc(13px + 2pt);flex:1 1 230px;margin:0;line-height:1.25}.workshop-layout .context-toolbar .die-actions{flex:1 1 270px;align-items:center;justify-content:flex-end}.context-toolbar .btn{padding:6px 9px}
.workshop-layout .context-information{height:auto;min-height:0;flex:1 1 0;margin:0;align-items:stretch;overflow:hidden}
.workshop-layout .context-info{height:auto;min-height:0;max-height:none;align-self:stretch;overflow:hidden}.context-abilities{flex:1 1 0;min-height:0;max-height:none;margin-bottom:0}
.workshop-layout .context-diagram{padding-top:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0;overflow:auto}.context-diagram .budget-card{display:flex;justify-content:center;align-items:center;gap:10px;padding:0 0 6px;border-bottom:1px solid #a68b5455;flex:none}.context-diagram .budget-ring{width:64px;height:64px;flex:none}.context-diagram .budget-ring>span{font-size:23px}.context-diagram .budget-ring small{font-size:12px}.context-diagram .net-wrap{flex:none}.context-diagram .selbar{font-size:12px;line-height:1.2}.context-diagram .pair-map{width:100%;min-width:0;flex:none}.context-diagram .pairs{display:flex;flex-direction:column;gap:5px}.context-diagram .pair{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:3px 5px;padding:6px;min-width:0}.context-diagram .pair .pp{font-size:13px;grid-column:1;grid-row:1}.context-diagram .pair .names{font-size:12px;grid-column:2;grid-row:1;overflow-wrap:anywhere}.context-diagram .pair .sum{font-size:12px;grid-column:3;grid-row:1}.context-diagram .pair .meter{grid-column:2/4;grid-row:2;display:flex}.context-diagram .r-label .eyebrow{font-size:9px;letter-spacing:.04em}.context-diagram .pair-map .r-label{margin-bottom:5px}
.workshop-layout .design-metrics{min-height:0;padding:0;overflow:hidden;align-self:start}.design-metrics>.eyebrow{font-size:9px}.visual-metric{padding:6px 0}.visual-metric header h3{font-size:17px}.visual-metric header strong{font-size:19px}.visual-metric>span{display:none}.face-bars{gap:1px;margin-top:4px}.face-bar-row{font-size:10px;line-height:12px;min-height:12px;padding:0;grid-template-columns:10px minmax(0,1fr) 10px;gap:4px}.bar-track{height:7px}.bar-scale{font-size:9px;margin-top:2px}.visual-metric .average-key{font-size:11px;margin:1px 0 0}.design-metrics>p{font-size:10px;line-height:1.2;margin:7px 0 0}
@media(min-width:901px){.workshop-layout .app{height:calc(100svh - 34px);min-height:690px}.workshop-layout main.bench{grid-template-rows:auto minmax(0,1fr)}}
@media(max-width:1100px) and (min-width:901px){.workshop-layout .app{height:auto}.workshop-layout main.bench{grid-template-rows:650px auto}.workshop-layout .workshop{grid-template-rows:auto}}
@media(max-width:900px){.workshop-layout .context-information{min-height:570px;flex:auto;grid-template-rows:auto}.workshop-layout .context-info{height:570px;grid-column:2;grid-row:1}.workshop-layout .design-metrics{grid-column:1;grid-row:1}.workshop-layout .context-diagram{grid-column:1/-1;grid-row:2;overflow:visible}.context-diagram .net-wrap{align-items:center}.workshop-layout .workbench{overflow:visible}}
.visual-metric .bar-scale,.visual-metric .average-key{display:none}.visual-metric{padding:5px 0}.visual-metric header strong{font-size:18px}.visual-metric header h3{font-size:16px}.face-bars{gap:0}.face-bar-row{min-height:11px;line-height:11px}.bar-track{height:6px}.design-metrics>p{margin-top:5px}
.context-diagram .budget-card{flex-direction:row;padding:0 0 6px}.context-diagram .net{width:100%;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,auto)}.context-diagram .net .side{aspect-ratio:1;min-height:0;padding:3px}.context-diagram .net .side .nm{font-size:11px;margin-top:1px}.context-diagram .net .side .top{min-height:0}.context-diagram .net .side .medal{width:18px!important;height:18px!important}.context-diagram .net .dp{transform:scale(.8);transform-origin:left center}.context-diagram .pair .names{min-height:0;font-size:11px}.context-diagram .pair .meter{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.context-diagram .pair{padding:4px}.context-diagram{gap:8px}
/* Revision 6: tall, narrow comparisons and segmented opposite-pair donuts. */
@media(min-width:1101px) and (max-width:1450px){.workshop-layout .context-information{grid-template-columns:69.6px 261.4px minmax(115px,1fr)}}
@media(min-width:1451px){.workshop-layout .context-information{grid-template-columns:minmax(72px,.6fr) calc(var(--net-width) + 48px) minmax(150px,1fr)}}
@media(min-width:901px) and (max-width:1100px){.workshop-layout .context-information{grid-template-columns:48px 231px minmax(110px,1fr)}}
.workshop-layout .design-metrics{height:100%;align-self:stretch;display:flex;flex-direction:column;overflow:hidden}.design-metrics>.eyebrow{font-size:10px;letter-spacing:.02em}.design-metrics .visual-metric{flex:1 1 0;min-height:0;display:flex;flex-direction:column;padding:8px 0}.visual-metric header{display:flex;flex-direction:column;align-items:start;gap:0;flex:none}.visual-metric header h3{font-size:19px;line-height:1.1}.visual-metric header strong{font-size:22px;line-height:1.15}.visual-metric header strong small{font-size:12px}.visual-metric .face-bars{flex:1;min-height:0;display:grid;grid-template-rows:repeat(6,minmax(0,1fr));gap:2px;margin-top:6px}.visual-metric .face-bar-row{min-height:0;font-size:12px;line-height:1.1;grid-template-columns:9px minmax(0,1fr) 9px;gap:3px}.visual-metric .bar-track{height:10px}.design-metrics>p{font-size:10px;line-height:1.15;flex:none;margin:5px 0 0}
.context-diagram .budget-ring{width:88px;height:88px}.context-diagram .budget-ring>span{font-size:31px}.context-diagram .budget-ring small{font-size:16px}.context-diagram .budget-card{gap:12px}.context-diagram .budget-card .eyebrow{font-size:12px}.context-diagram .budget-card .r-note{font-size:15px}
.pair-donut-row{display:flex;align-items:center;gap:10px;padding:3px 4px;border:1px solid #aa895c44;background:#0b211b66;min-width:0}.pair-donut-row svg{width:58px;height:58px;flex:none}.pair-donut-row svg text{fill:#f0dab0;font:21px Georgia}.pair-donut-row>div{min-width:0;display:flex;flex-direction:column;gap:3px}.pair-donut-row b{font:16px Georgia;color:#e1c887}.pair-donut-row span{font:14px/1.15 'Cormorant Garamond';color:#bfccbb;overflow-wrap:anywhere}.pair-donut-row small{color:#f0a18c;font:12px Georgia}.pair-donut-row.over{border-color:#bd7666}.context-diagram .pairs{gap:4px}.context-diagram .net .side .nm{font-size:13px}.context-diagram .net .side .medal{width:23px!important;height:23px!important}
@media(max-width:900px){.workshop-layout .context-information{grid-template-columns:70px minmax(0,1fr)}.workshop-layout .design-metrics{height:570px}}
.pair-donut-row svg{width:48px;height:48px}.pair-donut-row{padding:2px 4px;gap:7px}.pair-donut-row b{font-size:14px}.pair-donut-row span{font-size:12px}.context-diagram .pair-map .r-label{margin-bottom:2px}.context-diagram .selbar{font-size:11px}.context-diagram{gap:6px}
/* Revision 7: 15-part build meter and selected design on a rotating cube. */
.segmented-build{width:100px;height:100px;flex:none}.segmented-build svg{width:100%;height:100%}.segmented-build text{fill:#f0dab0;font:30px Georgia}.segmented-build .build-limit{font-size:14px;fill:#c5bb99}
@media(min-width:1101px){.workshop-layout main.bench{grid-template-rows:auto minmax(0,1fr) 205px;grid-template-areas:'faces builder librarian' 'faces builder rules' 'faces builder model'}}
.rotating-die-panel{grid-area:model;min-height:0;overflow:hidden;background:#102b24!important;color:#ead7af;border:1px solid #aa895c88}.rotating-die-panel .folio-head{display:flex;align-items:center;justify-content:space-between;padding:8px 10px!important;background:transparent;border-bottom:1px solid #aa895c44}.rotating-die-panel .folio-head h2{font-size:15px!important;color:#ead7af;margin:0}.rotating-die-panel .btn{padding:3px 7px;font-size:13px;background:#1b3b2d;border-color:#aa895c77}.die-model-scene{height:125px;perspective:650px;display:flex;align-items:center;justify-content:center}.study-cube{--edge:70px;position:relative;width:var(--edge);height:var(--edge);transform-style:preserve-3d;animation:study-die-turn 36s linear infinite}.study-cube.paused{animation-play-state:paused}.cube-surface{position:absolute;inset:0;background:linear-gradient(145deg,#f1e7cb,#c9b98e);border:1px solid #bca36c;color:#243b2e;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:5px;box-shadow:inset 0 0 0 3px #dfd1ae}.cube-side{position:absolute;top:3px;left:5px;font:10px Georgia}.cube-surface .medal{width:24px!important;height:24px!important}.cube-name{font:600 12px/1.05 'Cormorant Garamond';text-align:center;overflow-wrap:anywhere}.cube-surface.front{transform:translateZ(calc(var(--edge)/2))}.cube-surface.back{transform:rotateY(180deg) translateZ(calc(var(--edge)/2))}.cube-surface.left{transform:rotateY(-90deg) translateZ(calc(var(--edge)/2))}.cube-surface.right{transform:rotateY(90deg) translateZ(calc(var(--edge)/2))}.cube-surface.top{transform:rotateX(90deg) translateZ(calc(var(--edge)/2))}.cube-surface.bottom{transform:rotateX(-90deg) translateZ(calc(var(--edge)/2))}.model-caption{text-align:center;font:15px 'Cormorant Garamond';margin:0 8px 8px;color:#c7bd97;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@keyframes study-die-turn{0%{transform:rotateX(-22deg) rotateY(0deg)}50%{transform:rotateX(22deg) rotateY(180deg)}100%{transform:rotateX(-22deg) rotateY(360deg)}}
@media(prefers-reduced-motion:reduce){.study-cube{animation:none;transform:rotateX(-22deg) rotateY(30deg)}}
@media(max-width:1100px) and (min-width:901px){.workshop-layout main.bench{grid-template-areas:'faces builder' 'librarian rules' 'model rules';grid-template-rows:650px auto 205px}}
@media(max-width:900px){.workshop-layout main.bench{grid-template-areas:'builder' 'librarian' 'rules' 'model' 'faces';grid-template-rows:auto}.rotating-die-panel{height:205px}}
.rotating-die-panel .folio-head .btn{color:#ead7af!important;font:13px 'Cormorant Garamond';min-width:48px}.workshop-layout .rule-tile{min-height:53px}.workshop-layout .rule-grid{padding-top:9px}.workshop-layout .rule-synopsis{font-size:15px;padding:7px 12px 10px}
/* Revision 8: larger rotating die and uniform square checks. */
.workshop-layout .rule-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto;align-items:stretch}.workshop-layout .rule-tile{aspect-ratio:1 / 1;width:100%;height:auto;min-height:0;box-sizing:border-box;padding:4px 2px;border-width:1px;overflow:hidden}.workshop-layout .rule-tile.stash-rule{box-shadow:inset 0 -3px #c9b47866}.workshop-layout .rule-tile b{font-size:13px}.workshop-layout .rule-tile small{font-size:10px}
.study-cube{--edge:92px}.die-model-scene{height:147px}.cube-surface .medal{width:31px!important;height:31px!important}.cube-name{font-size:14px}.cube-side{font-size:12px}.rotating-die-panel .folio-head{justify-content:center}.rotating-die-panel .model-caption{margin-bottom:5px}

/* Live page: keep profile navigation and use the real conversation renderer. */
.workshop-layout .empire-bar .nav{display:flex!important}.workshop-layout [data-act=signout]:not([hidden]){display:inline-flex!important}.workshop-layout #signin-link:not([hidden]){display:inline-flex!important}
.workshop-layout .app{height:100svh;min-height:740px}.live-conversation{height:560px;width:460px}.live-conversation #librarian-dialogue-content{flex:1;min-height:0;overflow:auto}.live-conversation .librarian{height:100%;min-height:0;border:0}.live-conversation .librarian-top{display:block;padding:10px}.live-conversation .librarian-presence{display:none}.live-conversation .librarian-identity{display:none}.live-conversation .librarian-close{display:none}.live-conversation .librarian-dialogue{display:flex;flex-direction:column;min-height:0;flex:1}.live-conversation .lib-transcript{flex:1;min-height:0;overflow:auto}.live-conversation .lib-compose{flex:none}.live-conversation .lib-face-prompts{max-height:80px;overflow:auto}
@media(max-width:1100px){.workshop-layout .app{height:auto}.workshop-layout .empire-bar .nav{display:flex!important}}

.workshop-layout [hidden]{display:none!important}

/* Character rows stay readable in the compact catalog at wide viewports too. */
.workshop-layout .face{grid-template-columns:30px minmax(0,1fr) auto;gap:0 8px;padding:6px 10px}
.workshop-layout .face>.medal{width:30px!important;height:30px!important;grid-row:1/4;align-self:center}
.workshop-layout .face .main,.workshop-layout .face .meta{display:contents}
.workshop-layout .face .nm{grid-column:2/4;font-size:14.5px}
.workshop-layout .face .loc{grid-column:2;grid-row:2}.workshop-layout .face .ab{grid-column:2;grid-row:3}
.workshop-layout .face .pips{grid-column:3;grid-row:2;justify-self:end}.workshop-layout .face .cv{grid-column:3;grid-row:3;justify-self:end}.workshop-layout .face .use{display:none}