html{font-family:sans-serif;font-size:16px;background:#000;color:#fff}html,body{margin:0;padding:0}canvas{width:100vw!important;height:100vh!important;display:block}p#progress{display:none;font-size:2rem;margin-top:-1rem;position:fixed;top:50%;left:0;width:100%;color:#fff;text-align:center}#ui{display:block;position:fixed;inset:0;pointer-events:none}#ui>*{pointer-events:auto}#ui>#menu,#ui>#brief,#ui>#map{width:20em;max-width:calc(50vw - 2em)}#ui.hidden{display:none}#menu{color:#000;background-color:#ccc;border:1px solid #888;padding:.5em;border-radius:.5em;position:relative;margin:1rem 1rem 1rem auto}#menu:not([open]):hover{background-color:#aaa}#menu[open]{background-color:#fff}#menu>summary{display:block;text-align:center;-webkit-user-select:none;user-select:none;cursor:pointer}#menu[open]>summary{display:none}#menu>.close:hover{background-color:#ccc}#menu>.close{font-size:.8rem;cursor:pointer;-webkit-user-select:none;user-select:none;position:absolute;top:.5em;right:.5em;border:1px solid #000;text-align:center;border-radius:1em;width:1em;height:1em;line-height:1;padding:.2em}#menu>h2{margin:.5em 0 0;font-size:.8rem;font-weight:700;text-align:left}#menu>p{margin:0 -.5em;padding:.5em;cursor:pointer}#menu>p:hover{background-color:#ccc}#brief{display:none;color:#000;background-color:#fff;border:1px solid #888;padding:.5em;border-radius:.5em;position:relative;margin:1rem 1rem 1rem auto}#ui.brief>#brief{display:block}#brief>a{text-align:center;text-decoration:underline dotted;color:#00f;display:block;margin:.5em 0;cursor:pointer}#brief>a:hover{text-decoration:underline}#map{position:absolute;color:#000;background-color:#ccc;border:1px solid #888;padding:.5em;border-radius:.5em;margin:1rem;top:0;display:none;cursor:pointer;text-align:center}#map:hover{background-color:#aaa}#ui.brief #map{display:block}#ui #details{position:fixed;inset:1em;background:#fff;color:#000;padding:1em;border:1px solid #888;display:none}#ui.details #details{display:block}#ui #details .close{color:#000;background-color:#ccc;border:1px solid #888;padding:.5em 2em;border-radius:.5em;margin:1rem;cursor:pointer;text-align:center;width:fit-content}#ui #details .close:hover{background-color:#aaa}