#serve-title{display:block;font:14px/1.3 Georgia,serif;color:#733a49;margin:3px 0 0}
.show-result main{height:100vh;height:100dvh;min-height:0;padding:8px 14px max(8px,env(safe-area-inset-bottom))}
.show-result #game{height:100%;min-height:0}
#result-panel{flex:1;min-height:0;padding:0;display:flex;flex-direction:column}
#result-panel[hidden]{display:none}
#result-panel h2{flex:none;font-size:23px;margin:2px 0}
#result-panel>p{flex:none;margin:2px 0 7px}
#result-time{font-size:32px;line-height:1.1}
.result-actions{flex:none;order:1;margin:0 0 6px;gap:8px}
.result-actions>*{min-height:44px;padding:10px 6px}
#again{order:2;flex:none;max-width:none;min-height:44px;margin:0 0 6px;padding:10px;font-size:15px}
#result-image{order:3;flex:1;min-height:0;width:100%;height:0;object-fit:contain;margin:0 auto}
#ranking{flex:none;max-width:none;margin:6px 0 0;padding:6px 0 0}
#ranking h3{margin:0 0 3px}#best-time{font-size:17px}
#rank-list{display:flex;flex-wrap:wrap;gap:3px 22px;padding-left:22px;font:12px/1.4 Georgia,serif}
#rank-list li{padding-left:0}#rank-note{margin:3px 0;font-size:9px}
