.trial-switch{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:80;display:flex;align-items:center;gap:6px;background:#101e36;color:#fff;padding:8px;border:1px solid #617291;border-radius:14px;box-shadow:0 8px 28px -8px #06152a80;font:12px Poppins,sans-serif;white-space:nowrap}.trial-switch>span{padding:0 10px;color:#c3d0e5;font-size:10px}.trial-switch a{padding:10px 14px;border-radius:8px;color:#e3eafa}.trial-switch a:hover{background:#263954}.trial-switch a[aria-current]{background:#f1ce48;color:#172443;font-weight:600}.trial-switch .trial-all{font-size:10px;color:#c3d0e5}body[data-card-trial]{padding-bottom:75px}
body[data-card-trial] .compact-tile .game-logo,body[data-card-trial] .compact-tile .sample-logo{background:transparent!important;border:0!important;box-shadow:none!important;border-radius:0!important;width:78px;height:62px;min-width:78px;flex-basis:78px;padding:2px!important}body[data-card-trial] .compact-tile .game-logo .logo-atmosphere,body[data-card-trial] .compact-tile .game-logo:after{display:none}body[data-card-trial] .compact-tile .game-logo>img:not(.logo-atmosphere){max-width:76px;width:100%;height:58px;filter:none}body[data-card-trial] .compact-tile .tile-copy{position:relative;z-index:2}body[data-card-trial] .compact-tile .tile-copy>span{font-size:10px;font-weight:400;color:#63718a}
body[data-card-trial='6'] .compact-tile{border:0;border-top:3px solid #e9c64b;border-bottom:1px solid #d9e1ef;border-radius:0;background:#fff;box-shadow:none;padding:10px 12px;gap:12px;height:88px}body[data-card-trial='6'] .compact-tile h3{font-size:15px;font-weight:700;letter-spacing:-.5px}body[data-card-trial='6'] .compact-tile .tile-copy>span .icon{position:absolute;right:0;bottom:-8px;width:17px;height:17px;color:#183255}body[data-card-trial='6'] .compact-tile:hover{background:#f8faff;border-top-color:#d5a621}
body[data-card-trial='8'] .compact-grid{gap:22px 20px;padding:6px}body[data-card-trial='8'] .compact-tile{isolation:isolate;position:relative;overflow:visible;border:0;background:transparent;box-shadow:0 7px 14px -10px #031331;border-radius:10px;padding:10px 12px;gap:11px;height:88px}body[data-card-trial='8'] .compact-tile:before{content:'';position:absolute;inset:0;background:#f1cc4d;border-radius:10px;transform:rotate(-3deg);z-index:0;transition:transform .18s}body[data-card-trial='8'] .compact-tile:after{content:'';position:absolute;inset:0;background:white;border:1px solid #e5e9f1;border-radius:10px;z-index:1}body[data-card-trial='8'] .compact-tile>.game-logo,body[data-card-trial='8'] .compact-tile>.sample-logo,body[data-card-trial='8'] .sample-tag{position:relative;z-index:2}body[data-card-trial='8'] .sample-tag{position:absolute}body[data-card-trial='8'] .compact-tile h3{font-size:13px;font-weight:600;padding-right:23px}body[data-card-trial='8'] .compact-tile .tile-copy>span .icon{position:absolute;right:0;top:10px;width:24px;height:24px;padding-left:7px;border-left:1px solid #dce3f0}body[data-card-trial='8'] .compact-tile:hover:before{transform:rotate(-1deg)}
@media(max-width:700px){.trial-switch{bottom:10px;max-width:calc(100% - 20px);gap:3px;padding:6px}.trial-switch>span{display:none}.trial-switch a{padding:9px 10px;font-size:11px}.trial-switch .trial-all{font-size:9px;padding:9px 7px}body[data-card-trial='6'] .compact-tile h3{font-size:14px}body[data-card-trial='8'] .compact-grid{gap:20px;padding:5px}}
@media(prefers-reduced-motion:reduce){body[data-card-trial='8'] .compact-tile:before{transition:none}}
body[data-card-trial='2'] .compact-tile{overflow:hidden;border:1px solid #e4e7ed;background:white;border-radius:8px;box-shadow:none;padding:0 13px 0 0;gap:15px;height:88px}body[data-card-trial='2'] .compact-tile .game-logo,body[data-card-trial='2'] .compact-tile .sample-logo{height:88px;width:94px;min-width:94px;flex-basis:94px;padding:12px!important;background:#f1eadf!important;overflow:hidden}body[data-card-trial='2'] .compact-tile .game-logo .logo-atmosphere{display:block;opacity:.3;z-index:0;filter:blur(12px)}body[data-card-trial='2'] .compact-tile .game-logo>img:not(.logo-atmosphere){z-index:2;max-width:76px}body[data-card-trial='2'] .tile-copy{padding-right:25px}body[data-card-trial='2'] .tile-copy>span .icon{position:absolute;right:0;top:10px;background:#edf2fc;border-radius:50%;width:25px;height:25px;padding:5px}body[data-card-trial='2'] .compact-tile:hover{border-color:#a5b9df}
body[data-card-trial='10'] .compact-grid{padding-left:17px;gap:16px 30px}body[data-card-trial='10'] .compact-tile{overflow:visible;position:relative;height:80px;min-height:80px;padding:10px 45px 10px 62px;border:1px solid #e3e7ef;border-radius:8px 20px 20px 8px;background:#fff;box-shadow:0 4px 9px -7px #17356555}body[data-card-trial='10'] .compact-tile>.game-logo,body[data-card-trial='10'] .compact-tile>.sample-logo{position:absolute;left:-16px;top:9px;width:65px;min-width:65px;height:60px;flex-basis:65px;background:#f7f0dc!important;border:2px solid white!important;border-radius:11px!important;padding:5px!important;box-shadow:0 4px 8px -5px #00153b!important}body[data-card-trial='10'] .compact-tile .game-logo>img:not(.logo-atmosphere){height:52px}body[data-card-trial='10'] .tile-copy{position:static}body[data-card-trial='10'] .tile-copy>span .icon{position:absolute;right:0;top:0;width:35px;height:78px;padding:9px;background:#f4ce47;border-radius:0 18px 18px 0;color:#172443}body[data-card-trial='10'] .compact-tile:hover{border-color:#b99d3b}body[data-card-trial='10'] .sample-tag{right:41px}
@media(max-width:700px){.trial-switch{flex-wrap:wrap;justify-content:center;width:calc(100% - 20px);white-space:normal}.trial-switch .trial-all{display:none}.trial-switch a{font-size:10px;padding:8px}.trial-switch>span{display:none}}
body[data-card-trial="10"] .compact-tile .tile-copy,body[data-card-trial="10"] .compact-tile .tile-copy>span{position:static}body[data-card-trial="10"] .compact-tile .tile-copy>span .icon{top:0;right:0}
/* Variant 8: square artwork window with colours from each logo. */
body[data-card-trial='8'] .compact-tile>.game-logo,body[data-card-trial='8'] .compact-tile>.sample-logo{width:64px;min-width:64px;flex-basis:64px;height:64px;border-radius:12px!important;overflow:hidden;isolation:isolate;background:#edf0f6!important;border:1px solid #ffffffb8!important;padding:5px!important;box-shadow:0 2px 5px -3px #12274b55!important}body[data-card-trial='8'] .compact-tile .game-logo .logo-atmosphere{display:block;position:absolute;inset:-12px;width:calc(100% + 24px);height:calc(100% + 24px);max-width:none;object-fit:cover;filter:blur(9px) saturate(1.7);transform:scale(1.28);opacity:.66;z-index:0}body[data-card-trial='8'] .compact-tile .game-logo:after{display:block;content:'';position:absolute;inset:0;background:linear-gradient(145deg,#ffffff20,#ffffff60);z-index:1}body[data-card-trial='8'] .compact-tile .game-logo>img:not(.logo-atmosphere){position:relative;z-index:2;width:100%;max-width:56px;height:54px;filter:drop-shadow(0 1px 2px #ffffff90)}body[data-card-trial='8'] .compact-tile>.sample-logo{background:linear-gradient(135deg,#d9e2f3,#eee7cf)!important}body[data-card-trial='8'] .compact-tile:hover>.game-logo{background:#edf0f6!important;border:1px solid #ffffffb8!important}
/* A restrained warm edge instead of a large tilted plate. */
body[data-card-trial='8'] .compact-tile:before{inset:3px 3px -2px;background:#e6cf83;border-radius:11px;transform:rotate(-.65deg);opacity:.8}body[data-card-trial='8'] .compact-tile:after{border-color:#e2e7ef;border-radius:11px}body[data-card-trial='8'] .compact-tile{box-shadow:0 4px 10px -7px #18365c55}body[data-card-trial='8'] .compact-tile:hover:before{transform:rotate(-.3deg);background:#dfc36d;opacity:.95}body[data-card-trial='8'] .compact-grid{gap:16px 18px}
/* More legible typography in the selected catalogue treatment. */
body[data-card-trial='8'] .compact-tile .tile-copy h3{font-family:Poppins,Arial,sans-serif;font-size:15px;font-weight:600;line-height:1.45;letter-spacing:-.15px;color:#101f3d;padding-right:20px}body[data-card-trial='8'] .compact-tile .tile-copy>span{font-family:Poppins,Arial,sans-serif;font-size:12px;font-weight:500;line-height:1.5;letter-spacing:0;color:#36517d;margin-top:4px}body[data-card-trial='8'] .compact-tile .tile-copy>span .icon{color:#36517d}
@media(max-width:700px){body[data-card-trial='8'] .compact-tile .tile-copy h3{font-size:15px}body[data-card-trial='8'] .compact-tile .tile-copy>span{font-size:12px}}
/* Quiet hover: preserve shape, position and artwork. */
body[data-card-trial='6'] .compact-tile,body[data-card-trial='8'] .compact-tile{transition:box-shadow .18s ease,border-color .18s ease}body[data-card-trial='6'] .compact-tile:hover{background:#fff;border-top-color:#e9c64b;border-bottom-color:#aebedb;box-shadow:0 4px 10px -8px #18365c50;transform:none}body[data-card-trial='8'] .compact-tile:hover{background:transparent;border:0;box-shadow:0 5px 12px -8px #18365c65;transform:none}body[data-card-trial='8'] .compact-tile:before,body[data-card-trial='8'] .compact-tile:hover:before{transform:rotate(-.65deg);background:#e6cf83;opacity:.8;transition:none}body[data-card-trial='8'] .compact-tile:after{transition:border-color .18s ease}body[data-card-trial='8'] .compact-tile:hover:after{background:#fff;border-color:#bdcbe0}body[data-card-trial='6'] .compact-tile:hover .game-logo,body[data-card-trial='6'] .compact-tile:hover .sample-logo{background:transparent!important;border:0!important}body[data-card-trial='8'] .compact-tile:hover .game-logo{background:#edf0f6!important;border:1px solid #ffffffb8!important}body[data-card-trial='8'] .compact-tile:hover .sample-logo{background:linear-gradient(135deg,#d9e2f3,#eee7cf)!important;border:1px solid #ffffffb8!important}body[data-card-trial] .compact-tile:hover img{transform:none}
@media(prefers-reduced-motion:reduce){body[data-card-trial='6'] .compact-tile,body[data-card-trial='8'] .compact-tile,body[data-card-trial='8'] .compact-tile:after{transition:none}}
/* Selected design: a visible, stationary hover and keyboard state. */
body[data-card-trial='8']{padding-bottom:0}body[data-card-trial='8'] .compact-tile:after{transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}body[data-card-trial='8'] .compact-tile .tile-copy>span .icon{transition:color .16s ease,background .16s ease}body[data-card-trial='8'] .compact-tile:hover:after,body[data-card-trial='8'] .compact-tile:focus-visible:after{background:#edf3ff;border-color:#315dcc;box-shadow:inset 0 0 0 1px #315dcc}body[data-card-trial='8'] .compact-tile:hover,body[data-card-trial='8'] .compact-tile:focus-visible{box-shadow:0 7px 16px -9px #183f8c75;transform:none}body[data-card-trial='8'] .compact-tile:hover .tile-copy h3,body[data-card-trial='8'] .compact-tile:focus-visible .tile-copy h3{color:#173e9d}body[data-card-trial='8'] .compact-tile:hover .tile-copy>span,body[data-card-trial='8'] .compact-tile:focus-visible .tile-copy>span{color:#244fba}body[data-card-trial='8'] .compact-tile .tile-copy>span .icon{width:27px;height:27px;padding:6px;border:0;border-radius:8px;top:9px}body[data-card-trial='8'] .compact-tile:hover .tile-copy>span .icon,body[data-card-trial='8'] .compact-tile:focus-visible .tile-copy>span .icon{color:#fff;background:#2855bf}body[data-card-trial='8'] .compact-tile:hover:before,body[data-card-trial='8'] .compact-tile:focus-visible:before{transform:rotate(-.65deg);background:#e6cf83;opacity:.8}
@media(prefers-reduced-motion:reduce){body[data-card-trial='8'] .compact-tile:after,body[data-card-trial='8'] .compact-tile .tile-copy>span .icon{transition:none}}
body[data-card-trial="8"] .compact-tile:focus-visible{outline:none}
/* Restore the layered yellow response without a competing blue frame. */
body[data-card-trial='8'] .compact-tile:before{inset:2px 3px -2px;transform:rotate(-.65deg);background:#e6cf83;opacity:.85;transition:transform .2s ease,background .2s ease,opacity .2s ease}body[data-card-trial='8'] .compact-tile:hover:before,body[data-card-trial='8'] .compact-tile:focus-visible:before{transform:translateY(1px) rotate(-1.25deg);background:#edcc66;opacity:1}body[data-card-trial='8'] .compact-tile:hover:after,body[data-card-trial='8'] .compact-tile:focus-visible:after{background:#fffef9;border-color:#cfbd88;box-shadow:none}body[data-card-trial='8'] .compact-tile:hover .tile-copy>span .icon,body[data-card-trial='8'] .compact-tile:focus-visible .tile-copy>span .icon{background:#f2d777;color:#243756}body[data-card-trial='8'] .compact-tile:hover .tile-copy h3,body[data-card-trial='8'] .compact-tile:focus-visible .tile-copy h3{color:#101f3d}body[data-card-trial='8'] .compact-tile:focus-visible{outline:2px solid #315dcc;outline-offset:4px}
@media(prefers-reduced-motion:reduce){body[data-card-trial='8'] .compact-tile:before{transition:none}}
body[data-card-trial='8'] .compact-tile>.game-logo{background:rgba(var(--logo-rgb,80,120,185),.25)!important}body[data-card-trial='8'] .compact-tile .game-logo .logo-atmosphere{filter:blur(10px) saturate(2.5);opacity:.8;mix-blend-mode:multiply;transform:scale(1.5)}body[data-card-trial='8'] .compact-tile .game-logo:after{background:rgba(var(--logo-rgb,80,120,185),.12)}body[data-card-trial='8'] .compact-tile .game-logo>img:not(.logo-atmosphere){mix-blend-mode:multiply;filter:none}body[data-card-trial='8'] .compact-tile:hover>.game-logo{background:rgba(var(--logo-rgb,80,120,185),.3)!important}

body[data-card-trial='8'] .compact-tile>.game-logo{background:rgba(var(--logo-rgb,80,120,185),.18)!important}body[data-card-trial='8'] .compact-tile .game-logo .logo-atmosphere{opacity:.42;filter:blur(11px) saturate(1.8);mix-blend-mode:normal}body[data-card-trial='8'] .compact-tile .game-logo>img:not(.logo-atmosphere){mix-blend-mode:normal}body[data-card-trial='8'] .compact-tile .game-logo:after{background:#ffffff30}

/* Keep the original logo crisp; color and blur belong only to lower layers. */
body[data-card-trial='8'] .compact-tile>.game-logo,body[data-card-trial='8'] .compact-tile:hover>.game-logo{background:rgba(var(--logo-rgb,80,120,185),.13)!important;opacity:1!important;filter:none!important}
body[data-card-trial='8'] .compact-tile .game-logo:after{z-index:0;background:radial-gradient(ellipse at center,rgba(var(--logo-rgb,80,120,185),.38),rgba(var(--logo-rgb,80,120,185),.08));filter:blur(7px);pointer-events:none}
body[data-card-trial='8'] .compact-tile .game-logo .logo-atmosphere{z-index:0;opacity:.22!important;filter:blur(12px) saturate(1.3)!important;mix-blend-mode:normal!important;pointer-events:none}
body[data-card-trial='8'] .compact-tile .game-logo>img:not(.logo-atmosphere){position:relative!important;z-index:5!important;opacity:1!important;filter:none!important;mix-blend-mode:normal!important;transform:none!important;object-fit:contain;width:58px;height:58px;max-width:100%;isolation:isolate}

/* Fill the artwork window without an inset frame. */
body[data-card-trial='8'] .compact-tile>.game-logo{padding:0!important}
body[data-card-trial='8'] .compact-tile .game-logo>img:not(.logo-atmosphere){display:block;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;object-position:center;border-radius:inherit}