/* VS01@home-skin-3566: host-scoped values; keep outer frame and report intact. */
body.arena-runtime:has(#grid.object-wall){
 --fs-white:#fff;--fs-beige:#F6F4EF;--fs-sand:#EAE6DD;--fs-line:#E4DFD4;
 --fs-ink:#121212;--fs-ink-2:#343433;--fs-ink-3:#474645;--fs-ink-4:#848281;
 --fs-blue:#1A88F8;--fs-sky:#D8ECFC;--fs-orange:#FF5310;--fs-green:#44C67F;--fs-sun:#FFC24B;
 --fs-pill:32px;--fs-card:28px;--fs-soft:20px;
 --fs-lift:0 1px 6px rgba(0,0,0,.04),0 0 24px rgba(0,0,0,.05);
 --fs-float:0 3px 16px rgba(0,0,0,.1);
 --fs-ease:cubic-bezier(.19,1,.22,1);--fs-spring:cubic-bezier(.34,1.56,.64,1);
}
body.arena-runtime #grid.object-wall{display:flex;flex-direction:column;aspect-ratio:auto;min-width:0;min-height:540px;gap:16px;padding:0;background:transparent;overflow:visible;filter:none;font-family:Satoshi,Arial,sans-serif;color:var(--fs-ink-2)}
.object-wall button{font:inherit;cursor:pointer;touch-action:manipulation;color:var(--fs-ink-2);border:0;transition:transform .45s var(--fs-ease),background-color .2s,box-shadow .45s var(--fs-ease)}
.object-wall button:focus-visible{outline:3px solid var(--fs-blue);outline-offset:3px;z-index:3}
.object-wall button:disabled{opacity:.4;cursor:default}
.object-wall button:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--fs-lift)}
.object-wall button:not(:disabled):active{transform:scale(.96);transition-duration:.12s}
.object-wall .base-controls{background:var(--fs-white);border-radius:var(--fs-soft);padding:14px;box-shadow:var(--fs-lift)}
.object-wall .base-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.object-wall .base-summary button{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;background:var(--fs-beige);border-radius:12px;min-width:0;text-align:left}
.object-wall .base-summary span{font-size:11px;line-height:1.3}
.object-wall .base-summary strong{font-family:Family,Satoshi,sans-serif;font-size:22px;font-weight:500;line-height:1.2;font-variant-numeric:tabular-nums}
.object-wall .base-summary button[aria-pressed=true]{background:var(--fs-sky);box-shadow:inset 0 0 0 2px var(--fs-blue)}
.object-wall .base-toolbar,.object-wall .base-pager{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;min-height:40px;font-variant-numeric:tabular-nums}
.object-wall .base-toolbar{border-top:1px solid var(--fs-line);padding-top:12px;margin-top:12px}
.object-wall .base-toolbar span{text-align:right;line-height:1.4}
.object-wall .base-toolbar button,.object-wall .base-pager button{background:var(--fs-white);border-radius:var(--fs-pill);padding:10px 14px;min-height:40px;white-space:nowrap}
.object-wall .base-toolbar button,.object-wall .base-pager button:last-child{background:#171717;color:var(--fs-white)}
.crowd-theatre .base-canvas{position:relative;display:flex;flex-direction:column;padding:24px 6px 28px;gap:0;isolation:isolate;background:var(--fs-beige);border-radius:var(--fs-card)}
.crowd-theatre .base-tier{position:relative;display:flex;justify-content:space-around;align-items:start;align-self:center;width:calc(82% + var(--tier-depth)*6%);min-height:138px;padding:8px 3px 18px}
.crowd-theatre .base-tier::before{content:'';position:absolute;inset:44px -2px 0;z-index:-1;border-radius:50% 50% 46% 46% / 22% 22% 38% 38%;background:var(--fs-white);border-bottom:9px solid var(--fs-sand);box-shadow:var(--fs-lift);pointer-events:none}
.crowd-theatre .base-resident{position:relative;flex:1;min-width:0;max-width:90px;min-height:100px;margin-top:var(--seat-rise);padding:2px 1px 7px;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;border-radius:var(--fs-soft);box-shadow:none}
.crowd-theatre .base-resident img{width:56px;height:56px;object-fit:contain;filter:drop-shadow(0 5px 2px rgba(52,52,51,.12));transition:transform .45s var(--fs-ease)}
.crowd-theatre .base-resident:hover img{transform:translateY(-4px) rotate(-5deg)}
.crowd-theatre .base-resident strong{font-family:Family,Satoshi,sans-serif;font-size:13px;font-weight:500}
.crowd-theatre .base-resident span{font-size:10px;color:var(--fs-ink-3);font-variant-numeric:tabular-nums}
.crowd-theatre .base-resident small{font-size:10px;line-height:1.4;overflow-wrap:anywhere}
.crowd-theatre .base-resident small::before{content:'';display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--reaction);margin-right:3px;vertical-align:middle}
.crowd-theatre .base-resident[aria-pressed=true]{background:var(--fs-sky);box-shadow:inset 0 0 0 2px var(--fs-blue),var(--fs-lift)}
.crowd-theatre .base-resident[aria-pressed=true] img{transform:translateY(-4px)}
.object-wall .base-pager{margin-top:auto;flex-shrink:0}
/* Same approved surfaces on the existing adjacent record controls; no slot changes. */
body.arena-runtime:has(#grid.object-wall) #lenses{background:var(--fs-beige);border-color:var(--fs-line);box-shadow:var(--fs-lift)}
body.arena-runtime:has(#grid.object-wall) #lenses button{background:var(--fs-white);color:var(--fs-ink-2);border-color:transparent;border-radius:var(--fs-soft)}
body.arena-runtime:has(#grid.object-wall) #lenses button[aria-pressed=true]{background:var(--fs-sky);border-color:var(--fs-blue);box-shadow:inset 0 0 0 2px var(--fs-blue)}
body.arena-runtime:has(#grid.object-wall) :is(#person-panel,#tooltip){background:var(--fs-white);color:var(--fs-ink-2);border-color:var(--fs-line);border-radius:var(--fs-card);box-shadow:var(--fs-lift)}
body.arena-runtime:has(#grid.object-wall) #person-panel:has(#unpin:not([hidden])){border-color:var(--fs-blue)}
body.arena-runtime:has(#grid.object-wall) #tooltip{pointer-events:none}
body.arena-runtime:has(#grid.object-wall) #tooltip button{pointer-events:auto}
/* VS01 home .button.dark + .button interactions, consumed by the existing replay. */
body.arena-runtime:has(#grid.object-wall) #replay{background:#171717;color:var(--fs-white);border:1px solid #171717;border-radius:var(--fs-pill);min-height:44px;padding:10px 18px;text-decoration:none;box-shadow:var(--fs-lift);transition:transform .45s var(--fs-ease),background-color .2s,box-shadow .45s var(--fs-ease)}
body.arena-runtime:has(#grid.object-wall) #replay:not(:disabled):hover{transform:translateY(-2px);box-shadow:var(--fs-float)}
body.arena-runtime:has(#grid.object-wall) #replay:focus-visible{outline:3px solid var(--fs-blue);outline-offset:3px}
@media(max-width:600px){
 body.arena-runtime #grid.object-wall{min-height:0;gap:12px}
 .object-wall .base-controls{padding:10px}.object-wall .base-summary{gap:6px;grid-template-columns:repeat(4,minmax(0,1fr))}
 .object-wall .base-summary button{padding:8px 5px}.object-wall .base-summary span{font-size:10px}.object-wall .base-summary strong{font-size:20px}
 .crowd-theatre .base-canvas{padding:18px 0 22px;gap:0}.crowd-theatre .base-tier{width:calc(90% + var(--tier-depth)*2%);min-height:124px;padding-inline:0}.crowd-theatre .base-tier::before{inset:34px 0 0;border-bottom-width:7px}.crowd-theatre .base-resident img{width:42px;height:42px}.crowd-theatre .base-resident{max-width:78px}.crowd-theatre .base-resident strong{font-size:12px}
 .object-wall .base-resident small{font-size:11px}.object-wall .base-toolbar button{padding:10px}
}
@media(prefers-reduced-motion:reduce){.object-wall *{animation:none!important;transition:none!important}}