#cast-panel{max-height:calc(100dvh - 100px);overflow-y:auto;overscroll-behavior:contain}
#view-mode{font-size:16px!important}#view-hint{font-size:13px;line-height:1.55;color:#71634f}
#view-fullscreen{min-height:40px;padding:8px 14px;border:1px solid #bcb398;border-radius:10px;background:#fffaf0;color:#514d43}
#game{right:0;margin-inline:auto}
#view-turn[hidden]{display:none}#view-turn{position:fixed;inset:0;z-index:20;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;background:#f5efdf;color:#514d43;font-size:18px;text-align:center}
#view-turn p{margin:0;font-size:14px}#view-turn button{min-height:44px;padding:10px 22px;background:#526c61;color:#fff;border:0;border-radius:14px;font-size:16px}
.remix-contact{display:block;color:#5c7461;font-size:14px;overflow-wrap:anywhere;text-underline-offset:3px}
body[data-view=landscape]{padding:0;gap:0;overflow:hidden}body[data-view=landscape] .intro{display:none}
body[data-view=landscape] #phone{width:100vw;max-width:none;height:100dvh;aspect-ratio:auto;border-radius:0;box-shadow:none}
body[data-view=landscape] #game{inset:0;width:100%;height:100%;margin:auto}
body[data-view=landscape] #loading{inset:0}
body[data-view=landscape] #watermark{width:auto;height:95%;max-width:95%}
.viewer-tools{display:flex;gap:6px}.viewer-tools button{font-size:14px}
@media(max-width:760px) and (orientation:portrait){
 body[data-view=landscape]{padding:0}body[data-view=landscape] #phone{width:100%;height:100dvh;max-width:520px}
}
@media(orientation:landscape) and (max-height:600px){
 body[data-view=landscape]{padding:0}body[data-view=landscape] #phone{width:100%;max-width:none;height:100dvh;border-radius:0;box-shadow:none}
 body[data-view=landscape] .viewer-tools{top:4px;right:max(12px,env(safe-area-inset-right))}
 body[data-view=landscape] #game{left:0;width:100%}
 body[data-view=landscape] #remix-toggle{left:max(14px,env(safe-area-inset-left));bottom:4px;padding:5px 14px;min-height:32px}
 body[data-view=landscape] #cast-panel{top:45px;right:max(12px,env(safe-area-inset-right));max-height:calc(100dvh - 58px)}
}
@media(orientation:landscape) and (max-width:760px){
 body[data-view=portrait] #phone{width:calc(100dvh * 390 / 844);height:100dvh}
 body[data-view=portrait] .back-home{display:none}
}