/* ==========================================================================
   Mini-Forum — Profile tabs + Settings popup
   Follows the forum design language: Montserrat, LEGO colours, thick
   bottom borders, stud strips. !important mirrors mini-forum.css, which
   has to outrank the theme.
   ========================================================================== */

/* ═══ TABS ═══ */

.mf-profile-tab{position:relative!important}
.mf-profile-tab:hover{transform:translateY(-1px)!important;box-shadow:0 3px 0 rgba(0,0,0,.08)!important}

/* Active tab fills with its own brick colour. */
.mf-profile-tab.mf-tab-active{color:#fff!important;border-bottom-width:4px!important}
.mf-profile-tab.tab-yellow.mf-tab-active{background:var(--mf-yellow)!important;color:var(--mf-text)!important;border-color:var(--mf-yellow)!important;border-bottom-color:#E5B800!important}
.mf-profile-tab.tab-blue.mf-tab-active{background:var(--mf-blue)!important;border-color:var(--mf-blue)!important;border-bottom-color:#003D8C!important}
.mf-profile-tab.tab-green.mf-tab-active{background:var(--mf-green)!important;border-color:var(--mf-green)!important;border-bottom-color:#17512C!important}
.mf-profile-tab.tab-red.mf-tab-active{background:var(--mf-red)!important;border-color:var(--mf-red)!important;border-bottom-color:#B31D1D!important}
.mf-profile-tab.mf-tab-active .tab-dot{background:#fff!important}
.mf-profile-tab.tab-yellow.mf-tab-active .tab-dot{background:var(--mf-text)!important}

.mf-profile-panel[hidden]{display:none!important}

/* ═══ SETTINGS TRIGGER (profile header, top right) ═══ */

.mf-profile-settings{position:absolute!important;top:0!important;right:0!important}
.mf-settings-btn{display:inline-flex!important;align-items:center!important;gap:7px!important;padding:8px 16px!important;border-radius:10px!important;border:2px solid var(--mf-border)!important;border-bottom-width:4px!important;background:#fff!important;font-family:var(--mf-font)!important;font-size:13px!important;font-weight:700!important;color:var(--mf-text)!important;cursor:pointer!important;transition:all .15s!important}
.mf-settings-btn:hover{border-color:var(--mf-blue)!important;border-bottom-color:#003D8C!important;transform:translateY(-1px)!important}
.mf-settings-btn svg{width:16px!important;height:16px!important;flex-shrink:0!important}

/* ═══ SETTINGS POPUP ═══ */
/* Shell (studs → red brick → white inner) is inherited from
   mini-forum-auth.css; only the settings-specific bits live here. */

.mf-settings-section{margin-top:18px!important;padding-top:18px!important;border-top:2px solid #f0f0f0!important}
.mf-settings-section:first-of-type{margin-top:8px!important;padding-top:0!important;border-top:none!important}

.mf-settings-heading{display:flex!important;align-items:center!important;gap:9px!important;font-family:var(--mf-font),sans-serif!important;font-size:15px!important;font-weight:800!important;color:var(--mf-text)!important;margin:0 0 14px!important;text-align:left!important}

/* Small LEGO brick bullet — 2x2 stud top, like the site's brick motif. */
.mf-settings-brick{width:18px!important;height:18px!important;border-radius:4px!important;background:var(--mf-red,#E52828)!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22)!important;flex:none!important;position:relative!important}
.mf-settings-brick::before,.mf-settings-brick::after{content:''!important;position:absolute!important;top:-3px!important;width:6px!important;height:4px!important;border-radius:2px 2px 0 0!important;background:var(--mf-red,#E52828)!important}
.mf-settings-brick::before{left:2px!important}
.mf-settings-brick::after{right:2px!important}

/* Strength meter under the new-password field. */
.mf-pwd-meter{height:5px!important;border-radius:3px!important;background:#eee!important;margin-top:6px!important;overflow:hidden!important}
.mf-pwd-meter span{display:block!important;height:100%!important;width:0!important;border-radius:3px!important;transition:width .25s,background .25s!important}
.mf-pwd-meter[data-level="0"] span{width:12%!important;background:#ddd!important}
.mf-pwd-meter[data-level="1"] span{width:38%!important;background:var(--mf-red,#E52828)!important}
.mf-pwd-meter[data-level="2"] span{width:70%!important;background:var(--mf-yellow,#FFCC00)!important}
.mf-pwd-meter[data-level="3"] span{width:100%!important;background:var(--mf-green,#237841)!important}

.mf-settings-hint{font-size:12.5px!important;color:var(--mf-muted,#999)!important;text-align:center!important;margin:10px 0 0!important;font-weight:600!important}
.mf-settings-hint a{color:var(--mf-blue,#0055BF)!important;font-weight:800!important;text-decoration:none!important}
.mf-settings-hint a:hover{text-decoration:underline!important}

.mf-settings-msg{display:none;padding:9px 14px!important;border-radius:10px!important;font-size:13px!important;font-weight:700!important;text-align:center!important;margin-top:12px!important;border:2px solid transparent!important}
.mf-settings-msg-ok{background:#E8F5EC!important;border-color:var(--mf-green,#237841)!important;color:#17512C!important}
.mf-settings-msg-err{background:#FEE2E2!important;border-color:#F87171!important;color:#B91C1C!important}

@media(max-width:900px){
  .mf-profile-settings{position:static!important;margin-top:14px!important}
  .mf-settings-btn{width:100%!important;justify-content:center!important}
}

/* ═══ STATS ROW ═══
   .mf-stats-row is display:flex with no wrap, so once Mini-Devices adds a
   fourth box the boxes shrink and their labels break onto a second line
   ("Mini-Kit / requests: 2"). Keep each label on one line and let whole
   boxes wrap instead. */
.mf-stats-row{flex-wrap:wrap!important;row-gap:10px!important}
.mf-stat-box{white-space:nowrap!important;flex:0 0 auto!important}

@media(max-width:520px){
  .mf-stat-box{padding:9px 16px!important;font-size:13px!important}
}

/* ═══ GAME ACCOUNT — Profile → App & Studio ═══
   Same language as the rest of the profile: a stud strip on top, a thick
   coloured bottom edge, Montserrat, the forum's own .mf-btn and .mf-role-badge.
   The popup borrows the site's LEGO shell wholesale and needs almost nothing
   here. Kept in this stylesheet, not one of its own, so the Design page's
   Profile sheet and the CSS box beside each area both reach it. */
/* A coloured brick with a white card inside, exactly like the popup and the
   Mini-Kits cards. The studs need something to sit on: on a white card they
   floated, attached to nothing — the strip art is studs with a thin lip, and
   the lip only reads as the top of a brick when the brick is under it. */
.mf-game-brickframe{border-radius:16px!important;padding:0 6px 6px!important;background:var(--mf-blue,#0055BF)!important;overflow:hidden!important}
.mf-game-brickframe.mf-game-on{background:var(--mf-green,#237841)!important}
.mf-game-card{background:#fff!important;border:none!important;border-radius:12px!important;overflow:hidden!important}
/* Montserrat on every last element: the theme styles h4/h5/p/strong on the
   profile, and a card that borrows two of the theme's fonts stops reading as
   part of this site. */
.mf-game-brickframe,.mf-game-brickframe *{font-family:var(--mf-font,'Montserrat'),Montserrat,sans-serif!important}

/* Four evenly spaced stud pairs, not a repeating tile.
   The strip art is one brick top; repeat-x cuts it mid-stud wherever the card
   happens to end, which is the row of clipped rectangles this used to draw.
   Four placed copies, each a quarter wide, is how Mini-Kits does it. */
.mf-game-brickframe .mf-studs{height:26px!important;background-repeat:no-repeat,no-repeat,no-repeat,no-repeat!important;background-position:left bottom,33.3333% bottom,66.6667% bottom,right bottom!important;background-size:25% auto,25% auto,25% auto,25% auto!important;margin:0 -6px -1px!important;position:relative!important;z-index:2!important}
.mf-game-brickframe .mf-studs-blue{background-image:var(--stud-blue),var(--stud-blue),var(--stud-blue),var(--stud-blue)!important}
.mf-game-brickframe .mf-studs-green{background-image:var(--stud-green),var(--stud-green),var(--stud-green),var(--stud-green)!important}
.mf-game-brickframe .mf-studs-yellow{background-image:var(--stud-yellow),var(--stud-yellow),var(--stud-yellow),var(--stud-yellow)!important}
.mf-game-brickframe .mf-studs-red{background-image:var(--stud-red),var(--stud-red),var(--stud-red),var(--stud-red)!important}

.mf-game-body{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:20px!important;padding:20px 22px!important}

/* The mark is a wordmark, not a square icon: give it room to keep its own
   proportions rather than squashing it into a fixed box. */
.mf-game-logo{flex:none!important;display:flex!important;align-items:center!important;justify-content:center!important;max-width:130px!important}
.mf-game-logo img{width:auto!important;height:auto!important;max-width:100%!important;max-height:72px!important;display:block!important}

/* Round, like every other avatar on this site. */
.mf-game-figure{flex:none!important;width:112px!important;height:112px!important;border-radius:50%!important;overflow:hidden!important;background:#F4F4F4!important;border:3px solid var(--mf-yellow,#FFCC00)!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mf-game-figure img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important}
.mf-game-figure .mf-avatar-lg,.mf-game-figure .mf-avatar{width:100%!important;height:100%!important;border:none!important;border-radius:50%!important}

.mf-game-copy{flex:1 1 240px!important;min-width:0!important}
.mf-game-copy h4{margin:0 0 8px!important;font-size:20px!important;font-weight:900!important;color:var(--mf-text,#1A1A1A)!important;line-height:1.25!important}
.mf-game-copy p{margin:0!important;font-size:14px!important;line-height:1.65!important;color:var(--mf-muted,#666)!important;font-weight:600!important}

.mf-game-tags{display:flex!important;flex-wrap:wrap!important;gap:7px!important;align-items:center!important;margin:0 0 8px!important}
.mf-game-tag{display:inline-block!important;padding:3px 10px!important;border-radius:6px!important;background:#F1F1F1!important;color:var(--mf-muted,#666)!important;font-size:11px!important;font-weight:800!important}
.mf-game-tagline{font-style:italic!important}
.mf-game-tagline:empty{display:none!important}

/* ── counter tiles ── */
.mf-game-stats{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:10px!important;padding:0 22px 20px!important}
.mf-game-stat{position:relative!important;border-radius:12px!important;padding:14px 10px 12px!important;text-align:center!important;background:#F7F7F7!important;border:2px solid #EDEDED!important;border-bottom-width:5px!important;min-width:0!important}
.mf-game-stat-n{display:block!important;font-size:24px!important;font-weight:900!important;line-height:1.1!important;color:var(--mf-text,#1A1A1A)!important}
.mf-game-stat-l{display:block!important;margin-top:3px!important;font-size:11px!important;font-weight:800!important;letter-spacing:.03em!important;text-transform:uppercase!important;color:var(--mf-muted,#8A8A8A)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.mf-game-stat-bricks{border-color:#FFE89A!important;border-bottom-color:var(--mf-yellow,#FFCC00)!important;background:#FFFBEC!important}
.mf-game-stat-medals{border-color:#BFD4F2!important;border-bottom-color:var(--mf-blue,#0055BF)!important;background:#F1F6FD!important}
.mf-game-stat-cups{border-color:#F7C4C4!important;border-bottom-color:var(--mf-red,#E52828)!important;background:#FDF2F2!important}
.mf-game-stat-streak{border-color:#B9DCC6!important;border-bottom-color:var(--mf-green,#237841)!important;background:#F1F9F4!important}
.mf-game-stat-minis{border-color:#D8CCF0!important;border-bottom-color:#6B4FBB!important;background:#F6F2FE!important}

/* ── section headings inside the card ── */
.mf-game-sub{display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 12px!important;font-size:14px!important;font-weight:900!important;color:var(--mf-text,#1A1A1A)!important;text-transform:none!important;letter-spacing:0!important}
/* The 2x2 brick bullet the Settings popup uses, so a heading inside this card
   is marked the same way as a heading inside that one. */
.mf-game-brick{width:18px!important;height:18px!important;border-radius:4px!important;background:var(--mf-red,#E52828)!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.22)!important;flex:none!important;position:relative!important}
.mf-game-brick::before,.mf-game-brick::after{content:''!important;position:absolute!important;top:-3px!important;width:6px!important;height:4px!important;border-radius:2px 2px 0 0!important;background:inherit!important}
.mf-game-brick::before{left:2px!important}
.mf-game-brick::after{right:2px!important}
.mf-game-brick-green{background:var(--mf-green,#237841)!important}
.mf-game-count{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-width:24px!important;height:24px!important;padding:0 8px!important;border-radius:8px!important;background:var(--mf-blue,#0055BF)!important;color:#fff!important;font-size:12px!important;font-weight:900!important}

/* ── scenes ── */
.mf-game-scenes{border-top:2px solid #F0F0F0!important;padding:16px 22px!important}
.mf-game-chips{display:flex!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:9px!important}
.mf-game-chip{display:inline-block!important;padding:5px 11px!important;border-radius:8px!important;background:#F4F7FB!important;border:2px solid #DCE7F5!important;color:#284A75!important;font-size:11.5px!important;font-weight:800!important}

/* ── characters built for a scene ── */
.mf-game-figures{border-top:2px solid #F0F0F0!important;padding:16px 22px!important}
.mf-game-figure-list{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.mf-game-figure-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:5px!important;width:82px!important}
.mf-game-figure-item img{width:72px!important;height:72px!important;object-fit:contain!important;border-radius:12px!important;background:#FFFBEC!important;border:2px solid #FFE89A!important;border-bottom-width:4px!important;border-bottom-color:var(--mf-yellow,#FFCC00)!important;display:block!important;padding:4px!important}
.mf-game-figure-item small{font-size:10px!important;font-weight:800!important;color:var(--mf-muted,#999)!important;text-align:center!important;line-height:1.25!important;max-width:82px!important;overflow:hidden!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important}
.mf-game-figure-item small:empty{display:none!important}
.mf-game-brick-yellow{background:var(--mf-yellow,#FFCC00)!important;box-shadow:inset 0 -3px 0 rgba(0,0,0,.14)!important}

/* Inside a Mini's row the strip is a full-width band under the tiles, and the
   thumbnails shrink: this is a detail about that child, not a gallery. */
.mf-game-mini .mf-game-figures{flex:1 1 100%!important;border-top:2px solid #F2F2F2!important;padding:12px 0 0!important;margin-top:2px!important}
.mf-game-mini .mf-game-figure-item{width:58px!important}
.mf-game-mini .mf-game-figure-item img{width:52px!important;height:52px!important;border-radius:10px!important}
.mf-game-mini .mf-game-figure-item small{max-width:58px!important;font-size:9px!important}
.mf-game-mini .mf-game-sub{font-size:12px!important;margin-bottom:9px!important}

/* ── experts ── */
.mf-game-experts{border-top:2px solid #F0F0F0!important;padding:16px 22px!important}
.mf-game-expert-list{display:flex!important;flex-wrap:wrap!important;gap:10px!important}
.mf-game-expert{display:flex!important;align-items:center!important;gap:10px!important;padding:9px 14px 9px 9px!important;border:2px solid #DCEBE1!important;border-bottom-width:4px!important;border-bottom-color:var(--mf-green,#237841)!important;border-radius:12px!important;background:#F5FBF7!important}
.mf-game-expert-face{flex:none!important;width:34px!important;height:34px!important;border-radius:50%!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--mf-green,#237841)!important}
.mf-game-expert-face img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important}
.mf-game-expert-initial{color:#fff!important;font-size:15px!important;font-weight:900!important;line-height:1!important}
.mf-game-expert-copy{display:flex!important;flex-direction:column!important;min-width:0!important}
.mf-game-expert-copy strong{font-size:13.5px!important;font-weight:900!important;color:var(--mf-text,#1A1A1A)!important}
.mf-game-expert-copy small{font-size:11.5px!important;font-weight:700!important;color:var(--mf-muted,#7A8F81)!important}
.mf-game-expert-copy small:empty{display:none!important}

/* ── a parent's Minis ── */
.mf-game-minis{border-top:2px solid #F0F0F0!important;padding:18px 22px 6px!important}
.mf-game-minis-head{display:flex!important;align-items:center!important;gap:9px!important;margin:0 0 14px!important;font-size:14px!important;font-weight:900!important;color:var(--mf-text,#1A1A1A)!important;text-transform:none!important}
.mf-game-mini-list{display:flex!important;flex-direction:column!important;gap:12px!important}
.mf-game-mini{display:flex!important;flex-wrap:wrap!important;align-items:center!important;gap:14px!important;padding:14px!important;border:2px solid #EFEFEF!important;border-bottom-width:4px!important;border-radius:12px!important;background:#FCFCFC!important}
.mf-game-mini-face{flex:none!important;width:64px!important;height:64px!important;border-radius:50%!important;overflow:hidden!important;background:var(--mf-yellow,#FFCC00)!important;border:3px solid #FFE070!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mf-game-mini-face img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:50%!important}
.mf-game-mini-initial{font-size:24px!important;font-weight:900!important;color:#1A1A1A!important}
.mf-game-mini-copy{flex:1 1 170px!important;min-width:0!important}
.mf-game-mini-name{display:block!important;font-size:15px!important;font-weight:900!important;color:var(--mf-text,#1A1A1A)!important}
.mf-game-mini-age{display:inline-block!important;margin-top:4px!important;padding:2px 8px!important;border-radius:6px!important;background:var(--mf-yellow,#FFCC00)!important;color:#1A1A1A!important;font-size:10.5px!important;font-weight:800!important}
.mf-game-mini-tag{margin:5px 0 0!important;font-size:12.5px!important;font-style:italic!important;color:var(--mf-muted,#888)!important;font-weight:600!important}
.mf-game-mini-scenes{margin:4px 0 0!important;font-size:11.5px!important;font-weight:700!important;color:#5B7FA8!important}
.mf-game-mini-tag:empty,.mf-game-mini-scenes:empty,.mf-game-mini-age:empty{display:none!important}
.mf-game-mini-stats{flex:1 1 260px!important;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:8px!important;padding:0!important}
.mf-game-mini-stats .mf-game-stat{padding:9px 6px 7px!important;border-bottom-width:4px!important}
.mf-game-mini-stats .mf-game-stat-n{font-size:18px!important}
.mf-game-mini-stats .mf-game-stat-l{font-size:9.5px!important}

/* ── foot ── */
.mf-game-foot{display:flex!important;flex-wrap:wrap!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:16px 22px 18px!important;border-top:2px solid #F0F0F0!important}
.mf-game-fine{margin:0!important;font-size:12px!important;color:var(--mf-muted,#999)!important;font-weight:600!important}
.mf-game-actions{display:flex!important;flex-wrap:wrap!important;gap:10px!important;align-items:center!important}
.mf-game-actions .mf-btn{padding:11px 20px!important}

/* Two button tones the auth stylesheet does not carry. */
.mf-btn-red{background:var(--mf-red,#E52828)!important;color:#fff!important}
.mf-btn-ghost{background:#F1F1F1!important;color:var(--mf-text,#1A1A1A)!important}
.mf-btn-quiet{background:transparent!important;color:var(--mf-muted,#888)!important;text-decoration:underline!important;padding:11px 8px!important}

/* ── the one-time confirmation after a link is opened ── */
.mf-game-notice{margin:0 0 14px!important;padding:12px 16px!important;border-radius:10px!important;font-size:13.5px!important;font-weight:700!important;border:2px solid transparent!important;font-family:var(--mf-font,'Montserrat'),Montserrat,sans-serif!important}
.mf-game-notice-ok{background:#E8F5EC!important;border-color:var(--mf-green,#237841)!important;color:#17512C!important}
.mf-game-notice-bad{background:#FEE2E2!important;border-color:#F87171!important;color:#B91C1C!important}

/* ── one Mini in detail, inside the popup ── */
.mf-game-detail-body{max-height:min(58vh,520px)!important;overflow-y:auto!important;text-align:left!important;margin:0 -6px 16px!important;padding:0 6px!important}
.mf-game-panel > div:first-child{padding-top:0!important}
.mf-game-panel .mf-game-scenes,.mf-game-panel .mf-game-figures,
.mf-game-panel .mf-game-experts,.mf-game-panel .mf-game-kv{padding:14px 0!important;border-top:2px solid #F0F0F0!important}
.mf-game-panel .mf-game-stats{padding:0 0 4px!important;gap:8px!important}
.mf-game-panel .mf-game-stat{padding:10px 6px 8px!important;border-bottom-width:4px!important}
.mf-game-panel .mf-game-stat-n{font-size:19px!important}
.mf-game-panel .mf-game-stat-l{font-size:9.5px!important}
.mf-game-panel .mf-game-expert-list{flex-direction:column!important}
.mf-game-panel .mf-game-expert{flex:1 1 100%!important}

.mf-game-scene-list{display:flex!important;flex-direction:column!important;gap:9px!important;margin-bottom:10px!important}
.mf-game-scenerow{padding:10px 12px!important;border:2px solid #EFEFEF!important;border-bottom-width:4px!important;border-radius:10px!important;background:#FCFCFC!important}
.mf-game-scenerow-head{display:flex!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:space-between!important;gap:8px!important;margin-bottom:7px!important}
.mf-game-scenerow-head strong{font-size:13.5px!important;font-weight:900!important;color:var(--mf-text,#1A1A1A)!important}
.mf-game-scenerow-meta{font-size:11px!important;font-weight:700!important;color:var(--mf-muted,#999)!important}
.mf-game-scenerow-meta:empty{display:none!important}
.mf-game-levels{display:flex!important;flex-wrap:wrap!important;gap:6px!important}
.mf-game-level{display:inline-block!important;padding:4px 10px!important;border-radius:7px!important;font-size:10.5px!important;font-weight:800!important;border:2px solid transparent!important}
.mf-game-level.is-open{background:#EDF7F1!important;border-color:var(--mf-green,#237841)!important;color:#17512C!important}
.mf-game-level.is-locked{background:#F5F5F5!important;border-color:#E4E4E4!important;color:#AFAFAF!important}

.mf-game-kv-list{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.mf-game-kv-item{display:flex!important;flex-direction:column!important;align-items:center!important;padding:8px 14px!important;border-radius:10px!important;background:#F7F7F7!important;border:2px solid #EDEDED!important;border-bottom-width:4px!important;min-width:74px!important}
.mf-game-kv-n{font-size:16px!important;font-weight:900!important;color:var(--mf-text,#1A1A1A)!important;line-height:1.1!important}
.mf-game-kv-l{font-size:9.5px!important;font-weight:800!important;text-transform:uppercase!important;letter-spacing:.03em!important;color:var(--mf-muted,#9A9A9A)!important;margin-top:2px!important;text-align:center!important}

.mf-game-detail-btn{padding:8px 16px!important;font-size:12.5px!important}
.mf-game-mini-more{flex:none!important}
#mf-game-panels{display:none!important}

/* ── inside the site's popup shell ── */
#mf-game-overlay .mf-popup-step h2{text-align:center!important}
#mf-game-overlay .mf-popup-form{display:flex!important;flex-direction:column!important;gap:14px!important}
#mf-game-overlay .mf-game-msg{margin:0!important;font-size:13px!important;font-weight:700!important;text-align:center!important}
#mf-game-overlay .mf-game-msg:empty{display:none!important}
#mf-game-overlay .mf-game-msg-bad{color:#B91C1C!important}
#mf-game-overlay .mf-game-msg-ok{color:#17512C!important}
.mf-game-tick{width:66px!important;height:66px!important;margin:0 auto 14px!important;border-radius:50%!important;background:var(--mf-green,#237841)!important;color:#fff!important;display:flex!important;align-items:center!important;justify-content:center!important}
.mf-game-tick svg{width:32px!important;height:32px!important}

@media(max-width:820px){
  .mf-game-mini-stats{flex-basis:100%!important}
}
@media(max-width:600px){
  /* Stacked, flex-basis is a height: leaving .mf-game-copy at 240px opened a
     240-pixel hole between the tagline and the tiles. */
  .mf-game-body{flex-direction:column!important;align-items:flex-start!important;padding:18px 16px!important;gap:14px!important}
  .mf-game-copy{flex:0 0 auto!important;width:100%!important}
  .mf-game-figure{width:96px!important;height:96px!important}
  .mf-game-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:0 16px 18px!important}
  .mf-game-scenes,.mf-game-experts{padding:14px 16px!important}
  .mf-game-minis{padding:16px 16px 4px!important}
  .mf-game-mini{gap:12px!important}
  .mf-game-mini-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .mf-game-mini-more{flex:1 1 100%!important}
  .mf-game-mini-more .mf-btn{width:100%!important}
  .mf-game-expert{flex:1 1 100%!important}
  .mf-game-detail-body{max-height:62vh!important}
  .mf-game-foot{flex-direction:column!important;align-items:stretch!important;padding:14px 16px 16px!important}
  .mf-game-actions{width:100%!important}
  .mf-game-actions .mf-btn{flex:1 1 auto!important}
  .mf-game-actions .mf-btn-quiet{flex-basis:100%!important}
}