html body.editorial{background-color:#153eb3;background-image:url('assets/blue-contours.svg'),radial-gradient(ellipse at 0 20%,#2476c04d,transparent 48%),radial-gradient(ellipse at 100% 60%,#3947c85c,transparent 52%),linear-gradient(125deg,#0b255b 0%,#1648bd 47%,#122763 100%);background-size:1600px 1200px,100% 100%,100% 100%,100% 100%;background-position:center top;background-attachment:fixed}
body .compact-main{padding-bottom:45px}body .compact-intro{padding-block:25px 30px;min-height:124px}body .catalog-shell{box-shadow:0 18px 45px -26px #030f3f90}body .catalog-content{background:#fff}body .compact-grid{gap:12px}body .compact-tile{height:150px;border:1px solid #e1e6ef;background:#f8f9fc;border-radius:12px;box-shadow:none;transition:background .18s,border-color .18s,box-shadow .18s}body .compact-tile .game-logo,body .compact-tile .sample-logo{width:182px;height:94px;max-width:100%;padding:6px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin-bottom:5px}body .compact-tile .game-logo img{height:82px;max-width:170px}body .compact-tile h3{width:100%;justify-content:center;gap:8px;font-size:14px}body .compact-tile h3 .icon{color:#7381a1;width:13px;height:13px}body .compact-tile:hover{border-color:#a7b8dd;background:#fff;box-shadow:0 8px 18px -12px #142d6750}body .compact-tile:hover .game-logo,body .compact-tile:hover .sample-logo{background:transparent!important;border:0!important}body .compact-tile:hover h3 .icon{color:#123dcb}body .compact-tile .sample-logo{font-size:51px;color:#31466a}body .sample-tag{color:#6d7a91}
.compact-search{position:relative;overflow:visible}.search-popover[hidden]{display:none!important}.search-popover{position:absolute;top:calc(100% + 12px);inset-inline:0;background:white;border:1px solid #dce3ef;border-radius:16px;box-shadow:0 18px 38px -12px #12234b45;z-index:60;text-align:start;overflow:hidden}.search-popover-title{font-size:11px;font-weight:600;letter-spacing:.02em;color:#65718b;padding:16px 18px 10px}.search-popover [role=listbox]{max-height:360px;overflow-y:auto;padding:0 7px 8px;scrollbar-width:thin;scrollbar-color:#c3cee4 transparent}.search-result{display:flex;align-items:center;gap:14px;padding:10px 12px;min-height:68px;border-radius:10px;color:#172448}.search-result:hover,.search-result[aria-selected=true]{background:#eef3ff;color:#123dcb}.search-result-logo{display:flex;width:78px;height:48px;align-items:center;justify-content:center;flex-shrink:0}.search-result .game-logo{width:78px;height:48px;background:transparent!important;box-shadow:none;border:0;padding:0}.search-result .game-logo img{width:74px;height:44px;object-fit:contain}.search-result .sample-logo{height:44px;font-size:27px;letter-spacing:-2px;padding:0}.search-result .sample-logo span{font-size:16px;letter-spacing:-1px}.search-result-name{font-size:13px;font-weight:600;flex:1;overflow-wrap:anywhere}.search-result>.icon{width:17px;height:17px;color:#7185ac}.search-empty{padding:18px 12px 22px;color:#172448;font-size:13px}.search-empty p{font-size:12px;color:#65718b;margin:8px 0 0}.search-popover .game-logo img{filter:none}html[dir=rtl] .search-result>.icon{transform:scaleX(-1)}
@media(max-width:600px){html body.editorial{background-size:1000px 1100px,100% 100%,100% 100%,100% 100%}body .compact-intro{padding-block:22px 26px}body .compact-tile{height:135px;padding:9px 7px}body .compact-tile .game-logo,body .compact-tile .sample-logo{width:140px;height:88px;padding:4px!important;margin-bottom:4px}body .compact-tile .game-logo img{height:76px;max-width:132px}body .compact-tile h3{font-size:11px;gap:3px}.search-popover{top:calc(100% + 7px)}.search-popover [role=listbox]{max-height:min(360px,55vh)}.search-result{gap:10px;padding:8px;min-height:64px}.search-result-name{font-size:12px}}
@media(prefers-reduced-motion:reduce){body .compact-tile{transition:none}}
/* Compact horizontal catalogue rows. */
body .compact-grid{gap:13px 14px}body .compact-tile{height:88px;min-height:88px;display:flex;flex-direction:row;justify-content:flex-start;gap:13px;padding:10px 13px;border:1.5px solid #25395e;border-radius:15px;background:#fff;box-shadow:3px 4px 0 #25395e;transition:background .15s,box-shadow .15s}body .compact-tile .game-logo,body .compact-tile .sample-logo{width:64px;height:64px;min-width:64px;flex:0 0 64px;margin:0;padding:5px!important;border:1px solid #dce3f0!important;border-radius:12px!important;background:#f0f3fa!important;box-shadow:none!important}body .compact-tile .game-logo img{width:100%;max-width:58px;height:54px;object-fit:contain}body .compact-tile .sample-logo{font-size:30px;letter-spacing:-3px}body .compact-tile .sample-logo span{font-size:18px;letter-spacing:-1px}body .compact-tile h3{display:block;width:auto;flex:1;text-align:start;font-size:13px;line-height:1.4;letter-spacing:-.02em;padding-inline-end:7px;margin:0}body .compact-tile h3:after{content:'→';display:block;margin-top:5px;font-size:19px;line-height:1;color:#214dbb;font-weight:500}body .compact-tile h3>.icon{display:none}body .compact-tile:hover{background:#f5f8ff;border-color:#1b4cbb;box-shadow:3px 4px 0 #1b4cbb}body .compact-tile:hover .game-logo,body .compact-tile:hover .sample-logo{background:#edf2fc!important;border:1px solid #dce3f0!important}body .sample-tag{font-size:7px;right:7px;top:4px}body .catalog-content{padding:17px 19px 20px}html[dir=rtl] .compact-tile h3:after{content:'←'}
@media(max-width:900px){body .compact-tile{gap:9px;padding:10px;height:82px;min-height:82px}body .compact-tile .game-logo,body .compact-tile .sample-logo{width:52px;height:56px;min-width:52px;flex-basis:52px;padding:4px!important}body .compact-tile .game-logo img{max-width:46px;height:46px}body .compact-tile h3{font-size:12px}}
@media(max-width:600px){body .compact-grid{grid-template-columns:1fr;gap:12px}body .compact-tile{height:80px;min-height:80px;padding:9px 13px;gap:14px}body .compact-tile .game-logo,body .compact-tile .sample-logo{width:58px;height:58px;min-width:58px;flex-basis:58px}body .compact-tile .game-logo img{max-width:52px;height:50px}body .compact-tile h3{font-size:14px}body .compact-tile h3:after{font-size:18px;margin-top:4px}body .catalog-content{padding:13px 15px 17px}}
body .compact-tile .tile-copy{flex:1;min-width:0;text-align:start}body .compact-tile h3:after{display:none}body .compact-tile .tile-copy>span{display:flex;align-items:center;gap:5px;margin-top:5px;color:#31527f;font-size:10px;font-weight:500}body .compact-tile .tile-copy>span .icon{width:13px;height:13px}html[dir=rtl] .tile-copy>span .icon{transform:scaleX(-1)}
/* Each logo supplies its own soft background colours. */
body .compact-tile{border:1px solid #dae1ed;box-shadow:0 3px 8px -5px #18396a45;border-radius:14px;background:#fff}body .compact-tile:hover{border-color:#9eb4de;box-shadow:0 5px 14px -7px #18396a60;background:#fafcff}body .compact-tile .game-logo{position:relative;isolation:isolate;overflow:hidden;background:#f0f2f6!important;border:1px solid #ffffffa8!important;border-radius:12px!important}body .compact-tile .game-logo .logo-atmosphere{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;pointer-events:none}body .compact-tile .game-logo:after{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#ffffff20,#ffffff60);z-index:1;pointer-events:none}body .compact-tile .game-logo>img:not(.logo-atmosphere){position:relative;z-index:2;filter:drop-shadow(0 1px 2px #ffffffa0)}body .compact-tile:hover .game-logo{border:1px solid #ffffffa8!important;background:#eef2f8!important}