
/* Home is z-index 80; an open Help dialog must render above Home and navigation. */
#helpVeil.open {z-index:1300 !important;}
#helpVeil.open .modal {position:relative;}



#appHome #v172HomeHub.pb24UpcomingPanel,
#appHome #v172HomeHub.pb24UpcomingPanel * { box-sizing:border-box; }
#appHome #v172HomeHub.pb24UpcomingPanel {min-width:0;max-width:100%;overflow-wrap:anywhere;}
#appHome #v172HomeHub.pb24UpcomingPanel .v172Upcoming {min-width:0;max-width:100%;}
#appHome #v172HomeHub.pb24UpcomingPanel .v172Upcoming > div:first-child {min-width:0;overflow-wrap:anywhere;}
#appHome #v172HomeHub.pb24UpcomingPanel .v172Upcoming [data-v172start] {max-width:100%;white-space:normal;overflow-wrap:anywhere;min-height:44px;text-align:center;}
@media (max-width:640px) {
 #appHome #v172HomeHub.pb24UpcomingPanel .v172Upcoming {display:flex;flex-direction:column;align-items:stretch;gap:10px;padding:13px 0;}
 #appHome #v172HomeHub.pb24UpcomingPanel .v172Upcoming > div:first-child {width:100%;flex:0 1 auto;}
 #appHome #v172HomeHub.pb24UpcomingPanel .v172Upcoming [data-v172start] {display:block;width:100%;flex:0 0 auto;margin:0;padding:11px 14px;line-height:1.35;}
 #appHome #v172HomeHub.pb24UpcomingPanel .v172HomeHead {flex-wrap:wrap;align-items:baseline;gap:4px 12px;}
 #appHome #v172HomeHub.pb24UpcomingPanel .v172HomeHead > * {min-width:0;}
}


.stataruHelpContact{margin:12px 6px 16px;padding:13px;border:1px solid #b3ccd6;background:#f1f8fb;border-radius:10px;line-height:1.6;font-size:.94rem;overflow-wrap:anywhere}.stataruHelpContact a{font-weight:750;color:#125c80}.stataruHelpContact p{font-size:.82rem;margin:7px 0 0;color:#506178}#feedbackVeil .row{flex-wrap:wrap}#feedbackVeil .row .btn{min-height:44px}@media(max-width:560px){#feedbackVeil .row .btn{width:100%}}


/* Home is the app's only scrolling pane while active. Keep wheel, touch and keyboard scrolling native. */
#appHome.show { overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important;scroll-behavior:auto!important; }
#appHome.show .home-container { min-height:100%;height:auto!important;overflow:visible!important; }
/* Canonical Home composition: reliable visible shortcuts and one scroll owner. */
#appHome.show{overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior-y:auto!important;-webkit-overflow-scrolling:touch!important;touch-action:pan-y!important}
#appHome.show .home-container{height:auto!important;min-height:100%!important;overflow:visible!important;padding-bottom:calc(90px + env(safe-area-inset-bottom))!important}
#appHome .v182931QuickAccess{margin:8px 18px 0;display:grid;gap:12px}
#appHome .v182931AccessTitle{font-size:1.05rem;font-weight:850;color:#13365d;letter-spacing:-.015em}
#appHome .v182931AccessGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#appHome .v182931Shortcut{display:flex;gap:12px;align-items:center;text-align:left;padding:15px 17px;min-height:88px;width:100%;border:1px solid #c6d8e9;border-radius:15px;background:#fff;color:#10345e;box-shadow:0 4px 15px #0d33551a;cursor:pointer}
#appHome .v182931Shortcut:focus-visible{outline:3px solid #ed9927;outline-offset:2px}
#appHome .v182931Shortcut:hover{background:#f7fbff;border-color:#8fb9df}
#appHome .v182931Shortcut .v182931Icon{font-size:1.65rem;line-height:1;flex:none;width:37px;text-align:center}
#appHome .v182931Shortcut strong{display:block;font-size:1.04rem;font-weight:850}
#appHome .v182931Shortcut small{display:block;font-size:.79rem;color:#52657b;margin-top:3px}
#appHome #v181Launch{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0!important;width:100%}
#appHome #v181Launch>button{display:flex;align-items:center;justify-content:flex-start!important;min-width:0;min-height:72px!important;padding:15px 18px!important;border-radius:15px!important;font-size:1rem!important;background:#fff!important;color:#10345e!important;border:1px solid #c6d8e9!important;box-shadow:0 4px 15px #0d33551a;font-weight:850!important}
#appHome .v1817LowerGrid{grid-template-columns:minmax(0,1fr)!important;padding-top:12px!important}
#appHome .v1817TipPanel{display:none!important}
#appHome .v1817RecentPanel{width:100%;max-width:none;min-width:0}
#appHome .v1817RecentPanel .v1817PanelHead{background-image:linear-gradient(90deg,#fff 64%,#fff8)}
@media(max-width:650px){#appHome .v182931QuickAccess{margin:8px 12px 0}#appHome .v182931AccessGrid{grid-template-columns:1fr}#appHome #v181Launch{grid-template-columns:1fr}#appHome .v182931Shortcut{min-height:74px;padding:12px 14px}}



 #sgHelpCenter[hidden],#sgPanelHelp[hidden],#sgPanelGloss[hidden]{display:none!important}
 #sgHelpCenter{position:fixed!important;inset:0!important;z-index:2147483000!important;background:rgba(5,20,38,.70)!important;display:flex;align-items:center;justify-content:center;padding:12px;box-sizing:border-box}
 .sgHelpCard{background:#fff;color:#152c47;border-radius:16px;box-shadow:0 25px 75px #0007;width:min(760px,100%);max-height:min(90dvh,900px);display:flex;flex-direction:column;overflow:hidden}
 .sgHelpHeader{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:#123357;color:#fff;gap:12px;flex-shrink:0}
 .sgHelpHeader small{font-size:.7rem;letter-spacing:.13em;color:#ffc877}.sgHelpHeader h2{font-size:1.25rem;margin:0;color:#fff}
 #sgHelpClose{background:transparent;color:white;border:1px solid #bcd2e8;border-radius:8px;min-width:42px;min-height:42px;font-size:1.25rem;cursor:pointer}
 .sgHelpTabs{display:flex;gap:8px;padding:10px 16px;background:#eef4f9;border-bottom:1px solid #dce6ee;flex-shrink:0}
 .sgHelpTabs button{flex:1;min-height:42px;border-radius:8px;border:1px solid #b7cbdc;background:white;color:#123357;font-weight:700;cursor:pointer}
 .sgHelpTabs button[aria-selected=true]{background:#123e69;color:white;border-color:#123e69}
 .sgHelpBody{overflow-y:auto;overscroll-behavior:contain;padding:8px 20px 24px;min-height:0;flex:1}
 .sgHelpBody details{border-bottom:1px solid #e0e8ef;padding:13px 2px}.sgHelpBody summary{cursor:pointer;font-weight:750;list-style-position:outside;min-height:26px}
 .sgHelpBody p{line-height:1.55;font-size:.96rem}.sgHelpBody a{color:#145f95}.sgHelpContact{background:#edf4fa;padding:12px;border-radius:10px}
 #sgGlossSearch{display:block;width:100%;margin:8px 0 3px;padding:12px;font:inherit;border:1px solid #9aafc2;border-radius:10px;box-sizing:border-box}
 .sgGlossHint{color:#557087;font-size:.84rem!important;margin:6px 0 12px}.sgGlossSection dl{margin:12px 0 3px}.sgGlossEntry{padding:10px 4px;border-bottom:1px solid #e8eef3}.sgGlossEntry dt{font-weight:750;color:#153b60}.sgGlossEntry dd{margin:4px 0 0;color:#465c70;line-height:1.45}.sgGlossSection[hidden],.sgGlossEntry[hidden]{display:none!important}
 @media(max-width:600px){#sgHelpCenter{padding:5px;align-items:stretch}.sgHelpCard{max-height:calc(100dvh - 10px);border-radius:11px}.sgHelpHeader{padding:11px 13px}.sgHelpBody{padding:6px 14px 18px}}


/* v18.31.2 — Current Home layout: orange kangaroo Recent Games above Quick Access. */
#appHome .home-container>.v1817LowerGrid.v18312RecentSection{
  display:block!important;grid-template-columns:none!important;min-width:0!important;
  box-sizing:border-box!important;position:relative;isolation:isolate;
  margin:16px 20px 0!important;padding:5px 14px 11px!important;
  border:1px solid #efbd80;border-radius:16px;
  background:linear-gradient(115deg,#fff0d7 0%,#fff4e4 62%,#ffe1b9 100%);
  box-shadow:0 4px 14px #b16e291f;overflow:hidden;min-height:106px;
}
#appHome .home-container>.v18312RecentSection::after{
  content:'';position:absolute;right:-14px;bottom:-22px;width:167px;height:174px;
  background:url('../branding/recent-kangaroo-crop.png') no-repeat right bottom/contain;
  opacity:.23;z-index:0;pointer-events:none;
}
#appHome .v18312RecentSection>.v18312RecentPanel{
  position:relative;z-index:1;width:100%;min-width:0;max-width:100%;
  border:0!important;border-radius:0!important;box-shadow:none!important;
  background:none!important;padding:0!important;overflow:visible;
}
#appHome .v18312RecentPanel>.v1817PanelHead{
  padding:8px 4px 9px!important;min-height:36px;gap:12px;background:none!important;background-image:none!important;
}
#appHome .v18312RecentPanel>.v1817PanelHead h3{font-size:clamp(1.12rem,1.5vw,1.38rem)!important;color:#19334f!important}
#appHome .v18312RecentPanel>.v1817PanelHead .v1817LinkBtn{
  min-height:37px;padding:4px 8px;font-weight:800;white-space:nowrap;
}
#appHome .v18312RecentPanel #v1817RecentGames{padding:0 3px 0!important;min-width:0}
#appHome .v18312RecentPanel .pb23GameRow{
  display:grid!important;grid-template-columns:minmax(0,1fr) auto auto auto!important;
  grid-template-areas:'meta badge score actions'!important;
  align-items:center;gap:10px!important;padding:10px 6px!important;min-height:60px!important;
  border-top:1px solid #e3c7a2!important;background:#fff9f177!important;border-radius:2px;
  box-sizing:border-box;
}
#appHome .v18312RecentPanel .v1817RecentMeta{grid-area:meta;min-width:0}
#appHome .v18312RecentPanel .v1817RecentMeta b{font-size:.99rem;font-weight:800;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#appHome .v18312RecentPanel .v1817RecentMeta small{font-size:.75rem;color:#755536}
#appHome .v18312RecentPanel .v1817RecentBadge{grid-area:badge;font-size:.73rem;padding:3px 7px;white-space:nowrap}
#appHome .v18312RecentPanel .v1817RecentScore{grid-area:score;font-size:1rem;font-weight:850;white-space:nowrap}
#appHome .v18312RecentPanel .pb23RowActions{grid-area:actions;display:flex;gap:7px!important;flex-wrap:nowrap!important}
#appHome .v18312RecentPanel .pb23RowActions button{min-height:43px!important;padding:8px 11px!important;font-size:.82rem!important;white-space:nowrap;border-radius:9px}
#appHome .v18312RecentPanel .v1817Empty{padding:15px 6px;color:#624b36;font-size:.9rem}
#appHome .home-container>#v182931QuickAccess{margin:15px 20px 0!important}
@media(max-width:750px){
 #appHome .home-container>.v1817LowerGrid.v18312RecentSection{margin:12px 12px 0!important;padding:4px 10px 10px!important}
 #appHome .home-container>#v182931QuickAccess{margin:14px 12px 0!important}
 #appHome .v18312RecentPanel .pb23GameRow{grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:'meta score' 'badge actions'!important;gap:4px 8px!important;min-height:87px!important;padding:10px 3px!important}
 #appHome .v18312RecentPanel .v1817RecentMeta b{white-space:normal;overflow-wrap:anywhere;font-size:.93rem}
 #appHome .v18312RecentPanel .v1817RecentBadge{justify-self:start}
 #appHome .v18312RecentPanel .pb23RowActions{justify-self:end}
 #appHome .v18312RecentPanel .pb23RowActions button{min-height:43px!important;font-size:.79rem!important;padding:8px 11px!important}
 #appHome .v18312RecentPanel .v1817RecentScore{font-size:.95rem}
 #appHome .home-container>.v18312RecentSection::after{width:130px;height:146px;opacity:.16}
}
