/* FBRKH r863: Four distinct game identities. Visual layer ONLY.
   No changes to game state, reveal/correctness, score colours, canvas, QR,
   countdown, purchased access, payment, input validation or server behaviour.
   Bound to production r860 / r859 game surfaces. */

html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand]{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(#app,#qApp,#kApp){
  max-width:100%;
  min-width:0;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.brand-hero,.hero-q,.qadha-initial-home,.k-hero,.setup-hero,.setup-card,.setup-panel,.lobby-panel,.host-question-stage,.prompt-card,.question-panel){
  min-width:0;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.brand-subtitle,.brand-tagline,.hero-q p,.k-hero p,.setup-hero p,.setup-card p,.setup-panel p,.host-question-stage h1,.prompt-card p,.question-panel p){
  overflow-wrap:break-word;
  text-wrap:pretty;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(input,select,textarea){
  min-width:0;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(input,select,textarea):not([type="checkbox"]):not([type="radio"]){
  font-size:max(16px,1em);
}

/* FBRKHA: strategic violet / atmospheric plum. A deliberate dark hero with
   opaque, tested white typography; crisp light working cards beneath. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"]:has(#app),
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"]:has(#app.home-shell.public-screen){
  --g860-outline:rgba(81,46,136,.22);
  --g860-card-shadow:0 17px 43px rgba(48,19,88,.11);
  background:radial-gradient(ellipse at 90% 3%,rgba(118,68,197,.18),transparent 42rem),
    linear-gradient(160deg,#f4f0fc,#faf8ff 55%,#f3ecfa)!important;
  color:#241339!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] :is(.game-hud,.participant-top){
  background:linear-gradient(115deg,#26143f,#49216a)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-hero{
  background:radial-gradient(ellipse at 80% 15%,rgba(154,111,220,.42),transparent 55%),
    linear-gradient(128deg,#2b164d,#4c2375 74%,#572b86)!important;
  border-color:rgba(215,189,248,.34)!important;
  box-shadow:0 25px 56px rgba(37,18,72,.21)!important;
  color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-hero :is(.brand-tagline,.brand-tagline strong,.brand-tagline b,.brand-subtitle){
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:none!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-hero .brand-subtitle{
  color:#f4e7ff!important;-webkit-text-fill-color:#f4e7ff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .fbrkha-v2-word{
  color:#452077!important;-webkit-text-fill-color:#452077!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-action{
  background:#fff!important;color:#301c50!important;border-color:rgba(84,51,136,.22)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell #createPageBtn{
  background:linear-gradient(120deg,#56208a,#7937ae)!important;
  color:#fff!important;border-color:#56208a!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-features>div{
  background:#f9f6ff!important;
  border-color:rgba(81,46,136,.19)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.host-active[data-game-brand="fbrkha"] #app[data-fbrkha-role="host"] :is(.lobby-join-card,.lobby-panel,.host-question-stage,.host-voting-content),
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.player-active[data-game-brand="fbrkha"] #app :is(.player-answer-panel,.player-vote-panel,.player-stage-card){
  background:linear-gradient(140deg,#fff,#f4eefe)!important;color:#29163f!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.host-active[data-game-brand="fbrkha"] #app[data-fbrkha-role="host"] :is(.host-question-stage h1,.host-voting-content h1,.question-text){
  color:#29163f!important;-webkit-text-fill-color:#29163f!important;
}

/* QADHA: teal + sports amber — challenge and two-team energy, not purple. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"]:has(#qApp){
  --g860-outline:rgba(24,107,98,.22);
  --g860-card-shadow:0 18px 45px rgba(15,82,73,.10);
  background:radial-gradient(ellipse at 92% 5%,rgba(31,154,139,.16),transparent 38rem),
   radial-gradient(ellipse at 7% 80%,rgba(240,183,89,.15),transparent 35rem),
   linear-gradient(155deg,#effaf6,#fffaf0 68%,#edf7f3)!important;
  color:#173f3b!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] .q-nav,
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.q-game-active[data-game-brand="qadha"] .premium-qadha-toolbar{
  background:linear-gradient(110deg,#12483d,#19685c)!important;
  color:#fff!important;border-color:rgba(244,209,142,.33)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] .q-nav :is(a,button,span,small,b){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home{
  background:radial-gradient(ellipse at 85% 20%,rgba(255,218,144,.47),transparent 50%),
   linear-gradient(135deg,#f9fffb,#e8f7f0 70%,#fff4de)!important;
  color:#154c42!important;border-color:rgba(24,105,96,.26)!important;
  box-shadow:0 19px 49px rgba(15,82,73,.14)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home :is(h1,h1 span){
  color:#125144!important;-webkit-text-fill-color:#125144!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home p{
  color:#315b52!important;-webkit-text-fill-color:#315b52!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home .pill{
  background:#fff4dc!important;border-color:#cda156!important;
  color:#6e4d15!important;-webkit-text-fill-color:#6e4d15!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home #qInitialNewGame{
  background:linear-gradient(120deg,#106052,#197465)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp>.qadha-initial-home .btn-ghost{
  background:#fff!important;color:#17574b!important;-webkit-text-fill-color:#17574b!important;
  border-color:rgba(23,96,83,.33)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp :is(.setup-panel,.q-setup-card,.settings-panel,.lobby-panel,.q-lobby-card){
  background:linear-gradient(145deg,#fff,#eaf8f1)!important;color:#173f38!important;
  border-color:rgba(28,107,93,.2)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] #qApp .setup-panel :is(h1,h2,h3,p,label){
  color:#235146!important;-webkit-text-fill-color:#235146!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.q-game-active[data-game-brand="qadha"] .q-board-screen{
  background:linear-gradient(130deg,#f0faf2,#fdf7e9)!important;
  border-color:rgba(21,108,92,.21)!important;
}
/* Preserve team-red/team-blue/category point colours and the drawing stage. */

/* KHALTAHA: bright editorial coral + berry; every challenge gets a clear card. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:has(#kApp){
  --g860-outline:rgba(164,61,86,.23);
  --g860-card-shadow:0 16px 42px rgba(134,36,73,.10);
  background:radial-gradient(ellipse at 87% 4%,rgba(254,156,158,.23),transparent 41rem),
   linear-gradient(160deg,#fff5ef,#ffedf0 50%,#fffaf4)!important;
  color:#55283a!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"] .k-top{
  background:linear-gradient(105deg,#76284c,#9d375f)!important;
  border-color:rgba(255,219,210,.28)!important;color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"] .k-top :is(a,button,strong,span,small){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .k-hero{
  background:radial-gradient(ellipse at 75% 15%,rgba(255,187,158,.44),transparent 54%),
   linear-gradient(140deg,#fffaf6,#ffe3e7 70%,#ffedf1)!important;
  border-color:rgba(157,57,91,.28)!important;
  box-shadow:0 18px 48px rgba(139,51,80,.15)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"] #kApp .k-hero :is(h1,h1 span,p){
  color:#632642!important;-webkit-text-fill-color:#632642!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp :is(.setup-panel,.k-card,.setup-options>div,.join-board,.lobby-players,.prompt-card){
  background:linear-gradient(145deg,#fffefd,#fff0f0)!important;
  color:#5e283d!important;border-color:rgba(158,59,91,.24)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .mode-toggle{
  background:#fff!important;color:#602b44!important;
  border-color:rgba(157,61,91,.30)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .mode-toggle :is(b,small,span){
  color:#602b44!important;-webkit-text-fill-color:#602b44!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .mode-toggle:has(input:checked){
  background:linear-gradient(140deg,#ffe1e5,#ffd0db)!important;
  border-color:#a83c6a!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="khaltaha"]:not(.khaltaha-player-v2) #kApp .prompt-main :is(h1,h2,p){
  color:#5c2740!important;-webkit-text-fill-color:#5c2740!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.khaltaha-player-v2[data-game-brand="khaltaha"] :is(.prompt-card,.waiting-stage){
  background:linear-gradient(145deg,#fffefa,#ffecef)!important;
  color:#55263d!important;border-color:rgba(164,61,86,.27)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.khaltaha-player-v2[data-game-brand="khaltaha"] .prompt-card :is(h1,h2,p,.prompt-main){
  color:#55263d!important;-webkit-text-fill-color:#55263d!important;
}

/* TOP10: refined navy + sapphire with icy blue, inspired by ordered ranking
   rather than the homepage violet. DO NOT recolour flip/revealed answers. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"]:has(#app){
  --g860-outline:rgba(37,79,141,.22);
  --g860-card-shadow:0 16px 42px rgba(27,57,107,.09);
  background:radial-gradient(ellipse at 85% 5%,rgba(95,159,223,.20),transparent 44rem),
    linear-gradient(155deg,#f0f8ff,#f7fbff 57%,#eaf3ff)!important;
  color:#203b62!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] .t10-nav{
  background:linear-gradient(110deg,#102f55,#1a5481)!important;
  border-color:rgba(194,224,255,.25)!important;color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] .t10-nav :is(a,button,small,span,b){
  color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #app :is(#loadingView,#authView,#errorView,#setupView .setup-hero){
  background:radial-gradient(ellipse at 85% 7%,rgba(140,198,247,.4),transparent 54%),
   linear-gradient(125deg,#fff,#e6f2ff)!important;
  color:#173b68!important;border-color:rgba(36,90,153,.24)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #app :is(#loadingView,#authView,#errorView,#setupView .setup-hero) :is(h1,h2,p){
  color:#1e456c!important;-webkit-text-fill-color:#1e456c!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView .setup-card{
  background:linear-gradient(140deg,#fff,#ecf6ff)!important;color:#1c3e65!important;
  border-color:rgba(33,86,153,.2)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView .setup-card :is(h2,h3,p,small,label){
  color:#27476b!important;-webkit-text-fill-color:#27476b!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView .section-title>span{
  background:#dbeaff!important;color:#234b7d!important;
  border-color:rgba(35,75,125,.22)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView :is(.round-option,.timer-options button,.segmented button,.category-option,.content-pack-chip):not(.active):not(:has(input:checked)){
  background:#fff!important;color:#214a76!important;
  border-color:rgba(35,91,162,.3)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #setupView :is(.round-option,.timer-options button,.segmented button).active{
  background:linear-gradient(110deg,#174e8a,#286aa7)!important;
  color:#fff!important;-webkit-text-fill-color:#fff!important;
  border-color:#174e8a!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #gameView .question-panel{
  background:radial-gradient(ellipse at 90% 0%,rgba(137,198,254,.23),transparent 63%),
   linear-gradient(130deg,#fff,#e8f4ff)!important;
  border-color:rgba(33,95,153,.2)!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="top10"] #gameView .question-panel :is(h1,p){
  color:#203f66!important;-webkit-text-fill-color:#203f66!important;
}
/* Universal legibility of basic setup text ONLY: game-specific scoring,
   team shades, correct/wrong/selected, hearts and flip cards are excluded. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.setup-panel,.setup-card,.settings-panel,.lobby-panel,.join-board,.home-action) :is(label,p,small){
  opacity:1;
}
@media(max-width:480px){
  html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.home-actions,.actions,.setup-grid,.k-grid){
    max-width:100%;min-width:0;
  }
  html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.brand-hero,.hero-q,.k-hero,.setup-hero) :is(h1,h2,p){
    max-width:100%;
  }
}
@media(prefers-reduced-motion:reduce){
  html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand] :is(.brand-hero,.hero-q,.k-hero,.setup-hero,.home-action,.setup-card){
    animation:none!important;transition:none!important;
  }
}

/* r863 polish: actual Fbrkha wordmark lives INSIDE the new deep-plum hero.
   Override old dark-on-light text rule to maintain >7:1 legibility. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .brand-hero .fbrkha-v2-word{
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="fbrkha"] #app.home-shell .home-action:not(#createPageBtn) small[style]{
 color:#45285c!important;-webkit-text-fill-color:#45285c!important;
}
/* Qadha participant uses #pApp instead of the host's #qApp. */
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"]:has(#pApp){
 background:radial-gradient(ellipse at 90% 0%,rgba(31,154,139,.16),transparent 38rem),
   linear-gradient(155deg,#effaf6,#fffaf0 68%,#edf7f3)!important;
 color:#173f3b!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] .participant-top{
 background:linear-gradient(110deg,#12483d,#19685c)!important;
 color:#fff!important;
}
html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body[data-game-brand="qadha"] .participant-top :is(a,small,strong,span){
 color:#fff!important;-webkit-text-fill-color:#fff!important;
}

/* r863 WebKit mobile fix: old Top10 used fixed 100vw widths in nested setup
   panels. Safari can reserve ~8px for the vertical scrollbar, so 100vw may
   exceed the available content box even if all child controls fit.
   Size from the actual parent width instead of clipping the extra pixels. */
@media (max-width: 760px){
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.top10-v320[data-game-brand="top10"] #app.t10-shell{
  width:calc(100% - 14px)!important;
  inline-size:calc(100% - 14px)!important;
  max-width:calc(100% - 14px)!important;
  max-inline-size:calc(100% - 14px)!important;
 }
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.top10-v320[data-game-brand="top10"] #app #setupView.setup-view,
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.top10-v320[data-game-brand="top10"] #app #setupView.setup-view > .setup-hero,
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.top10-v320[data-game-brand="top10"] #app #setupView.setup-view > #setupForm.setup-grid,
 html[data-fbrkh-game-family="r860"][data-fbrkh-ui="game"][data-fbrkh-page-family="r859"] body.top10-v320[data-game-brand="top10"] #app #setupView.setup-view > #setupForm.setup-grid > .setup-card{
  width:100%!important;inline-size:100%!important;
  max-width:100%!important;max-inline-size:100%!important;
  min-width:0!important;min-inline-size:0!important;
  box-sizing:border-box!important;
 }
}