.arc-cabinet .arc-screen.arc-cross{width:min(960px,96%);height:96%}@media (max-width: 640px){.arc-cabinet .arc-screen.arc-cross{width:100%}}.arc-cross{--gf-wide-line: 255 159 67}@media (max-width: 640px) and (orientation: portrait){.arc-cabinet .arc-screen.arc-cross{height:auto;max-height:96%}.arc-cabinet>.arc-cross .arc-cross-board{height:auto;aspect-ratio:5 / 4}}@media (orientation: landscape) and (max-height: 520px){.arc-cabinet.arc-cabinet>.arc-screen.arc-cross{height:100%;max-height:100%;padding:2px}.arc-cabinet>.arc-cross .gf:has(>.gf-touch)>.gf-top{grid-column:3;grid-row:1}.arc-cabinet>.arc-cross .gf:has(>.gf-touch)>.gf-board{grid-row:1 / span 2}.arc-cabinet>.arc-cross .gf>.gf-touch{grid-row:2}}@media (orientation: landscape) and (max-height: 520px){.room-screen>.arc-cross .gf:has(>.gf-touch)>.gf-top{height:0;min-height:0;padding:0;overflow:visible;align-items:flex-start}.room-screen>.arc-cross .gf:has(>.gf-touch)>.gf-top>.gf-top-left{flex-direction:column;align-items:flex-end;width:112px;margin-left:-124px}}@media (orientation: portrait) and (max-width: 640px){.room-screen>.arc-cross .gf:has(>.gf-touch){grid-template-rows:minmax(0,1fr) auto}.room-screen>.arc-cross .gf:has(>.gf-touch)>.gf-board{grid-row:1}.room-screen>.arc-cross .gf:has(>.gf-touch)>.gf-top{grid-row:2;height:0;min-height:0;padding:0;overflow:visible;align-items:flex-start}.room-screen>.arc-cross .gf:has(>.gf-touch)>.gf-top>.gf-top-left{flex-direction:column;align-items:flex-start;width:100px;margin-top:16px}}
