html{font:18px/40px 'MapFont',sans-serif;background-color:#efb4b4;color:#111}body{margin:0}html,body{height:100%;overflow:hidden}svg{display:block;width:100%;height:100%;pointer-events:none}svg a{pointer-events:auto}a{color:#111;cursor:pointer;text-decoration:none}::selection{background-color:#FF7E7E}#level-picker{display:none;position:absolute;z-index:1;background:#FFF;width:160px;border-radius:4px;overflow:hidden;box-shadow:3px 6px 0 rgba(0,0,0,0.1);border:4px solid #000;text-align:center}#level-picker h2{margin:0;font-weight:normal;font-size:26px;line-height:40px;cursor:default}#level-picker a{line-height:24px;cursor:pointer}#level-picker h2,#level-picker a{display:block;padding:4px 10px}#level-picker h2[data-level="5"],#level-picker a[data-level="5"]{background:#FF7E7E}#level-picker h2[data-level="4"],#level-picker a[data-level="4"]{background:#FFB57E}#level-picker h2[data-level="3"],#level-picker a[data-level="3"]{background:#FFE57E}#level-picker h2[data-level="2"],#level-picker a[data-level="2"]{background:#A8FFBE}#level-picker h2[data-level="1"],#level-picker a[data-level="1"]{background:#88AEFF}#level-picker h2[data-level="0"][alt],#level-picker a[data-level="0"][alt]{background:#d6beff}.button{background:#FFF;box-shadow:0 0 0 4px #111;border-radius:3px}footer{position:absolute;right:0;bottom:env(safe-area-inset-bottom, 0);margin:20px;font-size:24px;line-height:30px;transition:opacity 1s ease}footer a{float:left;padding:8px 12px}footer a.button{margin-left:12px}#output{display:flex;position:fixed;top:0;right:0;bottom:0;left:0;background:#FFF;text-align:center;flex-direction:column;flex-wrap:nowrap;align-content:center;justify-content:center;align-items:center}#output img{display:block;width:480px;height:480px;margin:0 auto;box-shadow:0 5px 20px rgba(0,0,0,0.1)}#output .button{padding:8px 12px;box-shadow:0 0 0 2px #111}@media (max-width:800px),(max-height:800px){html{font-size:14px}footer{font-size:16px;line-height:24px;margin:10px}footer a{padding:6px 8px}.button{box-shadow:0 0 0 2px #111}#level-picker{width:130px;border-width:2px}#level-picker h2{font-size:18px;line-height:30px}#level-picker a{font-size:14px;line-height:18px}}@media (max-width:480px) and (min-height:600px){footer{bottom:50px}#output img{width:100vw;height:100vw}}html[data-loading] footer{pointer-events:none;opacity:0}html[data-running]{cursor:wait}html[data-running] body{pointer-events:none}