/* The announcement shares one soft fade; counts and labels stay beside each column. */
.v8-viewer .zone-intro{width:min(620px,92vw);padding:35px 40px 28px;border:0!important;border-radius:0!important;background:radial-gradient(ellipse at center,#070c14f5 25%,#080c14cf 55%,#080c1480 69%,transparent 76%)!important;box-shadow:none!important;backdrop-filter:none!important;pointer-events:none}
.v8-viewer .zone-intro .zone-name{font:600 clamp(20px,2.4vw,32px)/1.18 Georgia,serif;text-align:center;color:var(--accent);text-shadow:0 2px 6px #000;margin:0 0 15px;text-wrap:balance}
.v8-viewer .zone-intro .zone-name::after{content:'';display:block;height:1px;width:70%;margin:12px auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}
.v8-viewer #zoneStats{display:flex;justify-content:center;align-items:flex-end;gap:clamp(12px,2vw,28px)}
.v8-viewer #zoneStats[hidden],.zone-name[hidden]{display:none!important}
.zone-column124{display:grid;justify-items:center;gap:5px;min-width:40px;max-width:78px;color:#f2f0e9;text-align:center;font:600 11px/1.2 'Segoe UI',sans-serif}
.zone-column124>b{font:600 17px/1.2 'Segoe UI',sans-serif;color:#fff}
.zone-track124{position:relative;width:22px;height:58px;background:#ffffff12;border-radius:3px;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff14}
.zone-track124>i{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(0deg,color-mix(in srgb,var(--accent) 60%,#293744),var(--accent));box-shadow:0 0 8px color-mix(in srgb,var(--accent) 25%,transparent);border-radius:2px}
.deck-row .deck-card-count{top:7px!important;left:50%!important;right:auto!important;transform:translateX(-50%);height:auto!important;width:auto!important;min-width:0!important;padding:3px 7px!important;border:0!important;border-radius:5px!important;background:#101417c7!important;box-shadow:none!important;font:600 11px/1.2 'Segoe UI',sans-serif!important;white-space:nowrap;pointer-events:none}
.deck-row:hover .deck-card-count,.deck-row:focus-within .deck-card-count{opacity:1!important;top:36px!important}
.deck-panel .deck-row>.drag-handle,.deck-panel .deck-row>.deck-action123,.deck-panel .deck-row>.deck-edit123{width:22px!important;min-width:22px!important;height:25px!important;padding:3px!important}
.deck-panel .deck-row>.drag-handle{left:5px!important}.deck-panel .deck-row>.deck-move123{left:30px!important}.deck-panel .deck-row>.deck-share123{left:55px!important}
.deck-panel .deck-row>.deck-edit123{right:30px!important}.deck-panel .deck-row>.deck-delete123{right:5px!important}
@media(max-width:640px){.deck-row:hover .deck-card-count,.deck-row:focus-within .deck-card-count{top:36px!important}}
/* No entry-animation sheen when a new deck is mounted; sheen is hover-driven. */
.deck-row,.deck-row .thumb,.deck-row img{animation:none!important}
.deck-row .thumb img{transition:none!important}

body{--theme-rail:#161b1c;--theme-sleeve:none;--frame-trim:0;--frame-width:clamp(42px,4vw,96px)}
body[data-theme=bernstein]{--frame-trim:.28;--theme-rail:#241b12;--theme-sleeve:url('sleeve-bernstein.png')}
body[data-theme=ink]{--frame-trim:.06;--theme-rail:#171b14;--theme-sleeve:url('sleeve-ink.png')}
body[data-theme=afterglow]{--frame-trim:.38;--theme-rail:#191828;--theme-sleeve:url('sleeve-afterglow.png')}
body[data-theme=crimson]{--theme-rail:#241a1b;--theme-sleeve:url('sleeve-crimson.png')}
body[data-theme=wood]{--frame-trim:.12;--scene:url('wood-scene.png');--scene-size:cover;--theme-rail:#182019;--theme-sleeve:url('sleeve-wood.png')}
.theme-wood i{background:url('wood-scene.png') center/cover}
body[data-theme=oasis]{--theme-rail:#172523;--theme-sleeve:url('sleeve-oasis.png')}
body[data-theme=moody]{--theme-rail:#101f2a;--theme-sleeve:url('sleeve-moody.png')}
.matrix-bar11{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-rail) 94%,#000),var(--theme-rail),color-mix(in srgb,var(--theme-rail) 94%,#000))!important}
.v8-viewer .bottomnav{background:color-mix(in srgb,var(--theme-rail) 35%,#030507)!important;border-top-color:color-mix(in srgb,var(--accent) 17%,transparent)!important}
.v8-viewer{background:color-mix(in srgb,var(--theme-rail) 35%,#030507)!important}
.theme-sleeve124{display:none}
body[data-theme=moody][data-decorations=on] .v8-viewer::after{content:'';position:absolute;left:0;right:0;bottom:0;height:min(36vh,360px);background:url('moody-foreground.png') center bottom/100% auto no-repeat;pointer-events:none;z-index:31;mask-image:linear-gradient(to top,#000 65%,transparent),linear-gradient(90deg,#000 18%,transparent 36%,transparent 64%,#000 82%);mask-composite:intersect}
@media(max-width:900px){body[data-theme=moody][data-decorations=on] .v8-viewer::after{display:none}}
/* Nine-slice keeps corners square and aligns decoration with the actual card edge.
   The transparent centre is never painted over the content. */
body[data-sleeves=on] .theme-sleeve124,body[data-sleeves=on] .mode-card::after{content:'';display:block;position:absolute;inset:calc(-1 * var(--frame-width) * var(--frame-trim));border:var(--frame-width) solid transparent;border-image:var(--theme-sleeve) 200 / 1 / 0 stretch;pointer-events:none;z-index:5;border-radius:inherit}
body[data-sleeves=on] .mode-card::after{--frame-width:50px}
/* Organic clouds need continuous fades rather than hard nine-slice seams. */
body[data-sleeves=on][data-theme=moody] .matrix-cell>.theme-sleeve124{inset:0;border:0}
body[data-sleeves=on][data-theme=moody] .matrix-cell>.theme-sleeve124::before,body[data-sleeves=on][data-theme=moody] .matrix-cell>.theme-sleeve124::after{content:'';position:absolute;inset:0;background:var(--theme-sleeve) center top/100% auto no-repeat;mask-image:linear-gradient(#000 15%,transparent 45%);pointer-events:none}
body[data-sleeves=on][data-theme=moody] .matrix-cell>.theme-sleeve124::after{background-position:center bottom;mask-image:linear-gradient(transparent 55%,#000 85%)}
body[data-sleeves=on] .v8-viewer .matrix-cell{background:linear-gradient(90deg,color-mix(in srgb,var(--theme-rail) 52%,transparent),#080d12d9 28%,#080d12d9 72%,color-mix(in srgb,var(--theme-rail) 52%,transparent))}
.mode-card{isolation:isolate;position:relative}
.mode-card>.mode-icon,.mode-card>strong,.mode-card>b{position:relative;z-index:5}
.matrix-bar11{z-index:auto!important}
.matrix-bar11>button{position:relative;z-index:6}
.matrix-bar11>.matrix-number{z-index:6}
.v8-viewer .matrix-top11>button{flex:1!important;width:0!important;max-width:145px;min-width:0}
.sleeve-toggle124{margin:15px 0}
/* Shared background exposure for the three inner screens, independent of card focus. */
.edit-screen,.vault-entry-screen,.v8-viewer .stage{--scene-shade:#05080c1f!important}
body[data-theme=ink] .edit-screen,body[data-theme=ink] .vault-entry-screen,body[data-theme=ink] .v8-viewer .stage{--scene-shade:#05080c18!important}
body[data-theme] .vault-entry-screen{background-image:linear-gradient(var(--scene-shade),var(--scene-shade)),var(--scene)}
.v8-viewer .matrix-cell:not(.current-cell){filter:brightness(.78)}
body[data-sleeves=on] .matrix-cell:not(.current-cell)>.theme-sleeve124{opacity:.52}
body[data-sleeves=on] .matrix-cell{box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 32%,transparent)}
/* Broad layered reflections, like the retained Vault foil. No mount animation. */
body[data-overlay=on] .album-card:not(.super-tile)::after{opacity:1;mix-blend-mode:screen;background:linear-gradient(118deg,transparent 4%,color-mix(in srgb,var(--accent) 24%,transparent) 21%,#ffffff4d 37%,color-mix(in srgb,var(--accent) 32%,transparent) 49%,#ffffff16 60%,transparent 76%);background-size:220% 100%;background-position:0 0;transition:background-position .7s ease}
body[data-overlay=on] .album-card:not(.super-tile):is(:hover,:focus-within,.touch-lit)::after{background-position:100% 0}
body[data-overlay=on] .album-card.preview-text:not(.super-tile)::after{background-size:250% 100%}
body[data-overlay=on] .album-card.preview-checklist:not(.super-tile)::after{background-size:280% 100%}
body[data-overlay=on] .album-card.preview-video:not(.super-tile)::after{background-size:190% 100%}
/* Clear-centre foil: bevel light and edge reflections instead of a white wash. */
.v8-viewer.matrix-overlay .matrix-cell::after{background:linear-gradient(125deg,#ffffff20 0%,#ffffff08 3%,transparent 9%,transparent 92%,color-mix(in srgb,var(--accent) 13%,transparent) 100%);mix-blend-mode:normal;box-shadow:inset 1px 1px 0 #ffffff38,inset -1px -1px 0 #0008,inset 0 7px 12px -10px #ffffff60,inset 0 -9px 14px -11px #000b;opacity:.65;transition:opacity .25s ease}
.v8-viewer.matrix-overlay .matrix-cell.current-cell::after{opacity:1}
.v8-viewer.matrix-overlay .matrix-cell.current-cell:hover::after{box-shadow:inset 1px 1px 0 #ffffff55,inset -1px -1px 0 #0009,inset 0 7px 12px -10px #ffffff80,inset 0 -9px 14px -11px #000b}
/* Soften only the artwork, never the card image or its text. */
body[data-sleeves=on][data-theme=oasis] .theme-sleeve124,body[data-sleeves=on][data-theme=oasis] .mode-card::after{filter:saturate(.78) contrast(.86);opacity:.76}
body[data-sleeves=on][data-theme=crimson] .theme-sleeve124,body[data-sleeves=on][data-theme=crimson] .mode-card::after{filter:saturate(.87) contrast(.91);opacity:.86}
body[data-sleeves=on][data-theme=oasis] .matrix-cell:not(.current-cell)>.theme-sleeve124{opacity:.4}
body[data-sleeves=on][data-theme=crimson] .matrix-cell:not(.current-cell)>.theme-sleeve124{opacity:.45}
@media(prefers-reduced-motion:reduce){.v8-viewer.matrix-overlay .matrix-cell::after{transition:none}}
@media(max-width:600px){.v8-viewer .zone-intro{padding:24px 15px}.zone-column124{font-size:10px;min-width:34px}.zone-track124{height:45px;width:18px}.deck-row .deck-card-count{top:6px!important}body[data-sleeves=on] .current-cell::after{opacity:.7}}

/* Deck-entry title ornaments share the theme accent without obscuring the graph. */
.v8-viewer .zone-intro .zone-name::before,.v8-viewer .zone-intro .zone-name::after{content:'';display:block;width:min(390px,90%);height:24px;margin:10px auto;background:var(--accent);mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 28'%3E%3Cg fill='none' stroke='white' stroke-width='1.2'%3E%3Cpath d='M6 14h116c22 0 26-10 43-10 12 0 17 6 21 10-4 4-9 10-21 10-17 0-21-10-43-10M394 14H278c-22 0-26-10-43-10-12 0-17 6-21 10 4 4 9 10 21 10 17 0 21-10 43-10M14 10l-8 4 8 4m372-8 8 4-8 4M200 5l9 9-9 9-9-9Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;opacity:.8}
.v8-viewer .zone-intro .zone-name::before{height:16px;opacity:.55}
.v8-viewer .deck-banner111::before{content:'';position:absolute;inset:3px 16px;border-block:1px solid color-mix(in srgb,var(--accent) 48%,transparent);pointer-events:none;clip-path:polygon(0 0,100% 0,94% 100%,6% 100%)}
@media(prefers-reduced-motion:reduce){body[data-overlay=on] .album-card::after{transition:none!important}}
/* Keep the night clouds closer to the rim; no content scaling. */
body[data-sleeves=on][data-theme=moody] .matrix-cell>.theme-sleeve124{inset:-18px}
/* Quiet doorway treatment: blue corner light and a fine gold edge. */
body[data-sleeves=on][data-theme=oasis] .theme-sleeve124,body[data-sleeves=on][data-theme=oasis] .mode-card::after{filter:saturate(.98) contrast(.86)}
/* Match the sleeve clipping to the actual card geometry. */
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124{clip-path:inset(0 round 12px)}
/* Approved spring sleeve: keep the sculpture and falling water at their native
   proportions. Only the climbing left edge extends with the card height. */
body[data-theme=oasis]{--theme-sleeve:url('sleeve-oasis.png?rev=20261016')}
/* Separate proportionate end caps avoid stretching the statue on wide layouts. */
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124{inset:0;filter:none;opacity:.92;background:none;mask-image:none;border-style:solid;border-color:transparent;border-width:0 0 0 clamp(30px,5vw,100px);border-image:var(--theme-sleeve) 230 0 130 190 / 0 0 0 1 / 0 stretch}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before,
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{
 content:'';position:absolute;left:calc(-1 * clamp(30px,5vw,100px));right:0;
 aspect-ratio:2 / 3;background:var(--theme-sleeve) center/100% 100% no-repeat;
 pointer-events:none;
}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before{top:0;mask-image:linear-gradient(#000 0 49%,transparent 54%)}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{bottom:0;mask-image:linear-gradient(transparent 87%,#000 94%)}
body[data-sleeves=on][data-theme=oasis] .matrix-cell:not(.current-cell)>.theme-sleeve124{opacity:.52}
/* Entry buttons use the same stone and foliage in a quieter, smaller treatment. */

/* Dedicated entry-button ornaments. The portrait card sleeves are not reused.
   Vector edging scales with square and compact buttons without deforming art. */
body[data-sleeves=on][data-theme=oasis] .vault-entry-screen .mode-card{background:radial-gradient(ellipse at 0 0,#65785638,transparent 55%),linear-gradient(145deg,#25372feF,#142923f5);border-color:#d5c9a36b;box-shadow:0 14px 32px #0005,inset 0 1px 0 #f4e5bf38}
body[data-sleeves=on][data-theme=moody] .vault-entry-screen .mode-card{background:linear-gradient(150deg,#152d3bef,#071521f5);border-color:#c5ae706b;box-shadow:0 14px 32px #0006,inset 0 1px 0 #ecda9d26}
body[data-sleeves=on][data-theme=oasis] .mode-card::after,body[data-sleeves=on][data-theme=moody] .mode-card::after{inset:0;border:0;border-image:none;border-radius:inherit;filter:none;opacity:1;box-shadow:none;background-position:center;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none;z-index:1}
body[data-sleeves=on][data-theme=oasis] .mode-card .mode-icon{color:#bdd4ac}
body[data-sleeves=on][data-theme=moody] .mode-card .mode-icon{color:#c4b886}
body[data-sleeves=on]:is([data-theme=oasis],[data-theme=moody]) .mode-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}

/* Purpose-made near-square entry art; flexible middle strips keep corners intact. */
body[data-sleeves=on]:is([data-theme=oasis],[data-theme=moody]) .vault-entry-screen .mode-card{overflow:visible}
body[data-sleeves=on][data-theme=oasis] .mode-card::after{inset:-8px;border:68px solid transparent;border-image:url('entry-oasis.png') 290 / 1 / 0 stretch;background:none;opacity:.95}
body[data-sleeves=on][data-theme=moody] .vault-entry-screen .mode-card:hover{box-shadow:0 14px 38px #0008,0 0 24px #8daed229,inset 0 1px 0 #e5cf9438}
@media(max-width:820px){body[data-sleeves=on][data-theme=oasis] .mode-card::after,body[data-sleeves=on][data-theme=moody] .mode-card::after{border-width:55px;inset:-5px}}

/* Moody entry: dark open sky above, a low foreground cloud bank below. */
body[data-sleeves=on][data-theme=moody] .vault-entry-screen .mode-card{overflow:hidden;background:linear-gradient(180deg,#030b14 0%,#071521 65%,#142737 100%);border-color:#8e9eac42}
body[data-sleeves=on][data-theme=moody] .vault-entry-screen .mode-card::before{content:none}
body[data-sleeves=on][data-theme=moody] .vault-entry-screen .mode-card::after{inset:0;border:0;border-image:none;background:url('entry-moody.png?rev=low-cloud-bank') right bottom/125% 155% no-repeat;mask-image:linear-gradient(to top,#000 0 24%,#000b 30%,transparent 38%);z-index:6;opacity:.96;pointer-events:none}

.appearance-toggles{display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}
.history-tools [data-act="undo"],.history-tools [data-act="redo"]{font-size:22px;line-height:1;min-width:34px;padding:6px 9px}
.album-card>.card-edit-text{position:absolute;left:70px;top:8px;width:27px;height:28px;padding:2px;z-index:9;opacity:1;background:#111b24e8;font-size:19px}
.viewer-history .appearance-top{min-height:32px}

/* Theme previews use current artwork rather than the retired placeholders. */
/* Show more sky above the horizon in the Appearance previews. */
.theme-choice.theme-afterglow i,.theme-choice.theme-crimson i{background-position:center 35%}
.theme-choice.theme-ink i{background:#151813 url('ink-flow.png') center 42%/cover;border-right:0;box-shadow:inset 0 0 18px #c5ed3820}
.theme-choice.theme-bernstein i{background:#2d2013 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22640%22%20height%3D%22112%22%20viewBox%3D%220%200%20640%20112%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22base%22%20x2%3D%221%22%20y2%3D%22.6%22%3E%3Cstop%20stop-color%3D%22%231b140d%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%2366401a%22%2F%3E%3Cstop%20offset%3D%22.55%22%20stop-color%3D%22%232d1e10%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2315120d%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22glow%22%3E%3Cstop%20stop-color%3D%22%23ffda85%22%20stop-opacity%3D%22.78%22%2F%3E%3Cstop%20offset%3D%22.28%22%20stop-color%3D%22%23dc8b2e%22%20stop-opacity%3D%22.62%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23b65c15%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22vein%22%3E%3Cstop%20stop-color%3D%22%23e3a54a%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%22.36%22%20stop-color%3D%22%23ffe1a0%22%2F%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%23e5a94b%22%20stop-opacity%3D%22.65%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bd843a%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url%28%23base%29%22%20d%3D%22M0%200h640v112H0z%22%2F%3E%3Cellipse%20cx%3D%22165%22%20cy%3D%22112%22%20rx%3D%22230%22%20ry%3D%22150%22%20fill%3D%22url%28%23glow%29%22%2F%3E%3Cellipse%20cx%3D%22500%22%20cy%3D%22-20%22%20rx%3D%22180%22%20ry%3D%22125%22%20fill%3D%22url%28%23glow%29%22%20opacity%3D%22.52%22%2F%3E%3Cpath%20d%3D%22M65%20112L159%2038%20222%200H319L258%2057%20337%20112Z%22%20fill%3D%22%23f7bc5e%22%20opacity%3D%22.12%22%2F%3E%3Cpath%20d%3D%22M159%2038L258%2057%20223%20112H65Z%22%20fill%3D%22%23ffda89%22%20opacity%3D%22.13%22%2F%3E%3Cpath%20d%3D%22M258%2057L319%200H445L385%2042%20420%20112H337Z%22%20fill%3D%22%23120f0c%22%20opacity%3D%22.4%22%2F%3E%3Cpath%20d%3D%22M385%2042L469%2028%20556%200H640V37L524%2067%20480%20112H420Z%22%20fill%3D%22%23d7a65a%22%20opacity%3D%22.09%22%2F%3E%3Cpath%20d%3D%22M0%20101L84%2091%20159%2038%20222%200M84%2091L120%20112M159%2038L258%2057%20337%20112M258%2057L319%200M258%2057L287%2043M385%2042L469%2028%20556%200M469%2028L524%2067%20640%2081M524%2067L480%20112%22%20fill%3D%22none%22%20stroke%3D%22url%28%23vein%29%22%20stroke-width%3D%221.2%22%2F%3E%3Cpath%20d%3D%22M89%2091L160%2042%20200%2016M262%2059L297%2083M471%2031L516%2065%22%20fill%3D%22none%22%20stroke%3D%22%23ffdda0%22%20stroke-opacity%3D%22.28%22%20stroke-width%3D%223%22%2F%3E%3Cpath%20d%3D%22M0%200h640v112H0z%22%20fill%3D%22none%22%20stroke%3D%22%23d8ab5f%22%20stroke-opacity%3D%22.12%22%2F%3E%3C%2Fsvg%3E") center/cover;border-right:0;box-shadow:inset 0 0 16px #140e0855}

/* Stable content-safe rails, with a centred inset for the controls. */
.v8-viewer .matrix-top11{padding-inline:50px!important}
.v8-viewer .matrix-bar11::before{content:'';position:absolute;left:50%;transform:translateX(-50%);top:3px;bottom:3px;width:min(calc(100% - 100px),465px);background:var(--theme-rail);border-block:1px solid color-mix(in srgb,var(--accent) 35%,transparent);clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 50%,calc(100% - 12px) 100%,12px 100%,0 50%);z-index:6;pointer-events:none;box-shadow:0 2px 8px #0008}
.v8-viewer .matrix-bar11>button{z-index:7}
.v8-viewer .matrix-bar11>.matrix-number{z-index:8}
.v8-viewer .matrix-number,.album-card>.tile-number{background:color-mix(in srgb,var(--theme-rail) 90%,#10161c)!important;color:var(--accent)!important;border:1px solid color-mix(in srgb,var(--accent) 55%,#293237)!important;border-radius:5px 2px 5px 2px!important;box-shadow:inset 0 1px 0 #ffffff20,0 2px 5px #0006!important;font-family:system-ui!important;font-weight:650!important;font-variant-numeric:tabular-nums;text-shadow:none!important}
body[data-sleeves=on] .v8-viewer .text-card{padding:clamp(34px,4vw,52px) clamp(28px,4vw,58px)!important}
body[data-sleeves=on][data-theme=bernstein] .matrix-cell>.theme-sleeve124,body[data-sleeves=on][data-theme=bernstein] .mode-card::after{bottom:calc(-1 * var(--frame-width) * var(--frame-trim) - 8px)}
body[data-sleeves=on][data-theme=afterglow] .matrix-cell>.theme-sleeve124{clip-path:polygon(0 0,calc(100% - 58px) 0,calc(100% - 58px) 50px,100% 50px,100% 100%,0 100%)}
/* Oasis: compact stone/foliage rails instead of the portrait-sized sculpture
   hovering deep inside the content. Keep the original art available on disk. */
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124{inset:-3px;border-width:44px 34px 44px 48px;border-image:var(--theme-sleeve) 190 70 120 170 / 1 / 0 stretch;opacity:.88;clip-path:inset(0 round 12px)}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before,body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{content:none}
@media(max-width:600px){.v8-viewer .matrix-top11{padding-inline:42px!important}.v8-viewer .matrix-bar11::before{width:calc(100% - 80px)}body[data-sleeves=on] .v8-viewer .text-card{padding:28px 26px!important}}
/* The upper sculpture cannot be nine-sliced without deforming it. Use the
   existing carved lower rail as a straight top cap; retain the original asset. */
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124{border-width:0 0 44px 48px;border-image:var(--theme-sleeve) 190 0 120 170 / 0 0 1 1 / 0 stretch}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before{content:'';position:absolute;top:0;left:-48px;right:0;height:44px;aspect-ratio:auto;background:var(--theme-sleeve) center bottom/100% auto no-repeat;mask-image:none}

/* Oasis repair: proportional end artwork, no stretched nine-slice plants.
   Keep the approved sculpture/water; fade the lower rail around the controls. */
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124{inset:0;border:0;border-image:none;clip-path:inset(0 round 12px);opacity:.92;filter:none;background:none;mask-image:none}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before,
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{content:'';position:absolute;left:0;right:0;height:auto;aspect-ratio:2 / 3;background:var(--theme-sleeve) center/100% auto no-repeat;pointer-events:none}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before{top:0;bottom:auto;mask-image:linear-gradient(#000 0 49%,transparent 54%)}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{top:auto;bottom:-12px;mask-image:linear-gradient(transparent 87%,#000 94%),radial-gradient(ellipse 94px 49px at 50% 100%,transparent 83%,#000 100%);mask-composite:intersect}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124 .oasis-foliage{position:absolute;inset:0 auto 0 0;width:13%;background:var(--theme-sleeve) left center/auto 100% no-repeat;mask-image:linear-gradient(transparent 5%,#000 22%,#000 78%,transparent 95%);pointer-events:none}
body[data-sleeves=on][data-theme=oasis] .matrix-bar11::before{content:none}

/* Only the single centred lower-row action needs a decoration clearance.
   Never cover the entire lower rail with a six-button-sized backplate. */
.v8-viewer .matrix-bottom11::before{content:none!important}
body[data-sleeves=on]:not([data-theme=oasis]) .current-cell>.theme-sleeve124{mask-image:radial-gradient(ellipse 88px 43px at 50% 100%,transparent 78%,#000 100%)}
body[data-sleeves=on] .current-cell>.theme-sleeve124{mask-image:var(--button-clearance,none)!important}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{mask-image:linear-gradient(transparent 87%,#000 94%);mask-composite:add}

/* Complete approved sleeve: proportional upper/lower artwork, no separate statue.
   Remove transparent image margins with positioning, never squash the sculpture. */
body[data-theme=oasis]{--theme-sleeve:url('oasis-border-v2.png?rev=complete-v3')}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before{left:-3.4%;right:auto;top:-8.5cqw;bottom:auto;width:107%;height:auto;aspect-ratio:2 / 3;background:var(--theme-sleeve) center/100% auto no-repeat;mask-image:linear-gradient(#000 0 49%,transparent 54%)}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{left:-3.4%;right:auto;width:107%;bottom:-5.8cqw}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124 .oasis-foliage{width:12%;mask-image:linear-gradient(transparent 1%,#000 9%,#000 85%,transparent 96%)}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124 .oasis-foliage::before{content:'';position:absolute;left:0;top:0;width:440%;height:7px;background:linear-gradient(#fffdf5,#d9d6c7 55%,#f6f4e9 75%,#a9a99a);border-radius:3px 0 0 0}

body[data-sleeves=on][data-theme=oasis] .matrix-cell{container-type:inline-size}
body[data-sleeves=on][data-theme=oasis] .current-cell>.theme-sleeve124::before{top:calc(44px - 8.5cqw)}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124 .oasis-foliage{background-image:url('oasis-vine-v2.png')}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124 .oasis-foliage::before{display:none}

/* Compact Oasis fit. Scale the sculpture uniformly into the right end of the
   control rail. Keep the vine inside the card; do not enlarge the entire frame
   past its bounds to compensate for transparent source margins. */
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124{overflow:hidden;isolation:isolate}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::before,
body[data-sleeves=on][data-theme=oasis] .current-cell>.theme-sleeve124::before{
 left:auto;right:0;top:-4.2cqw;width:52%;height:auto;aspect-ratio:2 / 3;
 background:var(--theme-sleeve) center/100% auto no-repeat;
 mask-image:linear-gradient(#000 0 15.5%,transparent 18%),linear-gradient(90deg,transparent 94%,#000 97%);
 mask-composite:add;
}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124::after{
 left:0;right:0;width:100%;bottom:-4.8cqw;
 mask-image:linear-gradient(transparent 82%,#000 89%);
}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124 .oasis-foliage{
 inset:0 auto 0 0;width:8%;overflow:visible;
 background-image:var(--theme-sleeve);background-size:650% 112%;background-position:left center;
 mask-image:none;
}
body[data-sleeves=on][data-theme=oasis] .matrix-cell>.theme-sleeve124 .oasis-foliage::before{
 display:block;content:'';position:absolute;left:0;top:0;width:650%;height:44px;
 border-radius:0;background:var(--theme-sleeve) 35% 6.3%/200% auto no-repeat;
 mask-image:linear-gradient(90deg,#000 88%,transparent);z-index:-1;
}
/* Existing layout uses !important inset and an explicit height. Override both,
   otherwise reserving artwork space only clips the picture instead of fitting it. */
body[data-sleeves=on][data-theme=oasis] .current-cell>.card-shell{
 top:max(44px,9cqw)!important;bottom:76px!important;height:auto!important;
}
body[data-sleeves=on][data-theme=oasis] .matrix-top11{background:transparent!important}