/* The guess body scrolls; amount and actions stay inside the visible viewport. */
#guess-dialog{top:var(--guess-viewport-top,0px);bottom:auto;left:0;right:0;margin:0 auto;width:min(100%,390px);height:min(var(--guess-viewport-height,100dvh),844px);max-height:var(--guess-viewport-height,100dvh);border:0;overflow:hidden;overscroll-behavior:none}
#guess-dialog[open]{display:flex;flex-direction:column}
#guess-dialog .feedback-masthead{height:calc(58px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);margin:0 24px;flex:0 0 auto}
#guess-dialog .guess-body{flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding:0 24px 16px;scrollbar-width:thin}
#guess-dialog .guess-dish{padding:18px 0;gap:14px}
#guess-dialog .guess-dish img{width:76px;height:76px}
#guess-dialog .guess-dish h2{font-size:17px}
#guess-dialog .guess-verdict{font-size:30px;margin:14px 0 16px}
#guess-dialog .guess-range{font-size:clamp(36px,11vw,48px);line-height:1.2;margin:12px 0}
#guess-dialog .guess-history{margin:18px 0 0}
#guess-dialog .guess-history li{padding:10px 0}
#guess-dialog .guess-footer{flex:0 0 auto;padding:14px 24px max(14px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--night)}
#guess-dialog .guess-footer .field-label{margin-bottom:4px;font-size:11px}
#guess-dialog .money-input{height:60px;align-items:center;margin:0 0 6px;padding:0;border-color:#8a9475}
#guess-dialog .money-input input{height:56px;font:38px/1.2 Georgia,serif;min-width:0}
#guess-dialog .money-input input::placeholder{font:18px/1.2 -apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--dim)}
#guess-dialog .guess-input-hint{margin:0 0 12px;font-size:10px;line-height:1.5;color:var(--muted)}
#guess-dialog .guess-buttons{display:grid;gap:8px}
#guess-dialog .guess-buttons .primary-button{min-height:50px;height:auto;margin:0;font-size:13px}
#guess-dialog .guess-buttons .outline-button{min-height:42px;height:auto;margin:0;font-size:12px}
#guess-dialog .guess-note{font-size:9px!important;line-height:1.5;text-align:center;margin:10px 0 0;color:var(--dim)}
#guess-dialog[data-input-active=true] .guess-dish,#guess-dialog[data-input-active=true] .guess-history,#guess-dialog[data-input-active=true] .guess-note,#guess-dialog[data-input-active=true] #guess-evidence>.muted{display:none}
#guess-dialog[data-input-active=true] .guess-body{padding-top:10px;padding-bottom:10px}
#guess-dialog[data-input-active=true] .guess-verdict{font-size:22px;line-height:1.3;margin:6px 0}
#guess-dialog[data-input-active=true] #guess-evidence:not([hidden]){display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
#guess-dialog[data-input-active=true] #guess-direction{font-size:11px}
#guess-dialog[data-input-active=true] .guess-range{font-size:24px;line-height:1.2;margin:0}
#guess-dialog[data-input-active=true] .guess-footer{padding-top:8px;padding-bottom:10px}
#guess-dialog[data-input-active=true] .money-input{height:46px}
#guess-dialog[data-input-active=true] .money-input input{height:44px;font-size:30px}
#guess-dialog[data-input-active=true] .guess-input-hint{margin-bottom:8px;font-size:9px}
#guess-dialog[data-input-active=true] .guess-buttons .primary-button{min-height:44px}
#guess-dialog[data-input-active=true] .guess-buttons .outline-button{min-height:38px}
@media(min-height:900px){#guess-dialog{top:calc(var(--guess-viewport-top,0px) + max(0px,(var(--guess-viewport-height,100dvh) - 844px)/2))}}
@media(max-height:600px){#guess-dialog .guess-dish{padding:10px 0}#guess-dialog .guess-dish img{width:54px;height:54px}#guess-dialog .guess-verdict{font-size:24px;margin:10px 0}#guess-dialog .guess-note{display:none}}