@font-face{font-family:Pixeled;src:url(/react-raycaster/assets/Pixeled-Ceif2qmb.ttf)}html,body{color:#fff;text-align:center;background:#2d2d2d;width:100%;height:100%;margin:0;font-family:Pixeled}a{color:#fff}canvas{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}:root{--view-width:min(100vw, 1000px, 100vh * 5 / 3)}.view-overlay,.joystick-container{top:calc(50vh - var(--view-width) * 3 / 10);z-index:2;box-sizing:border-box;width:var(--view-width);height:calc(var(--view-width) * 3 / 5);pointer-events:none;position:fixed;left:50%;transform:translate(-50%)}.view-overlay{flex-direction:column;align-items:flex-start;display:flex}.hint{box-sizing:border-box;background:#0000008c;width:100%;margin:0;padding:6px 10px;font-size:12px;line-height:1.6}.hint .touch{display:none}@media (hover:none) and (pointer:coarse){.hint .keyboard{display:none}.hint .touch{display:inline}}.panel{z-index:1;text-align:left;padding:10px;font-size:8px;line-height:1.6;position:fixed;top:0;left:0}.panel form div{padding:5px}.panel form input{margin-left:15px}.panel pre{margin:0;padding:5px;font-family:inherit}.minimap{opacity:.8;pointer-events:auto;width:max(90px,15%);margin:10px;position:static;transform:none}@media (hover:none) and (pointer:coarse){.minimap{width:70px}}.description{box-sizing:border-box;width:var(--view-width);opacity:.7;margin:0;padding:10px;font-size:8px;line-height:1.6;position:fixed;top:0;left:50%;transform:translate(-50%)}@media (width<=900px) and (orientation:portrait){.panel{top:calc(50vh + var(--view-width) * 3 / 10)}.panel form{flex-wrap:wrap;display:flex}}footer{width:100%;font-size:10px;position:fixed;bottom:0}.joystick-container{opacity:.2;justify-content:space-between;align-items:flex-end;padding:10px;display:flex;overflow:hidden}.joystick-container>*{pointer-events:auto}@media (device-width>=1366px){footer{font-size:16px}.joystick-container{display:none}}