/* NetFable / branching stories. Shared by the reader and every generated page.
   Keep text and surface pairs together: accent text is not the button fill. */
:root{
  --wordmark-ink:#FFFFFF;--bg:#171715;--bg2:#201F1C;--raise:#2A2824;--sunk:#34312B;
  --line:rgba(245,242,235,.16);
  --ink:#F5F2EB;--ink2:#C5BEB3;--ink3:#ABA296;
  --brand:#FA642B;--accent:#FA642B;--accent-ink:#241F1B;--accent-strong:#FA642B;--accent-hover:#FF7A45;
  --danger:#FF9A9F;--free:#8BD9AD;--gold:#E4C576;--discord:#5865F2;
  --cta-bg:var(--brand);--cta-ink:#241F1B;--wash:rgba(250,100,43,.08);
  --nav-fade:rgba(23,23,21,.94);--mate-bg:#2D2A25;--you-bg:#442C21;
  --sans:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --display:var(--sans);
  --reading:"Source Serif 4",Georgia,"Times New Roman",serif;
}
@media(prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --wordmark-ink:#241F1B;--bg:#F7F5F0;--bg2:#FFFEFB;--raise:#EEEBE5;--sunk:#E5E1D9;
  --line:rgba(39,35,31,.17);
  --ink:#27231F;--ink2:#625B53;--ink3:#71695F;
  --accent:#B63E12;--accent-ink:#FFFFFF;--accent-strong:#B63E12;--accent-hover:#FF7A45;
  --danger:#AD2336;--free:#287448;--gold:#806114;
  --wash:rgba(250,100,43,.055);--nav-fade:rgba(247,245,240,.95);
  --mate-bg:#EEEAE2;--you-bg:#FBE5DA;
}}
:root[data-theme="light"]{
  --wordmark-ink:#241F1B;--bg:#F7F5F0;--bg2:#FFFEFB;--raise:#EEEBE5;--sunk:#E5E1D9;
  --line:rgba(39,35,31,.17);
  --ink:#27231F;--ink2:#625B53;--ink3:#71695F;
  --accent:#B63E12;--accent-ink:#FFFFFF;--accent-strong:#B63E12;--accent-hover:#FF7A45;
  --danger:#AD2336;--free:#287448;--gold:#806114;
  --wash:rgba(250,100,43,.055);--nav-fade:rgba(247,245,240,.95);
  --mate-bg:#EEEAE2;--you-bg:#FBE5DA;
}
html{font-optical-sizing:auto;text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{font-family:var(--sans);font-kerning:normal}
input,textarea,select,button{font-family:inherit}
/* Direct source wordmark layers share one crop. The original letter pixels are
   retained; the text alpha mask follows the existing light/dark surface contrast. */
.wordmark,.foot-wordmark{
  --wordmark-h:34px;position:relative;display:inline-block;flex:0 0 auto;
  width:calc(var(--wordmark-h)*4);height:var(--wordmark-h);min-height:44px;vertical-align:middle;
  font-size:0!important;line-height:0;color:var(--ink);text-transform:lowercase;text-decoration:none;
}
.wordmark::before,.foot-wordmark::before,.wordmark::after,.foot-wordmark::after{
  content:"";position:absolute;inset:0;width:100%;height:100%;
}
.wordmark::before,.foot-wordmark::before{background:url('/brand/wordmark-symbol-v6.svg') center/contain no-repeat;}
.wordmark::after,.foot-wordmark::after{
  background:var(--wordmark-ink);mask:url('/brand/wordmark-text-v6.png') center/contain no-repeat;
  -webkit-mask:url('/brand/wordmark-text-v6.png') center/contain no-repeat;
}
.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:4px}
.foot-wordmark{--wordmark-h:30px;}
@media(max-width:560px){.nav .wordmark,.shell-nav .wordmark{--wordmark-h:26px;}}
@media(forced-colors:active){
  .wordmark::after,.foot-wordmark::after{background:CanvasText;}
  .wordmark::before,.foot-wordmark::before{background:CanvasText;mask:url('/brand/wordmark-symbol-v6.svg') center/contain no-repeat;-webkit-mask:url('/brand/wordmark-symbol-v6.svg') center/contain no-repeat;}
}