/* Give the grid a definite track before the first loading message is painted. */
.world-backdrop{grid-template-columns:minmax(0,1fr)}
.world-board{width:100%;max-width:620px;contain:inline-size}
.world-your-rank{min-height:76px;box-sizing:border-box}
.quest-prelude .oath-vital,.quest-prelude .oath-locked .oath-vital{display:flex;flex-direction:column;flex-wrap:nowrap;gap:3px}
.quest-prelude .oath-locked .oath-vital b{font-size:23px}
.quest-prelude .oath-vital small{width:auto;white-space:nowrap}
/* One quick physical press; the label and timing window stay unchanged. */
.last-call-controls .call-drink{transition:none}
.call-drink .key-press-glint{animation-duration:120ms}
.call-test-controls{margin-top:9px;border-top:1px solid #ae97543d;padding-top:6px}
.call-test-controls>small{display:block;height:14px;color:#b3b79a;font:bold 8px/14px Georgia;letter-spacing:.7px}
.call-test-controls>div{display:grid;grid-template-columns:1.45fr .72fr .72fr 1.1fr;gap:4px}
.call-test-controls button{min-width:0;min-height:28px;border:1px solid #8c83585c;background:#20392b;color:#d4c69e;padding:4px 1px;font:bold 9px/1.25 Georgia;cursor:pointer}
.call-test-controls button[aria-pressed=true]{background:#5b6031;border-color:#e0c87f;color:#fff1b6;box-shadow:inset 0 -2px #b59a52}
.call-test-controls button:disabled{opacity:.4;cursor:default}
.call-ranking-table th:nth-child(3){width:88px;text-align:right}
.call-record-board .call-ranking-table th:nth-child(3),.call-record-board .call-ranking-table td:nth-child(3){display:table-cell}
.call-ranking-table thead th{font:bold 9px/1.35 Georgia;letter-spacing:.8px}
@media(max-width:500px){.world-your-rank{height:76px}.call-ranking-table th:nth-child(3){width:72px}.call-ranking-table thead th{font-size:8px;letter-spacing:.3px}}
@media(orientation:portrait) and (max-height:720px){.last-call-screen:has(.call-test-controls){padding-bottom:12px}.call-test-controls{margin-top:6px;padding-top:4px}.call-key-hint{display:none}}
@media(orientation:portrait) and (max-height:620px){.shell.stage>.last-call-screen:has(.call-test-controls){grid-template-rows:auto auto minmax(75px,1fr) auto;padding-top:34px;padding-bottom:8px;gap:3px}.call-test-controls button{min-height:25px;font-size:8px}.call-test-controls{margin-top:4px;padding-top:3px}}
@media(orientation:landscape) and (max-height:500px){.world-board{max-width:760px}.world-your-rank{height:44px;min-height:44px}.quest-prelude .oath-locked .oath-vital b{font-size:20px}.call-test-controls{margin-top:4px;padding-top:3px}.call-test-controls>small{height:10px;font-size:7px;line-height:10px}.call-test-controls button{min-height:23px;font-size:8px}.call-key-hint{display:none}.last-call-screen:has(.call-test-controls) .call-earnings{gap:9px}}
@media(orientation:landscape) and (max-height:500px){
 .shell.stage>.last-call-screen:has(.call-test-controls){grid-template-rows:24px 28px minmax(0,1fr);padding:28px 26px 8px}
 .last-call-screen:has(.call-test-controls) .last-call-controls{position:static}
 .last-call-screen:has(.call-test-controls) .last-call-scene{height:calc(100% - 43px);align-self:start}
 .last-call-screen:has(.call-test-controls) .call-streak-dock{height:35px;grid-template-rows:25px 9px}
 .last-call-screen:has(.call-test-controls) .call-drink{height:38px;min-height:38px;margin:10px 0 4px;padding:5px 15px 10px;font-size:21px}
 .call-test-controls{position:absolute;left:26px;bottom:8px;width:calc((100% - 72px)*.5238);margin:0;background:#081315}
}