.screen-preview{position:relative;max-width:100%;flex-shrink:0;overflow:hidden;background:#e9dec1;border-radius:3px;box-shadow:0 3px 12px #273c4212}.artboard{position:absolute;inset:0 auto auto 0;transform-origin:0 0;overflow:hidden}.artboard>.phone{position:absolute;inset:0 auto auto 0;transform-origin:0 0;border:0;border-radius:0;box-shadow:none}.artboard>.phone:before{display:none}.preview-panel{max-width:calc(100vw - 30px);max-height:calc(100dvh - 30px);overflow:auto}.preview-panel .screen-preview{max-width:calc(100vw - 70px);max-height:none;margin:0 auto}.history-controls{display:flex;gap:3px;padding-right:5px;border-right:1px solid #dfe5ef}.history-controls button:disabled{opacity:.3;cursor:default}.navigation-controls{display:flex;gap:2px}.navigation-controls button{font:22px/1 sans-serif;color:#78879b;padding:3px 7px;border-radius:4px}.navigation-controls button:disabled{opacity:.3;cursor:default}.navigation-controls button:hover:enabled{background:#eef1f6}
body[data-game-orientation=landscape] .artboard>.phone{display:grid;grid-template-columns:55% 45%;grid-template-rows:34px minmax(0,1fr)}
body[data-game-orientation=landscape] .phone>.game-top{grid-column:1/-1;padding:12px 10px 6px}
body[data-game-orientation=landscape] .phone>.village{height:100%;grid-column:1;grid-row:2}
body[data-game-orientation=landscape] .phone>.game-detail{grid-column:2;grid-row:2;padding:10px 9px}
body[data-game-orientation=landscape] .phone>.popup-bg{grid-column:1/-1;grid-row:2;padding:5px 30px;display:grid;place-items:center}
body[data-game-orientation=landscape] .phone .popup-card{width:100%;max-width:240px;padding:8px 12px;border-width:2px}
body[data-game-orientation=landscape] .phone .popup-card h4{font-size:11px;margin:0 0 5px}
body[data-game-orientation=landscape] .phone .popup-card p{font-size:8px;line-height:1.4;margin:3px 0}
body[data-game-orientation=landscape] .phone .popup-card .game-button{padding:5px;font-size:9px;margin-top:6px}
body[data-game-orientation=landscape] .phone .big-star{font-size:24px;margin:5px}
@media(max-width:720px){.navigation-controls{gap:0}.navigation-controls button{padding:3px 5px;font-size:20px}.mobile-library{display:none}.is-library .mobile-library{display:block}}
