/* The live canvas is the preview. Details stay one deliberate action away. */
.live-final.live-refined .canvas-preview-section > .live-section-inner { grid-template-rows:minmax(0,1fr); }
.live-final.live-refined .canvas-preview-section .canvas-preview-layout {
  position:relative; display:grid; grid-template-columns:minmax(0,1.35fr) minmax(285px,.8fr);
  grid-template-rows:minmax(0,1fr); align-items:center; gap:clamp(22px,4vw,64px); min-height:0; height:100%;
}
.live-final.live-refined .canvas-preview-section .live-canvas-stage {
  display:grid; grid-template-columns:minmax(0,1fr); grid-template-rows:auto minmax(0,1fr) auto;
  align-items:center; justify-content:center; gap:10px; width:100%;
  max-width:640px; min-width:0; min-height:0; height:100%; justify-self:center; container-type:normal;
}
.canvas-preview-art-space { display:grid; place-items:center; container-type:size; width:100%; height:100%; min-width:0; min-height:0; }
.live-final.live-refined .canvas-preview-section .canvas-art-mount { width:min(100cqw,calc(100cqh * .83159)); max-width:100%; min-width:0; min-height:0; height:auto; flex:none; margin:0; aspect-ratio:558/671; justify-self:center; align-self:center; }
.canvas-preview-toolbar { display:flex; justify-content:flex-start; align-items:center; gap:3px; width:max-content; max-width:100%; padding:3px; border:1px solid #a3503a3d; border-radius:7px; background:#f9f3e660; }
.canvas-preview-modes { display:inline-flex; padding:0; border:0; border-radius:4px; background:transparent; }
.canvas-preview-toolbar button { min-height:34px; padding:6px 12px; border:0; border-radius:4px; background:transparent; color:#80533f; font:500 12px/1.2 Arial,sans-serif; letter-spacing:0; text-transform:none; cursor:pointer; }
.canvas-preview-toolbar button[aria-pressed=true] { background:#a3503a; color:#fffaf1; }
.canvas-preview-toolbar .canvas-preview-pause { background:transparent; border:0; border-left:1px solid #a3503a40; border-radius:0 4px 4px 0; color:#80533f; }
.canvas-preview-toolbar .canvas-preview-pause:disabled { opacity:.62; cursor:default; }
.canvas-preview-section button:focus-visible, .canvas-preview-section summary:focus-visible { outline:2px solid #a3503a; outline-offset:3px; }
.live-final.live-refined .canvas-preview-section .ritual-canvas-board { touch-action:pan-y; cursor:crosshair; }
.canvas-preview-note { width:100%; margin:16px 0 0; color:#806f5c; font:400 11px/1.35 Arial,sans-serif; text-align:center; }
.canvas-preview-art-actions { display:flex; align-items:center; justify-content:space-between; gap:12px; width:100%; }
.canvas-preview-art-actions > button { padding:5px 0; min-height:32px; border:0; background:transparent; color:#934e36; font:400 12px/1.2 Arial,sans-serif; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.canvas-preview-zoom { position:absolute; z-index:8; right:4px; bottom:0; transform:translateY(50%); display:flex; border:1px solid #a3503a33; border-radius:5px; background:#fbf6e9; box-shadow:0 2px 8px #59452918; overflow:hidden; }
.canvas-preview-zoom button { min-width:32px; min-height:32px; padding:4px 7px; border:0; background:#fffbf057; color:#80533f; font:400 12px/1 Arial,sans-serif; cursor:pointer; }
.canvas-preview-zoom button+button { border-left:1px solid #a3503a26; }
.live-final.live-refined .canvas-preview-section .canvas-live-column { position:relative; display:flex; flex-direction:column; align-self:center; width:100%; height:auto; min-height:0; gap:12px; }
.live-final.live-refined .canvas-preview-section .canvas-live-panel { position:relative; z-index:0; isolation:isolate; display:flex; flex-direction:column; height:auto; min-height:0; max-height:none; padding:22px; gap:18px; overflow:visible; background:#fffaf0bd; border:1px solid #a3503a26; border-radius:12px; box-shadow:none; }
.canvas-preview-summary { display:flex; justify-content:space-between; align-items:start; gap:14px; }
.canvas-preview-summary h2 { margin:0 0 6px; color:#382e25; font:400 clamp(22px,2.2vw,32px)/1.12 var(--pluritual-wip-serif, Georgia,serif); letter-spacing:-.035em; }
.canvas-preview-summary p { margin:0; color:#8c745e; font:400 11px/1.4 Arial,sans-serif; }
.canvas-preview-summary .canvas-preview-hands { display:flex; flex-direction:column; flex:none; align-items:end; gap:3px; }
.canvas-preview-hands strong { color:#382e25; font:400 32px/1 var(--pluritual-wip-serif, Georgia,serif); }
.canvas-preview-hands span { max-width:60px; text-align:right; color:#8c745e; font:400 10px/1.2 Arial,sans-serif; }
.canvas-preview-context { display:flex; flex-wrap:wrap; gap:6px 18px; color:#8c6048; font:400 12px/1.35 Arial,sans-serif; }
.canvas-preview-context span b { font-weight:600; }
.canvas-preview-context p { flex-basis:100%; margin:6px 0 0; color:#806f5c; font:400 12px/1.5 Arial,sans-serif; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand { display:flex; align-items:center; justify-content:space-between; flex:none; gap:12px; margin:0; padding:12px 0; min-height:0; height:auto; width:100%; border:0; border-block:1px solid #a3503a26; border-radius:0; background:transparent; box-shadow:none; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand .live-mini-section-head { min-height:0; margin:0; padding:0; border:0; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand .live-mini-section-head span { color:#8c6048; font:600 11px/1.25 Arial,sans-serif; letter-spacing:0; text-transform:none; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand-grid { display:flex; gap:5px; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel { width:31px; height:31px; min-height:31px; padding:4px; border:0; border-radius:3px; background:#ae845115; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand-dot { width:23px; height:23px; background:var(--signal-color); box-shadow:none; opacity:1; }
.canvas-preview-secondary { position:relative; display:grid; gap:0; }
.canvas-preview-secondary summary, .live-final.live-refined .canvas-preview-section .live-canvas-info-toggle { display:flex; justify-content:space-between; align-items:center; gap:10px; list-style:none; width:100%; min-height:38px; margin:0; padding:8px 0; border:0; border-top:1px solid #a3503a21; color:#8c6048; background:transparent; font:400 12px/1.3 Arial,sans-serif; cursor:pointer; }
.canvas-preview-secondary summary::-webkit-details-marker { display:none; }
.canvas-preview-secondary details[open] > summary span { transform:rotate(45deg); }
.canvas-proposal-explorer > button { display:flex; justify-content:space-between; gap:12px; width:100%; min-height:38px; padding:8px 0; border:0; border-top:1px solid #a3503a21; background:transparent; color:#8c6048; text-align:left; font:400 12px/1.3 Arial,sans-serif; cursor:pointer; }
.canvas-proposal-dialog { width:min(470px,calc(100vw - 32px)); max-height:min(600px,82dvh); margin:auto; padding:20px; border:1px solid #ae745438; border-radius:12px; background:#fbf6e9; color:#382e25; box-shadow:0 15px 65px #2b231a55; overflow:hidden; }
.canvas-proposal-dialog::backdrop { background:#29251eb3; }
.canvas-proposal-dialog > header { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.canvas-proposal-dialog h3 { margin:0; font:400 27px/1.2 var(--pluritual-wip-serif, Georgia,serif); }
.canvas-proposal-dialog > header button { min-width:36px; min-height:36px; padding:4px; border:1px solid #a3503a30; border-radius:50%; background:transparent; color:#8c6048; font:400 25px/1 Arial,sans-serif; cursor:pointer; }
.canvas-proposal-dialog > p { margin:12px 0; color:#806f5c; font:400 12px/1.45 Arial,sans-serif; }
.canvas-proposal-dialog .canvas-proposal-explorer-body { position:static; max-height:min(445px,calc(82dvh - 135px)); margin:0; padding:4px 3px 10px; border:0; border-radius:0; background:transparent; box-shadow:none; overflow-y:auto; }
.canvas-proposal-dialog .canvas-proposal-explorer-grid { display:flex; flex-direction:column; gap:18px; }
.live-final.live-refined .canvas-preview-section .canvas-proposal-dialog .live-signal-group { width:100%; }
.live-final.live-refined .canvas-preview-section .canvas-proposal-dialog .live-signal-items { grid-template-columns:repeat(2,minmax(0,1fr)); }
.live-final.live-refined .canvas-preview-section .canvas-proposal-dialog .live-signal-row { min-height:40px; }
.canvas-preview-color-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px 16px; padding:8px 0 16px; }
.canvas-preview-color-list > span { display:grid; grid-template-columns:12px minmax(0,1fr) auto; align-items:center; gap:6px; font:400 11px/1.3 Arial,sans-serif; color:#806f5c; }
.canvas-preview-color-list i { width:12px; height:12px; }
.canvas-preview-color-list b { font-weight:600; }
.canvas-preview-empty { margin:0; color:#806f5c; font:400 12px/1.5 Arial,sans-serif; }
.canvas-proposal-explorer-body { max-height:260px; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; padding:0 2px 8px; }
.canvas-proposal-explorer-body > p { margin:8px 0; color:#806f5c; font:400 11px/1.4 Arial,sans-serif; }
.canvas-proposal-explorer-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; align-items:start; }
.canvas-proposal-explorer-grid > :only-child { grid-column:1/-1; }
.live-final.live-refined .canvas-preview-section .live-signal-group { display:flex; flex-direction:column; gap:6px; padding:0; min-height:0; border:0; background:transparent; box-shadow:none; }
.live-final.live-refined .canvas-preview-section .pool-section-label { display:flex; justify-content:space-between; align-items:center; padding:0; font:600 10px/1.25 Arial,sans-serif; letter-spacing:0; text-transform:none; }
.live-final.live-refined .canvas-preview-section .pool-section-label::before, .live-final.live-refined .canvas-preview-section .pool-section-label::after { display:none; }
.live-final.live-refined .canvas-preview-section .pool-section-label small { font:400 9px/1.2 Arial,sans-serif; }
.live-final.live-refined .canvas-preview-section .live-signal-items { display:grid; gap:3px; overflow:visible; }
.live-final.live-refined .canvas-preview-section .live-signal-row { display:flex; align-items:center; gap:6px; width:100%; min-height:34px; padding:5px 6px; border:1px solid #a3503a24; border-radius:4px; background:#fffdf674; box-shadow:none; }
.live-final.live-refined .canvas-preview-section .live-signal-row > strong { flex:1; font:400 11px/1.2 Arial,sans-serif; }
.live-final.live-refined .canvas-preview-section .signal-mark-count { font:400 10px/1.2 Arial,sans-serif; }
.live-final.live-refined .canvas-preview-section .signal-mark-count .signal-kind, .live-final.live-refined .canvas-preview-section .signal-mark-count .live-wide-copy { display:none; }
.live-final.live-refined .canvas-preview-section .signal-swatches { width:16px; height:16px; min-width:16px; display:flex; gap:0; }
.live-final.live-refined .canvas-preview-section .signal-swatches i { flex:1; width:auto; height:16px; background:var(--signal-color); box-shadow:none; opacity:1; }
.live-final.live-refined .canvas-preview-section .live-canvas-artwork-info { position:relative; inset:auto; display:block; width:100%; margin:0; }
.live-final.live-refined .canvas-preview-section #liveCanvasArtworkDetails { display:none; }
.live-final.live-refined .canvas-preview-section .live-canvas-artwork-info.is-open #liveCanvasArtworkDetails { display:block; position:absolute; inset:auto 0 100%; z-index:6; width:100%; max-height:340px; overflow:auto; padding:18px; border:1px solid #bc98713d; border-radius:8px; background:#fbf6e9; box-shadow:0 12px 35px #573f2933; }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail:not([hidden]) { position:absolute; inset:auto 0 0; z-index:8; width:100%; max-height:min(480px,65dvh); padding:20px; overflow:auto; border:1px solid #af77543d; border-radius:10px; background:#fbf6e9; box-shadow:0 10px 42px #5945293d; }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail-head { display:flex; flex-direction:column; align-items:start; gap:5px; padding-right:25px; }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail-head > span { color:#a3503a; font:600 10px/1.2 Arial,sans-serif; }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail-head > strong { color:#382e25; font:400 22px/1.2 var(--pluritual-wip-serif, Georgia,serif); }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail-head > em { color:#8b7a65; font:400 10px/1.2 Arial,sans-serif; }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail-colors { display:grid; gap:3px; margin:14px 0 10px; }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail-colors > span { display:grid; grid-template-columns:18px minmax(0,1fr) auto auto; align-items:center; gap:8px; min-height:31px; padding:4px 0; border:0; border-radius:0; background:transparent; }
.live-final.live-refined .canvas-preview-section .canvas-signal-detail-colors i { width:18px; height:18px; border:0; border-radius:0; box-shadow:none; background:var(--signal-color); }
.canvas-signal-detail-colors strong, .canvas-signal-detail-colors b { font:400 12px/1.3 Arial,sans-serif; }
.canvas-signal-detail-colors small { color:#a3503a; font:400 10px/1.2 Arial,sans-serif; }
.canvas-signal-outcome { margin:10px 0; color:#806f5c; font:400 11px/1.45 Arial,sans-serif; }
.canvas-signal-contributors > summary { padding:8px 0; color:#8c6048; font:400 11px/1.3 Arial,sans-serif; cursor:pointer; }
.canvas-signal-contributors .canvas-signal-people { padding-top:8px; }

@media (max-width:760px) and (orientation:portrait) {
  .live-final.live-refined .canvas-preview-section .canvas-preview-layout { grid-template-columns:minmax(0,1fr); grid-template-rows:minmax(0,1fr) auto; gap:10px; align-items:center; }
  .live-final.live-refined .canvas-preview-section .live-canvas-stage { display:grid; grid-area:auto; width:100%; max-width:480px; height:100%; gap:6px; align-self:stretch; }
  .canvas-preview-toolbar button { min-height:30px; padding:5px 9px; font-size:10px; }
  .canvas-preview-note { font-size:9px; line-height:1.3; }
  .canvas-preview-art-actions > button { min-height:28px; font-size:10px; }
  .canvas-preview-zoom button { min-height:28px; min-width:29px; font-size:10px; }
  .live-final.live-refined .canvas-preview-section .canvas-live-column { display:block; grid-area:auto; align-self:end; height:auto; }
  .live-final.live-refined .canvas-preview-section .canvas-live-panel { display:flex; padding:12px 14px; gap:8px; height:auto; min-height:0; max-height:none; border-radius:9px; }
  .canvas-preview-summary h2 { margin-bottom:3px; font-size:22px; }
  .canvas-preview-summary p { font-size:10px; }
  .canvas-preview-hands strong { font-size:28px; }
  .canvas-preview-hands span { font-size:9px; }
  .canvas-preview-context { gap:4px 12px; font-size:10px; }
  .canvas-preview-context p { display:none; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand { padding:6px 0; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-grid { gap:4px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel { min-height:25px; height:25px; width:27px; padding:3px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-dot { width:21px; height:19px; }
  .canvas-preview-secondary { display:flex; flex-wrap:wrap; gap:0 12px; }
  .canvas-preview-secondary > details, .canvas-preview-secondary > .live-canvas-artwork-info { position:static; width:auto; flex:none; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-secondary > .live-canvas-artwork-info { width:auto; flex:1 0 auto; }
  .canvas-preview-secondary summary, .live-final.live-refined .canvas-preview-section .live-canvas-info-toggle { min-height:28px; padding:5px 0; border:0; font-size:10px; }
  .canvas-preview-secondary .canvas-proposal-explorer { flex-basis:100%; }
  .canvas-proposal-explorer > button { min-height:28px; padding:5px 0; border:0; border-bottom:1px solid #a3503a24; font-size:10px; }
  .canvas-preview-secondary .canvas-proposal-explorer > summary { border-bottom:1px solid #a3503a24; }
  .canvas-preview-secondary .canvas-preview-colors > summary span { display:none; }
  .canvas-preview-secondary .canvas-proposal-explorer-body, .canvas-preview-secondary .canvas-preview-color-list { position:absolute; bottom:35px; left:0; right:0; z-index:6; max-height:min(340px,50dvh); overflow:auto; padding:14px; border:1px solid #a3503a33; border-radius:8px; background:#fbf6e9; box-shadow:0 10px 32px #59452933; }
  .canvas-preview-secondary .canvas-preview-color-list { bottom:0; margin-bottom:35px; }
  .canvas-preview-secondary .canvas-proposal-dialog .canvas-proposal-explorer-body { position:static; max-height:calc(82dvh - 135px); padding:4px 3px 10px; border:0; border-radius:0; background:transparent; box-shadow:none; }
  .live-final.live-refined .canvas-preview-section .live-canvas-artwork-info.is-open #liveCanvasArtworkDetails { inset:auto 0 35px; }
  .live-final.live-refined .canvas-preview-section .canvas-signal-detail:not([hidden]) { max-height:min(340px,55dvh); padding:16px; }
}
@media (max-width:760px) and (max-height:700px) and (orientation:portrait) {
  .live-final.live-refined .canvas-preview-section .live-canvas-stage { width:100%; gap:4px; }
  .live-final.live-refined .canvas-preview-section .canvas-live-panel { padding:8px 11px; gap:5px; }
  .canvas-preview-summary h2 { font-size:19px; }
  .canvas-preview-context { display:none; }
  .canvas-preview-summary .canvas-preview-hands { flex-direction:row; align-items:center; }
  .canvas-preview-hands strong { font-size:25px; }
  .canvas-preview-note { font-size:8px; }
}
@media (max-height:500px) and (orientation:landscape) {
  .live-final.live-refined .canvas-preview-section .canvas-preview-layout { grid-template-columns:minmax(0,1fr) minmax(260px,1fr); gap:18px; }
  .live-final.live-refined .canvas-preview-section .live-canvas-stage { width:100%; gap:4px; }
  .canvas-preview-toolbar button { min-height:25px; font-size:9px; padding:4px 7px; }
  .canvas-preview-note { display:none; }
  .canvas-preview-art-actions > button { min-height:25px; font-size:10px; }
  .canvas-preview-zoom button { min-height:25px; min-width:25px; }
  .live-final.live-refined .canvas-preview-section .canvas-live-panel { padding:12px; gap:8px; }
  .canvas-preview-context p { display:none; }
  .canvas-preview-summary h2 { font-size:23px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand { padding:5px 0; }
  .canvas-preview-secondary summary, .live-final.live-refined .canvas-preview-section .live-canvas-info-toggle { min-height:28px; padding:4px 0; font-size:10px; }
}

/* A readable personal hand and the current Shared Hand order sit beside the art. */
.live-final.live-refined .canvas-preview-section .canvas-your-hand { justify-content:flex-start; gap:clamp(8px,1.5vw,22px); }
.live-final.live-refined .canvas-preview-section .canvas-your-hand .live-mini-section-head { min-width:68px; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand .live-mini-section-head span { color:#713f2f; font-size:12px; font-weight:700; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel { display:grid; place-items:center; width:44px; height:44px; min-height:44px; padding:4px; border:1px solid #a3503a35; border-radius:5px; background:#fffaf0; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand-dot { display:block; width:100%; height:100%; border-radius:2px; }
.canvas-shared-leaders { min-width:0; }
.canvas-shared-leaders h3 { display:flex; justify-content:space-between; align-items:baseline; margin:0 0 7px; color:#713f2f; font:600 12px/1.3 Arial,sans-serif; }
.canvas-shared-leaders h3 span { color:#8c745e; font-size:10px; font-weight:400; }
.canvas-shared-leader-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:4px 8px; margin:0; padding:0; list-style:none; }
.canvas-shared-leader-list button { display:grid; grid-template-columns:19px 16px minmax(0,1fr) auto; align-items:center; gap:5px; width:100%; min-height:29px; padding:3px 5px; border:1px solid #a3503a26; border-radius:4px; background:#fffdf678; color:#473c2f; text-align:left; cursor:pointer; }
.canvas-shared-leader-list button:hover,.canvas-shared-leader-list button:focus-visible { border-color:#a3503a8c; background:#fff9e9; }
.canvas-shared-leader-list button.selected { box-shadow:inset 0 0 0 1px #a3503a; }
.canvas-shared-leader-rank { color:#a3503a; font:600 9px/1 Arial,sans-serif; }
.canvas-shared-leader-position { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:11px/1.2 Arial,sans-serif; }
.canvas-shared-leader-count { white-space:nowrap; color:#8c745e; font:9px/1.2 Arial,sans-serif; }
.canvas-shared-leader-empty { margin:0; color:#8c745e; font:11px/1.4 Arial,sans-serif; }
.canvas-shared-leaders-mobile { display:none; }
.canvas-shared-leader-swatches { display:grid; grid-template-columns:repeat(10,minmax(0,1fr)); gap:3px; margin:0; padding:0; list-style:none; }
.canvas-shared-leader-swatches li { min-width:0; }
.canvas-shared-leader-swatches button { display:grid; place-items:center; width:100%; min-height:26px; aspect-ratio:1; padding:3px; border:1px solid #a3503a30; border-radius:4px; background:#fffaf0; cursor:pointer; }
.live-final.live-refined .canvas-preview-section .canvas-shared-leader-swatches .signal-swatches { width:100%; height:100%; min-width:0; border-radius:1px; overflow:hidden; }
.live-final.live-refined .canvas-preview-section .canvas-shared-leader-swatches .signal-swatches i { min-width:0; height:100%; }
.canvas-shared-leader-swatches button:hover,.canvas-shared-leader-swatches button:focus-visible { border-color:#a3503a; outline:2px solid #a3503a; outline-offset:1px; }
.canvas-shared-leader-swatches button.selected { border-color:#a3503a; box-shadow:0 0 0 1px #a3503a; }

/* Size the personal pixels and ranking to the panel, including narrow tablets. */
.live-final.live-refined .canvas-preview-section .canvas-live-panel { container:canvas-live-info / inline-size; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand-grid { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); flex:0 1 240px; width:min(240px,100%); min-width:0; }
.live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel { width:100%; height:auto; min-height:0; aspect-ratio:1; }
@container canvas-live-info (max-width:350px) {
  .canvas-shared-leader-list { grid-template-columns:1fr; max-height:min(290px,25dvh); overflow-y:auto; }
}
@media (min-width:761px) {
  @container canvas-live-info (max-width:350px) {
    .live-final.live-refined .canvas-preview-section .canvas-your-hand { flex-direction:column; align-items:flex-start; gap:7px; }
    .live-final.live-refined .canvas-preview-section .canvas-your-hand-grid { flex-basis:auto; }
  }
}

@media (max-width:760px) and (orientation:portrait) {
  .live-final.live-refined .canvas-preview-section .canvas-your-hand { padding:7px 0; gap:6px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand .live-mini-section-head { min-width:56px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-grid { gap:4px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel { width:38px; height:38px; min-height:38px; padding:3px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-dot { width:100%; height:100%; }
  .canvas-shared-leaders-desktop { display:none; }
  .canvas-shared-leaders-mobile { display:block; position:relative; }
  .canvas-shared-leaders-mobile > h3 { margin:0 0 5px; padding:5px 0 0; border-top:1px solid #a3503a21; color:#8c6048; font:600 10px/1.3 Arial,sans-serif; }
  .canvas-shared-leaders-mobile > h3 span { font-size:10px; font-weight:400; }
  .canvas-shared-leader-list { grid-template-columns:1fr; }
}
@media (max-width:360px) and (orientation:portrait) {
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel { width:35px; height:35px; min-height:35px; }
}
@media (max-height:500px) and (orientation:landscape) {
  .live-final.live-refined .canvas-preview-section .canvas-live-column { align-self:stretch; height:100%; min-height:0; }
  .live-final.live-refined .canvas-preview-section .canvas-live-panel { height:100%; max-height:100%; overflow-y:auto; padding:8px 10px; gap:5px; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-context { display:none; }
  .canvas-preview-summary h2 { font-size:18px; }
  .canvas-preview-summary p { font-size:9px; }
  .canvas-preview-hands strong { font-size:23px; }
  .canvas-shared-leaders-desktop { display:none; }
  .canvas-shared-leaders-mobile { display:block; }
  .canvas-shared-leaders-mobile > h3 { margin:0 0 4px; padding:5px 0 0; border-top:1px solid #a3503a21; color:#8c6048; font:600 10px/1.2 Arial,sans-serif; }
  .canvas-shared-leaders-mobile > h3 span { font-size:10px; font-weight:400; }
  .canvas-shared-leader-swatches { gap:2px; }
  .canvas-shared-leader-swatches button { min-height:24px; padding:2px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand-pixel { width:34px; height:34px; min-height:34px; }
}

/* On a phone the work keeps its width; shorter screens can scroll this section. */
@media (max-width:760px) and (orientation:portrait) {
  .live-final.live-refined[data-live-theme="canvas"] > header.pluritual-header { min-height:var(--live-top); background:#ebe2d2; box-shadow:0 5px 10px #ebe2d2; }
  .live-final.live-refined .canvas-preview-section { height:auto; min-height:100dvh; padding-left:12px; padding-right:12px; overflow:visible; }
  .live-final.live-refined .canvas-preview-section > .live-section-inner { height:auto; min-height:0; display:block; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-layout { height:auto; grid-template-rows:auto auto; gap:12px; align-items:start; }
  .live-final.live-refined .canvas-preview-section .live-canvas-stage { height:auto; max-width:none; grid-template-rows:auto auto auto; gap:8px; }
  .live-final.live-refined .canvas-preview-section .canvas-preview-art-space { height:auto; container-type:inline-size; }
  .live-final.live-refined .canvas-preview-section .canvas-art-mount { width:100%; max-width:100%; }
  .canvas-preview-toolbar { justify-self:start; }
  .canvas-preview-toolbar button { min-height:30px; }
  .canvas-preview-note { margin-top:12px; }
  .live-final.live-refined .canvas-preview-section .canvas-live-column { align-self:start; }
  .live-final.live-refined .canvas-preview-section .canvas-live-panel { padding:10px 12px; gap:8px; }
  .live-final.live-refined .canvas-preview-section .canvas-your-hand { order:1; padding:0 0 8px; margin:0; border-top:0; }
  .canvas-shared-leaders { order:2; }
  .canvas-preview-summary { order:3; align-items:center; gap:10px; padding-top:8px; border-top:1px solid #a3503a21; }
  .canvas-preview-summary h2 { margin:0; font-size:18px; }
  .canvas-preview-summary > div > p { display:none; }
  .canvas-preview-summary .canvas-preview-hands { flex-direction:row; align-items:baseline; gap:5px; }
  .canvas-preview-hands strong { font-size:25px; }
  .canvas-preview-context { display:none; }
  .canvas-preview-secondary { order:4; }
  .canvas-preview-secondary .canvas-proposal-explorer > button { min-height:30px; padding:5px 0; }
}