.rain-page{color:#e8eade;font-family:var(--font-sans,Arial, sans-serif);background:#172b2e;height:100dvh;min-height:640px;position:relative;overflow:hidden}.rain-stage{position:absolute;inset:0}.rain-stage canvas{touch-action:none;width:100%;height:100%;display:block}.rain-page button{color:#e8eade;min-height:40px;box-shadow:none;background:#183530d9;border:1px solid #d5e7d329;border-radius:5px;gap:8px;font-size:13px}.rain-page button:hover{background:#36594e}:is(.rain-page button:focus-visible,.rain-page a:focus-visible){outline-offset:4px;outline:2px solid #ffcf80}.rain-head{z-index:2;justify-content:space-between;align-items:center;font-size:13px;display:flex;position:absolute;inset:24px 30px auto}.rain-head a{color:#eef0e5;align-items:center;gap:12px;display:flex}.rain-head>div{letter-spacing:.16em;text-align:right;margin-left:auto;margin-right:20px;font-size:10px}.rain-head span{color:#a8b9b0;margin-top:6px;display:block}.rain-title{pointer-events:none;text-shadow:0 2px 30px #13251f;position:absolute;top:105px;left:40px}.rain-title>span{letter-spacing:.2em;color:#e6d3a9;font-size:10px}.rain-title h1{letter-spacing:-.06em;margin:25px 0;font-family:Georgia,serif;font-size:clamp(60px,7.3vw,108px);font-weight:400;line-height:.88}.rain-title p{color:#cfdbd2;font-size:15px;line-height:1.6}.rain-tools{z-index:2;flex-wrap:wrap;gap:6px;max-width:600px;display:flex;position:absolute;bottom:102px;left:30px}.rain-tools label{background:#183530d9;border:1px solid #d5e7d329;border-radius:5px;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.rain-guide{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#122b26ed;border:1px solid #bdd2b92e;border-radius:8px;width:318px;max-height:calc(100dvh - 165px);padding:23px;position:absolute;top:95px;right:28px;overflow:auto;box-shadow:0 15px 65px #00110e50}.rain-objective>span{color:#b9cfae;letter-spacing:.18em;font-size:10px}.rain-objective h2{letter-spacing:-.015em;margin:12px 0 20px;font-family:Georgia,serif;font-size:24px;font-weight:400;line-height:1.22}.rain-health{color:#ccdaca;grid-template-columns:1fr auto;gap:8px;font-size:12px;display:grid}.rain-health span{grid-column:1;align-items:center;gap:7px;display:flex}.rain-health svg{width:13px;height:13px}.rain-health strong{color:#f6c481;grid-area:1/2/3;align-self:center;font-size:24px;font-weight:400}.rain-route{border-top:1px solid #d5e7d329;margin-top:20px;padding-top:14px}.rain-route summary{cursor:pointer;justify-content:space-between;font-size:13px;list-style:none;display:flex}.rain-route summary span{color:#afc3b3;font-size:10px}.rain-route>div{gap:3px;margin:12px -5px 0;display:grid}.rain-route button{background:0 0;border:0;border-radius:4px;justify-content:flex-start;min-height:33px}.rain-route button[aria-pressed=true]{background:#c1d9b519}.rain-route button span{color:#9cb0a3;width:20px;font-size:10px}.rain-route button svg{color:#9cb0a3;margin-left:auto}.rain-controls-note{color:#adc0b3;margin:14px 0;font-size:11px;line-height:1.6}.rain-page .rain-interact{color:#162b23;background:#e3c08b;border:0;width:100%;min-height:46px;font-weight:600}.rain-page .rain-interact:disabled{color:#182b23;opacity:.65;background:#a7b9a4}.rain-page .rain-secondary{width:100%;margin-top:7px}.rain-notice{color:#c2d3c3;min-height:38px;margin:14px 0 0;font-size:12px;line-height:1.6}.rain-footer{color:#bdcebf;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex;position:absolute;bottom:24px;left:30px;right:30px}.rain-footer>div{gap:8px;display:flex}.rain-pad{grid-template-columns:repeat(3,42px);gap:5px;display:grid;position:absolute;bottom:160px;left:30px}.rain-pad button:first-child{grid-column:2}.rain-pad button:nth-child(2){grid-column:1}.rain-loading,.rain-paused{background:#18352eee;border:1px solid #cddac240;border-radius:8px;align-items:center;gap:18px;padding:25px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rain-help{max-height:85dvh;overflow:auto;color:#e5eadd!important;background:#142d26!important;max-width:620px!important}.rain-help p{color:#c5d4c4;font-size:14px;line-height:1.7}.rain-help a{color:#eac792;text-underline-offset:3px;text-decoration:underline}.rain-receipt{color:#cce2b6;font-size:12px;line-height:1.7}.rain-receipt svg{width:15px;margin-right:6px;display:inline}.rain-objective progress{accent-color:#bcde9e;width:100%;margin-top:14px}@media (max-width:1000px){.rain-title{left:24px}.rain-title h1{font-size:72px}.rain-guide{width:288px;padding:18px;right:18px}.rain-tools{max-width:420px}.rain-head>div{display:none}}@media (max-width:700px){.rain-page{height:auto;min-height:1100px;padding-top:600px;overflow:visible}.rain-stage{height:600px;inset:0 0 auto}.rain-title{top:80px;left:20px}.rain-title h1{font-size:62px}.rain-title p{font-size:12px}.rain-title>span{font-size:8px}.rain-head{top:18px;left:18px;right:18px}.rain-guide{width:auto;max-height:none;margin:0 14px;padding:20px;position:relative;inset:auto}.rain-tools{gap:4px;max-width:none;inset:514px 14px auto}.rain-tools button{min-height:34px;padding:6px 9px;font-size:11px}.rain-tools label{font-size:10px}.rain-tools svg{width:14px}.rain-pad{inset:372px 16px auto auto}.rain-footer{align-items:flex-start;padding:22px 14px;position:relative;inset:auto}.rain-footer>span{max-width:180px;line-height:1.7}.rain-footer button{padding:7px;font-size:11px}.rain-route>div{grid-template-columns:1fr 1fr}.rain-loading,.rain-paused{z-index:4;width:80%;top:320px}.rain-objective h2{font-size:25px}}.rain-title{background:radial-gradient(at 0,#12272475,#0000 75%);padding:10px 40px 10px 0}.rain-page .rain-secondary{margin-top:12px}.rain-guide .rain-interact{position:sticky;bottom:0}.rain-route summary:after{content:"＋";margin-left:8px;font-size:15px}.rain-route[open] summary:after{content:"−"}.rain-title h1{font-family:var(--display);font-size:clamp(60px,7.2vw,104px);font-weight:400;line-height:.9}.rain-pad{touch-action:none}.rain-maintenance{color:#bdcebf;margin-top:14px;font-size:12px}.rain-maintenance summary{cursor:pointer}.rain-maintenance button{width:100%;margin-top:10px}.rain-page:has(.rain-help) .rain-pad{pointer-events:none}.rain-footer{padding-right:160px}.rain-pad button,.rain-tools button,.rain-tools label{background:#183530}.rain-guide{background:#122b26}.rain-title{filter:drop-shadow(0 2px 3px #10231d)}@media (max-width:700px){.rain-footer{flex-wrap:wrap;padding-bottom:80px;padding-right:14px}}
