/* v655: receipt presentation only. Shared UI kit tokens; four scrollable reward columns. */
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]{position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;transform:none!important;border:0!important;border-radius:0!important;background:var(--tp-surface)!important;color:var(--tp-ink)!important;overflow:hidden!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]>.sheet-head{position:absolute!important;inset:10px 16px auto!important;height:54px!important;min-height:0!important;padding:6px 12px!important;background:var(--tp-surface)!important;border:1px solid var(--tp-edge)!important;border-radius:22px!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"] .sheet-head h2{background:var(--tp-surface)!important;color:var(--tp-ink)!important;padding:6px 18px!important;border-radius:20px!important;font-size:22px!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"] .sheet-head button{background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:14px!important;min-height:36px!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]>:is(.sheet-handle,.sheet-environment,.v4-system-rail){display:none!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]>.sheet-scroll{position:absolute!important;inset:74px 16px 12px!important;padding:0!important;height:auto!important;overflow:hidden!important}
body[data-ui-version="3"] #app [data-home-panel="offline"].offline-template-v2{position:relative!important;inset:auto!important;display:grid!important;grid-template-rows:minmax(120px,1fr) minmax(130px,1.1fr) auto!important;gap:12px!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;background:transparent!important;border:0!important;overflow:hidden!important;color:var(--tp-ink)!important;font-size:16px!important}
body[data-ui-version="3"] #app .offline-template-v2 *{box-sizing:border-box!important;text-shadow:none!important}
body[data-ui-version="3"] #app .offline-template-v2 :is(h3,h4,p,small,b,strong,span){color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .offline-template-v2>.offline-summary{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:12px 24px!important;min-height:0!important;background:var(--tp-surface)!important;border:1px solid var(--tp-edge)!important;border-radius:24px!important;overflow:hidden!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy{align-self:center!important;min-width:0!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>h3{display:inline-flex!important;margin:0 0 8px!important;padding:6px 16px!important;background:var(--tp-surface)!important;color:var(--tp-ink)!important;border-radius:24px!important;font-size:22px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>h3::before{content:"Zz"!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>small{display:block!important;font-size:15px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-duration{display:block!important;font-size:clamp(24px,3.8vw,48px)!important;line-height:1.15!important;color:var(--tp-ink)!important;}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>p{margin:6px 0 0!important;font-size:14px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-companions{height:100%!important;min-height:0!important;position:relative!important;border:0!important;background:url("../img/ui-kit-v2/offline-crate-coins.webp") 25% bottom/auto 65% no-repeat!important;justify-content:center!important;padding-top:20px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-player{height:100%!important;max-height:210px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-pet{position:static!important;width:30%!important;max-height:75%!important;margin-left:-5%!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-bubble{display:block!important;top:0!important;right:0!important;max-width:53%!important;padding:8px 12px!important;background:var(--tp-surface)!important;font-size:13px!important;border:1px solid var(--tp-edge)!important;border-radius:16px!important}
body[data-ui-version="3"] #app .offline-template-v2>.offline-reward-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;min-height:0!important;overflow:hidden!important;margin:0!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-column{min-width:0!important;min-height:0!important;overflow:auto!important;overscroll-behavior:contain!important;padding:12px!important;background:var(--tp-surface)!important;border:1px solid var(--tp-edge)!important;border-radius:22px!important;scrollbar-width:thin!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat{display:block!important;background:transparent!important;border:0!important;padding:0!important;margin:0 0 10px!important;box-shadow:none!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat>h4{display:flex!important;align-items:center!important;gap:6px!important;margin:0 0 8px!important;padding:6px 8px!important;background:var(--tp-surface)!important;border-radius:12px!important;color:var(--tp-ink)!important;font-size:16px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat>h4>span{display:grid!important;place-items:center!important;width:28px!important;height:28px!important;flex:none!important;background:var(--tp-surface)!important;border-radius:50%!important;font-size:18px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-items{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-items>p{grid-column:1/-1!important;margin:0!important;font-size:14px!important;line-height:1.5!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item{display:grid!important;justify-items:center!important;align-content:start!important;min-width:0!important;gap:2px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>:is(.inv-art,.offline-dot){width:40px!important;height:40px!important;object-fit:contain!important;background:var(--tp-surface)!important;color:var(--tp-ink)!important;border-radius:10px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>b{font-size:16px!important;overflow-wrap:anywhere!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>small{font-size:12px!important;line-height:1.25!important;overflow-wrap:anywhere!important}
body[data-ui-version="3"] #app .offline-template-v2>footer{display:grid!important;grid-template-columns:1fr auto 1fr!important;align-items:center!important;gap:6px 14px!important;padding:0!important;background:transparent!important;border:0!important}
body[data-ui-version="3"] #app .offline-template-v2>footer .offline-collect{grid-column:2!important;grid-row:1 / 3!important;display:flex!important;justify-content:center!important;align-items:center!important;width:320px!important;min-height:64px!important;margin:0!important;padding:8px 20px!important;background:var(--tp-primary)!important;border:1px solid var(--tp-edge)!important;border-radius:40px!important;color:#10324f!important;font-size:24px!important;box-shadow:var(--tp-shadow)!important;}
body[data-ui-version="3"] #app .offline-template-v2>footer>p{grid-column:1!important;grid-row:1 / 3!important;margin:0!important;font-size:13px!important;line-height:1.4!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-links{grid-column:3!important;grid-row:1 / 3!important;display:flex!important;gap:8px!important;justify-content:center!important;flex-wrap:wrap!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-links button{min-height:40px!important;margin:0!important;padding:6px 12px!important;background:var(--tp-surface)!important;color:var(--tp-ink)!important;border:1px solid var(--tp-edge)!important;border-radius:12px!important;font-size:14px!important}
body[data-ui-version="3"] #app .offline-template-v2 :is([aria-selected="true"],[aria-pressed="true"]){background:var(--tp-blue)!important;color:#10324f!important;}
@media(max-height:500px), (max-width:900px){
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]>.sheet-head{inset:5px 10px auto!important;height:42px!important;padding:3px 8px!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"] .sheet-head h2{font-size:18px!important;padding:3px 12px!important}
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]>.sheet-scroll{inset:54px 10px 8px!important}
body[data-ui-version="3"] #app [data-home-panel="offline"].offline-template-v2{grid-template-rows:100px minmax(100px,1fr) 54px!important;gap:8px!important}
body[data-ui-version="3"] #app .offline-template-v2>.offline-summary{padding:6px 16px!important;gap:8px!important;border-radius:18px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>h3{font-size:16px!important;margin:0 0 2px!important;padding:2px 12px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>small{font-size:12px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-duration{font-size:26px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>p{font-size:12px!important;margin:2px 0 0!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-companions{padding-top:0!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-bubble{font-size:11px!important;padding:5px 8px!important}
body[data-ui-version="3"] #app .offline-template-v2>.offline-reward-grid{gap:8px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-column{padding:8px!important;border-radius:16px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat>h4{font-size:13px!important;padding:4px 6px!important;margin-bottom:6px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat>h4>span{width:22px!important;height:22px!important;font-size:14px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-items>p{font-size:12px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>:is(.inv-art,.offline-dot){width:30px!important;height:30px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>small{font-size:11px!important}
body[data-ui-version="3"] #app .offline-template-v2>footer{gap:6px!important;grid-template-columns:1fr 240px 1fr!important}
body[data-ui-version="3"] #app .offline-template-v2>footer .offline-collect{width:240px!important;min-height:48px!important;font-size:20px!important}
body[data-ui-version="3"] #app .offline-template-v2>footer>p{font-size:11px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-links{gap:4px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-links button{font-size:12px!important;min-height:36px!important;padding:4px 8px!important}
}

/* Reset legacy sheet glow and constrain translated footer text to its grid track. */
body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]{box-shadow:none!important}
body[data-ui-version="3"] #app .offline-template-v2>footer{min-height:0!important}
body[data-ui-version="3"] #app .offline-template-v2>footer>p{min-width:0!important;min-height:0!important;max-height:100%!important;overflow:auto!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-links{min-width:0!important;flex-wrap:nowrap!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-links button{white-space:normal!important;line-height:1.2!important;min-width:0!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-duration{padding:0!important;margin:0!important;background:transparent!important;box-shadow:none!important}
@media(max-height:500px), (max-width:900px){
body[data-ui-version="3"] #app .offline-template-v2>footer>p{font-size:10px!important;line-height:1.3!important}
}

body[data-ui-version="3"] #app .offline-template-v2>.offline-summary,body[data-ui-version="3"] #app .offline-template-v2>footer{margin:0!important}
body[data-ui-version="3"] #app .offline-template-v2{box-shadow:none!important}
@media(max-height:500px), (max-width:900px){
body[data-ui-version="3"] #app [data-home-panel="offline"].offline-template-v2{grid-template-rows:112px minmax(100px,1fr) 54px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary-copy>h3{line-height:1.2!important}
}

body[data-ui-version="3"] #app .offline-template-v2 .offline-companions{justify-content:flex-start!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-player{margin-left:10%!important}

body[data-ui-version="3"] #app .player-sheet[data-scene-panel="offline"]>.sheet-head{width:auto!important;max-width:none!important}
/* Keep the existing guardian indicator, using this page's blue-purple palette. */
body[data-ui-version="3"][data-prince-guard="on"]:has(#app .player-sheet[data-scene-panel="offline"]:not([hidden]))::after{box-shadow:var(--tp-shadow)!important;}

body[data-ui-version="3"] #app .offline-template-v2[hidden]{display:none!important}
/* v657: 離線收益卡片內不捲動——項目改橫排小格 */
body[data-ui-version="3"] #app .offline-template-v2 .offline-column{overflow:hidden!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat h4{margin:0 0 4px!important;font-size:14px!important;line-height:1.3!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-items{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:4px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item{grid-template-columns:28px minmax(0,1fr)!important;grid-template-rows:auto auto!important;justify-items:start!important;align-items:center!important;column-gap:6px!important;row-gap:0!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>:is(.inv-art,.offline-dot){grid-row:1/3!important;width:28px!important;height:28px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>b{font-size:14px!important;line-height:1.1!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>small{font-size:11px!important;line-height:1.15!important}
@media(max-height:500px){
body[data-ui-version="3"] #app .offline-board.offline-template-v2{grid-template-rows:auto minmax(0,1fr) auto!important;gap:4px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-summary :is(.offline-bubble,.offline-player,p){display:none!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-column{padding:6px!important;gap:2px!important;row-gap:2px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat h4{font-size:12px!important;margin:0 0 2px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item{grid-template-columns:20px minmax(0,1fr)!important;column-gap:3px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>:is(.inv-art,.offline-dot){width:20px!important;height:20px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>b{font-size:12px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-item>small{font-size:10px!important}
body[data-ui-version="3"] #app .offline-template-v2 .offline-cat{margin:0 0 3px!important}
}