/* Size the Upgrade to the actual visible area, including Telegram safe areas. */
.app:has(.ug-layout){padding-bottom:0}
#content:has(.ug-layout){padding-top:8px;padding-bottom:0}
.rf-game-upgrade:has(.ug-layout)>.gx-disclaimer{display:none}
.rf-game-upgrade:has(.ug-layout)>.game-header{height:30px;min-height:30px;padding:0;margin:0 0 5px}
.ug-layout{--ug-height:600px;--ug-wheel-size:238px;height:var(--ug-height);min-height:0;align-items:stretch}
.ug-main{display:flex;flex-direction:column;height:var(--ug-height);min-height:0;gap:7px}
.ug-main>*{flex-shrink:0}.ug-stage{flex:1 1 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:0;padding:0}
.ug-top,.ug-pair,.ug-shortcuts,.ug-target-strip,.ug-bottom{margin-block:0}
.ug-wheel{width:var(--ug-wheel-size);height:var(--ug-wheel-size);max-width:none;flex-shrink:0;margin:0 auto}
.ug-prize{inset:calc(var(--ug-wheel-size)*.15);gap:3px}
.ug-prize .gift-art{width:clamp(38px,calc(var(--ug-wheel-size)*.43),132px);height:clamp(38px,calc(var(--ug-wheel-size)*.43),132px)}
.ug-prize>b{font-size:clamp(9px,calc(var(--ug-wheel-size)*.042),12px)}.ug-prize>small{font-size:clamp(8px,calc(var(--ug-wheel-size)*.035),10px)}
.ug-chance{margin-top:3px;line-height:1.2}.ug-result{margin:3px 0 0;min-height:15px;line-height:1.3}
.ug-bottom{line-height:1.3;min-height:12px}.ug-target-strip{flex-shrink:0}
.ug-desktop-targets{height:var(--ug-height);min-height:0;margin-top:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);padding:18px;gap:12px}
.ug-desktop-targets>div:first-child,.ug-desktop-targets>input{margin:0}
#ug-desktop-grid{min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#55565e transparent;align-content:start;padding:1px}
.ug-desktop-targets .ug-grid>button{padding:10px 8px}
.ug-desktop-targets .ug-grid .gift-art{width:clamp(40px,calc(var(--ug-height)*.1),72px);height:clamp(40px,calc(var(--ug-height)*.1),72px);margin-bottom:7px}
@media(min-width:761px){.ug-main>.ug-target-strip{display:none}.ug-main .ug-pair>button{padding:9px 12px}.ug-main .ug-pair .gift-art{width:42px;height:42px}.ug-main .ug-top{margin:0}.ug-layout{gap:20px}}
@media(max-width:760px){
 .ug-layout{display:block}.ug-desktop-targets{display:none}.ug-main{gap:5px}
 .ug-top{min-height:14px}.ug-shortcuts{min-height:30px}.ug-pair>button{padding:7px 8px}
 .ug-pair>button>small{margin-bottom:3px}.ug-target-strip{padding:0 1px 3px}.ug-target-strip>button{padding:4px 3px}
 .ug-target-strip .gift-art{width:34px;height:34px;margin-bottom:2px}.ug-target-strip small{margin-top:3px}
 .ug-multiplier{padding:3px 8px}.ug-bottom{font-size:8px}.ug-bottom>span{white-space:nowrap;max-width:none}.ug-bottom button{font-size:8px}
}
.ug-layout[data-fit=compact] .ug-main,.ug-layout[data-fit=tiny] .ug-main{gap:4px}
.ug-layout[data-fit=compact] .ug-pair>button,.ug-layout[data-fit=tiny] .ug-pair>button{padding:6px 8px}
.ug-layout[data-fit=compact] .ug-pair .gift-art,.ug-layout[data-fit=tiny] .ug-pair .gift-art{width:31px;height:31px}
.ug-layout[data-fit=compact] .ug-pair .ug-coin,.ug-layout[data-fit=tiny] .ug-pair .ug-coin{width:29px;height:29px;font-size:19px}
.ug-layout[data-fit=compact] .ug-pair b,.ug-layout[data-fit=tiny] .ug-pair b{font-size:9px}
.ug-layout[data-fit=compact] .ug-pair strong,.ug-layout[data-fit=tiny] .ug-pair strong{font-size:12px}
.ug-layout[data-fit=compact] .ug-target-strip .gift-art{width:27px;height:27px}
.ug-layout[data-fit=compact] .ug-target-strip b{display:none}.ug-layout[data-fit=compact] .ug-target-strip>button{padding:4px}
.ug-layout[data-fit=compact] .ug-chance strong,.ug-layout[data-fit=tiny] .ug-chance strong{font-size:22px}
.ug-layout[data-fit=compact] .ug-chance span,.ug-layout[data-fit=tiny] .ug-chance span{font-size:9px}
.ug-layout[data-fit=compact] .ug-result,.ug-layout[data-fit=tiny] .ug-result{font-size:9px;min-height:12px}
.ug-layout[data-fit=tiny] .ug-top,.ug-layout[data-fit=tiny] .ug-target-strip{display:none}
.ug-layout[data-fit=tiny] .ug-shortcuts>button{padding-block:6px}
.ug-layout[data-fit=tiny] .ug-bottom>span{display:none}.ug-layout[data-fit=tiny] .ug-bottom{justify-content:flex-end}
.ug-layout:has(#ug-pending:not([hidden])) .ug-target-strip{display:none}
.ug-layout:has(#ug-pending:not([hidden])) .ug-pending{padding:7px 10px;margin:0;font-size:10px}.ug-layout:has(#ug-pending:not([hidden])) .ug-pending p{margin:0 0 5px}
.ug-layout[data-fit=tiny] .ug-prize>b{font-size:9px}.ug-layout[data-fit=tiny] .ug-prize>small{font-size:8px}
.ug-layout[data-small-ring=true] .ug-prize>b,.ug-layout[data-small-ring=true] .ug-prize>small{display:none}
.ug-layout[data-small-ring=true] .ug-prize .gift-art{width:calc(var(--ug-wheel-size)*.43);height:calc(var(--ug-wheel-size)*.43)}
.ug-layout[data-small-ring=true] .ug-pointer i{width:14px;height:21px;left:calc(50% - 7px);bottom:3px}
.ug-layout[data-wide=true]{display:block}.ug-layout[data-wide=true] .ug-desktop-targets{display:none}
.ug-layout[data-wide=true] .ug-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);grid-template-rows:repeat(6,min-content);align-content:center;column-gap:20px;row-gap:6px}
.ug-layout[data-wide=true] .ug-stage{grid-column:1;grid-row:1/7;align-self:center}
.ug-layout[data-wide=true] .ug-pair{grid-column:2;grid-row:1}.ug-layout[data-wide=true] .ug-shortcuts{grid-column:2;grid-row:2}
.ug-layout[data-wide=true] .ug-multiplier{grid-column:2;grid-row:3}.ug-layout[data-wide=true] .ug-play{grid-column:2;grid-row:4}
.ug-layout[data-wide=true] .ug-pending{grid-column:2;grid-row:5}.ug-layout[data-wide=true] .ug-bottom{grid-column:2;grid-row:6}
.ug-layout[data-wide=true] .ug-top,.ug-layout[data-wide=true] .ug-target-strip{display:none}
.ug-layout[data-wide=true] .ug-main{row-gap:4px}
.ug-layout[data-wide=true] .ug-pair>button{padding:5px 7px}.ug-layout[data-wide=true] .ug-pair>button>small{font-size:8px;margin-bottom:2px}
.ug-layout[data-wide=true] .ug-pair .gift-art{width:27px;height:27px}.ug-layout[data-wide=true] .ug-pair strong{font-size:11px}
.ug-layout[data-wide=true] .ug-shortcuts{min-height:0}.ug-layout[data-wide=true] .ug-shortcuts>button{padding:5px 7px;font-size:9px}
.ug-layout[data-wide=true] .ug-multiplier{padding:2px 6px}.ug-layout[data-wide=true] .ug-multiplier output{padding:3px 5px;font-size:10px}.ug-layout[data-wide=true] .ug-multiplier input{height:18px}
.app .ug-layout[data-wide=true] .ug-play{min-height:38px;padding:8px 12px;font-size:12px}
.ug-layout[data-wide=true] .ug-bottom{font-size:8px;min-height:10px}.ug-layout[data-wide=true] .ug-bottom button{font-size:8px}