#main-screen[hidden],#stage-screen[hidden],#battle-screen[hidden],#trail-leave[hidden]{display:none!important}#trail-leave{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#0c1728f5;animation:trail-enter .18s ease-out}#trail-leave>:is(p,button){width:min(100%,360px);max-width:100%;text-align:center}#trail-leave>button{min-height:48px}#battle-screen{position:relative!important}#battle-content{box-sizing:border-box!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:64px minmax(160px,1fr) 56px 64px 40px!important;gap:8px!important;width:100%!important;height:100%!important;min-width:0!important;min-height:0!important;padding:8px!important;overflow:hidden!important;position:relative!important}#battle-content>#battle-status{grid-row:1!important;display:flex;align-items:center;justify-content:center;min-width:0;height:64px;margin:0;padding:8px 12px;font-size:15px;line-height:1.35;text-align:center;color:#ecf5ff;background:#172b43;border-inline-start:3px solid #a4ead5;border-radius:8px;overflow:hidden}#battle-content>#arena{grid-row:2!important;box-sizing:border-box!important;display:block!important;width:100%!important;height:100%!important;max-height:none!important;min-height:0!important;max-width:none!important;aspect-ratio:auto!important;align-self:stretch!important;justify-self:stretch!important;border:1px solid #456a92;border-radius:12px;background:#0b1c34 url(assets/visual-v19/moon-archive.webp) 20% center / cover no-repeat;image-rendering:auto}.trail-render-state[hidden]{display:none!important}.trail-render-state{position:absolute;inset:8px;z-index:7;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:20px;border-radius:12px;background:#10243aee;color:#f4edda;text-align:center}.trail-render-state button{min-height:48px;width:min(100%,280px)}#battle-content>.trail-guide{grid-row:3!important;height:56px;min-width:0;overflow:hidden;display:grid;grid-template-rows:24px 24px;gap:4px;padding:0 8px;color:#cbd8e8}#trailLegend{text-align:center;font-size:13px;line-height:24px;white-space:nowrap}.trail-progress{display:flex;align-items:center;gap:8px;font-size:12px}#trail-route{flex:1;min-width:0;height:7px;accent-color:#a4ead5}#trail-distance{width:4ch;text-align:end;font-variant-numeric:tabular-nums}#battle-content>.touch-controls{grid-row:4!important;display:grid!important;grid-template-columns:1fr 1fr 1.4fr 1.1fr!important;align-content:stretch!important;gap:8px!important;height:64px;min-width:0;margin:0;padding:0!important}#battle-content .touch-controls>button{min-width:0!important;width:100%;height:64px!important;min-height:44px;padding:4px!important;font-size:17px;touch-action:none;user-select:none;white-space:nowrap;transition:background-color .1s,box-shadow .1s,transform .1s}#battle-content .touch-controls>button.is-held{background:#3a6677;box-shadow:inset 0 0 0 2px #a4ead5;transform:translateY(2px)}#battle-content>.touch-hint{grid-row:5!important;align-self:center!important;height:40px;min-width:0;padding:4px!important;margin:0;font-size:12px;line-height:1.3;color:#cbd8e8}#battle-screen #result-screen{background:#071426d9;text-shadow:0 2px 8px #071426}#battle-screen #result-screen #result-title{color:#ffe0a0}#battle-screen #result-screen:not([hidden]){animation:trail-enter .18s ease-out}#battle-screen:has(#result-screen:not([hidden]))>:not(#result-screen){visibility:hidden;pointer-events:none}#battle-screen:has(#result-screen:not([hidden]))>#battle-content{visibility:visible;pointer-events:none}#battle-screen:has(#result-screen:not([hidden])) #battle-content>:not(#arena){visibility:hidden}#battle-screen:has(#result-screen:not([hidden])) #battle-content>#arena{visibility:visible;opacity:.45}#battle-screen #result-screen #next:disabled{opacity:.45;cursor:default}#main-screen.active:not([hidden]) :is(.main-poster,.main-summary),#stage-screen.active:not([hidden]) #stage-list,#battle-screen.active:not([hidden]) #battle-content>#arena{animation:trail-enter .18s ease-out}@keyframes trail-enter{0%{opacity:0}to{opacity:1}}@media(max-height:560px)and (orientation:landscape){#battle-content{grid-template-columns:minmax(0,1fr) 220px!important;grid-template-rows:40px minmax(140px,1fr) 32px!important;gap:4px!important;padding:4px!important}#battle-content>#battle-status{grid-column:1 / 3!important;grid-row:1!important;height:40px;font-size:13px}#battle-content>#arena{grid-column:1!important;grid-row:2!important}#battle-content>.trail-guide{grid-column:1!important;grid-row:3!important;height:32px;display:flex;align-items:center;justify-content:space-between;gap:8px}#trailLegend{font-size:11px}.trail-progress{flex:1}#battle-content>.touch-controls{grid-column:2!important;grid-row:2!important;height:100%;grid-template-columns:1fr 1fr!important;grid-template-rows:1fr 1fr;align-self:stretch}#battle-content .touch-controls>button{height:100%!important;font-size:14px}#battle-content>.touch-hint{grid-column:2!important;grid-row:3!important;height:32px;font-size:10px}}@media(prefers-reduced-motion:reduce){#main-screen.active:not([hidden]) :is(.main-poster,.main-summary),#stage-screen.active:not([hidden]) #stage-list,#battle-screen.active:not([hidden]) #battle-content>#arena{animation-duration:1ms}#battle-content .touch-controls>button,#battle-content .touch-controls>button.is-held{transition:none;transform:none}#battle-screen #result-screen:not([hidden]){animation-duration:1ms}}