/* Compact arcade finder: the catalogue keeps its place beside a small discovery strip. */
.game-match{--match-mint:#c9f4b8;--match-ink:#142b32;--match-paper:#f0f2df;padding-block:0 22px;scroll-margin-top:18px}
.match-cabinet{border:1px solid #789681;border-radius:5px;background:#132d34;box-shadow:0 5px 0 #050d19;overflow:hidden}
.match-console{display:grid;grid-template-columns:235px minmax(0,1fr)}
.match-input{position:relative;min-width:0;background:var(--match-mint);color:var(--match-ink);padding:19px 20px;border-right:4px solid #091c25}
.match-input-heading{display:flex;align-items:center;gap:6px}
.match-input .eyebrow{font-size:8px;letter-spacing:.085em;color:#354f3b;white-space:nowrap;margin-bottom:6px}
.match-input h2{font:37px/.95 var(--display);letter-spacing:-.025em;white-space:nowrap}
.match-input h2>span{color:#395741}
.match-console-art{width:54px;height:43px;flex-shrink:0;margin-left:auto;transform:rotate(-9deg)}
.match-select-label{display:block;font-size:10px;color:#38543f;margin:15px 0 5px}
#match-select{width:100%;height:44px;border:1px solid #517647;background:#eef6dd;color:#172f27;border-radius:2px;padding:8px;font:19px var(--pixel);cursor:pointer}
.match-input-note{font-size:10px;line-height:1.5;color:#3b5741;margin-top:10px}
.match-output{min-width:0;padding:15px 18px 11px}
.match-output-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:27px;margin-bottom:9px}
.match-output-heading>div{display:flex;align-items:center;gap:9px;min-width:0}
.match-panel-label{font-size:8px;letter-spacing:.06em;color:#bcd6c8;white-space:nowrap}
#match-title{font:23px/1 var(--display);color:var(--match-mint);text-transform:uppercase;overflow-wrap:anywhere}
.match-screen-accent{display:flex;align-items:center;gap:6px;color:var(--match-mint);font:13px/1 var(--pixel);white-space:nowrap;transform:rotate(4deg)}
.match-screen-accent>.icon{width:23px;height:23px}
.match-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:start}
.match-card{display:grid;grid-template-columns:66px minmax(0,1fr);gap:0 9px;min-width:0;background:var(--match-paper);color:var(--match-ink);border:5px solid var(--match-paper);border-radius:3px;box-shadow:2px 3px 0 #07181f}
.match-cover{display:block;position:relative;min-width:0;align-self:start;background:#101a24;border:1px solid #263f41;overflow:hidden}
.match-cover .game-image{display:block}
.match-cover img{display:block;width:100%;height:67px;object-fit:cover}
.match-cover>span{position:absolute;right:3px;top:3px;display:flex;padding:2px;background:var(--match-paper);color:var(--match-ink)}
.match-cover>span>.icon{width:10px;height:10px}
.match-card-copy{min-width:0;padding:3px 1px 0 0}
.match-provider{display:block;font-size:8px;line-height:1.3;color:#50644e;min-height:11px}
.match-card h3{font:22px/1 var(--display);letter-spacing:0;margin-top:2px}
.match-card h3>a{display:flex;align-items:center;min-height:26px;overflow-wrap:anywhere}
.match-reason{font-size:10px;line-height:1.4;color:#486047;margin-top:3px;min-height:28px}
.match-actions{position:relative;grid-column:1/-1;margin-top:7px}
.match-play{min-width:0}
.match-play>summary,.match-explore{display:flex;align-items:center;justify-content:center;gap:6px;width:calc(50% - 3px);min-height:44px;padding:9px 5px;font-size:11px;font-weight:600;list-style:none;cursor:pointer;background:var(--match-ink);color:var(--match-paper);border:1px solid var(--match-ink)}
.match-play>summary::-webkit-details-marker{display:none}
.match-play>summary>.icon:first-child{width:13px;height:13px}
.match-play>summary>.icon:last-child{display:none}
.match-play[open]>summary,.match-play>summary:hover{background:#365742;border-color:#365742}
.match-explore{position:absolute;right:0;top:0;background:#d4ddc4;color:var(--match-ink);border-color:#849b7f}
.match-explore>.icon{width:14px;height:14px}
.match-explore:hover{background:#c1d3b1}
.match-offers{padding:12px 3px 5px}
.match-offer-label{display:block;font-size:9px;letter-spacing:.035em;color:#4d644f;margin-bottom:8px}
.match-casino-list{display:grid;gap:5px}
.match-casino-list .real-casino-row.game-casino{display:grid;grid-template-columns:40px minmax(0,1fr) 12px;gap:6px;min-height:64px;padding:7px 4px;border:1px solid #b9c8ab;background:#e3e9d4;color:var(--match-ink);width:100%;border-radius:0;text-align:left}
.match-casino-list .casino-mini-logo{width:40px;height:29px;padding:3px}
.match-casino-list .casino-row-copy>strong{font-size:10px;overflow-wrap:anywhere}
.match-casino-list .casino-row-copy>span{font:15px/1.15 var(--pixel);color:#294f31;overflow-wrap:anywhere}
.match-casino-list .game-casino>.icon{display:block;width:12px;height:12px}
.match-casino-list .game-casino:hover{background:#d5e3c2;border-color:#729267}
.match-offers>p{font-size:10px;line-height:1.6;color:#53664d;margin:10px 2px 2px}
.match-status{font-size:9px;line-height:1.6;color:#b5d1c1;min-height:15px;margin-top:10px}
.match-noscript{font-size:12px;margin-top:12px}
.library-filters-toggle{display:none}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.match-cover:hover img{transform:scale(1.035);transition:transform .18s}.match-input:hover .match-console-art{transform:rotate(-3deg);transition:transform .2s}.match-explore:hover>.icon{transform:translateX(2px);transition:transform .15s}}
@media(max-width:1100px){.match-console{grid-template-columns:195px minmax(0,1fr)}.match-input{padding:17px 14px}.match-input h2{font-size:32px}.match-input .eyebrow{font-size:7px}.match-console-art{width:34px;height:32px}.match-output{padding:13px 12px 10px}.match-results{gap:8px}.match-card{grid-template-columns:48px minmax(0,1fr);gap:0 7px}.match-card h3{font-size:21px}.match-cover img{height:67px}.match-card .match-provider{font-size:7px}.match-play>summary,.match-explore{font-size:10px;gap:4px}.match-casino-list .real-casino-row.game-casino{grid-template-columns:minmax(0,1fr) 12px}.match-casino-list .casino-mini-logo{display:none}}
@media(max-width:850px){.match-console{grid-template-columns:1fr}.match-input{display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:16px;align-items:center;padding:12px 15px;border-right:0;border-bottom:3px solid #091c25}.match-input-heading{grid-column:1;grid-row:1/3}.match-input h2{font-size:35px}.match-input .eyebrow{font-size:7px;margin-bottom:4px}.match-console-art{width:42px;height:34px}.match-select-label{grid-column:2;font-size:9px;margin:0 0 3px}.match-input-note{display:none}#match-select{grid-column:2;height:40px;font-size:18px}.match-output{padding:10px 13px}.match-card{grid-template-columns:52px minmax(0,1fr)}.match-card .match-provider{font-size:8px}.match-card h3{font-size:23px}.match-status{margin-top:8px}.match-screen-accent{font-size:12px}}
@media(max-width:600px){.game-match{padding-bottom:18px}.match-input{grid-template-columns:126px minmax(0,1fr);gap:0 12px;padding:11px}.match-input h2{font-size:30px}.match-input .eyebrow{font-size:6px;letter-spacing:.045em}.match-console-art{display:none}.match-select-label{font-size:9px}#match-select{height:40px;font-size:16px;padding:6px 4px}.match-output{padding:8px 10px 10px}.match-output-heading{min-height:24px;margin-bottom:8px}.match-output-heading>div{gap:7px}#match-title{font-size:21px}.match-panel-label{font-size:7px}.match-screen-accent{font-size:11px;gap:4px}.match-screen-accent>.icon{width:18px;height:18px}.match-results{display:flex;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#91b996 #1b3d43;padding:0 3px 7px 0;gap:9px;align-items:flex-start}.match-card{flex:0 0 215px;grid-template-columns:56px minmax(0,1fr);gap:0 8px;scroll-snap-align:start}.match-cover img{height:64px}.match-card h3{font-size:23px}.match-card h3>a{min-height:25px}.match-reason{font-size:10px;min-height:28px}.match-play>summary,.match-explore{font-size:11px;min-height:44px}.match-casino-list .real-casino-row.game-casino{grid-template-columns:40px minmax(0,1fr) 12px;min-height:62px;padding:7px 4px}.match-casino-list .casino-mini-logo{display:flex}.match-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.games-library .console-topline{min-height:54px}.games-library .library-filters{padding-top:0;border-bottom:1px solid #455b70}.library-filters-toggle{display:flex;align-items:center;gap:9px;list-style:none;min-height:47px;cursor:pointer;font-size:12px;font-weight:600}.library-filters-toggle::-webkit-details-marker{display:none}.library-filters-toggle>.icon{width:17px;height:17px;color:var(--coral)}.library-filters-toggle>.icon:last-child{margin-left:auto;width:13px}.library-filters[open] .library-filters-toggle>.icon:last-child{transform:rotate(180deg)}.library-filters[open]{padding-bottom:14px}.games-library .game-floor-meta{min-height:36px}.games-library .library-filters .game-tabs{margin-top:5px}}
@media(max-width:350px){.match-input{grid-template-columns:109px minmax(0,1fr);gap:0 8px;padding:10px}.match-input h2{font-size:26px}.match-input .eyebrow{font-size:5.5px}.match-select-label{font-size:8px}#match-select{font-size:16px;padding-left:3px}.match-screen-accent>span{display:none}.match-output-heading>div{gap:6px}.match-card{flex-basis:207px}.match-output{padding-inline:9px}.match-input .eyebrow{display:none}}
@media(prefers-reduced-motion:reduce){.game-match *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Two visible discovery areas on wide screens; a short strip on smaller ones. */
.games-discovery-layout>.container{width:100%;max-width:none;margin-inline:0}
@media(min-width:1101px){.games-discovery-layout{display:grid;grid-template-columns:minmax(0,1fr) 304px;gap:22px;align-items:start}.games-discovery-layout>.game-match{grid-column:2;grid-row:1;position:sticky;top:18px;padding-bottom:0}.games-discovery-layout>.games-library{grid-column:1;grid-row:1}.games-library .game-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.games-library .library-search-row{grid-template-columns:minmax(0,1fr) 150px 135px;gap:10px}.games-library .library-filters .game-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.game-match .match-console{grid-template-columns:1fr}.game-match .match-input{border-right:0;border-bottom:3px solid #091c25;padding:16px}.game-match .match-input-heading{gap:12px}.game-match .match-console-art{width:64px;height:43px}.game-match .match-select-label{margin-top:10px}.game-match .match-input-note{display:none}.game-match .match-output{padding:12px}.game-match .match-output-heading{margin-bottom:10px}.game-match .match-output-heading>div{display:block}.game-match .match-panel-label{display:block;margin-bottom:3px}.game-match .match-results{grid-template-columns:1fr;gap:11px}.game-match .match-card{grid-template-columns:69px minmax(0,1fr);gap:0 10px}.game-match .match-card h3{font-size:25px}.game-match .match-card .match-provider{font-size:9px}.game-match .match-reason{font-size:11px}.game-match .match-screen-accent{font-size:12px}.game-match .match-status{font-size:10px}.game-match .match-casino-list .real-casino-row.game-casino{grid-template-columns:40px minmax(0,1fr) 12px}.game-match .match-casino-list .casino-mini-logo{display:flex}}
@media(min-width:601px) and (max-width:850px){.games-library .console-topline{min-height:54px}.games-library .library-filters{padding-top:0;border-bottom:1px solid #455b70}.library-filters-toggle{display:flex;align-items:center;gap:9px;list-style:none;min-height:47px;cursor:pointer;font-size:12px;font-weight:600}.library-filters-toggle::-webkit-details-marker{display:none}.library-filters-toggle>.icon{width:17px;height:17px;color:var(--coral)}.library-filters-toggle>.icon:last-child{margin-left:auto;width:13px}.library-filters[open] .library-filters-toggle>.icon:last-child{transform:rotate(180deg)}.library-filters[open]{padding-bottom:14px}.games-library .game-floor-meta{min-height:36px}.games-library .library-filters .game-tabs{margin-top:5px}}

/* Keep the directory masthead short enough to show both discovery areas early. */
.illustrated-hero{padding-block:10px 14px}.illustrated-hero .breadcrumb{margin-bottom:10px}.illustrated-hero .inner-hero-grid{min-height:96px}.illustrated-hero .inner-hero-art{height:96px}.illustrated-hero .inner-hero-grid h1{font-size:clamp(30px,3.5vw,48px)}.illustrated-hero .inner-hero-grid p{margin-top:8px}.illustrated-hero .inner-hero-grid .eyebrow{margin-bottom:6px}