.io-weather{color:#c3efdf;font-variant-numeric:tabular-nums;background:#19352f;border-block:1px solid #56857b;justify-content:space-between;align-items:center;gap:12px;min-height:42px;padding:10px 18px;font-size:12px;display:flex}.io-weather strong{font-weight:600}.io-weather span{text-align:right;font-size:11px}.io-weather[data-phase=warning]{color:#ffe1a0;background:#40351e;border-color:#b99750}.io-weather[data-phase=erupting]{color:#ffd0be;background:#442a27;border-color:#ac6758}.io-route-choice{color:#bed1d6;background:#11212b;margin:0;padding:8px 18px;font-size:11px;line-height:1.5}.io-waymark{text-align:center;color:#f4d8ab;pointer-events:none;background:#10242bed;border:1px solid #b69a6555;border-radius:4px;max-width:155px;padding:5px 7px;font-size:10px;line-height:1.4;position:absolute;transform:translate(-50%,-100%)}.io-result{background:#10252a;border:1px solid #688980;border-radius:10px;margin:16px 0;padding:22px}.io-result h2{margin:0 0 10px;font-size:22px;font-weight:500}.io-result p{max-width:850px;font-size:13px;line-height:1.7}.io-result .io-achievements{color:#afe9d1}.io-replays{flex-wrap:wrap;gap:12px;margin:18px 0;display:flex}.io-replays button{min-height:44px}.io-result .io-local{color:#9bb8bf;font-size:11px}.io-mode{flex-direction:column;gap:5px;margin-top:12px;font-size:11px;display:flex}.io-mode select{max-width:100%}.io-mode .io-conditions{margin:0;font-size:11px;line-height:1.5}@media (width<=1050px){body:has(.io-weather) .scene{height:clamp(230px,100svh - 560px,430px)}body:has(.io-weather) .scene:has(#start-screen:not([hidden])){height:510px}body:has(.io-weather) .question{min-height:48px;padding-block:8px}body:has(.io-weather) .deck{padding-block:9px}body:has(.io-weather) .dialogue{min-height:55px}body:has(.io-weather) .dialogue p{min-height:0;margin-bottom:0}body:has(.io-weather) .controls{justify-content:space-between;width:100%;margin:auto}.io-route-choice{font-size:10px}.io-weather{padding:8px 12px;font-size:11px}.io-waymark{max-width:108px;font-size:9px}.io-result{padding:16px}}@media (width<=600px){body:has(.io-weather) .scene{height:clamp(225px,100svh - 555px,380px)}body:has(.io-weather) .scene:has(#start-screen:not([hidden])){height:540px}.io-weather span{max-width:115px;font-size:10px}.io-route-choice{padding:7px 12px}.io-result p{font-size:12px}}body:has(.io-weather) .intro{max-height:100%;padding-right:5px;overflow:auto}body:has(.io-weather) .intro:has(.io-mode:not([hidden])) h2{margin:8px 0;font-size:28px}body:has(.io-weather) .intro:has(.io-mode:not([hidden]))>p:not(.eyebrow){margin-block:8px;font-size:11px;line-height:1.6}