/* 10.13.76 visual refinement: showcase, readable controls, alignment, verification */
.lhv8-verified{display:inline-grid!important;place-items:center;width:1.45em!important;height:1.45em!important;min-width:1.45em!important;margin-left:.42em!important;border-radius:50%!important;background:#173653!important;color:#fff!important;font:800 .68em/1 system-ui!important;vertical-align:.08em!important;box-shadow:0 0 0 .16em #eef6fb!important;flex:0 0 auto!important}
.lhv8-top-user .lhv8-verified{background:#fff!important;color:#173653!important;box-shadow:0 0 0 2px rgba(255,255,255,.18)!important}
.lhv8-mini-profile b{display:flex!important;align-items:center}.lhv8-top-user>span{display:flex!important;align-items:center}
/* Keep composer and post controls inside their cards at every desktop width. */
.lhv8-main,.lhv10840-profile-layout,.lhv8-composer,.lhv8-composer-row{min-width:0!important}.lhv8-composer{overflow:hidden!important}.lhv8-composer-row textarea{width:100%!important;min-width:0!important}.lhv8-composer-foot{padding-left:52px!important;gap:12px!important;flex-wrap:wrap!important}.lhv8-composer-foot .lhv8-primary{margin-left:auto!important;min-width:150px!important}
.lhv8-post-user>div{min-width:0}.lhv8-post-user b{display:flex;align-items:center;flex-wrap:wrap}.lhv8-post-user small{white-space:normal!important;line-height:1.45}
/* Public showcase: deep layered surface and directional transitions. */
body.lhp-home-page .lh15-showcase{border:1px solid rgba(126,165,198,.42)!important;background:radial-gradient(circle at 78% 14%,rgba(70,137,184,.24),transparent 34%),linear-gradient(135deg,#102944 0%,#173d61 55%,#214f73 100%)!important;box-shadow:0 26px 70px rgba(13,40,65,.22)!important}
body.lhp-home-page .lh15-showcase::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,#000,transparent 88%)}
body.lhp-home-page .lh15-showcase-track{z-index:2!important}.lh15-slide{transition:opacity .58s cubic-bezier(.2,.7,.2,1),transform .58s cubic-bezier(.2,.7,.2,1),filter .58s ease!important;filter:blur(5px);transform:translateX(28px) scale(.985)!important}.lh15-slide.is-active{filter:none;transform:translateX(0) scale(1)!important}.lh15-slide.is-leaving{transform:translateX(-28px) scale(.985)!important}
body.lhp-home-page .lh15-slide-copy,body.lhp-home-page .lh15-visual{position:relative;z-index:3}.lh15-slide.is-active .lh15-slide-copy{animation:lh137Copy .72s cubic-bezier(.2,.75,.2,1) both!important}.lh15-slide.is-active .lh15-visual{animation:lh137Visual .78s cubic-bezier(.2,.75,.2,1) .08s both!important}@keyframes lh137Copy{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes lh137Visual{from{opacity:0;transform:translateX(24px) scale(.97)}to{opacity:1;transform:none}}
body.lhp-home-page .lh15-slider-dots{background:rgba(7,26,44,.62)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:0 10px 30px rgba(0,0,0,.18)!important;backdrop-filter:blur(12px)}body.lhp-home-page .lh15-slider-dots button{opacity:.68!important}body.lhp-home-page .lh15-slider-dots button.is-active{opacity:1!important}body.lhp-home-page .lh15-slider-dots button.is-active i{width:34px!important;background:#8fc4eb!important;box-shadow:0 0 16px rgba(143,196,235,.5)!important}
body.lhp-home-page .lh15-slider-arrows button{border-color:rgba(255,255,255,.3)!important;background:rgba(11,36,59,.72)!important}body.lhp-home-page .lh15-slider-arrows button:hover{background:#f7fbff!important;color:#173653!important;border-color:#fff!important}
/* Readability and inset-strip corrections across public cards. */
.lh137-guide-card,.lh15-explainer article,.lhp-tests-value-strip article,.lh15-service-strip>*{overflow:hidden!important}.lh137-guide-card *,.lh15-explainer article *{max-width:100%}.lh137-guide-card p,.lh137-guide-card li span,.lh137-guide-card li small{color:#526b83!important;opacity:1!important}.lh137-guide-card li{border-color:#9fb5c8!important}.lh137-guide-card li b{background:#244e75!important;color:#fff!important}.lh137-guide-kicker{color:#426887!important}.lh15-service-strip{border:1px solid #d6e2ec!important;overflow:hidden!important}.lh15-service-strip>*{min-width:0!important}.lh15-service-strip strong{color:#173653!important}.lh15-service-strip span{color:#61778a!important;white-space:normal!important}
button,a{touch-action:manipulation}.lhv8-primary,.lhv8-secondary,.lhv8-link-btn{line-height:1.25}.lhv8-primary:disabled,.lhv8-secondary:disabled{opacity:.58!important;color:#536a7f!important;background:#e6eef5!important;border-color:#c6d6e3!important}
@media(max-width:1100px){body.lhp-home-page .lh15-showcase{border-radius:24px!important}.lhv8-composer-foot{padding-left:0!important}.lhv8-composer-foot .lhv8-primary{min-width:130px!important}}
@media(max-width:720px){body.lhp-home-page .lh15-showcase{border-radius:0!important}.lh15-slide{transform:translateY(18px) scale(.99)!important}.lh15-slide.is-active{transform:none!important}.lh15-slide.is-active .lh15-visual{animation:lh137Copy .65s ease .06s both!important}.lh15-service-strip{border-radius:18px!important}.lhv8-composer-foot{align-items:stretch!important}.lhv8-composer-foot .lhv8-primary{width:100%!important;margin:0!important}}

/* Verification badge follows the surrounding name size in dense lists and cards. */
.lhv8-top-user .lhv8-verified,.lhv8-mini-profile .lhv8-verified,.lhv8-rank-item .lhv8-verified,.lhv8-comment .lhv8-verified,.lhv8-person-row .lhv8-verified{width:1.3em!important;height:1.3em!important;min-width:1.3em!important;font-size:.6em!important;margin-left:.35em!important;box-shadow:0 0 0 .12em rgba(238,246,251,.95)!important}
.lhv10841-blocked-profile{max-width:760px;margin:clamp(28px,7vh,84px) auto;padding:clamp(28px,5vw,58px);display:flex;flex-direction:column;align-items:center;text-align:center;background:#fff;border:1px solid #d8e3ec;border-radius:30px;box-shadow:0 24px 60px rgba(20,48,75,.12)}
.lhv10841-blocked-profile>img{width:112px;height:112px;object-fit:cover;border-radius:50%;border:5px solid #fff;box-shadow:0 0 0 1px #cfdae5,0 14px 30px rgba(21,50,78,.16)}
.lhv10841-blocked-profile h1{display:flex;align-items:center;justify-content:center;margin:22px 0 4px;color:#142a43;font-size:clamp(26px,4vw,40px);line-height:1.15}
.lhv10841-blocked-profile>p{margin:0;color:#73849a;font-weight:700}.lhv10841-blocked-profile>div{width:min(100%,520px);margin:26px 0 20px;padding:20px;border-radius:18px;background:#f3f7fa;border:1px solid #dce6ee;display:grid;gap:6px}.lhv10841-blocked-profile>div strong{color:#193650;font-size:17px}.lhv10841-blocked-profile>div span{color:#74869b;font-size:14px;line-height:1.55}
@media(max-width:720px){.lhv10841-blocked-profile{margin:18px 12px;padding:28px 18px;border-radius:22px}.lhv10841-blocked-profile>img{width:88px;height:88px}.lhv10841-blocked-profile h1{font-size:26px}}
@media(prefers-reduced-motion:reduce){.lh15-slide,.lh15-slide-copy,.lh15-visual{animation:none!important;transition:none!important}}

/* ===== 10.51 — settings page: one single foldable column (phone / tablet / desktop) =====
   Loaded last on purpose: the old two-column grid lives in lawhub-10.8.70.css and the floor
   base styles in lawhub-ui-10.12.39.css, so these rules get the final word without !important
   wars. The markup uses fresh lhv1251-* names, so no legacy rule can collide with them. */
.lhv1251-settings-stack{display:grid;gap:14px;width:100%;max-width:1000px;margin:0 auto;min-width:0}
.lhv1251-settings-stack>*{min-width:0}
body.lhv8-route-settings .lhv159-settings-head{max-width:1000px;margin-left:auto;margin-right:auto}
/* the floors are the only boxes now — no card frame wrapped around the form */
.lhv1251-settings-stack .lhv1251-form{display:grid;gap:12px;padding:0!important;margin:0!important;border:0!important;background:none!important;box-shadow:none!important;overflow:visible!important}
.lhv1251-group{display:grid;gap:12px}
.lhv1251-settings-stack .lhv1218-floor{border-radius:18px}
.lhv1251-settings-stack .lhv1218-theme-status{margin-top:0}

/* one overview strip in place of the old sidebar column */
.lhv1251-overview{margin-bottom:0!important;display:grid;gap:13px}
.lhv1251-overview-main{display:flex;align-items:center;flex-wrap:wrap;gap:14px}
.lhv1251-overview-avatar{flex:0 0 auto;width:62px;height:62px;border-radius:19px;object-fit:cover;background:#f7f9fc;border:1px solid #e3e9f1;box-shadow:0 8px 20px rgba(20,36,64,.08)}
.lhv1251-overview-id{flex:1 1 200px;min-width:0}
.lhv1251-overview-id b{display:block;color:#17314c;font-size:17px;line-height:1.25;letter-spacing:-.3px}
.lhv1251-overview-id span{display:block;margin-top:3px;color:#6d7c8d;font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lhv1251-overview-ready{flex:1 1 250px;min-width:0;display:grid;gap:6px}
.lhv1251-ready-meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.lhv1251-ready-meta small{color:#7d8da0;font-size:9.5px;font-weight:850;letter-spacing:.07em;text-transform:uppercase}
.lhv1251-ready-meta b{color:#1f496f;font-size:14px}
.lhv1251-overview-ready p{margin:0;color:#7a8a9b;font-size:10.5px;line-height:1.5}
.lhv1251-overview-facts{flex:1 1 100%;display:flex;align-items:center;flex-wrap:wrap;gap:7px}
.lhv1251-overview-facts span,.lhv1251-overview-facts a{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:#eef4fa;color:#23466d;font-size:10px;font-weight:800;white-space:nowrap;text-decoration:none}
.lhv1251-overview-facts a{background:#1f496f;color:#fff;transition:background .16s ease}
.lhv1251-overview-facts a:hover{background:#2c73b6}
.lhv1251-overview-facts a.is-ghost{background:none;color:#3b5a79;border:1px solid #dce5ee}
.lhv1251-overview-facts a.is-ghost:hover{background:#f1f7fc;border-color:#b9cde0;color:#1f496f}

/* jump chips */
.lhv1251-jump{display:flex;flex-wrap:wrap;gap:6px;padding-top:12px;border-top:1px solid #e6edf4}
.lhv1251-jump a{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #dce5ee;border-radius:999px;background:#fbfdfe;color:#3b5a79;font-size:10.5px;font-weight:800;text-decoration:none;transition:border-color .16s ease,background .16s ease,color .16s ease}
.lhv1251-jump a:hover{border-color:#b9cde0;background:#f1f7fc;color:#1f496f}

/* dark mode */
html[data-lh-theme="dark"] .lhv1251-overview-avatar{background:#15212d;border-color:#2a3a4a}
html[data-lh-theme="dark"] .lhv1251-overview-id b{color:#edf4fa}
html[data-lh-theme="dark"] .lhv1251-overview-id span,html[data-lh-theme="dark"] .lhv1251-overview-ready p{color:#94a8bc}
html[data-lh-theme="dark"] .lhv1251-ready-meta small{color:#8fa4b8}
html[data-lh-theme="dark"] .lhv1251-ready-meta b{color:#9fc7ec}
html[data-lh-theme="dark"] .lhv1251-overview-facts span{background:#1d3043;color:#b7cbe0}
html[data-lh-theme="dark"] .lhv1251-overview-facts a{background:#2c73b6;color:#fff}
html[data-lh-theme="dark"] .lhv1251-overview-facts a.is-ghost{background:none;color:#b7cbe0;border-color:#2d4154}
html[data-lh-theme="dark"] .lhv1251-overview-facts a.is-ghost:hover{background:#1d3043;border-color:#3c566e;color:#dce9f5}
html[data-lh-theme="dark"] .lhv1251-jump{border-top-color:#2a3a4a}
html[data-lh-theme="dark"] .lhv1251-jump a{border-color:#2d4154;background:#172432;color:#b7cbe0}
html[data-lh-theme="dark"] .lhv1251-jump a:hover{border-color:#3c566e;background:#1d3043;color:#dce9f5}

/* tablet */
@media(max-width:1024px){.lhv1251-settings-stack,body.lhv8-route-settings .lhv159-settings-head{max-width:none}}
/* phone: the chip row becomes one swipeable strip instead of a tall wall of chips */
@media(max-width:620px){
  .lhv1251-overview{gap:11px}
  .lhv1251-overview-main{gap:12px}
  .lhv1251-overview-avatar{width:52px;height:52px;border-radius:16px}
  .lhv1251-overview-id{flex:1 1 140px}
  .lhv1251-overview-id b{font-size:15.5px}
  .lhv1251-overview-ready{flex:1 1 100%}
  .lhv1251-jump{flex-wrap:nowrap;overflow-x:auto;gap:5px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .lhv1251-jump::-webkit-scrollbar{display:none}
  .lhv1251-jump a{flex:0 0 auto}
  .lhv1251-settings-stack{gap:11px}
  .lhv1251-settings-stack .lhv1218-floor{border-radius:16px}
}

/* ==================================================================
   10.53 — 3D DUEL ENTRY (duel page)
   Loads last, so it needs no !important to beat arena-10.12.26.css.
   The card uses the duel's own navy rather than the arena's red, because
   that is what the player is about to walk into.
   ================================================================== */
.lhv1053-duel-entry{display:grid;grid-template-columns:132px minmax(0,1fr);align-items:stretch;gap:0;margin:0 0 14px;border:1px solid #1f3a5e;border-radius:20px;overflow:hidden;text-decoration:none;background:linear-gradient(135deg,#14233a 0%,#101d30 48%,#0d1726 100%);box-shadow:0 18px 44px rgba(13,23,38,.28);transition:transform .25s cubic-bezier(.22,.72,.2,1),box-shadow .25s cubic-bezier(.22,.72,.2,1),border-color .25s}
.lhv1053-duel-entry:hover{transform:translateY(-2px);border-color:#4f7fae;box-shadow:0 24px 56px rgba(13,23,38,.36)}
.lhv1053-duel-entry-art{position:relative;display:block;background:radial-gradient(120% 90% at 50% 120%,rgba(79,127,174,.42),rgba(13,23,38,0) 70%);border-right:1px solid rgba(79,127,174,.28)}
.lhv1053-duel-entry-art b{position:absolute;left:50%;bottom:46px;width:72px;height:9px;transform:translateX(-50%);border-radius:3px;background:linear-gradient(180deg,#6e9cc9,#24405f);box-shadow:0 10px 22px rgba(0,0,0,.5)}
.lhv1053-duel-entry-art b::after{content:'';position:absolute;left:50%;top:9px;width:9px;height:22px;transform:translateX(-50%);border-radius:0 0 3px 3px;background:linear-gradient(180deg,#24405f,#15253b)}
/* the two players, read as heads above the table edge */
.lhv1053-duel-entry-art i{position:absolute;bottom:50px;width:15px;height:15px;border-radius:50%;background:linear-gradient(180deg,#cfe3f6,#7ea7cf);box-shadow:0 4px 12px rgba(0,0,0,.4)}
.lhv1053-duel-entry-art i:first-child{left:24px}
.lhv1053-duel-entry-art i:nth-child(2){right:24px}
.lhv1053-duel-entry-art::after{content:'';position:absolute;top:30px;left:50%;width:56px;height:3px;transform:translateX(-50%);border-radius:2px;background:#9cc3e8;box-shadow:0 0 20px 6px rgba(156,195,232,.45)}
.lhv1053-duel-entry-copy{display:grid;align-content:center;gap:7px;padding:20px 22px;color:#eaf1f8}
.lhv1053-duel-entry-copy small{display:inline-flex;justify-self:start;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid rgba(123,166,207,.45);background:rgba(79,127,174,.2);color:#cfe3f6;font-size:9px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.lhv1053-duel-entry-copy strong{font-size:17px;line-height:1.35;letter-spacing:-.2px;color:#fff}
.lhv1053-duel-entry-copy>span{color:rgba(224,236,250,.72);font-size:12.5px;line-height:1.6}
.lhv1053-duel-entry-copy em{display:inline-flex;justify-self:start;align-items:center;gap:7px;margin-top:4px;padding:9px 18px;border-radius:999px;background:#eef3f8;color:#101d30;font-size:12.5px;font-style:normal;font-weight:800}
.lhv1053-duel-entry-copy em::after{content:'→';font-size:14px;line-height:1}
.lhv1053-duel-entry:hover .lhv1053-duel-entry-copy em{background:#fff}
@media(max-width:620px){
  .lhv1053-duel-entry{grid-template-columns:minmax(0,1fr);border-radius:17px}
  .lhv1053-duel-entry-art{height:112px;border-right:0;border-bottom:1px solid rgba(79,127,174,.28)}
  /* The art is laid out in pixels off the bottom edge, so a shorter panel needs
     its own offsets — otherwise the players drift away from the table. */
  .lhv1053-duel-entry-art::after{top:24px}
  .lhv1053-duel-entry-art b{bottom:30px;width:84px}
  .lhv1053-duel-entry-art b::after{height:18px}
  .lhv1053-duel-entry-art i{bottom:34px;width:14px;height:14px}
  .lhv1053-duel-entry-art i:first-child{left:calc(50% - 60px)}
  .lhv1053-duel-entry-art i:nth-child(2){right:calc(50% - 60px)}
  .lhv1053-duel-entry-copy{padding:16px 16px 18px}
  .lhv1053-duel-entry-copy strong{font-size:15.5px}
  .lhv1053-duel-entry-copy>span{font-size:12px}
}