/* Quiet numeric updates, compact controls and readable ranking hierarchy. */
html .hero-number55 .subscriber-roll{opacity:1;animation:none;transition:none}
.settings-update{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;padding:14px 0;border-block:1px solid var(--line,#ffffff18)}
.settings-update>div{flex:1 1 190px}.settings-update h3{margin:0;font-size:15px}.settings-update p{margin:4px 0 0;font-size:13px;line-height:1.5;color:var(--soft)}
.settings-update button{min-height:44px;margin:0}.settings-update button:disabled{opacity:.55;cursor:default}
.hall-world .hall-header{margin:0 0 12px;padding:0}.hall-world .hall-header h1{font-size:23px;line-height:1.4;margin:0}.hall-world .hall-header p{margin:3px 0 0;font-size:13px;line-height:1.5}
.hall-world .ui-world-main-tabs{margin:0 0 10px;gap:6px}.hall-world .ui-world-main-tabs button{min-height:44px;padding:8px 12px;font-size:14px}
.hall-world .hall-selectors{margin:0 0 8px;gap:10px}.hall-world .hall-selectors:empty{display:none}
.hall-world .hall-selectors label{font-size:12px;gap:5px}.hall-world .hall-selectors select{min-height:44px;font-size:14px}
.hall-world .ui-world-metrics{margin:0 0 10px;gap:6px}.hall-world .ui-world-metrics button{min-height:44px;padding:8px 12px;font-size:14px}
.hall-world .hall-phase{font-size:12px;margin:4px 0;gap:8px}.hall-world .hall-selection-note{font-size:12px;line-height:1.5;margin:0 0 9px}
.hall-world .ui-my-standing{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:11px 14px;margin:0 0 12px;background:var(--panel,#17171b);border:1px solid var(--line,#ffffff18);border-radius:12px}
.hall-world .ui-my-standing>div{display:flex;flex-direction:column;gap:3px;min-width:0}.hall-world .ui-my-standing>div+div{text-align:right}
.hall-world .ui-my-standing span{font-size:12px;line-height:1.5;color:var(--soft)}.hall-world .ui-my-standing strong{font-size:16px;line-height:1.5;word-break:keep-all;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.hall-world .hall-stage{gap:10px}.hall-world .hall-runners{grid-template-columns:minmax(0,1fr);gap:10px}
.hall-world .hall-channel{padding:13px 16px}.hall-world .hall-hero{padding:16px 18px}
.hall-world .hall-channel .hall-current-rank{margin-bottom:8px;font-size:12px}.hall-world .hall-hero .hall-current-rank{margin-bottom:10px;font-size:13px}
.hall-world .hall-channel .hall-name{font-size:17px;line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}.hall-world .hall-hero .hall-name{font-size:21px}
.hall-world .hall-channel .hall-stat{margin-top:7px;gap:3px 6px}.hall-world .hall-channel .hall-stat strong{font-size:22px}.hall-world .hall-hero .hall-stat strong{font-size:27px}
.hall-world .hall-channel .hall-featured{margin-top:8px;padding-top:8px}.hall-world .hall-featured>small{display:none}
.hall-world .hall-channel .hall-video-title{font-size:14px;line-height:1.5;-webkit-line-clamp:2}.hall-world .hall-hero .hall-video-title{font-size:15px}
.hall-world .hall-current-subs{display:block;font-size:12px;margin:4px 0 0 47px;color:var(--soft)}.hall-world .hall-hero .hall-current-subs{margin-left:55px}
.hall-world .hall-growth,.hall-world .hall-score-details,.hall-world .ui-world-more{margin:10px 0;padding:0;border:0;background:none}
.hall-world details>summary{min-height:44px;padding:11px 2px;font-size:13px;line-height:1.6;cursor:pointer;box-sizing:border-box}
.hall-world details p{font-size:13px;line-height:1.6;word-break:keep-all;overflow-wrap:anywhere}
.hall-world .ui-world-refresh{min-height:44px;font-size:13px;margin-top:4px}
@media(max-width:374px){.hall-world .hall-channel{padding:12px}.hall-world .hall-hero{padding:14px}.hall-world .hall-channel .hall-name{font-size:16px}.hall-world .hall-hero .hall-name{font-size:20px}.hall-world .hall-current-subs,.hall-world .hall-hero .hall-current-subs{margin-left:0}}
@media(min-width:900px){.hall-world .hall-header h1{font-size:26px}.hall-world .hall-channel{padding:15px 22px}.hall-world .hall-hero{padding:20px 24px}.hall-world .ui-my-standing{padding:12px 18px}}

/* Same surface, frame and close control as the existing proposal dialogs. */
html .game-modal.growth-milestone-dialog{position:fixed!important;inset:var(--cw-safe-top,0px) var(--cw-safe-right,0px) var(--cw-safe-bottom,0px) var(--cw-safe-left,0px)!important;top:var(--cw-safe-top,0px)!important;left:var(--cw-safe-left,0px)!important;right:var(--cw-safe-right,0px)!important;bottom:var(--cw-safe-bottom,0px)!important;transform:none!important;translate:none!important;margin:auto!important;box-sizing:border-box;width:min(360px,calc(100% - var(--cw-safe-left,0px) - var(--cw-safe-right,0px) - 28px))!important;max-width:360px!important;height:fit-content;max-height:calc(var(--cw-visual-height,100dvh) - var(--cw-safe-top,0px) - var(--cw-safe-bottom,0px) - 28px)!important;padding:22px 20px!important;border-radius:18px!important;background:var(--surface,#171719)!important;color:var(--text,#f5f5f2);text-align:left;overflow:auto;box-shadow:0 20px 65px #0006!important;font-family:inherit;animation:none}
html .growth-milestone-dialog[open]{display:block}
html .growth-milestone-dialog::backdrop{background:#0008}
html .game-modal.growth-milestone-dialog>h2{font-family:inherit;font-size:18px!important;font-weight:650;line-height:1.45;letter-spacing:-.025em;margin:0;padding:0 30px 0 0;word-break:keep-all;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html .game-modal.growth-milestone-dialog>p{font-size:13px!important;line-height:1.65;margin:9px 0 0;padding:0;color:var(--soft,#b5b4bd);word-break:keep-all;overflow-wrap:anywhere}
html .game-modal.growth-milestone-dialog>button[data-slot='dialog-close']{position:absolute;top:7px;right:6px;background:transparent;border:0;color:var(--soft,#b5b4bd)}
@media(prefers-reduced-motion:no-preference){html .growth-milestone-dialog[open]{animation:growth-popup-in 140ms ease-out!important}}
@keyframes growth-popup-in{from{opacity:.6}to{opacity:1}}
html[data-cw-reduced='true'] .growth-milestone-dialog{animation:none!important}

/* Sampled presentation progress must finish before the composer closes. */
.upload-scene .upload-progress>span{transition:width 45ms linear!important}
@media(prefers-reduced-motion:reduce){.upload-scene .upload-progress>span{transition:none!important}}
html[data-cw-reduced="true"] .upload-scene .upload-progress>span{transition:none!important}

.pc1-compose-layout:has(.upload-scene){grid-template-columns:minmax(0,1fr)!important}
.pc1-compose-layout:has(.upload-scene)>.pc1-compose-summary{display:none}
