@font-face{font-family:Fraunces;font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/fraunces-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Fraunces;font-style:normal;font-weight:300 900;font-display:swap;src:url(fonts/fraunces-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(fonts/source-serif-4-normal-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:normal;font-weight:200 900;font-display:swap;src:url(fonts/source-serif-4-normal-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(fonts/source-serif-4-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Source Serif 4";font-style:italic;font-weight:200 900;font-display:swap;src:url(fonts/source-serif-4-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibmplexsans-normal-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/ibmplexsans-normal-500-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibmplexsans-normal-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"IBM Plex Sans";font-style:normal;font-weight:600;font-display:swap;src:url(fonts/ibmplexsans-normal-600-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

/* Unde e centrul Europei: tokens */
:root,html[data-theme="dark"]{
  --bg:#0c1220;--panel:#121a2b;--panel-2:#1a2438;--ink:#f3eee3;--ink-2:#ddd6c8;--muted:#b9b2a3;
  --line:#2b3549;--line-soft:#1a2335;--accent:#e6b45a;--focus:#ffd58a;
  --sea:#0d1626;--card:#e9e1cf;--card-edge:#f8f2e4;--card-shadow:rgba(0,0,0,.55);--off:#1b2436;--off-ln:#3a4660;--ctx:#141d2e;--ctx-ln:#1c2740;
  --edge:#e98a5a;--edge-2:#79b8ff;--river:#4b6f9e;--lake:#16243c;--lb:#8a7f6b;--town:#2a2418;--town-lab:#2a2418;
  --brass:#e2ae4f;--brass-2:#9a6a1e;--cloud:#c0392b;--cloud-flat:#3d7bd4;--ign:#2fb784;
  --serif:"Source Serif 4",Georgia,serif;--display:Fraunces,"Source Serif 4",Georgia,serif;--sans:"IBM Plex Sans",system-ui,sans-serif;color-scheme:dark}
html[data-theme="light"]{
  --bg:#f5f0e6;--panel:#fffdf8;--panel-2:#ece5d7;--ink:#17140e;--ink-2:#2c271f;--muted:#4d463a;
  --line:#cbc1ae;--line-soft:#e4dccd;--accent:#743203;--focus:#1a56b0;
  --sea:#dfe6ea;--card:#fbf7ee;--card-edge:#ffffff;--card-shadow:rgba(60,45,20,.28);--off:#e7e1d4;--off-ln:#bdb3a0;--ctx:#ebe5d9;--ctx-ln:#d8d0c0;
  --edge:#c4561c;--edge-2:#1f6fc9;--river:#7aa0c8;--lake:#c9d8e3;--lb:#7b705c;--town:#2a2418;--town-lab:#2a2418;
  --brass:#c48a1c;--brass-2:#6e4a0c;--cloud:#b02a1d;--cloud-flat:#1f5fbf;--ign:#0d8a5c;color-scheme:light}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){--bg:#f5f0e6;--panel:#fffdf8;--panel-2:#ece5d7;--ink:#17140e;--ink-2:#2c271f;--muted:#4d463a;--line:#cbc1ae;--line-soft:#e4dccd;--accent:#743203;--focus:#1a56b0;--sea:#dfe6ea;--card:#fbf7ee;--card-edge:#ffffff;--card-shadow:rgba(60,45,20,.28);--off:#e7e1d4;--off-ln:#bdb3a0;--ctx:#ebe5d9;--ctx-ln:#d8d0c0;--edge:#c4561c;--edge-2:#1f6fc9;--river:#7aa0c8;--lake:#c9d8e3;--lb:#7b705c;--town:#2a2418;--town-lab:#2a2418;--brass:#c48a1c;--brass-2:#6e4a0c;--cloud:#b02a1d;--cloud-flat:#1f5fbf;--ign:#0d8a5c;color-scheme:light}}
*{box-sizing:border-box}
[hidden]{display:none!important}
svg[hidden]{display:none}
html{background:var(--bg);-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.06rem/1.62 var(--serif);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--accent)}
:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0}.skip:focus{left:12px;top:8px;z-index:50;background:var(--panel);padding:8px 12px;border-radius:8px}
.topbar{position:fixed;top:0;left:0;right:0;z-index:30;height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;font:500 .86rem/1 var(--sans);background:var(--bg);border-bottom:1px solid var(--line-soft)}
.topbar .brand{color:var(--ink);text-decoration:none;display:flex;align-items:center;gap:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.brand-mark{width:20px;height:20px;flex:none}
.topnav{display:flex;gap:2px;margin-left:10px}
.topnav a{color:var(--muted);text-decoration:none;padding:6px 7px;border-radius:6px;white-space:nowrap}
.topnav a:hover{color:var(--ink)}
.topbar .spacer{flex:1}
.topbar .chip{color:var(--muted);text-decoration:none;border:1px solid var(--line);border-radius:99px;padding:5px 9px}
.topbar .chip[aria-current]{color:var(--ink);border-color:var(--muted)}
.icon-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--ink);display:grid;place-items:center;cursor:pointer;flex:none}
@media (max-width:1180px){.topnav{display:none}}
main{padding-top:44px}

/* ---------- layout: text column + sticky stage ---------- */
.story{display:grid;grid-template-columns:minmax(0,34rem) minmax(0,1fr);gap:0 28px;max-width:1500px;margin:0 auto;padding:0 20px}
.textcol{grid-column:1;grid-row:1;padding-bottom:30vh}
.stagecol{grid-column:2;grid-row:1}
.stage{position:sticky;top:52px;height:calc(var(--vh,1vh)*100 - 64px);border-radius:14px;overflow:hidden;background:var(--sea);perspective:1600px}
.stage .tiltbox{position:absolute;inset:0;transform-origin:50% 50%}
#map{width:100%;height:100%;display:block;touch-action:pan-y}
@media (max-width:900px){
  .story{display:block;padding:0}
  .stagecol{position:sticky;top:44px;z-index:5;height:42svh;margin:0}
  .stage{position:relative;top:0;height:42svh;border-radius:0}
  .textcol{padding:0 16px 24vh}
}
.hero{padding:34px 0 10px}
h1{font:600 clamp(1.8rem,3.2vw,2.75rem)/1.08 var(--display);letter-spacing:-.012em;margin:0 0 16px;text-wrap:balance}
h2{font:600 1.45rem/1.2 var(--display);margin:0 0 12px;scroll-margin-top:60px;text-wrap:balance}
h3{font:600 1.04rem/1.3 var(--sans);margin:0 0 6px}
.anchor{margin-left:8px;color:var(--muted);text-decoration:none;font-size:.75em;opacity:0}
h2:hover .anchor,.anchor:focus{opacity:1}
@media (hover:none){.anchor{opacity:.55}}
.kicker{font:600 .76rem/1.3 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 10px}
.deck{font-size:1.14rem;line-height:1.55;color:var(--ink-2);margin:0 0 12px}
.note{font:500 .92rem/1.5 var(--sans);color:var(--muted)}
.step{padding:30px 0 14px;border-top:1px solid var(--line-soft);min-height:62vh;scroll-margin-top:60px}
.step:first-of-type{border-top:0}
.step p{margin:0 0 .9em}
.step.free{min-height:0}
@media (max-width:900px){.step{min-height:52svh}}
.num{font-variant-numeric:tabular-nums}
.big{font:600 1.08rem/1.45 var(--sans);color:var(--ink)}

/* ---------- map ink ---------- */
.sea{fill:var(--sea)}
.ctx{fill:var(--ctx);stroke:var(--ctx-ln);stroke-width:.8;vector-effect:non-scaling-stroke}
.pc{fill:var(--card);stroke:var(--card-edge);stroke-width:.7;vector-effect:non-scaling-stroke;cursor:pointer;transition:fill .35s,opacity .35s;filter:drop-shadow(0 calc(2px) 2px var(--card-shadow))}
.pc:hover{fill:var(--card-edge)}
.pc.off{fill:url(#hatch);stroke:var(--off-ln);filter:none}
.hatch-ln{stroke:var(--off-ln);stroke-width:1.2}
html.ready .pc{filter:none}
.edge{fill:none;stroke:var(--edge);stroke-width:1.6;stroke-dasharray:5 4;vector-effect:non-scaling-stroke;opacity:.85}
.edge[data-edge=ural_emba]{stroke:var(--edge-2)}
.edge[data-edge=kuma_manych]{stroke:var(--edge-2)}
.lake{fill:var(--lake);stroke:var(--river);stroke-width:.5;vector-effect:non-scaling-stroke}
.river{fill:none;stroke:var(--river);stroke-width:.9;vector-effect:non-scaling-stroke}
.lb{fill:none;stroke:var(--lb);stroke-width:1;stroke-dasharray:4 2.5;vector-effect:non-scaling-stroke}
.loupe,.towns{pointer-events:none;transition:opacity .3s}
.tdot{fill:var(--town)}
.tlab{font:500 10.5px/1 var(--sans);fill:var(--town-lab);paint-order:stroke;stroke:var(--card);stroke-width:3px;stroke-linejoin:round}
.town:not(.big) .tlab{font-size:9.5px;opacity:0}.towns.near .town .tlab{opacity:1}
.mlab{opacity:0;transition:opacity .3s}#mons.zoomed .mlab,.mon.hl .mlab{opacity:1}
.cloud{fill:none;stroke:var(--cloud);stroke-width:3.2;stroke-linecap:round;vector-effect:non-scaling-stroke;opacity:0;transition:opacity .4s;pointer-events:none}
.cloud.flat{stroke:var(--cloud-flat)}
html.show-cloud .cloud:not(.flat){opacity:.55}
html.show-short.show-cloud .cloud.flat{opacity:.5}
.ghost{opacity:0;transition:opacity .4s;pointer-events:none}
html.show-short .ghost{opacity:1}
.gring{fill:none;stroke:var(--cloud-flat);stroke-width:1.6}
.ghost.ext .gring{stroke:var(--edge)}
.gx{stroke:var(--ink);stroke-width:1}
.glab{font:600 11px/1 var(--sans);fill:var(--ink);paint-order:stroke;stroke:var(--sea);stroke-width:3.5px;stroke-linejoin:round}
.pin{pointer-events:none}
.pin-shadow{fill:rgba(0,0,0,.35)}
.pin-needle{stroke:var(--ink);stroke-width:1.8;stroke-linecap:round}
html[data-theme=light] .pin-needle{stroke:#3b3326}
.pin-head{fill:var(--brass);stroke:var(--brass-2);stroke-width:1.4}
.pin-shine{fill:#fff6dc;opacity:.8}
.mon{cursor:pointer;opacity:0;transition:opacity .4s}
html.show-mons .mon{opacity:1}
.obelisk{fill:var(--ink-2);stroke:var(--sea);stroke-width:1}
html[data-theme=light] .obelisk{fill:#3d3428;stroke:#fffdf8}
.mon.hl .obelisk{fill:var(--accent)}
.mlab{font:600 11.5px/1 var(--sans);fill:var(--ink);paint-order:stroke;stroke:var(--sea);stroke-width:3.5px;stroke-linejoin:round}
.mon:focus{outline:none}.mon:focus .obelisk{stroke:var(--focus);stroke-width:2}
.trl{stroke:var(--brass);stroke-width:1.6;stroke-dasharray:3 3;vector-effect:non-scaling-stroke;transition:opacity .9s}
.trt{font:600 11px/1 var(--sans);fill:var(--brass);paint-order:stroke;stroke:var(--sea);stroke-width:3px;transition:opacity .9s}
.fade{opacity:0}
.eupath{fill:none;stroke:var(--ign);stroke-width:1.4;stroke-dasharray:2 3;vector-effect:non-scaling-stroke}
.ignsq{fill:none;stroke:var(--ign);stroke-width:2}
.minedot{fill:var(--brass)}
.eulab{font:600 10.5px/1 var(--sans);fill:var(--ink);paint-order:stroke;stroke:var(--sea);stroke-width:3px}
.euo.future{opacity:.0}
.euo.past{opacity:.45}
.euo.now .ignsq{stroke-width:3}
.eulab{opacity:0}.euo.now .eulab{opacity:1}
.euo.mine.now{display:block}
.euo.mine{display:none}
html:not(.show-eu) .euo{display:none}

/* ---------- stage furniture ---------- */
.readout{position:absolute;left:12px;bottom:12px;right:12px;max-width:27rem;background:color-mix(in srgb,var(--panel) 92%,transparent);border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:500 .86rem/1.4 var(--sans);color:var(--ink-2);pointer-events:none}
.readout [data-r=place]{display:block;font:600 .98rem/1.3 var(--sans);color:var(--ink)}
.readout .sub{color:var(--muted)}
@media (max-width:900px){.readout{left:8px;right:auto;bottom:8px;padding:6px 9px;font-size:.76rem;max-width:calc(100% - 16px)}.readout [data-r=place]{font-size:.84rem}.readout [data-r=area]{display:none}}
.tip{position:absolute;z-index:4;pointer-events:none;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:5px 8px;font:500 .8rem/1.3 var(--sans);max-width:20rem}
.pop{position:absolute;z-index:6;width:min(20rem,calc(100% - 16px));background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:12px 14px;font:400 .9rem/1.45 var(--sans);box-shadow:0 10px 30px rgba(0,0,0,.35)}
.pop h3{margin:0 0 4px}.pop p{margin:0 0 6px}.pop .pmeta,.pop .pnow{color:var(--muted);font-size:.82rem}.pop .pmore{font-weight:600}
.stagefail{position:absolute;inset:auto 12px 12px 12px;background:var(--panel);padding:10px;border-radius:10px;font:500 .9rem var(--sans)}
.legend{position:absolute;top:10px;right:10px;display:flex;flex-wrap:wrap;gap:4px 10px;justify-content:flex-end;max-width:60%;font:500 .74rem/1.2 var(--sans);color:var(--muted);pointer-events:none}
.legend span{display:inline-flex;align-items:center;gap:5px;background:color-mix(in srgb,var(--panel) 85%,transparent);padding:3px 7px;border-radius:99px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:50%}
.lg-pin i{background:var(--brass)}.lg-cloud i{background:var(--cloud)}.lg-flat i{background:var(--cloud-flat)}.lg-ign i{border:2px solid var(--ign);border-radius:1px;transform:rotate(45deg);width:8px;height:8px}
html:not(.show-cloud) .lg-cloud,html:not(.show-short) .lg-flat,html:not(.show-eu) .lg-ign{display:none}
@media (max-width:900px){.legend{display:none}}

/* ---------- controls ---------- */
.defs{border:1px solid var(--line);border-radius:14px;padding:14px;background:var(--panel);font:500 .9rem/1.4 var(--sans);margin:14px 0}
.defs fieldset{border:0;margin:0 0 12px;padding:0}
.defs legend{font-weight:600;color:var(--ink);margin-bottom:6px;padding:0}
.opts{display:flex;flex-wrap:wrap;gap:6px}
.opt{position:relative}
.opt input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}
.opt span{display:inline-flex;align-items:center;min-height:38px;padding:6px 12px;border:1px solid var(--line);border-radius:99px;color:var(--ink-2);background:transparent}
.opt input:checked+span{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.opt input:focus-visible+span{outline:2px solid var(--focus);outline-offset:2px}
.offlist{color:var(--muted);font-size:.84rem;margin:6px 0 0}
.btn{font:600 .9rem/1 var(--sans);min-height:40px;padding:10px 14px;border-radius:99px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer}
.btn:hover{border-color:var(--muted)}
.btn.primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}
.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.search{position:relative;max-width:26rem}
.search input{width:100%;min-height:44px;font:500 1rem var(--sans);padding:10px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}
.sugg{position:absolute;left:0;right:0;top:100%;z-index:8;list-style:none;margin:4px 0 0;padding:4px;background:var(--panel);border:1px solid var(--line);border-radius:10px;max-height:16rem;overflow:auto}
.sugg li{padding:8px 10px;border-radius:6px;cursor:pointer;font:500 .92rem var(--sans)}
.sugg li:hover{background:var(--panel-2)}
.homeres{margin-top:12px;border-left:3px solid var(--brass);padding:4px 0 4px 12px}
.homeres [data-h=head]{font:600 1.02rem/1.4 var(--sans)}
.eubox{margin:14px 0;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel);font:500 .88rem/1.4 var(--sans)}
.eubox input[type=range]{width:100%;accent-color:var(--accent)}
#eulab{margin:8px 0 0;min-height:2.8em}
table.t{width:100%;border-collapse:collapse;font:500 .84rem/1.35 var(--sans);margin:10px 0 16px}
table.t th,table.t td{text-align:left;padding:6px 6px;border-bottom:1px solid var(--line-soft);vertical-align:top}
table.t td.n,table.t th.n{text-align:right;font-variant-numeric:tabular-nums}table.t td.n{white-space:nowrap}
.tw{max-width:100%;overflow-x:auto}
.mons-list{list-style:none;padding:0;margin:12px 0}
.mons-list li{padding:14px 0;border-top:1px solid var(--line-soft)}
.mons-list figure{margin:8px 0}
.mons-list img{width:100%;height:auto;max-height:260px;object-fit:cover;border-radius:10px;display:block;background:var(--panel-2)}
figcaption{font:500 .76rem/1.4 var(--sans);color:var(--muted);margin-top:4px}
.verdict{font:600 .92rem/1.45 var(--sans);color:var(--ink)}
.share-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:10px 0}
.share-row .lab{font:500 .84rem var(--sans);color:var(--muted)}
.sbtn{width:40px;height:40px;border-radius:50%;border:1px solid var(--line-soft);display:inline-grid;place-items:center;color:var(--ink);background:transparent;cursor:pointer;text-decoration:none}
.sbtn:hover,.sbtn:focus-visible{border-color:var(--accent);color:var(--accent)}
@media (pointer:coarse){.sbtn{width:44px;height:44px}}
.method p,.method li{font-size:.97rem}
.sources{font:500 .86rem/1.45 var(--sans);padding-left:1.2em}
.site-footer{display:flex;gap:16px;flex-wrap:wrap;font:500 .84rem var(--sans);color:var(--muted);padding:30px 0 40px;border-top:1px solid var(--line-soft);margin-top:30px}
.site-footer a{color:var(--muted)}
.rail{position:fixed;right:10px;top:50%;transform:translateY(-50%);z-index:20;display:flex;flex-direction:column;gap:9px;opacity:0;transition:opacity .4s}
html.past-hero .rail{opacity:1}
.rail a{position:relative;display:block;width:8px;height:8px;border-radius:50%;background:var(--line);}
.rail a[aria-current]{background:var(--accent)}
.rail a span{position:absolute;right:16px;top:50%;transform:translateY(-50%);white-space:nowrap;font:500 .76rem var(--sans);background:var(--panel);padding:3px 7px;border-radius:6px;opacity:0;pointer-events:none;color:var(--ink)}
.rail a:hover span,.rail a:focus span{opacity:1}
@media (max-width:1240px){.rail{display:none}}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.stagecol,.topbar,.rail{display:none}.story{display:block}}

/* phone keyboard open: the map gives up most of its room so the field stays visible under it */
@media (max-width:900px){html.typing .stagecol,html.typing .stage{height:16svh}html.typing .readout,html.typing .mapreset{display:none}}
.mapreset{position:absolute;top:10px;left:10px;z-index:5;background:var(--panel);font-size:.84rem;min-height:36px;padding:8px 12px}
@media (max-width:900px){.mapreset{top:6px;left:6px;min-height:34px;padding:6px 10px}}