#game-handwriting{position:fixed;bottom:12px;right:12px;z-index:22;margin:0;padding:0;border:1px solid #92aba0;border-radius:10px;background:#142639;max-width:calc(100vw - 24px);max-height:calc(100dvh - 70px);overflow:auto}#game-handwriting[open]{width:320px;padding:8px}#game-handwriting summary{cursor:pointer;min-height:44px;padding:10px;box-sizing:border-box}.game-handwriting-check{display:block;margin:8px auto;min-height:44px;padding:8px 20px}.grid-handwriting{max-width:min(300px,75vw)}.grid-handwriting summary{min-height:44px;padding:10px;cursor:pointer}.grid-handwriting .handwriting-board{min-width:220px}
/* Obake is painted sumi-e: ink on washi like the rest of the site, with the
   vermilion of a shrine gate for whatever is selected or wrong. The class
   names are still Rescue's; the game used to be that. */
.rescue-ui,.rescue-setup{--ob-paper:#fbf6ec;--ob-paper-deep:#f1e7d4;--ob-ink:#112d50;--ob-ink-soft:#4d5b6c;--ob-line:rgba(17,45,80,.3);--ob-red:#d9453e;--ob-gold:#a97417;--ob-serif:Georgia,"Times New Roman",var(--jp-serif,serif)}
.rescue-ui{position:absolute;inset:0;pointer-events:none;z-index:12;color:var(--ob-ink);font-family:var(--ob-serif)}.rescue-ui[hidden],.rescue-ui [hidden]{display:none!important}.rescue-ui button{min-height:44px;border:1.5px solid var(--ob-ink);border-radius:10px;background:var(--ob-paper);color:var(--ob-ink);padding:8px 14px;cursor:pointer;font:inherit;box-shadow:0 3px 0 rgba(17,45,80,.14)}.rescue-ui button:focus-visible{outline:3px solid var(--ob-red);outline-offset:2px}.rescue-ui button:disabled{opacity:.5;cursor:default}.rescue-ui button,.rescue-stick,.rescue-pad,.rescue-intro,.rescue-result{pointer-events:auto;touch-action:manipulation}
body.is-rescue #shooter-touch,body.is-rescue #shooter-map,body.is-rescue #shooter-held,body.is-rescue #shooter-say,body.is-rescue #shooter-guns,body.is-rescue .shooter-cross,body.is-rescue .shooter-hint,body.is-rescue #shooter-count{display:none!important}
/* The field: ImageGen's ink-wash shrine painted behind the canvas, whose floor
   fades into the same mist the painting ends in, with a foreground of stone
   lanterns and blossom laid over the edges. */
body.is-rescue .shooter-view{background:#eaddca url("assets/obake/backdrop.webp") center top/cover no-repeat}
body.is-rescue .shooter-view::after{content:'';position:absolute;inset:0;z-index:5;pointer-events:none;background:url("assets/obake/foreground-left.webp") left bottom/auto 100% no-repeat,url("assets/obake/foreground-right.webp") right bottom/auto 100% no-repeat}
/* A tall screen keeps only the lanterns and rocks: the blossom at the top of
   each piece would otherwise land in the middle of the crowd. */
@media(max-aspect-ratio:1/1){body.is-rescue .shooter-view::after{top:auto;height:30%;background-size:auto 190%,auto 190%;-webkit-mask-image:linear-gradient(transparent,#000 30%);mask-image:linear-gradient(transparent,#000 30%)}}
body.is-rescue .shooter-bar{background:linear-gradient(180deg,rgba(251,246,236,.94),rgba(246,238,223,.94));border:1px solid var(--ob-line,rgba(17,45,80,.3));border-radius:12px;box-shadow:0 6px 18px rgba(40,34,30,.12)}
body.is-rescue .shooter-room{min-width:0;overflow:hidden;color:#112d50;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.08em;white-space:nowrap;text-overflow:ellipsis;text-shadow:none}
body.is-rescue .shooter-pace{flex:0 0 auto;color:#d9453e;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.08em;white-space:nowrap;text-shadow:none}
body.is-rescue .shooter-pace[data-slow="true"]{color:#8a2c28}
body.is-rescue .shooter-readout{top:118px;width:min(90%,30rem);max-width:90vw}body.is-rescue .shooter-readout-text{font-size:clamp(1.4rem,4vw,2.5rem)}
body.is-rescue .shooter-readout::before,body.is-rescue .shooter-readout::after{display:none}
body.is-rescue .shooter-readout-label{color:#112d50;font-family:Georgia,"Times New Roman",serif;font-weight:700;letter-spacing:.06em;text-shadow:0 0 6px #fbf6ec,0 0 2px #fbf6ec}
body.is-rescue .shooter-readout-text{color:#112d50;text-shadow:0 0 10px #fbf6ec,0 0 3px #fbf6ec,0 0 1px #fbf6ec}
body.is-rescue .hud-menu-button{color:#fbf6ec;background:#112d50;border-color:#112d50;border-radius:50%;box-shadow:0 4px 12px rgba(17,45,80,.25);opacity:1}
.rescue-mode-label{position:absolute;top:65px;left:14px;color:var(--ob-ink);font-size:15px;font-weight:700;text-shadow:0 0 4px var(--ob-paper),0 0 2px var(--ob-paper)}.rescue-count{position:absolute;top:65px;right:14px;display:flex;flex-direction:column;text-align:right;font-size:12.5px;color:var(--ob-ink-soft);text-shadow:0 0 4px var(--ob-paper),0 0 2px var(--ob-paper)}.rescue-count strong{font-size:20px;color:var(--ob-ink)}.rescue-message{position:absolute;bottom:128px;left:12px;right:12px;text-align:center;font-size:15px;font-weight:700;color:var(--ob-ink);text-shadow:0 0 5px var(--ob-paper),0 0 2px var(--ob-paper),0 0 1px var(--ob-paper)}
/* Choosing how to play is a screen of its own: the field is what the choice
   sends you into, so it is not left showing through behind the rules. The
   painting is, washed back, with two ghosts peeking in from the edges. */
.rescue-setup{position:fixed;z-index:26;inset:0;display:flex;align-items:center;justify-content:center;overflow:auto;padding:max(14px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(14px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:linear-gradient(rgba(244,236,222,.55),rgba(244,236,222,.78)),#eaddca url("assets/obake/backdrop.webp") center top/cover no-repeat;color:var(--ob-ink);font-family:var(--ob-serif)}
.rescue-setup[hidden]{display:none}
body.is-rescue-setup .hud{z-index:27}
body.is-rescue-setup .hud-menu-button{display:none}
.rescue-setup::before,.rescue-setup::after{content:'';position:fixed;z-index:1;width:clamp(90px,14vw,170px);aspect-ratio:4/5;pointer-events:none;background:url("assets/obake/ghosts.webp") 0 0/400% 800% no-repeat}
/* Two of the crowd look in from the edges: a kappa below, a hitodama above.
   The atlas is four across and eight rows down, a kind to every two rows. */
.rescue-setup::before{left:max(2vw,calc(50% - 470px));bottom:10vh;background-position:100% 57.143%;transform:rotate(-8deg)}
.rescue-setup::after{right:max(2vw,calc(50% - 470px));top:12vh;background-position:0 85.714%;transform:rotate(7deg) scaleX(-1)}
.rescue-setup button{min-height:44px;padding:8px 14px;border:1.5px solid var(--ob-line);border-radius:10px;background:var(--ob-paper);color:var(--ob-ink);font:inherit;cursor:pointer;touch-action:manipulation}
.rescue-setup button:focus-visible{outline:3px solid var(--ob-red);outline-offset:2px}
.rescue-setup button:disabled{opacity:.5;cursor:default}
.rescue-intro{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(12px,2.2vh,18px);width:min(100%,560px);max-height:min(100%,calc(100dvh - 28px));padding:clamp(16px,3vw,26px);box-sizing:border-box;background:linear-gradient(rgba(251,246,236,.94),rgba(251,246,236,.94)),url("assets/ui/washi-profile-v4.png") center/cover;border:1.5px solid var(--ob-ink);border-radius:18px;box-shadow:0 0 0 5px rgba(251,246,236,.7),0 28px 60px rgba(40,34,30,.28)}
.rescue-intro-head{display:grid;gap:4px}
.rescue-eyebrow{margin:0;color:var(--ob-red);font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}
.rescue-eyebrow [lang=ja]{letter-spacing:.08em}
.rescue-intro h2{margin:0;color:var(--ob-ink);font-size:clamp(22px,3.8vw,31px);font-weight:700;letter-spacing:-.01em}
.rescue-lead{margin:0;color:var(--ob-ink-soft);font-size:14.5px;line-height:1.45}
.rescue-intro-body{display:flex;flex-direction:column;gap:12px;min-height:0;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--ob-line) transparent}
/* Both cards carry the same furniture — seal, name, one sentence — so the
   pair reads as one choice rather than two paragraphs of different length. */
.rescue-mode-choices{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.rescue-mode-choices button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:'icon title' 'copy copy';align-items:center;column-gap:10px;row-gap:9px;padding:13px;border-width:1.5px;border-radius:14px;background:rgba(255,255,255,.62);text-align:left;transition:border-color 120ms,background 120ms,transform 120ms}
.rescue-mode-choices button:hover:not(:disabled){border-color:var(--ob-ink);background:#fff;transform:translateY(-1px)}
.rescue-mode-icon{grid-area:icon;display:grid;place-items:center;width:42px;height:42px;border:1.5px solid var(--ob-ink);border-radius:10px;background:var(--ob-paper-deep);color:var(--ob-ink);font-family:var(--jp-serif,serif);font-size:24px;font-weight:700;line-height:1}
.rescue-mode-choices strong{grid-area:title;color:var(--ob-ink);font-size:22px;font-weight:700}
.rescue-mode-copy{grid-area:copy;color:var(--ob-ink-soft);font-size:13.5px;line-height:1.5}
.rescue-mode-choices button[aria-pressed=true]{border-color:var(--ob-red);background:#fff;box-shadow:inset 0 0 0 1px var(--ob-red)}
.rescue-mode-choices button[aria-pressed=true] .rescue-mode-icon{border-color:var(--ob-red);background:var(--ob-red);color:#fff8ef}
.rescue-mode-choices button[aria-pressed=true]::after{content:'✓';position:absolute;top:8px;right:11px;color:var(--ob-red);font-size:15px;font-weight:800}
.rescue-input-note{margin:0;min-height:17px;color:var(--ob-ink-soft);font-size:13.5px;line-height:1.35}
.rescue-rules{display:grid;gap:6px;margin:0;padding:12px 14px 12px 30px;border:1px solid var(--ob-line);border-radius:12px;background:rgba(241,231,212,.6);color:var(--ob-ink-soft);font-size:13px;line-height:1.5}
.rescue-rules li::marker{color:var(--ob-red)}
.rescue-rules strong{color:var(--ob-ink);font-weight:800}
/* Starting is the one thing this screen is for; the other two ways out share a
   quieter row beneath it. */
.rescue-intro-actions{display:grid;gap:9px;padding-top:clamp(10px,1.6vh,14px);border-top:1px solid var(--ob-line)}
.rescue-intro [data-rescue=start]{width:100%;min-height:52px;border-color:var(--ob-red);background:var(--ob-red);color:#fff8ef;font-size:17px;font-weight:700;letter-spacing:.02em;box-shadow:0 4px 0 #a8302b}
.rescue-intro [data-rescue=start]:not(:disabled):hover{background:#c83b35}
.rescue-intro [data-rescue=start]:disabled{opacity:1;border-color:var(--ob-line);background:rgba(241,231,212,.7);color:#8a8578;box-shadow:none}
.rescue-intro-more{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.rescue-intro-more button{font-size:14px}
.rescue-intro-more button:hover{background:#fff;border-color:var(--ob-ink)}
@media(prefers-reduced-motion:reduce){.rescue-mode-choices button{transition:none}.rescue-mode-choices button:hover:not(:disabled){transform:none}}
@media(max-width:560px){.rescue-mode-choices{grid-template-columns:1fr}.rescue-setup::before,.rescue-setup::after{display:none}}
@media(max-height:560px){.rescue-intro{gap:10px;padding:14px}.rescue-intro h2{font-size:19px}.rescue-lead{font-size:13px}.rescue-mode-choices button{row-gap:6px;padding:10px}.rescue-mode-icon{width:34px;height:34px;font-size:19px}.rescue-mode-choices strong{font-size:18px}.rescue-mode-copy{font-size:12px}.rescue-rules{padding:9px 11px 9px 26px;font-size:11.5px}.rescue-intro [data-rescue=start]{min-height:46px;font-size:15px}}
/* The aim is an ensō, a single brushed circle; the selection is the same
   circle in vermilion. */
.rescue-reticle{position:absolute;width:36px;height:36px;transform:translate(-50%,-50%);border:2.5px solid rgba(17,45,80,.75);border-radius:50%;border-right-color:transparent;rotate:-35deg}.rescue-reticle:after{content:'';position:absolute;inset:0}.rescue-reticle.has-target{border-color:rgba(217,69,62,.9);border-right-color:transparent;border-width:4px}
.rescue-controller{position:absolute;bottom:max(12px,env(safe-area-inset-bottom));left:14px;right:14px;display:flex;align-items:center;gap:16px}.rescue-stick{position:relative;flex:0 0 98px;height:98px;border-radius:45px;background:radial-gradient(circle at 50% 40%,#fbf6ec,#e6dcc8);border:2px solid var(--ob-ink);box-shadow:inset 0 3px 10px rgba(17,45,80,.18),0 4px 8px rgba(40,34,30,.2);touch-action:none;user-select:none}.rescue-stick span{position:absolute;width:54px;height:54px;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle at 36% 30%,#2f4a6e,#112d50 75%);border:2px solid #0b1f38;box-shadow:0 4px 6px rgba(17,45,80,.35)}.rescue-stick small{position:absolute;bottom:4px;left:0;width:100%;text-align:center;font-size:9px;color:var(--ob-ink-soft);letter-spacing:2px}
/* The answers are paper tiles: a brushed kanji over a band of seigaiha. */
.rescue-weapons{display:grid;grid-template-columns:repeat(6,minmax(50px,1fr));gap:8px;flex:1;max-width:780px;margin-left:auto}.rescue-weapons button{display:flex;flex-direction:column;align-items:center;padding:5px 5px 10px;min-width:0;border:2px solid var(--ob-ink);border-radius:9px;background:radial-gradient(circle at 50% 100%,transparent 9px,rgba(17,45,80,.12) 10px,transparent 11px) 0 100%/22px 11px repeat-x,var(--ob-paper);box-shadow:0 4px 0 rgba(17,45,80,.2)}.rescue-weapons button:not(:disabled):hover{background-color:#fff;transform:translateY(-1px)}.rescue-weapons small{font-size:12px;color:var(--ob-ink-soft);font-weight:700}.rescue-weapons span{font-family:var(--jp-serif,'Yu Mincho',serif);font-weight:700;color:var(--ob-ink);font-size:clamp(20px,2.9vw,34px);overflow-wrap:anywhere;line-height:1.3}
.rescue-touch-controls .rescue-weapons small{display:none}.rescue-settings{display:none}.is-rescue .rescue-settings{display:grid;grid-template-columns:1fr}.rescue-settings p{margin:0;font-size:11px;color:var(--muted)}
.is-rescue .hud-menu-sheet{max-height:calc(100dvh - 48px);overflow:auto}
.rescue-draw-controls{position:absolute;bottom:24px;left:50%;transform:translateX(-50%);display:flex;gap:8px;white-space:nowrap}.rescue-result{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);background:var(--ob-paper);border:1.5px solid var(--ob-ink);border-radius:18px;padding:24px;width:min(90%,520px);max-height:78%;overflow:auto;box-sizing:border-box;box-shadow:0 0 0 5px rgba(251,246,236,.7),0 24px 60px rgba(40,34,30,.3);text-align:center}.rescue-result h2{margin-top:0;color:var(--ob-ink);font-weight:700}.rescue-result p{line-height:1.5;color:var(--ob-ink-soft)}.rescue-result button{margin:4px}.rescue-result [data-rescue=restart]{border-color:var(--ob-red);background:var(--ob-red);color:#fff8ef}
/* The writing surface floats over the full field; it never resizes it. */
.rescue-pad{position:absolute;inset:0;z-index:6;pointer-events:none;background:transparent}
.rescue-pad-host{position:absolute;inset:176px max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left))}
.rescue-pad .handwriting-input{display:grid;grid-template-rows:44px minmax(0,1fr) 36px 44px;gap:8px;width:100%;height:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;color:var(--ob-ink);pointer-events:none}
.rescue-pad .handwriting-top,.rescue-pad .handwriting-status,.rescue-pad .handwriting-actions{width:100%;max-width:640px;justify-self:center;box-sizing:border-box}
.rescue-pad .handwriting-top{padding:0 8px;border-radius:8px;background:rgba(251,246,236,.86);border:1px solid var(--ob-line);font-size:12px}
.rescue-pad .handwriting-top label{min-height:44px;padding:0 8px;pointer-events:auto;cursor:pointer}
.rescue-writing-surface{display:grid;place-items:center;min-width:0;min-height:0;pointer-events:none}
.rescue-pad .handwriting-board{max-height:none;max-width:100%;margin:0;box-sizing:border-box;background:rgba(251,246,236,.3);border:2px solid rgba(17,45,80,.55);border-radius:18px;pointer-events:auto}
.rescue-pad .handwriting-grid{stroke:#112d50!important;opacity:.22}
.rescue-pad .handwriting-accepted{stroke:#112d50;stroke-width:2.4;opacity:.55}
.rescue-pad .handwriting-ink{stroke:#1d1a1c;stroke-width:1.6;opacity:.6}
.rescue-pad .handwriting-hint{stroke:#d9453e;fill:#d9453e;stroke-width:2.2;opacity:.5}
.rescue-pad .handwriting-start{opacity:.8}
.rescue-pad .handwriting-start circle{fill:#d9453e;stroke:#fbf6ec;stroke-width:.65}
.rescue-pad .handwriting-outline{stroke:rgba(17,45,80,.35)}
.rescue-pad .handwriting-status{min-height:0;margin:0;padding:3px 8px;border-radius:8px;font-size:11.5px;background:rgba(251,246,236,.88);border:1px solid var(--ob-line);text-align:center;align-self:center}
.rescue-pad .has-mistake .handwriting-board{border-color:#d9453e;box-shadow:inset 0 0 0 2px rgba(217,69,62,.45)}
.rescue-pad .has-mistake .handwriting-status{color:#7c211d;background:#fbe3dc;box-shadow:inset 0 0 0 1px #d9453e}
.rescue-pad .handwriting-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.rescue-pad .handwriting-actions button{padding:6px;font-size:12.5px;pointer-events:auto;background:rgba(251,246,236,.94);border-color:var(--ob-ink);color:var(--ob-ink)}
.rescue-drawing .rescue-draw-controls,.rescue-drawing .rescue-message{display:none}
@media(max-width:650px){.rescue-weapons{grid-template-columns:repeat(3,minmax(44px,1fr));gap:5px}.rescue-controller{gap:10px}.rescue-stick{flex-basis:90px;height:104px}.rescue-count{font-size:11px}.rescue-count strong{font-size:16px}.rescue-message{bottom:150px;font-size:13px}}


.rescue-reticle.is-selected{border:4px solid rgba(217,69,62,.92);border-right-color:transparent;border-radius:50%}.rescue-reticle.is-selected:after{content:attr(data-name);inset:auto auto calc(100% + 6px) 50%;transform:translateX(-50%);rotate:35deg;transform-origin:center;font:700 10px Georgia,serif;letter-spacing:1px;padding:3px 6px;border-radius:4px;background:#d9453e;color:#fff8ef;width:max-content;height:max-content}.rescue-drawing .rescue-draw-controls{display:none}
.rescue-beam{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}.rescue-beam-line{fill:none;stroke:#d9453e;stroke-width:2;stroke-dasharray:1;stroke-linecap:round;opacity:.7}.rescue-beam-pulse{fill:#d9453e}.rescue-beam-word{fill:#112d50;stroke:#fbf6ec;stroke-width:3;paint-order:stroke;font-family:Georgia,serif;font-weight:700}.rescue-beaming .shooter-readout-text,.rescue-beaming .shooter-readout-label{animation:rescue-text-arrive 520ms ease-out both}@keyframes rescue-text-arrive{0%,45%{opacity:0;filter:blur(5px)}80%{opacity:1;filter:blur(0)}100%{opacity:1;filter:blur(0)}}@media(prefers-reduced-motion:reduce){.rescue-beam{display:none}.rescue-beaming .shooter-readout-text,.rescue-beaming .shooter-readout-label{animation:none}}
@media(min-width:651px) and (min-aspect-ratio:4/3){
  .rescue-pad-host{top:64px}
  .rescue-pad .handwriting-input{grid-template-columns:minmax(0,1fr) 190px;grid-template-rows:44px minmax(0,1fr) 38px 96px;column-gap:16px}
  .rescue-writing-surface{grid-column:1;grid-row:1/-1}
  .rescue-pad .handwriting-top{grid-column:2;grid-row:1;gap:4px;font-size:11px;padding:0 4px}
  .rescue-pad .handwriting-top label{padding:0 4px}
  .rescue-pad .handwriting-status{grid-column:2;grid-row:3}
  .rescue-pad .handwriting-actions{grid-column:2;grid-row:4;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:44px 44px}
  .rescue-pad [data-rescue=close-pad]{grid-column:1/-1}
  .is-rescue .rescue-drawing .shooter-readout{left:auto;right:max(12px,env(safe-area-inset-right));top:126px;width:190px;max-width:none;transform:none}
  .is-rescue .rescue-drawing .shooter-readout-text{font-size:clamp(1.3rem,2.8vw,2rem)}
  .rescue-drawing .rescue-count{left:14px;right:auto;top:100px;text-align:left}
}
@media(max-height:700px) and (max-width:650px){
  .rescue-pad-host{top:148px;bottom:max(8px,env(safe-area-inset-bottom));left:max(8px,env(safe-area-inset-left));right:max(8px,env(safe-area-inset-right))}
  .rescue-pad .handwriting-input{gap:5px;grid-template-rows:44px minmax(0,1fr) 32px 44px}
  .rescue-pad .handwriting-status{font-size:10px;padding:2px 5px}
  .is-rescue .rescue-drawing .shooter-readout{top:100px}.is-rescue .shooter-room,.is-rescue .shooter-pace{font-size:11px}.is-rescue .shooter-bar{gap:8px}
}
/* A picture question is shown in the readout as well as on the ghost's lantern. */
body.is-rescue .shooter-readout-text.rescue-readout-picture{width:96px;height:96px;margin:4px auto 0;background-color:#fffaf2;background-repeat:no-repeat;border-radius:8px;border:1.5px solid rgba(17,45,80,.4);box-shadow:0 4px 12px rgba(40,34,30,.16)}
@media(max-width:650px){body.is-rescue .shooter-room,body.is-rescue .shooter-pace{font-size:.72rem;letter-spacing:.05em}}
body.is-rescue .hud-menu-button .hamburger,body.is-rescue .hud-menu-button .hamburger::before,body.is-rescue .hud-menu-button .hamburger::after{background:#fbf6ec}
@media(max-width:650px){body.is-rescue .hud-menu-button{width:44px;height:44px}}
/* From the ImageGen study of this screen: a centred heading over a brushed
   vermilion stroke, each mode's kanji inside an ensō, and ensō for bullets. */
.rescue-intro-head{text-align:center}
.rescue-eyebrow::after{content:'';display:block;width:64px;height:4px;margin:7px auto 0;border-radius:2px 5px 3px 6px;background:var(--ob-red);opacity:.85}
.rescue-mode-icon{position:relative;width:48px;height:48px;border:0;background:transparent;font-size:26px}
.rescue-mode-icon::before{content:'';position:absolute;inset:0;border:2.5px solid currentColor;border-right-color:transparent;border-radius:50%;rotate:-20deg}
.rescue-mode-choices button[aria-pressed=true] .rescue-mode-icon{background:transparent;color:var(--ob-red)}
.rescue-rules{list-style:none;padding-left:14px}
.rescue-rules li{position:relative;padding-left:22px}
.rescue-rules li::before{content:'';position:absolute;left:0;top:.32em;width:9px;height:9px;border:2.5px solid var(--ob-red);border-right-color:transparent;border-radius:50%;rotate:-30deg}