/* Swim Out. The painted reef carries the colour; the chrome stays deep water, paper and pale teal (tokens.css). */
body[data-ui=swim-out]{--sea:#06303b;--line:#c3ebeb2e;--gold:#f2d892;--eaten:#f0a48f;--home:#b6ecbf}
body[data-ui=swim-out] main{max-width:1320px;margin:auto;padding:18px 4vw 3rem}
body[data-ui=swim-out] .heading{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:14px;padding:4px 0 0}
body[data-ui=swim-out] .heading h1{font-size:clamp(36px,4vw,54px);letter-spacing:-.05em;line-height:1;margin:.3rem 0 .45rem;font-weight:800}
body[data-ui=swim-out] .rule{margin:0;max-width:48ch;font-size:17px;line-height:1.5;color:var(--color-muted,#bcd3d2)}
body[data-ui=swim-out] .balance{display:grid;gap:.1rem;text-align:right;text-decoration:none;flex-shrink:0;font-size:11px;padding:8px 14px}
body[data-ui=swim-out] .balance strong{font-size:26px;line-height:1.1;font-variant-numeric:tabular-nums}

/* ---- the water ---- */
.water{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;border:1px solid #4c8c9966;background:var(--sea);height:clamp(420px,calc(100svh - 400px),600px);width:100%;touch-action:pan-y}
.water-back{position:absolute;inset:-2%;z-index:-3;background:url('assets/distant-reef.webp') 18% 60%/cover;filter:saturate(.9) brightness(.92)}
/* Open water deepens away from the reef, and the surface glow fades with depth. */
.water-back::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03222c00 4%,#06374566 34%,#042c3bd0 62%,#021c29f2 100%),linear-gradient(180deg,#9be9ee14,#00151f00 30%,#00131c99 100%)}
.water-shafts{position:absolute;inset:-30% -10% 0;z-index:-2;opacity:.13;background:repeating-conic-gradient(from 160deg at 22% -12%,transparent 0deg 5deg,#c8fff3 6deg,transparent 8deg 17deg);mix-blend-mode:screen;animation:swim-light 19s ease-in-out infinite alternate;pointer-events:none;-webkit-mask:linear-gradient(90deg,#000 10%,#0000 75%);mask:linear-gradient(90deg,#000 10%,#0000 75%)}
.water.jolt :is(.water-back,#sea,.reef-edge){animation:swim-jolt .42s cubic-bezier(.2,.8,.3,1)}
@keyframes swim-jolt{0%{translate:0 0}18%{translate:-7px 3px}38%{translate:5px -2px}60%{translate:-3px 1px}100%{translate:0 0}}
@keyframes swim-light{from{transform:translateX(-2%) rotate(-2deg);opacity:.08}to{transform:translateX(3%) rotate(2deg);opacity:.18}}
#sea{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0}
.reef-edge{position:absolute;z-index:1;left:-9%;bottom:-6%;width:31%;height:auto;pointer-events:none;filter:brightness(.78) saturate(.9) drop-shadow(0 0 30px #021b2488);transform:scaleX(-1)}
.water[data-scene=failed]::after{content:'This browser can’t draw the water, but the rounds still play.';position:absolute;left:50%;top:44%;translate:-50% 0;color:#d6ecea;font-size:14px}

/* The ladder: distance marks along the floor of the view. */
.ladder{position:absolute;z-index:2;left:0;right:0;bottom:0;height:34px;border-top:1px solid #d6f4f022;background:linear-gradient(#00121a00,#00121a8c);pointer-events:none}
.ladder .mark{position:absolute;bottom:9px;translate:-50% 0;font:600 11px var(--font-mono,ui-monospace,monospace);letter-spacing:.04em;color:#d6efed;white-space:nowrap}
.ladder .mark::before{content:'';position:absolute;left:50%;bottom:19px;width:1px;height:9px;background:#d6efed80}
.ladder .mark.minor{color:#d6efed99}
.marker{position:absolute;z-index:2;top:96px;bottom:34px;width:0;border-left:1px dashed #f2d89288;pointer-events:none;transition:left .25s var(--ease-out,ease)}
.marker span{position:absolute;top:0;left:6px;font:700 11px var(--font-mono,ui-monospace,monospace);color:var(--gold);white-space:nowrap;text-transform:uppercase;letter-spacing:.06em}
.marker[data-placed=true]{border-left-style:solid;border-color:#f2d892c0}
.marker.strike{border-left:2px solid #ffd8c9;box-shadow:0 0 18px 2px #ffd0b955;top:96px}
.marker.strike[data-side=left] span{left:auto;right:8px}
.marker.strike span{top:22px;left:8px;color:#ffe6dc;background:#3a1c18cc;padding:3px 7px;border-radius:4px}
.water[data-phase=struck] #your-mark{opacity:.45}
.tags{position:absolute;inset:0;z-index:3;pointer-events:none}
.tag{position:absolute;left:0;top:0;padding:3px 8px;border-radius:4px;background:#021f29d9;border:1px solid #c3ebeb33;color:#e9f5f1;font-size:12px;white-space:nowrap;will-change:transform}
.tag[data-you=true]{background:#f2d892;color:#13303a;border-color:#f2d892;font-weight:700}

/* HUD and the call: plain words over a dark backing, never over bright reef. */
.hud{position:absolute;z-index:4;left:16px;right:16px;top:14px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px;pointer-events:none}
.hud>*{pointer-events:auto;background:#021e28c4;border:1px solid #c3ebeb26;border-radius:8px;padding:8px 12px;backdrop-filter:blur(6px)}
.hud-round{display:grid;gap:2px;font-size:12px;color:#c8dfde}
.hud-round b{color:#eef6f2;font-variant-numeric:tabular-nums}
.hud-round a{color:#bfe8e2;font:11px var(--font-mono,ui-monospace,monospace)}
.hud-clock{display:grid;grid-template-columns:auto auto;align-items:baseline;gap:2px 8px;min-width:150px;text-align:right}
.hud-clock strong{font:800 26px var(--font-display,system-ui);font-variant-numeric:tabular-nums;color:#fff3d0;letter-spacing:-.02em}
.hud-clock span{font-size:12px;color:#c8dfde;text-align:left}
.clock-track{grid-column:1/-1;display:block;height:3px;background:#ffffff1c;border-radius:2px;overflow:hidden}
.clock-track b{display:block;height:100%;background:var(--gold);transform-origin:left;transition:transform .25s linear}
.call{position:absolute;z-index:4;left:50%;top:14px;translate:-50% 0;width:min(44%,520px);text-align:center;background:#021e28c4;border:1px solid #c3ebeb26;border-radius:8px;padding:10px 16px;backdrop-filter:blur(6px)}
.call p{margin:0}
.call-kicker{font:700 10px var(--font-mono,ui-monospace,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.call h2{font-size:clamp(20px,2.1vw,28px);letter-spacing:-.03em;margin:.25rem 0 .2rem;color:#fff4d6}
.call p:last-child{font-size:13px;line-height:1.45;color:#cfe3e0;min-height:1.45em}
.water[data-result=home] .call{border-color:#b6ecbf88}.water[data-result=home] .call h2{color:var(--home)}
.water[data-result=eaten] .call{border-color:#f0a48f88}

/* ---- your swim ---- */
.console{display:grid;grid-template-columns:minmax(0,1.5fr) auto minmax(0,1fr) auto;gap:18px 28px;align-items:end;margin-top:14px;padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#042631}
.pick-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
.pick-head label,.pick-stake legend,.projection span,.strip .label{font-size:12px;color:var(--color-muted,#bcd3d2)}
.pick-head output{font:800 24px var(--font-display,system-ui);color:#fff3d0;font-variant-numeric:tabular-nums}
#distance{width:100%;accent-color:#f2d892;height:28px;margin:0}
.rungs{display:flex;gap:6px;margin-top:6px}
.rungs button,.pick-stake button{font:600 14px var(--font-body,system-ui);color:var(--color-paper,#f6efdc);background:transparent;border:1px solid #c3ebeb40;border-radius:6px;padding:9px 0;min-width:52px;flex:1;cursor:pointer;min-height:42px}
.rungs button[aria-pressed=true],.pick-stake button[aria-pressed=true]{background:#eddba9;color:#18353b;border-color:#eddba9}
.rungs button:disabled,.pick-stake button:disabled{opacity:.5;cursor:default}
.pick-stake{border:0;padding:0;margin:0;min-width:0}
.pick-stake legend{margin-bottom:8px;padding:0}
.pick-stake>div{display:flex;align-items:center;gap:6px}
.pick-stake span{font:10px var(--font-mono,ui-monospace,monospace);color:var(--color-muted,#bcd3d2);margin-left:2px}
.projection{display:grid;gap:3px}
.projection strong{font:800 26px var(--font-display,system-ui);color:var(--home);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.projection small{font-size:12px;color:#bcd3d2}
.go{display:grid;gap:8px;justify-items:stretch;min-width:220px}
.go .primary{min-height:52px;padding:0 22px;font-size:16px;white-space:nowrap}
.go .primary:disabled{opacity:.6;cursor:default}
.go .status{margin:0;font-size:12px;color:#d3e6e3;min-height:1.4em;max-width:32ch}

/* ---- the strip ---- */
.strip{display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2.4fr);gap:28px;margin-top:14px;padding:14px 20px;border:1px solid var(--line);border-radius:12px}
.reserve{display:grid;gap:2px;align-content:start}
.reserve strong{font-size:20px;font-variant-numeric:tabular-nums;color:#eef6f2}
.reserve small{font-size:12px;color:#bcd3d2}
.recent{display:grid;gap:8px;min-width:0;align-content:start}
.recent ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}
.recent li a{display:block;padding:5px 9px;border-radius:5px;border:1px solid #c3ebeb33;font:600 12px var(--font-mono,ui-monospace,monospace);color:#d9ecea;text-decoration:none;font-variant-numeric:tabular-nums}
.recent li[data-far=true] a{border-color:#f2d89299;color:var(--gold);background:#f2d89212}
.recent li.quiet{font-size:12px;color:#bcd3d2;margin:0;padding:5px 0}

/* ---- below ---- */
.below{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;margin-top:2rem;padding-top:1.6rem;border-top:1px solid var(--line)}
.below h2{font-size:26px;margin:0 0 .8rem}
.how{padding-left:1.2rem;margin:0 0 1rem;line-height:1.6;font-size:15px}
.below .small{font-size:13px;color:#bcd3d2;line-height:1.65;max-width:60ch}
.room,.history{list-style:none;padding:0;margin:.6rem 0 0;font-size:13px;max-height:340px;overflow:auto}
.room li,.history li{display:grid;grid-template-columns:minmax(0,1.6fr) .7fr .9fr .9fr;gap:8px;padding:6px 2px;border-bottom:1px solid #c3ebeb1a;color:#d4e6e3;font-variant-numeric:tabular-nums}
.history li{grid-template-columns:minmax(0,1.2fr) minmax(0,1.3fr) auto}
.room .who{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.room li[data-you=true]{color:var(--gold);font-weight:700}
.room li[data-outcome=eaten] .fate,.history li[data-outcome=eaten]>span:nth-child(2){color:var(--eaten)}
.room li[data-outcome=home] .fate,.history li[data-outcome=home]>span:nth-child(2){color:var(--home)}
.history a{color:#bfe8e2;font:11px var(--font-mono,ui-monospace,monospace)}
.game-note{font-size:12px;color:#a9c3c1;margin:1.6rem 0 0}
[hidden]{display:none!important}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;padding:0;white-space:nowrap}

@media(max-width:980px){
 .console{grid-template-columns:1fr 1fr}
 .pick-distance{grid-column:1/-1}
 .go{grid-column:1/-1}
}
@media(max-width:700px){
 body[data-ui=swim-out] main{padding:16px 16px 2rem}
 body[data-ui=swim-out] .heading{align-items:flex-start;gap:12px;margin-bottom:14px}
 body[data-ui=swim-out] .heading h1{font-size:34px;margin:.2rem 0 .35rem}
 body[data-ui=swim-out] .rule{font-size:14px;line-height:1.45}
 body[data-ui=swim-out] .heading .balance{display:none}
 .hud-round{font-size:11px}.hud-round a{font-size:10px}
 .water{aspect-ratio:auto;height:min(560px,68svh);min-height:420px;border-radius:12px}
 .water-back{background-position:14% 60%}
 .reef-edge{width:44%;left:-20%;bottom:-2%}
 .hud{left:10px;right:10px;top:10px}
 .hud>*{padding:6px 9px}
 .hud-clock{min-width:0}.hud-clock strong{font-size:20px}
 .call{top:auto;bottom:40px;width:calc(100% - 20px);padding:6px 10px;background:#021e28b0}
 .call-kicker{font-size:9px}
 .call h2{font-size:17px;margin:.15rem 0}.call p:last-child{font-size:11.5px;line-height:1.35}
 .ladder .mark{font-size:10px}.ladder .mark.minor,.ladder .mark.near{display:none}
 .marker{top:66px;bottom:34px}
 .console{grid-template-columns:1fr;padding:14px;gap:14px}
 .projection{grid-template-columns:1fr auto;align-items:baseline}
 .projection small{grid-column:1/-1}
 .projection strong{font-size:22px}
 .rungs button,.pick-stake button{min-width:0;padding:9px 0}
 .strip{grid-template-columns:1fr;gap:12px;padding:12px 14px}
 .below{grid-template-columns:1fr;gap:1.2rem}
 .room li{grid-template-columns:minmax(0,1.4fr) .8fr .9fr .8fr;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.water-shafts,.water.jolt :is(.water-back,#sea,.reef-edge){animation:none}.marker,.clock-track b{transition:none}}

/* The game is one continuous instrument: water above, choices directly below. */
body[data-ui=swim-out]{background:radial-gradient(ellipse at 28% 0,#123d47 0,#071e28 56%,#061922 100%)}
body[data-ui=swim-out] main{max-width:1440px;padding-top:12px}
body[data-ui=swim-out] .heading{padding-top:8px;padding-bottom:12px;margin-bottom:8px}
body[data-ui=swim-out] .heading>div>p:last-child{font-size:15px;line-height:1.45;max-width:64ch}
body[data-ui=swim-out] .heading h1{font-size:clamp(34px,3.6vw,48px);margin:8px 0}
.water{height:clamp(340px,calc(100svh - 370px),500px);border-radius:16px 16px 0 0;box-shadow:0 12px 60px #00101866,inset 0 1px #c4faff22}
.water-back{background-position:18% 46%;filter:saturate(.88) brightness(.88)}
.water-back::after{background:linear-gradient(90deg,#03222c00 4%,#06374522 25%,#053449aa 62%,#021c29de 100%),linear-gradient(180deg,#70dce329,#00151f00 35%,#00131caa 100%)}
.water-shafts{opacity:.2;mask:linear-gradient(90deg,#000 10%,#0008 70%,#0000);-webkit-mask:linear-gradient(90deg,#000 10%,#0008 70%,#0000)}
.reef-edge{width:35%;left:-11%;bottom:-8%;filter:brightness(.9) saturate(.85) drop-shadow(0 0 20px #021b2488)}
.console{margin-top:0;border-top:0;border-radius:0 0 16px 16px;background:linear-gradient(110deg,#123842,#0b2934);gap:16px 24px;box-shadow:0 15px 40px #00101833}
.rungs button,.pick-stake button{min-height:44px}
#distance{height:32px;cursor:pointer}
.strip{background:#0a263066}
.hud>*{background:#052531b8;box-shadow:0 2px 14px #00131c33}
.call{background:#052531cc;box-shadow:0 4px 20px #00131c44}
@media(min-width:981px){.console{grid-template-columns:minmax(260px,1.4fr) minmax(210px,1fr) minmax(175px,.8fr) minmax(190px,.9fr)}.go{min-width:0}.pick-stake button{min-width:38px}}
@media(max-width:980px) and (min-width:701px){.water{height:380px}.console{grid-template-columns:1.2fr 1fr}.pick-distance{grid-column:1}.pick-stake{align-self:center}.go{grid-column:auto}}
@media(max-width:700px){
 body[data-ui=swim-out]>header{min-height:58px;padding:10px 14px;gap:10px 16px;flex-wrap:wrap}
 body[data-ui=swim-out]>header>a img{width:82px;height:auto}
 body[data-ui=swim-out]>header>nav{width:auto;margin-left:auto;gap:12px;flex-wrap:nowrap}
 body[data-ui=swim-out]>header>.official-pill{order:3;flex-basis:100%;margin:0}
 body[data-ui=swim-out]>header>nav>a:not([href='/play/']):not(.credit-nav){display:none}
 body[data-ui=swim-out] main{padding:8px 12px 28px}
 body[data-ui=swim-out] .heading{padding:2px 0 10px;margin:0;gap:0}
 body[data-ui=swim-out] .heading .text-button{font-size:11px}
 body[data-ui=swim-out] .heading h1{font-size:32px;margin:4px 0 5px}
 body[data-ui=swim-out] .heading>div>p:last-child{font-size:12px;line-height:1.4;max-width:50ch}
 .water{height:clamp(280px,36svh,320px);min-height:0;border-radius:12px 12px 0 0}
 .water-back{background-position:22% 55%}
 .reef-edge{width:47%;left:-20%;bottom:-8%}
 .hud{top:8px;left:8px;right:8px;gap:6px}
 .hud>*{padding:5px 8px;border-radius:6px}
 .hud-round{font-size:10px;gap:1px}.hud-round a{font-size:9px}
 .hud-clock{gap:1px 6px}.hud-clock strong{font-size:20px}.hud-clock span{font-size:10px}
 .call{top:65px;bottom:auto;width:calc(100% - 16px);padding:5px 8px;background:#032431b8;border-color:#b8e8e520;box-shadow:none}
 .call h2{font-size:17px;margin:1px 0}.call-kicker{font-size:8px;letter-spacing:.09em}
 .call p:last-child{font-size:10px;line-height:1.3;min-height:0}
 .marker,.marker.strike{top:124px}.marker span{font-size:9px}.marker.strike span{top:15px}
 .console{grid-template-columns:1fr 1fr;gap:9px 14px;padding:10px 12px;border-radius:0 0 12px 12px}
 .pick-distance{grid-column:1/-1}.pick-head{margin:0}.pick-head output{font-size:20px}
 #distance{height:28px;display:block}.rungs{margin-top:2px;gap:5px}
 .rungs button,.pick-stake button{min-height:44px;min-width:0;padding:6px 0;font-size:13px}
 .pick-stake{grid-column:1/-1}.pick-stake legend{font-size:11px;margin-bottom:4px}
 .pick-stake>div{gap:5px}.pick-stake span{font-size:9px;margin-left:4px}
 .projection{grid-column:1;grid-template-columns:1fr;gap:0;align-self:center}
 .projection span{font-size:10px}.projection strong{font-size:20px}.projection small{font-size:10px;line-height:1.3;grid-column:auto}
 .go{grid-column:2;min-width:0;gap:3px;align-self:center}
 .go .primary{min-height:46px;padding:0 7px;font-size:13px}
 .go .status{font-size:10px;line-height:1.25;min-height:0}
 .go .status:empty{display:none}
 .strip{margin-top:10px;grid-template-columns:1fr;gap:9px;padding:10px 12px}.reserve{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 8px}.reserve strong{font-size:16px}.reserve small{grid-column:1/-1;font-size:11px}
 .recent{gap:5px}.recent li a{padding:4px 7px;font-size:10px}
 .below{margin-top:20px;padding-top:18px}.below h2{font-size:23px}
}
@media(prefers-reduced-motion:reduce){.water-shafts{animation:none}}
@media(max-width:700px){body[data-ui=swim-out]>header>nav[aria-label=Main]{flex-basis:auto;flex-wrap:nowrap}}
@media(max-width:360px){body[data-ui=swim-out]>header>nav>a[href='/play/']{display:none}body[data-ui=swim-out]>header{gap:6px}.water{height:268px}}

/* A saved receipt stays visible when the water moves to the next round. */
.demo-label{display:inline-block;margin-left:14px;font-size:11px;color:#a9c8c7}
.last-swim{display:flex;justify-content:space-between;gap:20px;padding:14px 20px;margin-top:12px;border:1px solid var(--line);border-radius:12px;background:#0a2934}
.last-swim>div{display:grid;gap:3px;align-content:start}
.last-swim .label{font-size:11px;color:#a9c8c7}
.last-swim strong{font-size:17px;color:#f3ecd8}
.last-swim span:not(.label),.last-swim a{font-size:12px;color:#bdd4d2}
.last-swim .last-amount{text-align:right;flex-shrink:0}
.last-swim[data-outcome=home] #last-title{color:var(--home)}
.last-swim[data-outcome=eaten] #last-title{color:var(--eaten)}
#payout-limit{color:#bcd3d2;font-size:11px;max-width:28ch;line-height:1.3}
@media(max-width:700px){
 .demo-label{font-size:10px;margin-left:10px}
 #payout-limit{font-size:9px}
 .last-swim{padding:11px 12px;gap:12px}
 .last-swim strong{font-size:14px}
 .last-swim span:not(.label),.last-swim a{font-size:10px;line-height:1.4}
 .last-swim .last-amount{flex-shrink:1;min-width:110px}
 .last-swim>div:first-child{min-width:0}
}

#last-net[data-direction=loss]{color:var(--eaten)}
#last-net[data-direction=gain]{color:var(--home)}
/* Real / Practice controls share the same room. */
.mode-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.mode-bar>div{display:flex;gap:6px}.mode-bar button,.account-controls button{min-height:44px;border:1px solid #8cbfc347;border-radius:8px;background:#0b2932;color:#e0f5f3;padding:10px 16px;font:inherit;cursor:pointer}.mode-bar button[aria-pressed=true]{background:#c6ece0;color:#10342f}.mode-bar p{font-size:12px;color:#9ab6bb}.account-controls{margin:18px 0;padding:18px;border:1px solid #8cbfc32b;border-radius:12px;line-height:1.6}.account-controls input{max-width:160px;min-height:44px;background:#08212a;color:#edf7f4;border:1px solid #8cbfc347;border-radius:6px;padding:8px;font:inherit}.account-controls code{overflow-wrap:anywhere;font-size:12px}.account-controls p{font-size:13px}.account-controls a{color:#b3dbcd}.account-controls[hidden],#limit-controls[hidden]{display:none}.balance{color:inherit}.balance #in-play{font-weight:inherit}@media(max-width:540px){.mode-bar{align-items:flex-start;flex-direction:column;gap:4px}.mode-bar p{margin:4px 0}.account-controls button{margin:4px 0;width:100%}.account-controls label{display:flex;gap:8px;align-items:center;flex-wrap:wrap}}

/* Financial balances remain visible at every supported viewport. */
body[data-ui=swim-out] .heading .balance{display:grid}
.room li,.history li{display:block;overflow-wrap:anywhere}
@media(max-width:540px){body[data-ui=swim-out] .heading{flex-wrap:wrap;gap:12px}body[data-ui=swim-out] .heading .balance{width:100%;text-align:left;padding:0;grid-template-columns:auto 1fr;align-items:center;gap:4px 12px}body[data-ui=swim-out] .heading .balance>span:last-child{grid-column:1/-1}}

/* The saved exit remains readable without fonts, images, or the game server. */
.exit-page{margin:0;background:#091e27;color:#d8ebe7;font:16px/1.6 system-ui,sans-serif;color-scheme:dark}
.exit-page main{max-width:52rem;margin:2rem auto;padding:1.25rem}
.exit-page h1,.exit-page h2{line-height:1.15;letter-spacing:-.03em;color:#f1ebd8}
.exit-page h1{font-size:clamp(2rem,6vw,3rem)}
.exit-page h2{margin-top:2rem}
.exit-page a{color:#b6e4d9;text-underline-offset:.2em}
.exit-page button,.exit-page input{font:inherit;border:1px solid #45616a;border-radius:6px;padding:.6rem .85rem;min-height:44px;max-width:100%;box-sizing:border-box;background:#12323c;color:inherit}
.exit-page button{cursor:pointer;margin:.2rem .35rem .2rem 0}
.exit-page button:disabled{opacity:.48;cursor:default}
.exit-page label{display:block;margin-bottom:.65rem}
.exit-page input{display:block;width:12rem}
.exit-page pre{padding:1rem;background:#061820;border:1px solid #294751;border-radius:8px;font-size:.8rem}
.exit-page code{overflow-wrap:anywhere}
.exit-page :focus-visible{outline:2px solid #e9cc86;outline-offset:3px}