.rain-game,.rain-root{color:#173f4c}.rain-root{width:min(1120px,100%);box-sizing:border-box;margin:auto;padding:12px 16px 26px}.rain-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin:0 0 10px}.rain-heading h2{font-size:clamp(19px,2.5vw,26px);margin:0}.rain-chips{display:flex;flex-wrap:wrap;gap:7px}.rain-chip{background:#fff;border:1px solid #accbd0;border-radius:12px;padding:8px 11px;font-size:14px;font-weight:800}.rain-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:12px}.rain-world{min-width:0;border:3px solid #5b929e;border-radius:22px;overflow:hidden;background:#d5efed;box-shadow:0 5px 0 #b6d2d1}.rain-world canvas{width:100%;height:auto;aspect-ratio:32/21;display:block;touch-action:none;cursor:crosshair}.rain-world canvas:focus-visible{outline:4px solid #8c3467;outline-offset:-5px}.rain-legend{display:flex;gap:10px;flex-wrap:wrap;padding:9px 12px;background:#fff;color:#173f4c;font-size:13px;font-weight:800}.rain-legend span::before{content:'●';margin-right:5px}.rain-legend .rock::before{color:#6f8087}.rain-legend .drain::before{color:#903e37}.rain-legend .path::before{color:#156172}.rain-panel{min-width:0;background:#fff;border:2px solid #c4d9db;border-radius:20px;padding:12px;display:grid;gap:10px}.rain-mana{padding:9px 11px;border-radius:13px;background:#ecf5f6;border:1px solid #c4d9db}.rain-mana-text{display:block;font-size:17px;line-height:1.45;margin-bottom:7px}.rain-mana-track{height:14px;border-radius:8px;overflow:hidden;background:#d2dfe2;border:1px solid #79979c}.rain-mana-fill{display:block;height:100%;background:#087465}.rain-mana-track.is-low .rain-mana-fill{background:#b44b28}.rain-modes,.rain-tools,.rain-nudges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.rain-actions{display:grid;gap:8px}.rain-button{min-height:52px;min-width:48px;box-sizing:border-box;border:2px solid #adc7cc;border-radius:13px;padding:10px 9px;background:#f3f9f9;color:#173f4c;font:800 15px/1.35 var(--font-body,sans-serif);touch-action:manipulation;cursor:pointer;overflow-wrap:anywhere}.rain-button:hover{background:#dceeee}.rain-button:focus-visible{outline:4px solid #8c3467;outline-offset:3px}.rain-button:disabled{opacity:.5;cursor:default}.rain-button.is-selected{border-color:#096456;background:#d9f1e8;box-shadow:inset 0 0 0 1px #096456}.rain-primary{min-height:58px;background:#087465!important;border-color:#07584d;color:#fff;font-size:17px}.rain-stop{min-height:58px;background:#a24331!important;border-color:#7e3326;color:#fff}.rain-secondary{background:#f5f2e9}.rain-point{border-color:#8c3467;background:#faeef5}.rain-position{margin:0;font-size:14px;font-weight:800;line-height:1.5}.rain-status{margin:0;min-height:48px;box-sizing:border-box;font-size:15px;line-height:1.5;padding:9px 11px;border-radius:12px;background:#edf5f6;overflow-wrap:anywhere}.rain-status.is-good{background:#dcf4e5;color:#145d3e}.rain-status.is-partial{background:#fff0e5;color:#7b4936}.rain-record{margin:0;font-size:14px;font-weight:800;line-height:1.5}.rain-handoff{padding:28px 20px;text-align:center;border:2px solid #accbd0;border-radius:22px;background:#fff;width:min(580px,100%);box-sizing:border-box;margin:26px auto}.rain-handoff h2{font-size:26px}.rain-handoff p{line-height:1.6}.rain-handoff .rain-button{width:min(340px,100%)}.rain-error{margin:40px auto;padding:20px;max-width:520px;background:#fff;line-height:1.6}.rain-error a{display:block;min-height:48px;margin-top:16px}
@media(max-width:980px){.rain-layout{grid-template-columns:minmax(0,1fr)}.rain-panel{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.rain-mana,.rain-status,.rain-actions,.rain-record,.rain-position,.rain-nudges,.rain-point{grid-column:1/-1}.rain-actions{grid-template-columns:1fr 1fr}.rain-actions .rain-primary,.rain-actions .rain-stop{grid-column:1/-1}.rain-modes,.rain-tools{align-self:stretch}.rain-modes>.rain-button,.rain-tools>.rain-button{height:100%}.rain-nudges{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:560px){.rain-root{padding:10px 8px 22px}.rain-heading h2{font-size:19px}.rain-chip{font-size:12px;padding:7px 9px}.rain-world{border-radius:16px}.rain-panel{padding:10px;gap:8px;grid-template-columns:1fr}.rain-modes,.rain-tools{grid-column:1/-1}.rain-button{font-size:14px;padding:9px 7px}.rain-primary{font-size:16px}.rain-mana-text{font-size:16px}.rain-status{font-size:14px}.rain-legend{font-size:11px;gap:8px;padding:8px}.rain-nudges{grid-template-columns:1fr 1fr}}
@media(orientation:landscape) and (max-height:520px) and (min-width:720px){.rain-layout{grid-template-columns:minmax(0,1fr) 280px}.rain-panel{grid-template-columns:1fr}.rain-actions{grid-template-columns:1fr}.rain-modes,.rain-tools{grid-column:1/-1}.rain-nudges{grid-template-columns:1fr 1fr}.rain-root{padding-top:8px}}
@media(prefers-reduced-motion:reduce){.rain-world{box-shadow:none}.rain-button{transition:none}}