/* SunArb Mobile Reference V5
   Mobile-only layer matching the approved light gaming portal reference.
   Desktop V4 remains unchanged. No external fonts/imports. */
.mobile-menu,
.mobile-search-trigger,
.mobile-only,
.mobile-home-categories,
.mobile-featured-section,
.mobile-related-categories{display:none}
@media (max-width:680px){
:root{
--m-bg:#f7fbff;
--m-surface:#ffffff;
--m-text:#102b4e;
--m-muted:#68809d;
--m-line:#e7eef7;
--m-blue:#1686ff;
--m-blue2:#2f6fff;
--m-orange:#ff7a1a;
--m-green:#2fd36b;
--m-shadow:0 8px 24px rgba(31,72,121,.10);
--m-shadow-soft:0 4px 14px rgba(31,72,121,.08)
}
html{background:var(--m-bg)!important}
body,
.engine-parity{
color:var(--m-text)!important;
background:
radial-gradient(circle at 86% 12rem,rgba(53,164,255,.08),transparent 18rem),
linear-gradient(180deg,#fff 0,#f7fbff 34%,#f3f9ff 100%)!important
}
body::before{display:none!important}
.shell,
.engine-parity main.shell{width:calc(100% - 20px)!important}
.mobile-only,
.mobile-home-categories,
.mobile-featured-section,
.mobile-related-categories{display:block}
.site-header{
position:relative!important;
z-index:60!important;
border-bottom:1px solid #edf2f7!important;
background:rgba(255,255,255,.97)!important;
box-shadow:0 3px 16px rgba(35,72,115,.06)!important;
backdrop-filter:blur(12px)!important
}
.header-inner{
min-height:58px!important;
height:58px!important;
display:flex!important;
flex-wrap:nowrap!important;
align-items:center!important;
gap:8px!important;
padding-block:0!important
}
.header-brand-area{
display:flex!important;
align-items:center!important;
gap:0!important;
flex:1 1 auto!important;
min-width:0!important;
justify-content:center!important
}
.logo{
display:inline-flex!important;
align-items:center!important;
gap:3px!important;
font-size:22px!important;
font-weight:950!important;
letter-spacing:-1px!important;
line-height:1!important;
color:#123b67!important;
white-space:nowrap!important
}
.logo::before{
content:"☀"!important;
display:inline-grid!important;
place-items:center!important;
width:auto!important;
height:auto!important;
margin-inline-end:3px!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
color:var(--m-orange)!important;
font-size:24px!important;
transform:none!important
}
.logo-sun{color:#123b67!important}
.logo-arb{color:var(--m-orange)!important}
.brand-subtitle{display:none!important}
.primary-nav,
.header-portal-link{display:none!important}
.header-actions{
display:flex!important;
align-items:center!important;
gap:6px!important;
margin:0!important;
flex:0 0 auto!important
}
.language-switch{
display:inline-flex!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
min-height:36px!important;
padding:0 9px!important;
border:1px solid #e7eef7!important;
border-radius:12px!important;
color:#19456f!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important;
font-size:10px!important;
font-weight:850!important
}
.language-switch::before{
content:"◎";
color:#2478ca;
font-size:14px
}
.mobile-search-trigger{
display:grid!important;
place-items:center!important;
width:36px!important;
height:36px!important;
flex:0 0 36px!important;
border:1px solid #e7eef7!important;
border-radius:12px!important;
color:#19456f!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important;
font-size:0!important
}
.mobile-search-trigger::before{
content:"⌕";
font-size:24px;
font-weight:700;
line-height:1
}
.mobile-menu{
display:block!important;
position:relative!important;
flex:0 0 auto!important
}
.mobile-menu summary{
list-style:none!important;
display:grid!important;
place-items:center!important;
width:36px!important;
height:36px!important;
border:1px solid #e7eef7!important;
border-radius:12px!important;
color:#19456f!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important;
cursor:pointer!important;
font-size:0!important
}
.mobile-menu summary::-webkit-details-marker{display:none}
.mobile-menu summary::before{
content:"☰";
font-size:18px;
line-height:1
}
.mobile-menu[open] summary::before{content:"×";font-size:23px}
.mobile-menu-panel{
position:absolute!important;
top:44px!important;
inset-inline-start:0!important;
z-index:99!important;
width:210px!important;
padding:8px!important;
border:1px solid #e1eaf5!important;
border-radius:15px!important;
background:#fff!important;
box-shadow:0 18px 44px rgba(24,62,104,.18)!important
}
.mobile-menu-panel a{
display:flex!important;
align-items:center!important;
min-height:40px!important;
padding:0 11px!important;
border-radius:10px!important;
color:#153b64!important;
font-size:12px!important;
font-weight:750!important
}
.mobile-menu-panel a:hover{background:#f2f7fd!important;color:#0e79e9!important}
.search-strip{
display:none!important;
position:relative!important;
padding:9px 0!important;
border-bottom:1px solid #edf2f7!important;
background:#fff!important
}
.search-strip:target{display:block!important}
.site-search{gap:6px!important}
.site-search input{
height:42px!important;
min-width:0!important;
padding-inline:12px!important;
border:1px solid #dfe9f4!important;
border-radius:12px!important;
color:#173d66!important;
background:#f8fbff!important;
box-shadow:none!important;
font-size:12px!important
}
.site-search input::placeholder{color:#91a2b6!important}
.site-search input:focus{
border-color:#7fbbf7!important;
background:#fff!important;
box-shadow:0 0 0 3px rgba(22,134,255,.10)!important
}
.site-search button{
height:42px!important;
min-width:64px!important;
padding-inline:10px!important;
border-radius:12px!important;
color:#fff!important;
background:linear-gradient(135deg,#38a6ff,#176fff)!important;
box-shadow:0 8px 18px rgba(22,111,255,.20)!important;
font-size:11px!important
}
.category-bar{display:none!important}
.content,
.engine-parity main.shell{
padding-top:12px!important;
padding-bottom:34px!important
}
body[data-page-type="home"] .home-intro{
display:block!important;
margin:0 0 18px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
background:none!important;
box-shadow:none!important;
overflow:visible!important
}
body[data-page-type="home"] .home-intro::before,
body[data-page-type="home"] .home-intro::after{display:none!important}
body[data-page-type="home"] .hero-copy{display:none!important}
body[data-page-type="home"] .hero-feature{
display:block!important;
position:relative!important;
min-height:0!important;
aspect-ratio:16/9!important;
overflow:hidden!important;
border:0!important;
border-radius:18px!important;
background:#dceeff!important;
box-shadow:0 10px 28px rgba(26,72,119,.14)!important
}
body[data-page-type="home"] .hero-feature::after{
background:linear-gradient(to top,rgba(5,31,59,.72) 0,rgba(5,31,59,.16) 46%,transparent 68%)!important
}
body[data-page-type="home"] .hero-feature img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
transform:none!important;
filter:saturate(1.04)!important
}
body[data-page-type="home"] .hero-feature-content{
inset-inline:14px!important;
bottom:11px!important
}
body[data-page-type="home"] .hero-feature-label{display:none!important}
body[data-page-type="home"] .hero-feature h2{
margin:0!important;
color:#fff!important;
font-size:18px!important;
font-weight:900!important;
line-height:1.1!important;
text-shadow:0 2px 8px rgba(0,0,0,.28)!important
}
body[data-page-type="home"] .hero-feature-meta{
margin-top:3px!important;
color:#f1f7ff!important;
font-size:10px!important
}
body[data-page-type="home"] .hero-feature-play{
inset:50% auto auto 50%!important;
width:54px!important;
height:54px!important;
border:0!important;
border-radius:50%!important;
color:#126cbb!important;
background:rgba(255,255,255,.94)!important;
box-shadow:0 8px 24px rgba(7,46,82,.20)!important;
font-size:17px!important;
transform:translate(-50%,-50%)!important;
backdrop-filter:none!important
}
.home-section{margin-top:24px!important}
.section-heading,
.home-section-heading{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-bottom:11px!important
}
.section-heading h2,
.home-section-heading h2{
margin:0!important;
padding:0!important;
color:#12375f!important;
font-size:17px!important;
font-weight:900!important;
letter-spacing:-.3px!important
}
.section-heading h2::before,
.home-section-heading h2::before{display:none!important}
#popular .home-section-heading h2::before{
content:"🔥"!important;
display:inline!important;
position:static!important;
width:auto!important;
height:auto!important;
margin-inline-end:5px!important;
background:none!important;
box-shadow:none!important;
transform:none!important;
font-size:16px!important
}
.mobile-see-all{
display:inline-flex!important;
align-items:center!important;
gap:2px!important;
color:#1686ff!important;
font-size:10px!important;
font-weight:850!important
}
.grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:11px 10px!important
}
.card{
overflow:visible!important;
border:0!important;
border-radius:0!important;
color:var(--m-text)!important;
background:transparent!important;
box-shadow:none!important;
transform:none!important
}
.card:hover{transform:none!important;background:transparent!important;box-shadow:none!important}
.thumb{
overflow:hidden!important;
aspect-ratio:16/9!important;
border-radius:13px!important;
background:#eaf3fb!important;
box-shadow:0 5px 14px rgba(35,75,116,.10)!important
}
.thumb::after{display:none!important}
.thumb img{
width:100%!important;
height:100%!important;
object-fit:cover!important;
transform:none!important;
filter:none!important
}
.card-play-badge,
.card-category,
.card-cta{display:none!important}
.card-body{padding:5px 2px 0!important}
.card-body h2{
min-height:0!important;
margin:0!important;
color:#14365b!important;
font-size:11px!important;
font-weight:850!important;
line-height:1.3!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important
}
.card-body h2 a{color:inherit!important}
.card-meta{display:none!important}
.page-heading,
.search-heading{
margin-bottom:14px!important;
padding:15px!important;
border:1px solid #e5eef8!important;
border-radius:15px!important;
color:var(--m-text)!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important
}
.page-heading h1{
color:#12375f!important;
font-size:24px!important;
letter-spacing:-.5px!important
}
.page-heading p{color:#7b8fa8!important}
.page-counter{
border:1px solid #e7eef7!important;
color:#55728f!important;
background:#f7fbff!important
}
.pagination a,
.pagination span{
border-color:#dfe9f4!important;
color:#496987!important;
background:#fff!important
}
.pagination .current{
color:#fff!important;
border-color:#1686ff!important;
background:#1686ff!important
}
.mobile-home-categories,
.mobile-featured-section,
.mobile-related-categories{margin-top:27px!important}
.mobile-section-head{
display:flex!important;
align-items:center!important;
justify-content:space-between!important;
gap:10px!important;
margin-bottom:11px!important
}
.mobile-section-title{
display:flex!important;
align-items:center!important;
gap:6px!important;
margin:0!important;
color:#12375f!important;
font-size:17px!important;
font-weight:900!important;
letter-spacing:-.3px!important
}
.mobile-section-title .icon{font-size:17px!important;line-height:1!important}
.mobile-category-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important
}
.mobile-category-card{
display:flex!important;
min-width:0!important;
min-height:94px!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
padding:9px 4px!important;
border-radius:14px!important;
color:#fff!important;
box-shadow:0 8px 18px rgba(40,91,139,.13)!important;
text-align:center!important
}
.mobile-category-card .cat-icon{font-size:25px!important;line-height:1!important}
.mobile-category-card strong{
display:block!important;
max-width:100%!important;
font-size:10px!important;
line-height:1.2!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important
}
.mobile-category-card small{
display:block!important;
font-size:8px!important;
font-weight:750!important;
opacity:.88!important
}
.mobile-category-card.tone-orange{background:linear-gradient(150deg,#ffba4d,#ff7a25)!important}
.mobile-category-card.tone-purple{background:linear-gradient(150deg,#bb6cff,#7c3cff)!important}
.mobile-category-card.tone-blue{background:linear-gradient(150deg,#65d5ff,#369cf8)!important}
.mobile-category-card.tone-pink{background:linear-gradient(150deg,#ff8fc2,#ef56a3)!important}
.mobile-category-card.tone-green{background:linear-gradient(150deg,#6de6bd,#23b980)!important}
.mobile-category-card.tone-indigo{background:linear-gradient(150deg,#7da6ff,#5268ef)!important}
.mobile-featured-card{
overflow:hidden!important;
padding:12px!important;
border:1px solid #e8eff7!important;
border-radius:17px!important;
background:#fff!important;
box-shadow:var(--m-shadow)!important
}
.mobile-featured-top{
display:grid!important;
grid-template-columns:100px minmax(0,1fr)!important;
gap:11px!important;
align-items:center!important
}
.mobile-featured-image{
display:block!important;
overflow:hidden!important;
aspect-ratio:1/1!important;
border-radius:13px!important;
background:#eaf3fb!important
}
.mobile-featured-image img{
width:100%!important;
height:100%!important;
object-fit:cover!important
}
.mobile-featured-copy h3{
margin:0 0 3px!important;
color:#12375f!important;
font-size:17px!important;
font-weight:900!important;
line-height:1.1!important
}
.mobile-featured-copy .mobile-featured-subtitle{
display:block!important;
margin-bottom:5px!important;
color:#235f99!important;
font-size:10px!important;
font-weight:800!important
}
.mobile-featured-copy p{
margin:0!important;
color:#667f9a!important;
font-size:9.5px!important;
line-height:1.45!important
}
.mobile-featured-play{
display:flex!important;
align-items:center!important;
justify-content:center!important;
gap:7px!important;
min-height:43px!important;
margin-top:11px!important;
border-radius:999px!important;
color:#fff!important;
background:linear-gradient(135deg,#42db76,#1fc85c)!important;
box-shadow:0 9px 20px rgba(34,195,88,.24)!important;
font-size:12px!important;
font-weight:900!important
}
.mobile-featured-stats{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:5px!important;
margin-top:12px!important;
padding-top:11px!important;
border-top:1px solid #edf2f7!important
}
.mobile-featured-stat{text-align:center!important;min-width:0!important}
.mobile-featured-stat b{
display:block!important;
color:#173c63!important;
font-size:10px!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important
}
.mobile-featured-stat span{
display:block!important;
margin-top:2px!important;
color:#91a1b3!important;
font-size:7.5px!important;
font-weight:650!important
}
.mobile-featured-stat .stat-icon{
display:block!important;
margin-bottom:3px!important;
font-size:17px!important
}
.mobile-related-grid{
display:grid!important;
grid-template-columns:repeat(4,minmax(0,1fr))!important;
gap:8px!important
}
.mobile-related-card{
display:flex!important;
min-width:0!important;
min-height:76px!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
padding:8px 3px!important;
border:1px solid #e7eef7!important;
border-radius:14px!important;
color:#173c63!important;
background:linear-gradient(180deg,#fff,#f3f9ff)!important;
box-shadow:var(--m-shadow-soft)!important;
text-align:center!important
}
.mobile-related-card .cat-icon{font-size:22px!important;line-height:1!important}
.mobile-related-card strong{
max-width:100%!important;
font-size:9px!important;
line-height:1.15!important;
white-space:nowrap!important;
overflow:hidden!important;
text-overflow:ellipsis!important
}
#newest .grid{gap:8px!important}
#newest .card{
display:grid!important;
grid-template-columns:66px minmax(0,1fr)!important;
align-items:center!important;
min-height:58px!important;
overflow:hidden!important;
border:1px solid #e8eff7!important;
border-radius:12px!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important
}
#newest .thumb{
width:66px!important;
height:58px!important;
aspect-ratio:auto!important;
border-radius:0!important;
box-shadow:none!important
}
#newest .card-body{padding:0 8px!important;min-width:0!important}
#newest .card-body h2{
font-size:9.5px!important;
font-weight:850!important;
line-height:1.25!important;
white-space:normal!important;
display:-webkit-box!important;
-webkit-line-clamp:2!important;
-webkit-box-orient:vertical!important;
overflow:hidden!important
}
.site-footer{
position:relative!important;
overflow:hidden!important;
border-top:1px solid #e7f0f8!important;
color:#4f6985!important;
background:
radial-gradient(circle at 20% 8%,rgba(255,255,255,.95),transparent 7rem),
radial-gradient(circle at 80% 11%,rgba(255,255,255,.82),transparent 8rem),
linear-gradient(180deg,#eaf7ff,#dff2ff)!important
}
.site-footer::after{
content:""!important;
position:absolute!important;
inset-inline:-8%!important;
bottom:-45px!important;
height:95px!important;
background:
radial-gradient(circle at 8% 20%,#46c98b 0 12px,transparent 13px),
radial-gradient(circle at 14% 40%,#2fac78 0 18px,transparent 19px),
radial-gradient(circle at 90% 24%,#45c98a 0 14px,transparent 15px),
radial-gradient(circle at 84% 44%,#2fac78 0 19px,transparent 20px),
linear-gradient(7deg,#ffd39e 0 28%,transparent 29%)!important;
opacity:.82!important;
pointer-events:none!important
}
.footer-inner{
position:relative!important;
z-index:1!important;
min-height:0!important;
display:grid!important;
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:20px 10px!important;
padding:30px 4px 72px!important
}
.footer-brand-block{
grid-column:1/-1!important;
text-align:center!important
}
.footer-brand-block strong{
display:inline-flex!important;
align-items:center!important;
gap:4px!important;
color:#123b67!important;
font-size:23px!important
}
.footer-brand-block strong::before{
content:"☀";
color:var(--m-orange);
font-size:26px
}
.footer-brand-block p{
max-width:290px!important;
margin:6px auto 0!important;
color:#57728e!important;
font-size:9px!important;
line-height:1.55!important
}
.footer-column strong{
margin-bottom:8px!important;
color:#173c63!important;
font-size:10px!important
}
.footer-links{gap:5px!important}
.footer-links a{color:#5d7691!important;font-size:8.5px!important}
.footer-note{
grid-column:1/-1!important;
display:flex!important;
flex-direction:column!important;
align-items:center!important;
justify-content:center!important;
gap:5px!important;
padding-top:13px!important;
border-top:1px solid rgba(117,164,203,.20)!important;
color:#6e87a1!important;
font-size:8px!important;
text-align:center!important
}
.engine-parity .game-breadcrumb{
margin-bottom:9px!important;
color:#7b91a9!important;
font-size:9px!important
}
.engine-parity .game-breadcrumb a{color:#2a79bd!important}
.engine-parity .game-breadcrumb-sep{color:#a6b5c4!important}
.engine-parity .game-page-card{
gap:10px!important;
padding:0!important;
border:0!important;
border-radius:0!important;
color:var(--m-text)!important;
background:transparent!important;
box-shadow:none!important
}
.engine-parity .game-heading{
padding:4px 2px 0!important;
text-align:start!important
}
.engine-parity .game-heading h1{
margin-bottom:7px!important;
color:#12375f!important;
font-size:25px!important;
letter-spacing:-.7px!important
}
.engine-parity .game-meta{gap:5px!important;color:#71859c!important;font-size:8.5px!important}
.engine-parity .game-meta a,
.engine-parity .game-meta span{
min-height:25px!important;
padding:0 7px!important;
border:1px solid #e3ecf5!important;
color:#51708d!important;
background:#fff!important
}
.engine-parity .player-stage{
padding:5px!important;
border:1px solid #d9e7f2!important;
border-radius:16px!important;
background:#07101c!important;
box-shadow:0 10px 26px rgba(26,67,110,.16)!important
}
.engine-parity .ruffle-host,
.engine-parity .html5-host{border-radius:11px!important}
.engine-parity .player-toolbar{
display:grid!important;
grid-template-columns:1fr 1fr!important;
gap:7px!important
}
.engine-parity .player-button{
min-height:38px!important;
border:1px solid #e1eaf4!important;
border-radius:11px!important;
color:#315978!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important;
font-size:10px!important
}
.engine-parity .game-description{
padding:14px!important;
border:1px solid #e5edf6!important;
border-radius:15px!important;
color:#5d7691!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important;
font-size:11px!important
}
.game-quick-stats{
grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:6px!important
}
.game-quick-stat{
padding:8px!important;
border:1px solid #e6eef6!important;
border-radius:11px!important;
background:#f7fbff!important;
text-align:center!important
}
.game-quick-stat strong{color:#173c63!important;font-size:10px!important}
.game-quick-stat span{color:#8a9caf!important;font-size:7px!important}
.game-primary-cta{
min-height:42px!important;
border-radius:999px!important;
color:#fff!important;
background:linear-gradient(135deg,#41dc77,#22c95f)!important;
box-shadow:0 8px 20px rgba(35,198,92,.22)!important;
font-size:11px!important
}
.engine-parity .historical-pill,
.engine-parity .legacy-tag{
border-color:#e4edf6!important;
color:#607992!important;
background:#fff!important
}
.engine-parity .interaction-panel,
.engine-parity .comments-section,
.engine-parity .related-section{
margin-top:12px!important;
padding:13px!important;
border:1px solid #e5edf6!important;
border-radius:15px!important;
color:var(--m-text)!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important
}
.engine-parity .interaction-grid,
.engine-parity .walkthrough-grid{grid-template-columns:1fr!important}
.engine-parity .interaction-box{
padding:13px!important;
border:1px solid #e8eef5!important;
border-radius:13px!important;
background:#f9fbfe!important
}
.engine-parity .interaction-box h3{color:#173c63!important;font-size:13px!important}
.engine-parity .interaction-box p,
.engine-parity .interaction-box label{color:#6d8298!important;font-size:9px!important}
.engine-parity .interaction-box input,
.engine-parity .interaction-box select,
.engine-parity .interaction-box textarea{
border-color:#dfe8f2!important;
color:#173c63!important;
background:#fff!important
}
.engine-parity .interaction-box button{
border-radius:10px!important;
background:linear-gradient(135deg,#38a6ff,#1770ff)!important
}
.engine-parity .engine-related-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:9px!important
}
.engine-parity .engine-related-card{
padding:0 0 7px!important;
border:1px solid #e7eef6!important;
border-radius:13px!important;
color:#173c63!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important
}
.engine-parity .engine-related-card img{
aspect-ratio:16/9!important;
border-radius:12px 12px 0 0!important
}
.engine-parity .engine-related-title{
padding:6px 7px 0!important;
font-size:9px!important
}
body.portal-login-page{
padding:12px!important;
color:var(--m-text)!important;
background:
radial-gradient(circle at 80% 5rem,rgba(70,179,255,.12),transparent 16rem),
linear-gradient(180deg,#fff,#eef8ff)!important
}
body.portal-login-page::after{display:none!important}
body.portal-login-page .card{
width:100%!important;
padding:22px!important;
border:1px solid #e4edf6!important;
border-radius:19px!important;
color:var(--m-text)!important;
background:#fff!important;
box-shadow:0 16px 38px rgba(37,79,119,.12)!important
}
body.portal-login-page .card::before{
background:linear-gradient(135deg,#ffb13c,#ff741a)!important;
box-shadow:0 10px 22px rgba(255,123,25,.20)!important
}
body.portal-login-page h1{color:#12375f!important}
body.portal-login-page p,
body.portal-login-page .meta{color:#71869e!important}
body.portal-login-page label{color:#315a7c!important}
body.portal-login-page input{
border-color:#dde8f2!important;
color:#173c63!important;
background:#f8fbff!important
}
body.portal-login-page button{
background:linear-gradient(135deg,#38a6ff,#1770ff)!important;
box-shadow:0 10px 24px rgba(23,112,255,.20)!important
}
body.portal-dashboard-page{
color:var(--m-text)!important;
background:linear-gradient(180deg,#fff,#f3f9ff)!important
}
body.portal-dashboard-page header{
border-bottom:1px solid #e4edf6!important;
background:#fff!important
}
body.portal-dashboard-page .header strong,
body.portal-dashboard-page h1,
body.portal-dashboard-page h2,
body.portal-dashboard-page h3{color:#173c63!important}
body.portal-dashboard-page .actions a,
body.portal-dashboard-page .actions button{
border-color:#dfe8f2!important;
color:#315978!important;
background:#fff!important
}
body.portal-dashboard-page .card,
body.portal-dashboard-page section,
body.portal-dashboard-page .panel{
border-color:#e5edf6!important;
color:#5e7590!important;
background:#fff!important;
box-shadow:var(--m-shadow-soft)!important
}
body.portal-dashboard-page input,
body.portal-dashboard-page select,
body.portal-dashboard-page textarea{
border-color:#dfe8f2!important;
color:#173c63!important;
background:#f9fbfe!important
}
body.portal-dashboard-page th{color:#496986!important;background:#f4f9fd!important}
body.portal-dashboard-page th,
body.portal-dashboard-page td{border-color:#e7eef5!important}
body.portal-dashboard-page .links a{color:#2e73b0!important;background:#f1f8ff!important}
body.portal-dashboard-page .secret{border-color:#d6e5f2!important;background:#f4f9fd!important}
}
@media (max-width:390px){
.mobile-category-grid,
.mobile-related-grid{gap:6px!important}
.mobile-category-card{min-height:88px!important;padding-inline:2px!important}
.mobile-category-card .cat-icon{font-size:22px!important}
.mobile-category-card strong{font-size:9px!important}
.mobile-featured-top{grid-template-columns:90px minmax(0,1fr)!important}
.mobile-featured-copy h3{font-size:16px!important}
.footer-inner{gap:18px 7px!important}
}

.mobile-see-all,
.mobile-section-label{display:none}
@media (max-width:680px){
.mobile-see-all{display:inline-flex!important}
.desktop-section-label{display:none!important}
.mobile-section-label{display:inline!important}
}