/* Final presentation pass. No timings, state, calculation or reward overrides. */
html :is(.lounge,.account59,.usage-dashboard,.cw-guide-dialog) {font-family:var(--cw-font);font-variant-numeric:tabular-nums}
html :is(.lounge,.account59,.usage-dashboard,.cw-guide-dialog) :is(button,input,textarea,select,summary){font-family:inherit}
html :is(.lounge,.account59,.usage-dashboard,.cw-guide-dialog) :is(h1,h2,h3,h4){letter-spacing:-.025em;text-wrap:balance}
html :is(.lounge,.account59,.usage-dashboard,.cw-guide-dialog,.visit-compact) :is(p,li,button,label,summary){word-break:keep-all;overflow-wrap:anywhere}
html .lounge-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
html .lounge-tabs:has(>button:nth-child(4)){grid-template-columns:repeat(4,minmax(0,1fr))}
html .lounge-tabs button{padding-inline:7px;font-size:13px;line-height:1.5}
html .lounge :is(.lounge-form,.lounge-thread,.lounge-comment){scroll-margin-block:20px}
html .lounge [role=alert]{color:var(--text);border-color:color-mix(in srgb,#dc6767 55%,var(--line));background:color-mix(in srgb,#dc6767 7%,var(--surface))}
html .settings-refined .settings-update>button:disabled{opacity:1;background:var(--surface2);color:var(--soft);border:1px solid var(--line);box-shadow:none}
html .visit-compact>button:first-child{display:inline-flex;align-items:center;gap:7px;padding:8px 12px;font-size:13px;border-radius:10px}
html .visit-compact>button:first-child::before{content:'‹';font-size:20px;line-height:1}
html .visit-compact .visit-stats dd{letter-spacing:-.02em;line-height:1.5}
html .visit-compact [role=alert]{padding:10px 12px;border:1px solid var(--line);border-radius:10px;font-size:13px;line-height:1.6}
html .visit-compact .visit-more:disabled{opacity:.55}
html .cw-release-line{line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
/* Short notices should not stretch to the width used by settings and collections. */
@media(min-width:900px){
 html .game-modal.notice-modal:not(.result-modal):not(.ending-modal):not(.growth-milestone-dialog){width:min(440px,calc(100vw - 48px))!important;max-width:440px!important;gap:12px!important}
 html .game-modal.special54:not(.result-modal){max-width:min(640px,calc(100vw - 48px))!important}
 html .lounge-tabs{max-width:720px}
 html .lounge-tabs button{font-size:14px}
 html .visit-compact .visit-identity{gap:16px}
 html .visit-compact .visit-stats{padding:16px 0;gap:20px}
 html .visit-compact .visit-stats dd{font-size:23px}
}
@media(max-width:899px){
 /* The content scrolls, the header and close hit target stay in view. */
 html .game-modal.settings-modal{display:flex!important;flex-direction:column;gap:10px!important;overflow:hidden!important;padding:18px 16px 12px!important}
 html .settings-modal>h2{flex:none;padding-right:44px!important;margin:0!important;min-height:34px;font-size:20px}
 html .settings-modal>[data-slot=dialog-description]{display:none}
 html .settings-modal>.settings-refined{min-height:0;overflow-y:auto;overscroll-behavior:contain;scroll-padding-block:12px;scrollbar-gutter:stable;padding-right:3px}
 html .settings-modal>button[data-slot=dialog-close]{position:absolute!important;top:7px!important;right:7px!important;margin:0!important;background:var(--surface)!important;z-index:12}
 html .settings-refined .settings-theme{margin-bottom:10px}
 html .settings-refined .settings-groups{gap:10px}
 html .settings-refined .settings-save-state{margin-bottom:10px}
 /* Keep the story, clue and choices close, retaining every decision modifier. */
 html .compose-modal .choice-scene{display:grid;grid-template-columns:32px minmax(0,1fr);gap:3px 10px;align-items:center;padding:10px 0;margin:8px 0;text-align:left}
 html .compose-modal .choice-scene>svg{grid-column:1;grid-row:1/3;width:27px;height:27px;margin:0}
 html .compose-modal .choice-scene>:not(svg){grid-column:2;margin:0!important}
 html .compose-modal .choice-scene>h3{font-size:17px;line-height:1.45}
 html .compose-modal .choice-scene>p{grid-column:1/-1;margin-top:5px!important;font-size:13px;line-height:1.6}
 html .compose-modal .v57-context{margin:3px 0}
 html .compose-modal .choice-help{font-size:12px;line-height:1.6;margin:8px 0}
 html .lounge-header{gap:8px}
 html .lounge-header h1{font-size:20px}
 html .lounge-header p{display:none}
 html .lounge-header>button{flex:none;font-size:13px;padding-inline:10px}
 html .lounge-form{padding:12px 10px}
 html .lounge-form>.primary{width:100%;margin-top:8px}
 html .lounge .lounge-consent{align-items:flex-start;padding-block:10px}
}
@media(max-width:359px){
 html .lounge-tabs:has(>button:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}
 html .visit-stats{gap:6px}
 html .visit-stats dd{font-size:13px}
}
html.large-type :is(.lounge,.account59,.usage-dashboard,.cw-guide-dialog) :is(p,label,button,small,summary,li){font-size:16px!important;line-height:1.6}
@media(prefers-reduced-motion:reduce){html .visit-compact *{scroll-behavior:auto}}