/* Shared casino chrome: Originals and provider launches, not game contents. */
.gbar[data-game-toolbar="compact"]{background:#fff;border-bottom:1px solid #dde3ec;box-shadow:none}
.gbar[data-game-toolbar="compact"] .gbar-in{
 display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;
 gap:16px;height:auto;min-height:64px;max-width:var(--game-maxw,1000px);
 margin-inline:auto!important;padding:8px 16px;
}
.gbar[data-game-toolbar="compact"] .gbar-in>.back,
.gbar[data-game-toolbar="compact"] .gbar-in>.fsbtn{
 grid-column:auto;grid-row:auto;justify-self:auto;margin:0;min-width:44px;min-height:44px;
 padding:10px 12px;display:inline-flex;align-items:center;justify-content:center;gap:8px;
 flex:none;border:1px solid #dde3ec;border-radius:10px;background:#f5f7fa;
 color:#4a596b;font:500 14px/1.3 Rubik,system-ui,sans-serif;white-space:nowrap;
}
.gbar[data-game-toolbar="compact"] .back:hover,
.gbar[data-game-toolbar="compact"] .fsbtn:hover{background:#eaf1fb;border-color:#b9ccec;color:#1366cf}
.gbar[data-game-toolbar="compact"] a:focus-visible,
.gbar[data-game-toolbar="compact"] button:focus-visible{outline:2px solid #1366cf;outline-offset:3px}
.gbar[data-game-toolbar="compact"] .game-identity{display:flex;align-items:center;gap:12px;min-width:0}
.gbar[data-game-toolbar="compact"] .game-identity>#gImg{width:40px;height:40px;flex:0 0 40px;object-fit:cover;border-radius:10px;border:1px solid #dde3ec}
.gbar[data-game-toolbar="compact"] .game-heading{min-width:0;flex:1}
.gbar[data-game-toolbar="compact"] .gname{display:block;min-width:0;font:700 18px/1.3 Rubik,system-ui,sans-serif;color:#16212c}
.gbar[data-game-toolbar="compact"] .gname>#gName{display:block;min-width:0;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:normal;hyphens:none}
.gbar[data-game-toolbar="compact"] .game-meta{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin-top:4px;min-width:0}
.gbar[data-game-toolbar="compact"] .game-meta:empty{display:none}
.gbar[data-game-toolbar="compact"] .game-meta>.rtp,
.gbar[data-game-toolbar="compact"] .game-meta>.grtp{
 flex:0 0 auto;padding:2px 6px;border-radius:5px;border:1px solid #c8e6d3;
 background:#f1f9f4;color:#246b42;font:500 14px/1.35 Rubik,system-ui,sans-serif;white-space:nowrap;
}
.gbar[data-game-toolbar="compact"] .game-meta>.fair{
 display:inline-flex;align-items:center;gap:5px;min-height:44px;margin-block:0;
 font:400 14px/1.35 Rubik,system-ui,sans-serif;color:#365f92;white-space:nowrap;
}
.gbar[data-game-toolbar="compact"] .fair svg{flex:0 0 14px}
.gbar[data-game-toolbar="compact"] .fair:hover{text-decoration:underline;text-underline-offset:3px}
.gbar[data-game-toolbar="compact"] .game-meta>.gpf{
 display:inline-flex;min-width:0;max-width:100%;font:400 14px/1.4 Rubik,system-ui,sans-serif;
 color:#566273;white-space:normal;overflow-wrap:anywhere;
}
.gbar[data-game-toolbar="compact"] .gpf::before{content:none}
.gbar[data-game-toolbar="compact"] .game-meta.has-rtp>.gpf{border-left:1px solid #e1e6ee;padding-left:8px}
/* The viewport budget follows the measured header and toolbar, including long titles. */
body .gframe-wrap{height:calc(100dvh - var(--game-header-height,64px) - var(--game-toolbar-height,80px));min-height:0}
@media(min-width:861px){
 .gbar[data-game-toolbar="compact"] .game-identity{justify-content:center;}
 .gbar[data-game-toolbar="compact"] .game-heading{display:flex;align-items:center;gap:14px;min-width:0;flex:0 1 auto}
 .gbar[data-game-toolbar="compact"] .gname{flex:0 1 auto;font-size:16px}
 .gbar[data-game-toolbar="compact"] .game-meta{flex:0 0 auto;max-width:none;margin-top:0;gap:6px 10px}
 body .gframe-wrap #frame{height:calc(100dvh - var(--game-header-height,64px) - var(--game-toolbar-height,80px) - 16px);max-height:none}
}
/* Reference layout: controls flank a single thumbnail + two-line identity group. */
@media(max-width:860px){
 .gbar[data-game-toolbar="compact"] .gbar-in{grid-template-columns:60px minmax(0,1fr) 60px;gap:10px;min-height:72px;padding:10px 12px;align-items:center}
 .gbar[data-game-toolbar="compact"] .gbar-in>.back,
 .gbar[data-game-toolbar="compact"] .gbar-in>.fsbtn{width:60px;min-height:52px;padding:5px 3px;flex-direction:column;gap:4px;border-radius:12px;align-self:center}
 .gbar[data-game-toolbar="compact"] .back>span,
 .gbar[data-game-toolbar="compact"] .fsbtn>span{display:block;font:500 10px/1.15 Rubik,system-ui,sans-serif;letter-spacing:-.2px;white-space:normal;overflow-wrap:anywhere;text-align:center}
 .gbar[data-game-toolbar="compact"] .back>svg,
 .gbar[data-game-toolbar="compact"] .fsbtn>svg{width:18px;height:18px;flex:0 0 18px}
 .gbar[data-game-toolbar="compact"] .game-identity{display:flex;align-items:center;justify-content:center;gap:10px;min-width:0}
 .gbar[data-game-toolbar="compact"] .game-identity>#gImg{width:44px;height:44px;flex:0 0 44px;border-radius:10px;align-self:center}
 .gbar[data-game-toolbar="compact"] .game-heading{display:block;flex:0 1 auto;min-width:0}
 .gbar[data-game-toolbar="compact"] .gname{display:block;min-height:0;font-size:14px;line-height:1.3}
 .gbar[data-game-toolbar="compact"] .game-meta{gap:3px 7px;margin-top:4px}
 .gbar[data-game-toolbar="compact"] .game-meta>.rtp,
 .gbar[data-game-toolbar="compact"] .game-meta>.grtp{font-size:11px;line-height:1.3;padding:3px 5px;border-radius:5px}
 .gbar[data-game-toolbar="compact"] .game-meta>.gpf{font-size:11px;line-height:1.3;color:#657084}
}
@media(max-width:380px){
 .gbar[data-game-toolbar="compact"] .gbar-in{gap:7px;padding-inline:10px}
 .gbar[data-game-toolbar="compact"] .game-identity{gap:8px}
 .gbar[data-game-toolbar="compact"] .game-identity>#gImg{width:40px;height:40px;flex-basis:40px;border-radius:9px}
 .gbar[data-game-toolbar="compact"] .gname{font-size:13px}
 .gbar[data-game-toolbar="compact"] .game-meta{gap:3px 5px}
 .gbar[data-game-toolbar="compact"] .game-meta>.rtp,
 .gbar[data-game-toolbar="compact"] .game-meta>.grtp,
 .gbar[data-game-toolbar="compact"] .game-meta>.gpf{font-size:10px}
}

/* On the narrowest phones, keep the authenticated balance on one line. */
@media(max-width:360px){
 .casino-game-page .smh .smh-logo img{max-width:76px}
 .casino-game-page .smh .smh-bal .v{white-space:nowrap;overflow-wrap:normal}
}
