*{box-sizing:border-box}html,body{background:#b9cde0;height:100%;margin:0;overflow:hidden}body{color:#e8eef4;font:13px/1.4 system-ui,-apple-system,Segoe UI,sans-serif}#app,#app canvas{display:block;position:fixed;inset:0}#menu{z-index:3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1822d1;width:34px;height:34px;padding:0;font-size:15px;line-height:1;transition:left .25s;position:fixed;top:12px;left:12px}#panel{z-index:2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e1822d1;border:1px solid #ffffff14;border-radius:12px;width:290px;padding:16px;transition:transform .25s,opacity .2s;position:fixed;top:12px;bottom:12px;left:12px;overflow-y:auto}#panel.closed{opacity:0;pointer-events:none;transform:translate(-120%)}@media (width>=641px){#menu.closed{left:12px}#menu:not(.closed){left:314px}}@media (width<=640px){#panel{width:auto;padding-top:56px;left:12px;right:12px}}h1{margin:0;font-size:18px}h2{text-transform:uppercase;letter-spacing:.08em;color:#8fa6ba;margin:18px 0 6px;font-size:11px}.sub{color:#8fa6ba;margin:2px 0 14px}.stats{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:14px;display:grid}.stats div{background:#ffffff0f;border-radius:8px;padding:8px 10px}.stats span{font-variant-numeric:tabular-nums;font-size:16px;font-weight:600;display:block}.stats label{color:#8fa6ba;font-size:11px}.row{gap:6px;margin-bottom:12px;display:flex}.row button,.row select{padding-inline:8px}button,select{white-space:nowrap;min-width:0;font:inherit;color:inherit;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff1f;border-radius:8px;padding:7px 10px}button:hover,select:hover{background:#ffffff2e}button.primary{background:#1f7fc4;border-color:#3d9ade;flex:1;min-width:max-content;font-weight:600}button.primary:hover{background:#2a8fd6}select option{color:#111}.slider{margin-bottom:12px;display:block}.slider span{justify-content:space-between;display:flex}.slider b{font-variant-numeric:tabular-nums}.slider input{accent-color:#3d9ade;width:100%;margin:4px 0 0}.slider small,.credits{color:#8fa6ba;font-size:11px}.check{cursor:pointer;align-items:center;gap:6px;display:flex}.check input{accent-color:#3d9ade}#places{margin:0;padding:0;list-style:none}#places li{cursor:pointer;font-variant-numeric:tabular-nums;border-radius:6px;justify-content:space-between;gap:8px;padding:4px 6px;display:flex}#places li:hover{background:#ffffff14}#places li span{color:#8fa6ba}#places li.wet span{color:#6cc0ff;font-weight:600}.credits{margin:14px 0 0}.place{white-space:nowrap;color:#fff;text-shadow:0 1px 2px #000000b3;background:#0e18228c;border-radius:4px;padding:1px 6px;font-size:12px;font-weight:600;transform:translateY(-14px)}.place.wet{background:#145aa0cc}.place.dam{background:#be501ee6}#loading{z-index:10;background:#0e1822;place-items:center;transition:opacity .5s;display:grid;position:fixed;inset:0}#loading.done{opacity:0;pointer-events:none}#loading div{text-align:center}#loading b{margin-bottom:8px;font-size:22px;display:block}#loading span{color:#8fa6ba}