/* Purple gold: the metal carries a violet body colour, champagne highlights,
   and restrained cyan reflections. Warm brass is the alternate machine skin. */
:root{
 --alloy-light:#e8c8e3;--alloy-mid:#ae7dbd;--alloy-base:#9366aa;
 --alloy-dark:#58365e;--alloy-deep:#633d90;--alloy-shadow:#281b35;
 --alloy-edge:#f5dff2;--alloy-trace:#d2a2e1;--alloy-jewel:#d48fe3;--alloy-cool:#a9dded;
 --alloy-text:#e5c2e5;--alloy-muted:#baa0c9;--alloy-line:#bc90d445;
 --alloy-surface:linear-gradient(135deg,#d6afd2,#603e6d 13%,#be92c9 25%,#49314f 47%,#92649f 72%,#e6c7dd);
 --alloy-rail:linear-gradient(90deg,#32233e 0%,#aa7cb6 10%,#e0bbda 21%,#80538f 30%,#49324f 40%,#634270 60%,#bd91cb 71%,#edcce6 80%,#9462a2 91%,#33263f 100%);
 --alloy-grain:linear-gradient(#90749a28,#90749a28),url('assets/brushed-grain.webp');
 --gold:var(--alloy-text);--gold-dim:var(--alloy-muted);--line:var(--alloy-line);
 --brass-surface:var(--alloy-rail);
}
:root[data-skin=brass]{
 --alloy-light:#f0d8a7;--alloy-mid:#bea075;--alloy-base:#a88959;
 --alloy-dark:#66503a;--alloy-deep:#77623e;--alloy-shadow:#302524;
 --alloy-edge:#ffe9bd;--alloy-trace:#d8bd8a;--alloy-jewel:#e3bd7e;--alloy-cool:#b4dcd9;
 --alloy-text:#e9d0a2;--alloy-muted:#c1ab88;--alloy-line:#d2b27938;
 --alloy-surface:linear-gradient(135deg,#d6b981,#5d4637 13%,#c0a06d 25%,#433936 47%,#977b53 72%,#edd2a0);
 --alloy-rail:linear-gradient(90deg,#3e3028 0%,#b89562 10%,#ebcf98 21%,#81613f 30%,#48382e 40%,#705238 60%,#d2af76 71%,#f0d6a0 80%,#947044 91%,#302923 100%);
 --alloy-grain:linear-gradient(#bda47b28,#bda47b28),url('assets/brushed-grain.webp');
}
.alloy-stop-light{stop-color:var(--alloy-light)}
.alloy-stop-mid{stop-color:var(--alloy-mid)}
.alloy-stop-dark{stop-color:var(--alloy-dark)}
.alloy-stop-deep{stop-color:var(--alloy-deep)}
.alloy-stop-cool{stop-color:var(--alloy-cool)}
.alloy-stop-jewel{stop-color:var(--alloy-jewel)}
/* The perimeter SVG is the only decorative outline. Its centre line follows
   the card's 27px curve, including on phones; no polygon clipping remains. */
.card-metalwork{inset:-5px;width:calc(100% + 10px);height:calc(100% + 10px);filter:none}
.brass-banner>.card-metalwork{inset:-10px;width:calc(100% + 20px);height:calc(100% + 20px)}
.games-grid .game-card,.brass-banner,.hero.brass-banner,
.collection-page .creator-feature.brass-banner,.collection-page .planet-cabinet.brass-banner{
 border-radius:27px;clip-path:none;
}
.games-grid .game-card,.games-grid [data-project=mysterious-castles]{
 padding:7px;border:0;
 background-image:linear-gradient(#89728f1c,#89728f1c),url('assets/brushed-grain.webp'),var(--alloy-surface);
 background-size:auto,128px 384px,auto;background-position:0 0,0 0,0 0;
 background-blend-mode:normal,soft-light,normal;
}
.games-grid .game-visual{clip-path:none;border-radius:20px 20px 0 0}
.games-grid .game-copy{clip-path:none;border-radius:0 0 20px 20px;box-shadow:inset 0 1px var(--alloy-line)}
.games-grid [data-project=mysterious-castles] .game-copy{border-color:var(--alloy-line);border-radius:14px 14px 20px 20px}
.brass-banner,.collection-page .creator-feature.brass-banner,.collection-page .planet-cabinet.brass-banner{border-color:var(--alloy-base)}
.hero-photo,.hero:after{clip-path:none;border-radius:22px}
.case-rail{background-image:linear-gradient(#89728f1c,#89728f1c),url('assets/brushed-grain.webp'),var(--alloy-rail);background-size:auto,100% 384px,auto;background-blend-mode:normal,soft-light,normal}
.page{box-shadow:0 0 70px #000,1px 0 var(--alloy-line),-1px 0 var(--alloy-line)}
.games-grid .game-copy h3,.section h2,.section-head h2,.atelier h2,.detail-top h1,.detail-info h2,.next-games h2{color:var(--alloy-text)}
.games-grid .game-type,.dispatch span:first-child,.site-footer a{color:var(--alloy-muted)}
.games-grid .card-foot,.games-grid .game-status,.dispatch b,.atelier .signature,.detail-facts dd{color:var(--alloy-text)}
.games-grid .card-foot,.games-grid .card-foot .arrow,.games-grid .game-status,.text-link,.small-links a{border-color:var(--alloy-line)}
.games-grid .card-foot .arrow{background:color-mix(in srgb,var(--alloy-mid) 8%,transparent)}
.button:not(.ghost):not(.cyan){background:linear-gradient(120deg,var(--alloy-light),var(--alloy-mid));border-color:var(--alloy-light)}
.filter[aria-pressed=true]{color:var(--alloy-text);border-color:var(--alloy-mid);background:color-mix(in srgb,var(--alloy-mid) 10%,transparent)}
.ornament:before,.ornament:after{background:linear-gradient(90deg,transparent,var(--alloy-line))}
.collection-page .planet-cabinet:before{display:none}
@media(max-width:740px){
 .games-grid .game-card{padding:7px}
 .brass-banner,.collection-page .creator-feature.brass-banner,.collection-page .planet-cabinet.brass-banner{border-width:5px}
}
