/* Second accent and brand gradient, applied to every page that uses the shared header.
   Cyan stays the colour of actions, links and focus; violet marks community, ideas and personal touches;
   the cyan-to-violet gradient carries the main calls to action and the brand lines. Values live in theme.css
   (the fallbacks only cover a theme.css still cached by the browser). */

/* Utility: brand gradient on text. */
.text-gradient{background:var(--mt-gradient,linear-gradient(135deg,#22D3EE,#818CF8 55%,#A78BFA));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Main calls to action (2026-11-10): the deep brand gradient with white text, readable in every state.
   The light gradient (--mt-gradient) stays for lines, frames and accents, never under text. */
.btn-primary{--bs-btn-color:var(--mt-on-action,#FFFFFF);--bs-btn-hover-color:var(--mt-on-action,#FFFFFF);--bs-btn-active-color:var(--mt-on-action,#FFFFFF);--bs-btn-bg:#4F46E5;--bs-btn-hover-bg:#5B4FF0;--bs-btn-active-bg:#4338CA;--bs-btn-border-color:transparent;--bs-btn-hover-border-color:transparent;--bs-btn-active-border-color:transparent;color:var(--mt-on-action,#FFFFFF);background-image:var(--mt-action-gradient,linear-gradient(135deg,#0E7490,#4F46E5 55%,#7C3AED));text-shadow:0 1px 1px rgb(0 0 0 / .25)}
.btn-primary:hover,.btn-primary:focus-visible{color:var(--mt-on-action,#FFFFFF);background-image:var(--mt-action-gradient-hover,linear-gradient(135deg,#0F7E9C,#5B4FF0 55%,#8649F2))}
.btn-primary:active,.btn-primary.active{color:var(--mt-on-action,#FFFFFF);background-image:var(--mt-action-gradient-active,linear-gradient(135deg,#0B6A84,#4338CA 55%,#6D28D9))}
.btn-primary .site-action-icon,.btn-primary>i,.btn-primary .bi{color:inherit}
/* A disabled call to action goes back to the neutral theme surface: no gradient under its grey label. */
.btn-primary:disabled,.btn-primary.disabled,fieldset:disabled .btn-primary{background-image:none;box-shadow:none;filter:none}

/* Brand lines under the site header and above the footer. */
.site-navbar{border-bottom-color:transparent}
.site-navbar::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:var(--mt-gradient,linear-gradient(90deg,#22D3EE,#A78BFA));opacity:.7;pointer-events:none}
.mt-footer{position:relative;border-top-color:transparent}
.mt-footer::before{content:"";position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--mt-gradient,linear-gradient(90deg,#22D3EE,#A78BFA));opacity:.55;pointer-events:none}

/* Home hero: the highlighted line of the title takes the brand gradient. */
.hero h1>span{background:var(--mt-gradient,linear-gradient(135deg,#22D3EE,#818CF8 55%,#A78BFA));-webkit-background-clip:text;background-clip:text;color:transparent}

/* Page headings: the icon disc takes both brand tones. */
.page-heading-symbol{background:var(--mt-gradient-soft,linear-gradient(135deg,rgba(34,211,238,.14),rgba(167,139,250,.14)));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--mt-violet,#A78BFA) 28%,transparent)}

/* Community: unread notifications, mentions and friend activity use the violet accent. */
.community-unread{background:var(--mt-violet,#A78BFA)}

/* Ideas left on decks are a community feature: violet badges and borders. */
.deck-suggestion.is-unseen{border-color:var(--mt-violet,#A78BFA);box-shadow:0 0 0 1px color-mix(in srgb,var(--mt-violet,#A78BFA) 35%,transparent),0 8px 24px rgba(0,0,0,.3)}
.deck-suggestion-new{background:var(--mt-violet,#A78BFA);border-color:var(--mt-violet,#A78BFA)}
.deck-suggestion-banner{background:linear-gradient(135deg,color-mix(in srgb,var(--mt-violet,#A78BFA) 18%,var(--mt-surface)),color-mix(in srgb,var(--mt-primary,#22D3EE) 10%,var(--mt-surface)));border-color:color-mix(in srgb,var(--mt-violet,#A78BFA) 55%,transparent)}
.deck-suggestions-public{background:linear-gradient(135deg,color-mix(in srgb,var(--mt-violet,#A78BFA) 12%,var(--mt-surface)),color-mix(in srgb,var(--mt-primary,#22D3EE) 6%,var(--mt-surface)))}
.deck-public-suggest:hover,.deck-public-suggest:focus-visible{background:var(--mt-violet,#A78BFA);border-color:var(--mt-violet,#A78BFA)}
.deck-preview-ideas{background:var(--mt-violet,#A78BFA)}
.deck-preview-ideas:hover,.deck-preview-ideas:focus-visible{background:var(--mt-violet-hover,#C4B5FD)}

/* =====================================================================================================
   Halo (validated 2026-11-10): depth through light. Light comes from above (a clear top edge on every
   surface), shadows are night blue, never pure black; hovering a tile lifts it and frames it with the
   brand gradient. Tokens (--mt-elev-*, --mt-tile-*, --mt-aurora, --mt-grain…) live in theme.css.
   This sheet is loaded after the page stylesheets, so selectors match their specificity on purpose.
   ===================================================================================================== */

/* Page background: aurora at the top of the page and a very fine grain (page-layout.css keeps its fixed line pattern). */
body{background-color:var(--mt-bg);background-image:var(--mt-grain),var(--mt-aurora)}

/* Header: frosted glass on a pseudo-element (a backdrop filter on the bar itself would trap its fixed panels). */
.site-navbar{background:transparent}
.site-navbar::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--mt-glass);-webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%)}
.site-navbar::after{opacity:1;box-shadow:0 1px 18px rgb(129 140 248 / .35)}
.site-navbar .site-primary-links .nav-link{background:transparent}
.site-navbar .site-primary-links .nav-link:hover{background:rgb(255 255 255 / .05);border-color:var(--mt-border-soft)}
.site-navbar .site-primary-links .nav-link:is(.active,[aria-expanded=true]){background:linear-gradient(180deg,rgb(34 211 238 / .14),rgb(34 211 238 / .02));border-color:rgb(34 211 238 / .3);box-shadow:var(--mt-edge-light),0 8px 24px -10px rgb(34 211 238 / .6)}
.site-navbar .site-primary-links .nav-link:is(.active,[aria-expanded=true])::before{background:var(--mt-gradient);box-shadow:0 0 12px 1px rgb(34 211 238 / .7)}

/* Footer: the brand line glows, the footer sinks into the night. */
.site-footer.mt-footer{background:linear-gradient(180deg,transparent,rgb(var(--mt-shade) / .6))}
.mt-footer::before{opacity:1;box-shadow:0 0 16px rgb(129 140 248 / .5)}

/* Buttons: the main call to action gets a top reflection and a coloured halo; secondary buttons are raised. */
.btn-primary{background-origin:border-box;box-shadow:inset 0 1px 0 rgb(255 255 255 / .2),0 8px 20px -8px rgb(124 58 237 / .65)}
.btn-primary:is(:hover,:focus-visible){box-shadow:inset 0 1px 0 rgb(255 255 255 / .26),0 10px 24px -8px rgb(124 58 237 / .75)}
.btn-secondary,.btn-outline-secondary,.btn-outline-light,.btn-dark{--bs-btn-hover-border-color:rgb(170 200 255 / .32);--bs-btn-active-border-color:rgb(170 200 255 / .4);background-image:linear-gradient(180deg,rgb(255 255 255 / .07),rgb(255 255 255 / .015));box-shadow:var(--mt-edge-light),0 2px 6px rgb(var(--mt-shade) / .5)}
.btn-secondary:hover,.btn-outline-secondary:hover,.btn-outline-light:hover,.btn-dark:hover{background-image:linear-gradient(180deg,rgb(255 255 255 / .1),rgb(255 255 255 / .03))}
:is(.btn-secondary,.btn-outline-secondary,.btn-outline-light,.btn-dark):is(:disabled,.disabled){background-image:none;box-shadow:none}

/* Fields are carved into the surface; the cyan focus ring is unchanged. */
.form-control,.form-select{background-color:var(--mt-field-bg);border-color:var(--mt-border-soft);box-shadow:var(--mt-field-shadow)}
.form-control:focus,.form-select:focus{background-color:var(--mt-field-bg);border-color:var(--mt-primary);box-shadow:var(--mt-field-shadow),0 0 0 3px rgb(34 211 238 / .22)}
.form-control:disabled,.form-select:disabled{box-shadow:none}

/* Floating layers: menus and dialogs sit on the highest level. */
.dropdown-menu{border-color:var(--mt-border-soft);box-shadow:var(--mt-edge-light),0 24px 50px -12px rgb(var(--mt-shade) / .9)}
.modal-content{border-color:var(--mt-border-soft);box-shadow:var(--mt-edge-light),0 30px 70px -18px rgb(var(--mt-shade) / .95)}

/* Section labels and page heading disc catch the light. */
.eyebrow::before{background:var(--mt-gradient);box-shadow:0 0 10px rgb(34 211 238 / .7)}
.page-heading-symbol{background:radial-gradient(circle at 35% 25%,rgb(103 232 249 / .35),rgb(34 211 238 / .06) 65%);box-shadow:inset 0 0 0 1px rgb(34 211 238 / .4),0 0 40px -6px rgb(34 211 238 / .55)}
.page-heading-symbol::after{border-color:rgb(167 139 250 / .35);box-shadow:0 0 30px -10px rgb(167 139 250 / .6)}

/* Level 2 panels: search filters, the home "choose your game" panel, mode and deck panels, final call.
   site-workspace.css opens these home blocks (no frame); Halo frames them again, hence the matching selectors. */
.catalog-search:not(.match-select-field,.create-table-field,.edition-filter-panel>.catalog-search),
.site-home .home-play-panel,
.site-home .home-band :is(.mode-panel,.library-panel,.cta-panel){border:1px solid transparent;border-radius:var(--mt-radius-surface);background:var(--mt-panel-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-2)}
.site-home .home-play-panel{padding:clamp(1.25rem,3vw,2rem);background:radial-gradient(ellipse at top right,rgb(34 211 238 / .1),transparent 60%) padding-box,var(--mt-panel-fill) padding-box,var(--mt-tile-frame) border-box}
.site-home .home-band .mode-panel{padding:clamp(1.25rem,4vw,3rem)}
.site-home .home-band .library-panel{padding:clamp(1.25rem,3vw,2rem)}
.site-home .home-band .cta-panel{padding:clamp(1.5rem,4vw,3rem) clamp(1.25rem,3vw,2.5rem);background:radial-gradient(30rem 14rem at 100% 0%,rgb(167 139 250 / .26),transparent 70%) padding-box,radial-gradient(30rem 14rem at 0% 100%,rgb(34 211 238 / .2),transparent 70%) padding-box,linear-gradient(160deg,#1A2A4C,#121C36) padding-box,var(--mt-tile-frame) border-box}

/* Level 1 tiles: lit frame at rest; on hover the brand gradient frame, a cyan halo and a 4 px lift. */
.site-home .home-play-options{gap:.7rem}
.site-home .home-play-option,
.site-home .home-band .feature-card,
.deck-preview-grid .deck-preview{border:1px solid transparent;border-radius:1rem;background:var(--mt-tile-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-1);transition:transform .25s ease,box-shadow .25s ease}
.site-home .home-play-option{padding:1rem 1.1rem}
.site-home .home-play-option:last-child{border-bottom:1px solid transparent}
.site-home .home-band .feature-card{padding:clamp(1.4rem,3vw,2rem)}
:is(.site-home .home-play-option,.site-home .home-band .feature-card,.deck-preview-grid .deck-preview):is(:hover,:focus-within){background:var(--mt-tile-fill) padding-box,var(--mt-gradient) border-box;box-shadow:var(--mt-elev-3)}
.site-home .home-play-option:hover{color:var(--mt-text)}
.site-home .home-play-icon,.site-home .home-resource-icon{border-radius:50%;background:radial-gradient(circle at 30% 25%,rgb(103 232 249 / .32),rgb(34 211 238 / .06) 70%);box-shadow:inset 0 0 0 1px rgb(34 211 238 / .3),var(--mt-glow-cyan)}
/* Public table cards on the home page are styled by their own sheet, home-tables.css. */
.home-deck-thumbnail,.library-card-visual{box-shadow:0 10px 24px -8px rgb(var(--mt-shade) / .85);transition:transform .25s ease,box-shadow .25s ease,border-color .2s ease}
.home-deck-row:hover .home-deck-thumbnail,.library-card-visual:hover{box-shadow:var(--mt-elev-3)}
@media(hover:hover){
 :is(.site-home .home-band .feature-card,.deck-preview-grid .deck-preview,.library-card-visual):hover,.home-deck-row:hover .home-deck-thumbnail{transform:translateY(var(--mt-lift))}
 .site-home .home-play-option:hover{transform:translateX(4px)}
}

/* Sections: transparent bands let the page light through; muted bands are lit locally. */
.site-home .home-band{background:transparent;border-top-color:var(--mt-border-soft)}
.site-home .home-band-muted,.home-tables-band{background:radial-gradient(40rem 16rem at 85% 0%,rgb(34 211 238 / .08),transparent 70%),radial-gradient(40rem 16rem at 10% 100%,rgb(167 139 250 / .08),transparent 70%),linear-gradient(180deg,transparent,rgb(23 36 65 / .55) 12%,rgb(23 36 65 / .55) 88%,transparent)}
.home-tables-band{border-color:var(--mt-border-soft)}

/* Active tabs glow under the brand gradient. */
.deck-library-nav a[aria-current=page],.site-home .nav-pills .nav-link.active{border-bottom-color:transparent;border-image:var(--mt-gradient) 1;background:linear-gradient(180deg,transparent,rgb(34 211 238 / .08));text-shadow:0 0 18px rgb(34 211 238 / .6)}

/* ---- Halo, lot 2 (2026-11-10): card galleries, public decks, social, play and versions ---- */

/* Card galleries (catalogue, editions, preconstructed lists): the card itself is the object, with the real
   rounded corners of a card. The frame carries the shadow (its overflow clips the image), lifts on hover and
   catches a cyan and violet halo. */
/* Slightly larger corners than the printed card hide the light pixels left in the corners of some scans;
   the image covers its box so no strip of background shows under it. */
.card-catalogue .library-explore-card .library-card-frame{border-radius:5.6%/4.1%;box-shadow:0 2px 4px rgb(var(--mt-shade) / .5),0 14px 28px -12px rgb(var(--mt-shade) / .95);transition:transform .25s ease,box-shadow .25s ease}
.card-catalogue .library-explore-card :is(.library-card-visual,.library-card-visual>img){border-radius:5.6%/4.1%;box-shadow:none}
.card-catalogue .library-explore-card .library-card-visual{background:transparent}
.card-catalogue .library-explore-card .library-card-visual>img{object-fit:cover}
.card-catalogue .library-explore-card .library-card-visual:hover{transform:none;box-shadow:none}
.card-catalogue .library-explore-card:is(:hover,:focus-within) .library-card-frame{box-shadow:0 0 0 1px rgb(34 211 238 / .45),0 28px 52px -16px rgb(var(--mt-shade) / .95),0 14px 36px -12px rgb(34 211 238 / .45),0 10px 40px -14px rgb(167 139 250 / .45)}
@media(hover:hover){.card-catalogue .library-explore-card:hover .library-card-frame{transform:translateY(-6px)}}
/* Prices float on the card as a glass pill; a missing price is no longer repeated on every card. */
.library-price-badge{background:rgb(11 17 32 / .74);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--mt-border-soft);box-shadow:0 6px 14px -4px rgb(var(--mt-shade) / .7)}
.card-catalogue .library-price-badge:has(.library-price-missing){display:none}
/* Statistics under a card: one compact bar attached to the card, no separating line; icons take the accent
   on hover or when liked. */
.card-catalogue .library-explore-card .library-card-info{padding-top:.7rem}
.card-catalogue .library-explore-card .content-actions-mini{width:min(100%,13.5rem);margin:auto auto 0;padding:.2rem;gap:.15rem;border:1px solid var(--mt-border-soft);border-radius:999px;background:rgb(255 255 255 / .035);box-shadow:var(--mt-edge-light),0 4px 12px -6px rgb(var(--mt-shade) / .8)}
.card-catalogue .library-explore-card .content-metric{gap:.35rem;border-radius:999px;color:var(--mt-text-secondary)}
.card-catalogue .library-explore-card .library-like:hover{background:rgb(34 211 238 / .1)}
.card-catalogue .library-explore-card .content-metric i{color:var(--mt-text-secondary);transition:color .15s}
.card-catalogue .library-explore-card .content-metric:hover i,.card-catalogue .library-explore-card .library-like.is-liked i{color:var(--mt-primary)}
@media(pointer:fine){.card-catalogue .library-explore-card .content-metric{min-height:1.85rem;padding:.25rem .2rem;font-size:.74rem}}
.card-catalogue .library-card-info h2{margin:.6rem 0 .2rem;font-size:.86rem}

/* Card quick view (dialog opened from a gallery): the card has its real corners, no frame or background
   behind it, and its statistics form one segmented bar instead of loose lines. */
.card-quickview-art .card-turn-image{border:0;border-radius:5.8%/4.16%;background:transparent;box-shadow:0 0 0 1px rgb(34 211 238 / .18),0 22px 44px -14px rgb(var(--mt-shade) / .95),0 10px 36px -12px rgb(129 140 248 / .4)}
.card-quickview-art .card-turn-image[data-card-corners=round]{border-radius:8%/5.74%}
.card-quickview-art .card-turn-image img{display:block;border-radius:inherit;object-fit:cover}
.card-quickview .card-art-actions .content-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:0;margin:.9rem 0 0;border:0}
.card-quickview .card-art-actions .content-metric{display:flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.1rem;padding:.3rem .25rem;border:1px solid var(--mt-border-soft);border-left-width:0;background:rgb(255 255 255 / .035);color:var(--mt-text-secondary);font-size:.74rem;font-variant-numeric:tabular-nums}
.card-quickview .card-art-actions .content-metric:first-child{border-left-width:1px;border-radius:999px 0 0 999px}
.card-quickview .card-art-actions .content-metric:nth-child(3){border-radius:0 999px 999px 0}
.card-quickview .card-art-actions .content-metric i{color:var(--mt-text-secondary)}
.card-quickview .card-art-actions .content-metric [data-metric]{color:var(--mt-text);font-weight:700}
.card-quickview .card-art-actions .content-metric>span:last-child:not([data-metric]){position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* Quick view buttons follow the site theme: like and share side by side, then the two resource actions full
   width (deck = main gradient action, collection = raised secondary). Equal heights, centred labels. */
.card-quickview .card-art-actions .content-buttons{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;margin-top:.65rem}
.card-quickview .card-art-actions .content-buttons .btn,.card-quickview .card-resource-actions>div>.btn{display:flex;align-items:center;justify-content:center;gap:.45rem;width:100%;height:auto;min-height:2.6rem;padding:.45rem .75rem;border-radius:var(--mt-radius-control);font-size:.76rem;font-weight:700;line-height:1.2;text-align:center}
.card-quickview .card-resource-actions{grid-template-columns:1fr;gap:.5rem;margin-top:.5rem}
.card-quickview .card-resource-actions .card-collection-add{margin-top:0}
.card-quickview .card-art-actions :is(.btn .bi,.btn .site-action-icon){flex:none;margin:0;font-size:.95rem}
/* A liked card is a community gesture: violet, as elsewhere on the site. */
.card-quickview .card-art-actions .content-buttons [data-content-like][aria-pressed=true]{border-color:color-mix(in srgb,var(--mt-violet) 60%,transparent);background:color-mix(in srgb,var(--mt-violet) 14%,transparent);color:var(--mt-violet-hover);box-shadow:var(--mt-edge-light),0 0 16px -6px var(--mt-violet)}
.card-quickview .card-art-actions .content-buttons [data-content-like][aria-pressed=true] :is(.bi,.site-action-icon){color:var(--mt-violet)}

/* Public deck page: lit summary panel, statistic tiles, cards with real corners and a halo on hover. */
.deck-public-summary{border:1px solid transparent;background:radial-gradient(ellipse at top right,rgb(34 211 238 / .1),transparent 60%) padding-box,var(--mt-panel-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-2)}
.deck-public-stats div{border:1px solid transparent;background:var(--mt-tile-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-1)}
.deck-public-commander img{box-shadow:0 0 0 1px rgb(34 211 238 / .3),0 22px 44px -14px rgb(var(--mt-shade) / .95),0 10px 40px -12px rgb(129 140 248 / .5)}
.deck-public-card{box-shadow:0 2px 4px rgb(var(--mt-shade) / .5),0 12px 24px -10px rgb(var(--mt-shade) / .9);transition:transform .25s ease,box-shadow .25s ease}
a.deck-public-card:is(:hover,:focus-visible){box-shadow:0 0 0 1px rgb(34 211 238 / .45),0 24px 44px -14px rgb(var(--mt-shade) / .95),0 12px 32px -10px rgb(34 211 238 / .45)}
@media(hover:hover){a.deck-public-card:hover{transform:translateY(-5px)}}
.deck-public-qty{background:rgb(11 17 32 / .8);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 0 12px -2px rgb(34 211 238 / .6)}
.deck-public-group h3{border-bottom-color:var(--mt-border-soft)}
.deck-public-views{background:var(--mt-field-bg);border-color:var(--mt-border-soft);box-shadow:var(--mt-field-shadow)}
.deck-public-views button[aria-pressed="true"]{background:var(--mt-action-gradient);color:var(--mt-on-action);box-shadow:0 4px 14px -4px rgb(124 58 237 / .6)}
.deck-public-extra{border-color:var(--mt-border-soft);background:var(--mt-tile-fill)}

/* Social directory: the ranking is a lit panel, rows light up under the pointer. */
.social-directory{border-color:transparent;background:var(--mt-panel-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-2)}
.social-table :is(th,td){border-color:var(--mt-border-soft)}
.social-table tbody tr{transition:background-color .15s}
.social-table tbody tr:hover{background-color:rgb(34 211 238 / .05)}

/* Find a game: public table cards are tiles; the empty list is a quiet, framed message. */
.public-table-card{border:1px solid transparent;background:var(--mt-tile-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-1);transition:box-shadow .25s ease}
.public-table-card:is(:hover,:focus-within){background:var(--mt-tile-fill) padding-box,var(--mt-gradient) border-box;box-shadow:var(--mt-elev-3)}
.public-tables [data-public-tables-empty]:not([hidden]){margin:0;padding:2rem 1.5rem;border:1px dashed var(--mt-border);border-radius:var(--mt-radius-surface);background:radial-gradient(ellipse at top,rgb(34 211 238 / .07),transparent 70%),rgb(23 36 65 / .35);color:var(--mt-text-secondary);text-align:center}
.public-tables-status{display:inline-flex;align-items:center;gap:.45rem;color:var(--mt-text-secondary);font-size:.8rem}
.public-tables-status:not(:empty)::before{content:"";width:.45rem;height:.45rem;border-radius:50%;background:var(--mt-success);box-shadow:0 0 8px 1px var(--mt-success)}

/* Versions: releases are tiles, the latest one wears the brand gradient. */
.versions-current,.versions-index{border-color:transparent;background:var(--mt-panel-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-2)}
.version-release{border-color:transparent;background:var(--mt-tile-fill) padding-box,var(--mt-tile-frame) border-box;box-shadow:var(--mt-elev-1)}
.version-release.is-latest{border-color:transparent;background:var(--mt-tile-fill) padding-box,var(--mt-gradient) border-box;box-shadow:var(--mt-elev-1),0 12px 40px -14px rgb(34 211 238 / .45)}
.version-release header{border-bottom-color:var(--mt-border-soft)}
.version-release-mark{box-shadow:inset 0 0 0 1px rgb(34 211 238 / .3),var(--mt-glow-cyan)}

@media(prefers-reduced-motion:reduce){
 :is(.site-home .home-play-option,.site-home .home-band .feature-card,.deck-preview-grid .deck-preview,.library-card-visual,.home-deck-thumbnail,.card-catalogue .library-card-frame,.deck-public-card){transition:none;transform:none!important}
}