/* DOT-PHA-V2-20261026: bố cục chuẩn cho bảng Đột Phá - 1 file, chỉ áp cho #sonMonCultivationDialog.
   Điện thoại / khung hẹp: 1 cột, cả bảng cuộn 1 chỗ. Khung rộng (>= 620px, PC): 2 cột, lịch sử bên phải cuộn riêng.
   5 ID lặp để thắng các quy tắc cũ (ui.css, unified-skin/frame, CSS sảnh 4 ID). Không đổi kích thước/vị trí khung dialog. */
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog{
  --dp-gold:#ffc94d;--dp-gold-2:#f2b33d;--dp-text:#f5ecd6;--dp-mute:#bfb39a;--dp-line:rgba(255,190,61,.26);--dp-card:rgba(14,11,8,.78);--dp-ok:#5fe08a;--dp-bad:#ff7b6b;--dp-r:14px;--dp-gap:12px;
  --dp-font:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;font-family:var(--dp-font)}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog[open]>.pt-shell{display:flex!important;flex-direction:column!important;min-height:0!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .pt-pane{flex:1 1 auto!important;min-height:0!important;height:auto!important;max-height:none!important;overflow:auto!important;overscroll-behavior:contain;padding:12px 14px calc(16px + env(safe-area-inset-bottom))!important;box-sizing:border-box!important;display:block!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .son-mon-feature-content{container-type:inline-size;height:100%!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding:0!important;margin:0!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-cultivation{height:100%!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-cultivation-unified-shell{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:var(--dp-gap)!important;align-content:start!important;height:auto!important;min-height:0!important;max-height:none!important;padding:0!important;margin:0!important;background:none!important;border:0!important;box-shadow:none!important;overflow:visible!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-divider{display:none!important}
/* thẻ chung */
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-section{position:relative!important;display:block!important;width:auto!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:14px 16px!important;box-sizing:border-box!important;background:var(--dp-card)!important;border:1px solid var(--dp-line)!important;border-radius:var(--dp-r)!important;box-shadow:inset 0 1px 0 rgba(255,230,170,.06)!important;backdrop-filter:none!important;text-align:left!important;color:var(--dp-text)!important;overflow:visible!important}
/* cảnh giới */
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-kicker{font:800 11.5px/1.2 var(--dp-font)!important;letter-spacing:1.6px!important;color:var(--dp-gold)!important;margin:0 0 8px!important;text-transform:uppercase}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-realm-row{display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;padding:0!important;height:auto!important;background:none!important;border:0!important;box-shadow:none!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-realm-row strong{font:800 20px/1.25 var(--dp-font)!important;color:#fff3d6!important;min-width:0;overflow-wrap:anywhere}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-realm-row span{font:800 16px/1 var(--dp-font)!important;color:var(--dp-gold)!important;flex:none}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-progress{position:relative!important;display:block!important;height:10px!important;margin:0!important;border-radius:99px!important;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,190,61,.22)!important;overflow:hidden!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-progress>i{display:block!important;height:100%!important;border-radius:inherit!important;background:linear-gradient(90deg,#f2a92d,#ffe08a)!important;box-shadow:0 0 10px rgba(255,200,80,.55)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-progress-note{font:500 13px/1.4 var(--dp-font)!important;color:var(--dp-mute)!important;margin:8px 0 0!important}
/* linh thạch */
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-wallet{display:grid!important;grid-template-columns:1fr auto!important;align-items:center!important;column-gap:12px!important;row-gap:4px!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-wallet>span{grid-column:1/-1;font:800 11.5px/1.2 var(--dp-font)!important;letter-spacing:1.6px!important;color:var(--dp-gold)!important;margin:0!important;text-align:left!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-wallet-value{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;margin:0!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-wallet-value b{font:900 30px/1.1 var(--dp-font)!important;color:#fff7e0!important;letter-spacing:.5px!important;font-variant-numeric:tabular-nums}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-wallet-value em{font-style:normal!important;font-size:24px!important;line-height:1!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-wallet small{grid-column:1/-1;font:600 13px/1.4 var(--dp-font)!important;color:var(--dp-mute)!important;margin:0!important;text-align:left!important}
/* nút đột phá */
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-break-title{display:flex!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-break-title>span{display:grid!important;place-items:center!important;width:40px!important;height:40px!important;flex:none!important;border-radius:12px!important;background:rgba(255,190,61,.12)!important;border:1px solid var(--dp-line)!important;font-size:20px!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-break-title b{display:block!important;font:800 17px/1.25 var(--dp-font)!important;color:#fff3d6!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-break-title small{display:block!important;font:600 13px/1.35 var(--dp-font)!important;color:var(--dp-gold)!important;margin-top:2px!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough]{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;width:100%!important;min-height:54px!important;height:auto!important;margin:0!important;padding:10px 16px!important;box-sizing:border-box!important;border-radius:14px!important;border:1px solid rgba(255,225,140,.85)!important;background:linear-gradient(180deg,#ffd76a,#f0a92e)!important;color:#2a1700!important;font:900 15px/1.3 var(--dp-font)!important;letter-spacing:.4px!important;text-align:center!important;white-space:normal!important;text-wrap:balance;box-shadow:0 6px 18px rgba(240,170,46,.35),inset 0 1px 0 rgba(255,255,255,.5)!important;cursor:pointer!important;touch-action:manipulation}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough]:not(:disabled):hover{filter:brightness(1.06)}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough]:not(:disabled):active{transform:translateY(1px)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough]:disabled{background:rgba(255,255,255,.07)!important;border-color:rgba(255,255,255,.16)!important;color:#a8a090!important;box-shadow:none!important;cursor:not-allowed!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough] .sm-break-btn-icon{display:grid!important;place-items:center!important;width:30px!important;height:30px!important;flex:none!important;border-radius:50%!important;background:rgba(0,0,0,.14)!important;font-size:16px!important;margin:0!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough]>span:not(.sm-break-btn-icon){font:inherit!important;color:inherit!important;min-width:0}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough]>i{display:none!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-break>p{font:500 13px/1.55 var(--dp-font)!important;color:var(--dp-mute)!important;margin:12px 0 0!important;text-align:left!important}
/* lịch sử */
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-history{display:flex!important;flex-direction:column!important;padding-bottom:10px!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-head{flex:0 0 auto!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;gap:10px!important;margin:0 0 10px!important;padding:0!important;min-height:0!important;height:auto!important;border:0!important;background:none!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-head strong{font:800 13px/1.2 var(--dp-font)!important;letter-spacing:1.2px!important;color:var(--dp-gold)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-head span{font:600 12px/1.2 var(--dp-font)!important;color:var(--dp-mute)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-list{scrollbar-gutter:stable;display:flex!important;flex-direction:column!important;gap:8px!important;height:auto!important;max-height:none!important;min-height:0!important;overflow:visible!important;padding:0!important;margin:0!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-row{flex:0 0 auto!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;grid-template-areas:"main stones" "time stones"!important;column-gap:12px!important;row-gap:4px!important;align-items:start!important;margin:0!important;padding:10px 12px!important;border:1px solid rgba(255,255,255,.07)!important;border-left:3px solid var(--dp-ok)!important;border-radius:10px!important;background:rgba(255,255,255,.035)!important;min-height:0!important;height:auto!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-row.is-fail{border-left-color:var(--dp-bad)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-main{grid-area:main;display:flex!important;flex-direction:column!important;gap:2px!important;min-width:0}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-main b{font:800 14px/1.3 var(--dp-font)!important;color:var(--dp-ok)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-row.is-fail .sm-break-history-main b{color:var(--dp-bad)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-main span{font:600 13px/1.35 var(--dp-font)!important;color:var(--dp-text)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-stones{grid-area:stones;display:flex!important;flex-direction:column!important;align-items:flex-end!important;gap:3px!important;text-align:right!important;font:500 12.5px/1.35 var(--dp-font)!important;color:var(--dp-mute)!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-stones b{font-size:inherit!important;font-weight:800!important;color:#ffe08a!important;font-variant-numeric:tabular-nums}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-stones span,html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-lucky{font:inherit!important;color:inherit!important;white-space:nowrap}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-row time{grid-area:time;overflow-wrap:anywhere;font:500 12px/1.3 var(--dp-font)!important;color:#9b917e!important;align-self:end!important;text-align:left!important}
html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-empty{font:500 13px/1.5 var(--dp-font)!important;color:var(--dp-mute)!important;text-align:center!important;padding:18px 8px!important}
/* khung hẹp (<= 340px, máy 320px): số Linh Thạch xuống dưới, ngày giờ không tràn */
@container (max-width:340px){
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-row{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"main" "stones" "time"!important}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-stones{flex-direction:row!important;flex-wrap:wrap!important;align-items:baseline!important;justify-content:flex-start!important;column-gap:10px!important;text-align:left!important}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-wallet-value b{font-size:26px!important}
}
/* khung rộng (PC / máy tính bảng) và đủ cao (>= 500px): 2 cột, lịch sử bên phải cuộn riêng. Điện thoại xoay ngang (thấp) giữ 1 cột cuộn chung */
@media (min-height:500px){@container (min-width:620px){
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-cultivation-unified-shell{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)!important;grid-template-rows:auto auto 1fr!important;grid-template-areas:"status hist" "wallet hist" "break hist"!important;height:100%!important;gap:14px!important}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-status{grid-area:status}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-wallet{grid-area:wallet}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-break{grid-area:break;align-self:start}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-unified-history{grid-area:hist;min-height:0!important;max-height:100%!important}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-break-history-list{flex:1 1 auto!important;overflow-y:auto!important;overscroll-behavior:contain;padding-right:4px!important;scrollbar-width:thin;scrollbar-color:rgba(255,190,61,.4) transparent}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-realm-row strong{font-size:22px!important}
  html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog .sm-new-wallet-value b{font-size:34px!important}
}}
@media (prefers-reduced-motion:reduce){html body #sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog#sonMonCultivationDialog [data-sm-breakthrough]{transition:none!important}}
