/* One assembled landscape: shared folds, an arch and a ribbon pass among six lives. */
.table-stage{height:clamp(470px,42vw,580px);margin-top:10px}
.table-scenery{position:absolute;inset:0;pointer-events:none;user-select:none}
.table-scenery svg{display:block;width:100%;height:100%;overflow:visible}
.table-scenery-back{z-index:0}.table-scenery-front{z-index:8}
.table-scenery .scene-narrow{display:none}
.table-person{transform:none;transform-origin:50% 80%;z-index:2;--tilt:0deg!important}
.table-person:nth-of-type(1){--x:34%;--y:4%;--w:29%;z-index:4}
.table-person:nth-of-type(2){--x:61%;--y:0%;--w:20%;z-index:3}
.table-person:nth-of-type(3){--x:78%;--y:32%;--w:20%;z-index:5}
.table-person:nth-of-type(4){--x:56%;--y:32%;--w:24%;z-index:6}
.table-person:nth-of-type(5){--x:16%;--y:4%;--w:24%;z-index:3}
.table-person:nth-of-type(6){--x:1%;--y:27%;--w:26%;z-index:5}
.table-person .portrait-art{mask-image:linear-gradient(#000 0 84%,#000c 92%,transparent 100%)}
.table-person.is-active,.table-person.is-active:hover{transform:translateY(-2.8px);z-index:7}
.table-person:hover{transform:translateY(-3px)}
.table-theme{z-index:10;box-shadow:none;background:#f5e4a2;transform:rotate(var(--title-angle,-3deg));min-height:44px;border:0;border-radius:2px;position:absolute;top:82%;left:50%;translate:-50% 0;white-space:nowrap;font-size:clamp(32px,3.35vw,48px);font-weight:850;line-height:1.08;letter-spacing:0;padding:4px 12px 7px;gap:0}
.table-theme{transition:transform .22s ease-out;transform-origin:50% 70%}
.table-theme .table-peek{display:block;position:absolute;top:calc(100% + 3px);left:50%;translate:-50% 0;width:max-content;max-width:190px;height:auto;border-radius:2px;background:var(--ink);color:var(--paper);padding:6px 9px;font-size:13px;font-weight:550;line-height:1.3;white-space:normal;opacity:0;visibility:hidden;transform:translateY(-3px);transition:transform .2s;pointer-events:auto}
.table-theme .table-peek::before{content:'';position:absolute;inset:-4px 0 auto;height:4px}
.table-person:nth-of-type(2) .table-peek,.table-person:nth-of-type(3) .table-peek{left:auto;right:0;translate:none}
.table-person:nth-of-type(5) .table-peek,.table-person:nth-of-type(6) .table-peek{left:0;translate:none}
.table-person.is-active .table-theme{background:var(--accent);color:#fff;transform:rotate(var(--title-angle,-3deg))}
.table-person:nth-of-type(2n){--title-angle:3deg}
.table-person:nth-of-type(3n){--title-angle:-1deg}
.table-person:nth-of-type(1) .table-theme{top:85%;left:53%}
.table-person:nth-of-type(2) .table-theme{top:28%;left:97%;right:auto}
.table-person:nth-of-type(3) .table-theme{top:85%;left:70%}
.table-person:nth-of-type(4) .table-theme{top:90%;left:68%}
.table-person:nth-of-type(5) .table-theme{top:19%;left:4%}
.table-person:nth-of-type(6) .table-theme{top:91%;left:35%}
.table-person:focus-visible{z-index:9}
/* Keep annotations in a common top layer; folds can weave over art, never labels. */
.table-person,.table-person:nth-of-type(n),.table-person.is-active,.table-person.is-active:hover,.table-person:hover{z-index:auto;transform:none}
.table-person:nth-of-type(1){--portrait-layer:4}.table-person:nth-of-type(2){--portrait-layer:3}.table-person:nth-of-type(3){--portrait-layer:5}.table-person:nth-of-type(4){--portrait-layer:6}.table-person:nth-of-type(5){--portrait-layer:3}.table-person:nth-of-type(6){--portrait-layer:5}
.table-person .portrait-art{position:relative;z-index:var(--portrait-layer);transform-origin:50% 85%;transition:transform .3s cubic-bezier(.2,.7,.3,1)}
.table-person.is-active .portrait-art{transform:translateY(-2.8px);z-index:7}
.table-person:focus-visible .portrait-art{transform:translateY(-4.9px) scale(1.0126);z-index:7}
.table-person:focus-visible .table-theme{transform:rotate(0);background:#dceb67;color:var(--ink)}
.table-person.is-active:focus-visible .table-theme{background:var(--accent);color:#fff}
.table-person:focus-visible .table-peek{opacity:1;visibility:visible;transform:none}
.table-person:active .portrait-art{transform:translateY(-2px) scale(.992)}
.table-person:active .table-theme{transform:rotate(0) scale(.97)}
@media(hover:hover) and (pointer:fine){
 .table-person:hover .portrait-art{transform:translateY(-4.9px) scale(1.0126);z-index:7}
 .table-person:hover .table-theme{transform:rotate(0);background:#dceb67;color:var(--ink)}
 .table-person.is-active:hover .table-theme{background:var(--accent);color:#fff}
 .table-person:hover .table-peek{opacity:1;visibility:visible;transform:none}
 .table-person:active .portrait-art{transform:translateY(-2px) scale(.992)}
 .table-person:active .table-theme{transform:rotate(0) scale(.97)}
}
.story-table.is-peek-dismissed .table-peek{opacity:0;visibility:hidden}
.table-person.is-active .table-peek{opacity:1;visibility:visible;transform:none;pointer-events:none}
.table-person:focus-visible{z-index:9}
.table-footer{margin-top:34px}
@media(min-width:761px) and (max-width:1100px){.table-stage{height:43vw;min-height:330px}.table-theme{font-size:clamp(28px,3.2vw,36px);padding:3px 9px 6px}.table-footer{margin-top:40px}}
@media(max-width:760px){
 .table-stage{height:clamp(395px,120vw,860px);margin:12px -3px 0}
 .table-scenery .scene-wide{display:none}.table-scenery .scene-narrow{display:block}
 .table-person:nth-of-type(1){--x:29%;--y:1%;--w:43%}
 .table-person:nth-of-type(2){--x:65%;--y:8%;--w:34%}
 .table-person:nth-of-type(3){--x:66%;--y:49%;--w:35%}
 .table-person:nth-of-type(4){--x:31%;--y:48%;--w:41%}
 .table-person:nth-of-type(5){--x:0%;--y:7%;--w:36%}
 .table-person:nth-of-type(6){--x:0%;--y:44%;--w:38%}
 .table-theme{font-size:clamp(24px,6.3vw,42px);min-height:44px;padding:3px 7px 5px}
 .table-person:nth-of-type(1) .table-theme{top:85%;left:51%}
 .table-person:nth-of-type(2) .table-theme{position:absolute;top:86%;left:65%;right:auto}
 .table-person:nth-of-type(3) .table-theme{top:86%;left:62%}
 .table-person:nth-of-type(4) .table-theme{top:90%;left:53%}
 .table-person:nth-of-type(5) .table-theme{top:85%;left:37%}
 .table-person:nth-of-type(6) .table-theme{top:91%;left:43%}
 .table-footer{margin-top:18px}
}
@media(prefers-reduced-motion:reduce){html:not([data-preview-motion="full"]):not([data-motion="on"]) .table-person:hover,html:not([data-preview-motion="full"]):not([data-motion="on"]) .table-person.is-active,html:not([data-preview-motion="full"]):not([data-motion="on"]) .table-person.is-active:hover,html:not([data-preview-motion="full"]):not([data-motion="on"]) .table-person .portrait-art,html:not([data-preview-motion="full"]):not([data-motion="on"]) .table-person .table-theme,html:not([data-preview-motion="full"]):not([data-motion="on"]) .table-person .table-peek{transform:none!important;transition:none!important}}
@media(forced-colors:active){.table-scenery{display:none}.table-person .portrait-art{mask-image:none}.table-person.is-active .table-theme,.table-person.is-active:hover .table-theme,.table-person.is-active:focus-visible .table-theme{background:Highlight;color:HighlightText}.table-theme,.table-theme .table-peek{border:1px solid ButtonText}}