/* Don't Block Me — styles the original generated at runtime (styled-jsx), not in its compiled stylesheets.
   Per-instance colours/images come from CSS variables set by core.js (DBM.fmt). docs/dontblockme/ARCHITECTURE.md */

/* _x_ / *x* — FancyUnderline (variant default / wavy) */
.fancyUnderline{white-space:nowrap;position:relative}
.fancyUnderline:after{--deco-height:.3125em;content:"";left:0;right:0;bottom:calc(var(--deco-height) * -.625);height:var(--deco-height);background-image:var(--fu-image);background-position:0;background-repeat:round;background-size:auto 100%;position:absolute}

/* ~x~ — FancyHighlight (rotated colour block) */
.fancyHighlight{white-space:nowrap;display:inline-block;position:relative}
.fancyHighlight>.text{z-index:2;position:relative}
.fancyHighlight:after{z-index:1;content:"";background-color:var(--fh-color);width:100%;height:100%;position:absolute;top:0;left:0;transform:rotate(357deg) scale(1.1)}

/* >>x<< — FancyHighlight2 (marker pen; sliced caps + tiles when the text is long or wraps) */
.fancyHighlight2{--highlight-cap-width:.78em;--highlight-tile-width:1.55em;white-space:normal;background-image:var(--hl-whole);box-decoration-break:clone;-webkit-box-decoration-break:clone;background-position:50%;background-repeat:no-repeat;background-size:100% 100%;margin-left:-.12em;margin-right:-.12em;padding:.24em .42em;display:inline}
.fancyHighlight2[data-render-mode=sliced]{background-image:var(--hl-left),var(--hl-right),var(--hl-middle);background-position:0,100%,0;background-repeat:no-repeat,no-repeat,repeat-x;background-size:var(--highlight-cap-width) 100%,var(--highlight-cap-width) 100%,var(--highlight-tile-width) 100%;box-decoration-break:clone;-webkit-box-decoration-break:clone;background-origin:border-box,border-box,content-box;background-clip:border-box,border-box,content-box}

/* CloudzFun's ad units inside the original's ad boxes (partials/site_ad_slot). The wrappers fill the box; the responsive
   unit is as wide as the box (in the flex row an auto-width block would be 0 px wide when AdSense measures it — "No slot
   size for availableWidth=0"); the fixed 300×100 top unit keeps its own size. */
.dbm-ad .site-ad-slot{width:100%}
.dbm-ad ins.adsbygoogle[data-ad-format]{width:100%;max-width:100%}
/* CloudzFun footer ad under the home and the friend landing (pages the original has no ad on): the game column's width */
.dbm-footer-ad{width:100%;max-width:500px;margin:0 auto}