@font-face{
  font-family:Tavern;
  src:url("art/ruslan.ca4a24faaf3a.woff") format('woff');
  font-display:swap}

:root{
  --ink:#392d21;
  --muted:#75634c;
  --red:#863b2c;
  --gold:#e6c78f;
  --paper:#eddfbc;
  --line:#b9a17a;
  --display:Tavern,Georgia,serif}

*{
  box-sizing:border-box}
html{
  scroll-behavior:smooth;
  scroll-padding-top:20px}
body{
  margin:0;
  background:#241c16;
  color:var(--ink);
  font:16px/1.6 Georgia,'Times New Roman',serif}
a{
  color:inherit;
  text-decoration-thickness:1px;
  text-underline-offset:4px}
a:hover{
  color:var(--red)}
button,input,select,textarea{
  font:inherit}
button,a,input,select,textarea,summary{
  -webkit-tap-highlight-color:transparent}
button{
  cursor:pointer}
button:disabled{
  opacity:.6;
  cursor:wait}
:focus-visible{
  outline:3px solid #ab6a32;
  outline-offset:5px}
h1,h2,h3,p{
  margin-top:0}
h1,h2,h3{
  font-weight:400;
  line-height:1.15}
h2{
  font-family:var(--display);
  font-size:36px;
  margin-bottom:16px}
h3{
  font-size:24px;
  margin-bottom:12px}
p{
  margin-bottom:18px}
small,.muted{
  color:var(--muted)}
.tavern-shell{
  max-width:1600px;
  margin:auto;
  overflow:hidden;
  background:repeating-linear-gradient(90deg,#3b2c20 0,#4a3626 3px,#37271d 5px,#493427 9px);
  box-shadow:0 0 60px #0008}
.skip{
  position:absolute;
  left:16px;
  top:-70px;
  z-index:20;
  background:var(--paper);
  padding:8px 14px}
.skip:focus{
  top:12px}
.hero{
  height:500px;
  position:relative;
  isolation:isolate;
  background:linear-gradient(90deg,#160e09a8 0,#190f0644 49%,#2011071c 100%),url("art/tavern.b7e625c3f8a8.webp") center 54%/cover;
  overflow:hidden}
.topbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:26px 5.2%;
  position:relative;
  z-index:5;
  gap:22px;
  color:#eeddbb}
.wordmark{
  font-family:var(--display);
  text-decoration:none;
  letter-spacing:1.5px;
  font-size:28px;
  line-height:1.1;
  color:#f2d7a3}
.wordmark span{
  display:block;
  font-family:Georgia,serif;
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-top:7px;
  color:#d2bb95}
.account-bar{
  display:flex;
  align-items:center;
  gap:20px;
  font-size:14px}
.account-bar form{
  display:flex;
  margin:0}
.hero-pill{
  border:1px solid #aa8551;
  padding:8px 16px;
  background:#251b15bd;
  box-shadow:inset 0 0 10px #0004;
  text-decoration:none}
.hero-pill small{
  color:#ccb58c}
.top-link{
  color:#ecddbe;
  background:none;
  border:0;
  padding:0;
  text-decoration:none;
  font-size:14px}
.hero a:hover,.hero button:hover{
  color:#fff2d2}
.hero-copy{
  position:relative;
  z-index:2;
  margin:34px 0 0 7%;
  max-width:520px}
.eyebrow{
  font:10px/1.5 Arial,sans-serif;
  font-weight:700;
  letter-spacing:2px;
  color:#826b48;
  margin-bottom:12px;
  text-transform:uppercase}
.hero-copy .eyebrow{
  color:#dab776;
  font-size:10px}
.hero .hero-title{
  font-family:var(--display);
  font-size:64px;
  line-height:.98;
  letter-spacing:.3px;
  color:#f0d397;
  text-shadow:1px 3px 1px #24130b,0 3px 20px #0007;
  margin-bottom:18px}
.hero-tagline{
  color:#eddbb8;
  font-size:17px;
  line-height:1.55;
  text-shadow:0 2px 5px #000}
.barkeep{
  position:absolute;
  z-index:1;
  width:37%;
  height:auto;
  max-height:390px;
  object-fit:contain;
  bottom:14px;
  right:7%;
  filter:drop-shadow(8px 8px 12px #0005)}
.keeper-says{
  position:absolute;
  right:9%;
  bottom:34px;
  color:#dfc396;
  font-size:18px;
  font-style:italic;
  z-index:4;
  transform:rotate(-4deg)}
.counter{
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(90deg,#160e0944,#190f0611),url("art/tavern.b7e625c3f8a8.webp") center 54%/cover;
  clip-path:inset(79% 0 0);
  filter:brightness(.83)}
.ink-button{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  background:var(--red);
  border:1px solid #6d3023;
  color:#fff0cf;
  box-shadow:inset 0 0 0 2px #ffffff0b,1px 2px 0 #4b30232c;
  padding:10px 19px;
  text-decoration:none;
  font-family:Georgia,serif;
  font-size:14px;
  line-height:1.45;
  min-height:43px;
  transition:background .15s,transform .15s}
.ink-button:hover{
  background:#693023;
  color:#fff3db;
  transform:translateY(-1px)}
.ink-button span{
  font-size:18px}
.hero-cta{
  margin-top:1px;
  position:relative;
  z-index:4;
  border-color:#b27a47;
  background:#813d2a}
.secondary{
  background:transparent;
  color:var(--red);
  border-color:#9e7150;
  box-shadow:none}
.secondary:hover{
  background:#e2cda2;
  color:#6c3023}
.wood-nav{
  display:flex;
  gap:13px;
  justify-content:center;
  position:relative;
  padding:8px 5% 20px;
  margin-top:-7px;
  z-index:6;
  background:linear-gradient(#362417a6,#34271900)}
.wood-nav a{
  display:flex;
  align-items:center;
  justify-content:center;
  width:20%;
  min-height:63px;
  padding:10px 18px 13px;
  background:url("art/worn-oak.7e70de6e1b62.svg") center/100% 100% no-repeat;
  color:#d2ba90;
  text-decoration:none;
  font-family:var(--display);
  font-size:19px;
  line-height:1.1;
  text-shadow:0 2px 0 #20140c;
  transform:rotate(-1deg);
  filter:drop-shadow(0 4px 2px #0005);
  text-align:center}
.wood-nav a:nth-child(even){
  transform:rotate(1deg)}
.wood-nav a[aria-current],.wood-nav a:hover{
  color:#ffdf99;
  filter:drop-shadow(0 5px 3px #0008) brightness(1.15)}
.parchment{
  position:relative;
  margin:4px 3% 0;
  padding:46px 5% 65px;
  background:radial-gradient(ellipse at 15% 10%,#fff9df90,transparent 60%),radial-gradient(ellipse at 85% 90%,#b1863b27,transparent 65%),repeating-linear-gradient(90deg,#ba9a5f05 0 1px,transparent 1px 3px),var(--paper);
  box-shadow:0 0 0 1px #5d3d1d,0 3px 16px #0005,inset 0 0 45px #76511921;
  min-height:500px}
.parchment:before{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  border:1px solid #ac905d60;
  margin:8px}
.season-heading{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px}
.season-heading h2{
  font-size:43px;
  margin-bottom:12px}
.season-heading p:last-child{
  color:#725c3e;
  max-width:650px;
  margin-bottom:0}
.league-stamp{
  flex-shrink:0;
  width:104px;
  height:104px;
  border:2px solid #8c4c3a9c;
  outline:1px solid #8c4c3a66;
  outline-offset:5px;
  border-radius:50%;
  color:#8c4c3aab;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  transform:rotate(12deg);
  font:10px Arial,sans-serif;
  letter-spacing:2px}
.league-stamp span{
  font:40px/1.1 var(--display);
  letter-spacing:0}
.season-switch{
  display:flex;
  align-items:center;
  gap:15px;
  flex-wrap:wrap;
  margin:24px 0 20px;
  font-size:12px;
  color:var(--muted)}
.season-switch a{
  text-decoration:none}
.season-switch a[aria-current]{
  color:var(--red);
  text-decoration:underline}
.archive-note{
  padding:9px 14px;
  border:1px dashed #a58b60;
  font-size:14px}
.act-line{
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  font-size:13px;
  padding:11px 0;
  margin-top:23px;
  color:#756140}
.act-line span{
  font-style:italic}
.act-line a{
  text-decoration:none;
  font-size:12px}
.section-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  margin-top:37px;
  margin-bottom:21px}
.section-heading h2{
  margin:0}
.section-heading .eyebrow{
  margin-bottom:8px}
.handwritten{
  font-style:italic;
  transform:rotate(-4deg);
  font-size:17px;
  line-height:1.4;
  color:#90744b;
  margin:0 15px 0 0}
.filters{
  display:flex;
  gap:24px;
  border-bottom:1px solid #bba47f;
  padding:0 0 11px;
  margin-bottom:30px;
  flex-wrap:wrap;
  font-size:13px}
.filters a{
  color:#887253;
  text-decoration:none}
.filters a[aria-current]{
  color:var(--red);
  font-weight:bold;
  border-bottom:2px solid var(--red);
  padding-bottom:12px;
  margin-bottom:-13px}
.notice-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
  align-items:stretch}
.notice{
  position:relative;
  background:linear-gradient(120deg,#fff6dc,#efdfba);
  padding:30px 23px 24px;
  box-shadow:1px 4px 8px #68432124,inset 0 0 24px #b8934b16;
  transform:rotate(-1deg);
  display:flex;
  flex-direction:column;
  border:1px solid #c7af8266;
  min-height:440px}
.notice:after{
  content:'';
  position:absolute;
  right:0;
  bottom:0;
  border-top:17px solid #d6bd8c;
  border-right:17px solid var(--paper);
  filter:drop-shadow(-1px -1px 1px #78572c1c)}
.notice:nth-child(3n+2){
  transform:rotate(1.1deg);
  background:linear-gradient(120deg,#f4e7c9,#e8d6ac)}
.notice:nth-child(3n){
  transform:rotate(-.4deg)}
.pin{
  position:absolute;
  top:9px;
  left:50%;
  width:8px;
  height:8px;
  background:radial-gradient(at 35% 30%,#d3b783,#5b4028 70%);
  border-radius:50%;
  box-shadow:1px 2px 2px #34271877}
.notice-meta{
  display:flex;
  justify-content:space-between;
  gap:8px;
  font:8px Arial,sans-serif;
  letter-spacing:1px;
  color:#86613b}
.notice-meta span:first-child{
  color:var(--red);
  max-width:65%}
.notice-symbol{
  font:42px/1 Georgia,serif;
  align-self:center;
  margin:23px 0 12px;
  color:#80663b}
.genre{
  font-size:11px;
  font-style:italic;
  text-align:center;
  color:#8b7149;
  margin-bottom:7px}
.notice h3{
  font-family:var(--display);
  font-size:25px;
  text-align:center;
  margin-bottom:16px}
.hook{
  font-size:14px;
  line-height:1.6;
  color:#6d573a;
  flex-grow:1}
.notice-date{
  font-size:13px;
  padding-top:13px;
  border-top:1px solid #b49b704d;
  line-height:1.6;
  margin-top:0}
.notice-date small{
  display:block;
  font-size:11px;
  color:#92794f;
  margin:2px 0 14px}
.notice .ink-button{
  width:100%;
  margin-top:auto}
.deadline{
  color:#8b4c30;
  font-size:12px;
  font-style:italic;
  margin:0 0 14px}
.locked-label{
  border-top:1px dashed #b6a17d;
  padding:10px 0;
  color:#85765c;
  text-align:center;
  font-style:italic}
.notice-locked{
  opacity:.75}
.home-bottom{
  display:grid;
  grid-template-columns:1.55fr 1fr;
  gap:46px;
  border-top:1px solid #ae906575;
  margin-top:49px;
  padding-top:0}
.world-news .section-heading{
  margin-top:31px}
.world-news h2{
  font-size:27px}
.small-ink{
  font:8px Arial,sans-serif;
  letter-spacing:2px;
  color:#9c7c50}
.news-row{
  display:flex;
  align-items:start;
  gap:18px;
  text-decoration:none;
  padding:18px 0;
  border-bottom:1px solid #bca57e66}
.news-row time,.schedule-row time,.game-row time{
  font:29px/1 var(--display);
  color:#8b6d47;
  min-width:36px;
  text-align:center;
  margin-top:4px}
.news-row time small,.schedule-row time small,.game-row time small{
  display:block;
  font:11px Georgia,serif;
  color:#9a7d57;
  margin-top:6px}
.news-row .eyebrow{
  font-size:8px;
  margin-bottom:5px;
  letter-spacing:1px}
.news-row h3{
  font-size:18px;
  margin:0 0 6px}
.news-row p{
  font-size:12px;
  line-height:1.6;
  color:#887253;
  margin:0}
.news-row>span{
  margin-left:auto;
  color:#9a7850}
.text-link{
  font-size:13px;
  color:var(--red);
  text-decoration:none;
  display:inline-block}
.world-news>.text-link{
  margin-top:20px}
.sealed-letter{
  margin-top:39px;
  position:relative;
  background:linear-gradient(120deg,#f7eacb,#e7d0a5);
  border:1px solid #b3946744;
  box-shadow:2px 3px 6px #68432124;
  padding:27px 29px;
  transform:rotate(1.6deg);
  text-align:center}
.sealed-letter:before{
  content:'';
  position:absolute;
  left:10px;
  top:10px;
  right:10px;
  bottom:10px;
  border:1px solid #a8885944;
  pointer-events:none}
.sealed-letter h2{
  font-size:28px;
  margin-bottom:17px}
.sealed-letter p:not(.eyebrow){
  font-size:13px;
  line-height:1.7;
  margin-bottom:14px;
  color:#806343}
.wax-seal{
  border-radius:50%;
  background:radial-gradient(circle at 35% 25%,#aa5341,#773126 75%);
  width:68px;
  height:68px;
  display:flex;
  align-items:center;
  justify-content:center;
  color:#d7a271;
  font:36px/1 Georgia,serif;
  box-shadow:inset 0 0 0 5px #74302488,inset 0 0 0 7px #bc655244,2px 3px 4px #59302055;
  outline:2px solid #793525;
  outline-offset:-2px;
  transform:rotate(-12deg);
  margin:19px auto}
.clue-dots{
  font-size:11px;
  color:#886840;
  margin-bottom:13px}
.clue-dots strong{
  color:var(--red);
  font-size:14px}
.sealed-letter .text-link{
  font-size:12px}
.hero-compact{
  height:285px;
  background-position:center 49%}
.hero-compact .hero-copy{
  margin-top:2px}
.hero-compact .hero-title{
  font-size:38px;
  line-height:1;
  margin-bottom:0}
.hero-compact .hero-tagline,.hero-compact .hero-copy .eyebrow,.hero-compact .keeper-says{
  display:none}
.hero-compact .barkeep{
  height:240px;
  width:auto;
  right:12%;
  bottom:-25px}
.hero-compact .counter{
  background-position:center 49%;
  clip-path:inset(83% 0 0)}
footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  color:#ad946d;
  padding:27px 7%;
  font-size:11px;
  flex-wrap:wrap}
.footer-brand{
  font-family:var(--display);
  font-size:22px;
  color:#bda173}
footer a{
  text-decoration:none}
footer small{
  color:#8a7355}
.back{
  display:inline-block;
  text-decoration:none;
  color:var(--red);
  font-size:13px;
  margin-bottom:30px}
.detail-heading{
  max-width:850px}
.detail-heading h2{
  font-size:46px;
  margin-bottom:16px}
.lede{
  font-size:20px;
  color:#806442;
  max-width:780px;
  line-height:1.65}
.lede.small{
  font-size:17px}
.tags{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  font-size:12px;
  color:#8c6b42}
.tags span{
  border:1px solid #baa079;
  padding:4px 12px}
.detail-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:60px;
  margin-top:40px}
.prose{
  font-size:17px;
  color:#685236;
  line-height:1.8}
.prose h3{
  font-family:var(--display);
  font-size:27px;
  color:var(--ink)}
.stakes{
  margin:25px 0;
  padding:19px 23px;
  border-left:3px solid #9a5635;
  background:#bc965812;
  font-size:15px}
.stakes p:last-child{
  margin:0}
.session-column>h3{
  font-family:var(--display);
  font-size:27px}
.session-column>.muted{
  font-size:12px}
.session-note{
  background:#f7edcf;
  border:1px solid #bea47a70;
  padding:24px;
  box-shadow:2px 3px 7px #6d4b2021;
  margin-bottom:22px}
.session-note h3{
  font-size:24px}
.session-note>p{
  font-size:14px}
.session-note .eyebrow{
  font-size:9px}
.party-count{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-top:1px solid #bca17d77;
  border-bottom:1px solid #bca17d77;
  padding:12px 0;
  margin:18px 0;
  font-size:12px;
  color:#8a704f}
.party-count strong{
  font:28px var(--display);
  color:#64492f}
.session-note label{
  font-size:12px;
  display:block;
  margin-bottom:6px}
.session-note select{
  width:100%;
  margin-bottom:13px}
.session-note .ink-button{
  width:100%;
  justify-content:center}
.calendar-small{
  font-size:11px;
  display:inline-block;
  margin-top:12px;
  color:#92734c}
.quiet-button{
  padding:4px 0;
  background:none;
  border:0;
  border-bottom:1px solid transparent;
  color:var(--red);
  font-size:12px;
  min-height:32px}
.quiet-button:hover{
  border-bottom-color:var(--red)}
.booking-state{
  font-size:14px;
  color:#566541;
  background:#7f954010;
  padding:8px 0}
.messages{
  margin-bottom:25px}
.message{
  font-size:14px;
  padding:12px 17px;
  border:1px solid #8f9b6366;
  background:#dde0b473;
  color:#526039;
  margin:0 0 10px}
.message.error{
  background:#c77b5620;
  border-color:#aa573f55;
  color:#833d2d}
.hiatus{
  text-align:center;
  padding:38px 40px;
  background:#d7be8d40;
  border:1px dashed #99784f;
  margin-bottom:35px}
.hiatus h2{
  font-size:39px}
.hiatus p{
  max-width:650px;
  margin:0 auto 18px;
  color:#856947}
.hiatus a{
  font-size:13px;
  color:var(--red)}
.map-legend{
  display:flex;
  gap:23px;
  font-size:12px;
  color:#846e4e;
  border-bottom:1px solid #baa17a;
  padding-bottom:15px;
  flex-wrap:wrap}
.map-chapter{
  position:relative;
  padding:12px 0 25px 36px;
  border-left:2px dashed #b19870;
  margin-left:22px}
.chapter-marker{
  display:flex;
  align-items:center;
  gap:17px;
  margin-bottom:25px;
  position:relative}
.chapter-marker>span{
  position:absolute;
  left:-58px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:var(--paper);
  width:42px;
  height:42px;
  border:1px solid #a78a5f;
  border-radius:50%;
  font:21px var(--display);
  color:#866742}
.chapter-marker h3{
  font-family:var(--display);
  margin:0;
  font-size:26px}
.map-nodes{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:22px}
.map-node{
  position:relative;
  min-width:0;
  border:1px solid #b89b6e88;
  background:linear-gradient(120deg,#f8edcfcc,#e8d5b099);
  padding:22px 20px;
  box-shadow:2px 3px 5px #5d421015}
.map-node h3{
  font-family:var(--display);
  font-size:22px}
.map-node a{
  text-decoration:none}
.map-node p:not(.eyebrow){
  font-size:13px;
  color:#846b48;
  margin-bottom:10px}
.map-node .eyebrow{
  font-size:8px;
  letter-spacing:1px}
.node-dot{
  position:absolute;
  right:12px;
  top:12px;
  color:#a17a43;
  font-size:14px}
.node-done{
  border-color:#8c966d8c;
  background:linear-gradient(120deg,#e7e1bb,#e1d5af)}
.node-done .node-dot{
  color:#627345}
.node-locked{
  opacity:.65}
.dependencies{
  border-top:1px dashed #b79d78;
  padding-top:10px;
  font-size:10px;
  color:#8c7554}
.clue-label{
  font-size:10px;
  color:#7c673d;
  display:inline-block;
  margin-top:14px;
  font-style:italic}
.finale-scroll{
  border:1px solid #b0915e;
  background:linear-gradient(100deg,#dac08d,#f2e2bb 6%,#f4e7c9 94%,#c3a16d);
  box-shadow:2px 5px 9px #6843212b;
  padding:35px 45px;
  display:flex;
  align-items:center;
  gap:38px;
  max-width:850px;
  margin:30px auto 0;
  position:relative}
.finale-scroll:before,.finale-scroll:after{
  content:'';
  position:absolute;
  left:-8px;
  right:-8px;
  height:11px;
  background:linear-gradient(#d3b47d,#f5e4bd,#b38c51);
  border:1px solid #af8a51;
  border-radius:6px;
  top:-7px}
.finale-scroll:after{
  top:auto;
  bottom:-7px}
.finale-scroll p:last-child{
  font-size:15px;
  color:#7a6040;
  margin-bottom:0}
.finale-scroll h2{
  font-size:31px}
.finale-scroll .wax-seal{
  flex-shrink:0}
.month-nav{
  display:flex;
  gap:12px}
.month-nav a{
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid #b69a6e;
  text-decoration:none}
.calendar-grid{
  border:1px solid #b69a6e;
  margin-top:25px}
.weekdays,.calendar-week{
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr))}
.weekdays{
  font:11px Arial,sans-serif;
  text-align:center;
  background:#ab81441f;
  padding:12px 0;
  color:#846b47}
.calendar-day{
  min-height:105px;
  padding:10px;
  border-right:1px solid #b69a6e66;
  border-top:1px solid #b69a6e66}
.calendar-day:last-child{
  border-right:0}
.calendar-day.off{
  background:#a9884d12}
.day-number{
  font-size:12px;
  color:#917651}
.today .day-number{
  background:var(--red);
  border-radius:50%;
  color:var(--paper);
  width:24px;
  height:24px;
  display:inline-flex;
  align-items:center;
  justify-content:center}
.calendar-event{
  display:block;
  font-size:11px;
  line-height:1.35;
  padding:6px 7px;
  background:#b6773a20;
  border-left:2px solid #935033;
  margin-top:7px;
  text-decoration:none}
.calendar-event strong{
  display:block;
  color:var(--red);
  font-size:10px}
.calendar-event small{
  display:block;
  color:#8f744e;
  font-size:9px;
  margin-top:3px}
.cancelled{
  text-decoration:line-through;
  opacity:.6}
.schedule-list{
  margin-top:32px}
.schedule-row,.game-row{
  display:flex;
  align-items:center;
  gap:25px;
  padding:23px 0;
  border-bottom:1px solid #bca57d77}
.schedule-row h3,.game-row h3{
  font-size:22px;
  margin-bottom:7px}
.schedule-row a,.game-row h3 a{
  text-decoration:none}
.schedule-row p,.game-row p{
  font-size:13px;
  color:#846c4b;
  margin:0}
.schedule-row>.text-link{
  margin-left:auto;
  flex-shrink:0}
.chronicle-list{
  max-width:780px;
  margin:0 auto}
.chronicle-entry{
  position:relative;
  padding:30px 0 35px;
  border-bottom:1px solid #b69a6e77}
.chronicle-entry>time{
  display:block;
  color:#9c7d51;
  font-size:12px;
  margin-bottom:10px}
.chronicle-entry>.eyebrow{
  font-size:9px;
  letter-spacing:1px}
.chronicle-entry h3{
  font-family:var(--display);
  font-size:30px}
.chronicle-entry h3 a{
  text-decoration:none}
.chronicle-entry p{
  color:#79603f;
  font-size:16px;
  line-height:1.8}
.reading{
  max-width:760px;
  margin:0 auto}
.reading>h2{
  font-size:43px}
.reading>.prose{
  margin-top:30px}
.reading hr{
  border:0;
  border-top:1px solid #b69a6e88;
  margin:35px 0}
.reading>.muted{
  font-size:13px}
.comment{
  background:#e0cca522;
  border-bottom:1px solid #b69a6e55;
  padding:18px 0}
.comment strong{
  font-size:16px;
  color:#704e30}
.comment small{
  float:right;
  font-size:11px}
.comment p{
  font-size:15px;
  margin:9px 0 0;
  color:#79613f}
.character-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:25px;
  margin-top:30px}
.hero-card{
  padding:27px;
  background:linear-gradient(115deg,#f8edcf,#e8d4ac);
  border:1px solid #b79c714d;
  box-shadow:1px 3px 6px #68432124}
.hero-active{
  border:1px solid #8c7749;
  box-shadow:inset 0 0 0 4px #9b835415,1px 3px 6px #68432124}
.character-top{
  display:flex;
  align-items:center;
  gap:20px;
  margin-bottom:19px}
.character-initial{
  width:58px;
  height:65px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#baa16830;
  border:1px solid #a68b5c;
  font:42px var(--display);
  color:#917149;
  flex-shrink:0}
.character-top h3{
  font-family:var(--display);
  font-size:29px;
  margin:0 0 5px}
.character-top .eyebrow{
  font-size:8px;
  letter-spacing:1px;
  margin-bottom:7px;
  color:#8f5e36}
.character-top p:last-child{
  font-size:12px;
  color:#8b704c;
  margin:0}
.hero-card>p{
  font-size:14px;
  color:#806744;
  line-height:1.7}
.sheet-links{
  display:flex;
  gap:20px;
  font-size:12px;
  margin:15px 0}
.sheet-links a{
  color:#886b43}
.hero-actions{
  display:flex;
  gap:15px;
  align-items:center;
  justify-content:space-between;
  flex-wrap:wrap;
  border-top:1px solid #b69a6e55;
  margin-top:22px;
  padding-top:15px;
  font-size:13px}
.hero-actions>a{
  color:var(--red)}
.hero-actions .ink-button{
  font-size:12px}
.hero-actions .muted{
  font-size:11px}
.retire-details{
  margin-top:18px;
  font-size:11px;
  color:#9b7f58}
.retire-details summary{
  cursor:pointer}
.retire-details p{
  font-size:12px;
  margin-top:12px}
.danger{
  color:#9b4f38}
.membership-line{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  border-top:1px solid #b69a6e88;
  border-bottom:1px solid #b69a6e88;
  padding:13px 0;
  font-size:13px;
  color:#856b45}
.form-layout{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:80px;
  align-items:start}
.form-layout h2{
  font-size:40px}
.margin-note{
  padding:22px 0 0;
  border-top:1px solid #b69a6e99;
  margin-top:30px;
  max-width:330px}
.margin-note h3{
  font-family:var(--display);
  font-size:24px}
.margin-note p{
  font-size:14px;
  color:#89704c;
  line-height:1.8}
.portal-form p{
  margin-bottom:22px}
.portal-form label{
  display:block;
  font-size:13px;
  font-weight:bold;
  margin-bottom:7px;
  color:#735735}
.portal-form .helptext{
  display:block;
  font-size:11px;
  color:#937950;
  line-height:1.6;
  margin-top:7px}
.portal-form .helptext ul{
  padding-left:18px}
.portal-form input:not([type='hidden']),.portal-form textarea,.portal-form select{
  display:block;
  width:100%}
input,textarea,select{
  background:#fff8e18c;
  border:1px solid #b59a6c;
  color:#4f3b27;
  padding:10px 12px;
  border-radius:0;
  max-width:100%;
  font-size:15px}
input:disabled{
  background:#ac95681a;
  color:#937c58;
  cursor:not-allowed}
textarea{
  resize:vertical}
input[type=file]{
  font-size:12px;
  padding:12px}
.errorlist{
  list-style:none;
  padding:10px 13px;
  margin:0 0 18px;
  color:#8c3c2d;
  border-left:3px solid #a14d31;
  background:#c77b5614;
  font-size:13px}
.auth-layout{
  max-width:460px;
  margin:12px auto 10px}
.auth-layout h2{
  font-size:38px}
.auth-layout>p:not(.eyebrow){
  font-size:15px;
  color:#856b45}
.auth-layout .portal-form{
  margin-top:30px}
.auth-layout .ink-button{
  width:100%;
  justify-content:center}
.auth-switch{
  border-top:1px solid #b69a6e88;
  padding-top:20px;
  margin-top:30px;
  text-align:center;
  font-size:13px!important}
.auth-switch a{
  color:var(--red)}
.game-row{
  align-items:start}
.game-row>div:nth-child(2){
  flex-grow:1}
.game-row .eyebrow{
  font-size:9px;
  letter-spacing:1px;
  color:var(--red);
  margin-bottom:6px}
.game-row>div>a{
  font-size:11px}
.game-actions{
  flex-shrink:0;
  text-align:center}
.game-actions .ink-button{
  font-size:12px}
.game-actions form{
  margin-top:7px}
.empty{
  padding:40px 20px;
  text-align:center;
  color:#8f7550;
  grid-column:1/-1}
.empty h3{
  font-family:var(--display);
  font-size:29px}
.empty p{
  font-size:15px}
.empty .ink-button{
  margin-top:12px}

@media(min-width:1300px){
  .hero{
  height:550px}
.hero-copy{
  margin-top:52px}
.hero .hero-title{
  font-size:72px}
.barkeep{
  max-height:440px;
  bottom:20px}
.hero-compact{
  height:285px}
.hero-compact .hero-copy{
  margin-top:2px}
.hero-compact .hero-title{
  font-size:38px}
}

@media(max-width:1000px){
  .notice-grid{
  gap:16px}
.notice{
  padding:30px 17px 20px}
.notice h3{
  font-size:22px}
.notice-meta{
  font-size:7px}
.notice .ink-button{
  font-size:12px;
  padding:10px 12px}
.home-bottom{
  gap:26px}
.parchment{
  padding:37px 4% 50px}
.hero .hero-title{
  font-size:57px}
.hero-copy{
  margin-top:40px}
.barkeep{
  width:42%;
  right:2%;
  bottom:22px}
.keeper-says{
  right:7%}
.wood-nav a{
  font-size:16px;
  padding-left:12px;
  padding-right:12px}
.detail-grid{
  gap:35px}
.map-nodes{
  gap:15px}
.map-node{
  padding:21px 16px}
.map-node h3{
  font-size:20px}
.map-node .eyebrow{
  font-size:7px}
.form-layout{
  gap:40px}
.calendar-day{
  padding:7px;
  min-height:95px}
.calendar-event{
  font-size:10px;
  padding:5px}
.hero-compact .hero-title{
  font-size:38px}
.hero-compact .hero-copy{
  margin-top:5px}
}

@media(max-width:760px){
  .hero{
  height:490px;
  background-size:auto 620px;
  background-position:center 49%}
.topbar{
  padding:19px 6%;
  align-items:start;
  gap:12px}
.wordmark{
  font-size:23px}
.wordmark span{
  font-size:8px;
  letter-spacing:1.5px}
.account-bar{
  gap:12px;
  font-size:12px;
  flex-wrap:wrap;
  justify-content:flex-end;
  max-width:220px}
.account-bar .top-link{
  font-size:11px}
.hero-pill{
  padding:6px 10px;
  font-size:12px}
.hero-copy{
  margin:35px 0 0 7%;
  max-width:300px}
.hero .hero-title{
  font-size:46px}
.hero-tagline{
  font-size:14px;
  max-width:210px;
  margin-bottom:17px}
.hero-copy .eyebrow{
  font-size:8px;
  letter-spacing:1.5px}
.hero-cta{
  font-size:12px;
  padding:8px 12px;
  min-height:37px}
.barkeep{
  width:45%;
  right:-1%;
  bottom:40px;
  max-height:280px}
.counter{
  background-size:auto 620px;
  background-position:center 49%;
  clip-path:inset(81% 0 0)}
.keeper-says{
  display:none}
.wood-nav{
  gap:8px;
  padding:6px 3% 16px}
.wood-nav a{
  font-size:13px;
  min-height:58px;
  padding:9px 8px 12px}
.parchment{
  margin:0 2%;
  padding:30px 5% 45px}
.season-heading h2{
  font-size:34px}
.season-heading p:last-child{
  font-size:14px}
.league-stamp{
  width:76px;
  height:76px;
  outline-offset:3px;
  font-size:8px}
.league-stamp span{
  font-size:30px}
.eyebrow{
  font-size:9px;
  letter-spacing:1.4px}
.section-heading h2{
  font-size:30px}
.handwritten{
  font-size:14px}
.notice-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:20px}
.notice{
  min-height:415px;
  padding:29px 21px 23px}
.notice h3{
  font-size:24px}
.notice .ink-button{
  font-size:13px}
.notice-meta{
  font-size:8px}
.home-bottom{
  grid-template-columns:1fr}
.sealed-letter{
  margin-top:2px;
  max-width:450px;
  justify-self:center;
  width:95%;
  padding:27px 35px}
.world-news h2{
  font-size:29px}
.home-bottom{
  gap:24px}
.detail-grid{
  grid-template-columns:1fr;
  gap:20px}
.detail-heading h2{
  font-size:37px}
.lede{
  font-size:18px}
.session-column{
  margin-top:15px}
.session-note{
  padding:25px}
.hero-compact{
  height:245px;
  background-size:cover}
.hero-compact .hero-copy{
  margin-top:12px}
.hero-compact .hero-title{
  font-size:34px}
.hero-compact .barkeep{
  height:190px;
  width:auto;
  bottom:-8px;
  right:7%}
.hero-compact .counter{
  background-size:cover}
.map-nodes{
  grid-template-columns:repeat(2,minmax(0,1fr))}
.map-node h3{
  font-size:23px}
.map-node .eyebrow{
  font-size:8px}
.finale-scroll{
  padding:28px 25px;
  gap:22px}
.finale-scroll h2{
  font-size:28px}
.character-grid{
  grid-template-columns:1fr}
.section-heading .ink-button{
  font-size:12px;
  padding:9px 12px}
.form-layout{
  grid-template-columns:1fr;
  gap:22px}
.margin-note{
  max-width:none;
  margin-top:20px;
  padding-top:15px}
.form-layout>div .lede{
  margin-bottom:10px}
.margin-note p{
  font-size:13px;
  margin-bottom:9px}
.calendar-grid{
  display:none}
.schedule-row{
  gap:18px}
.schedule-row h3{
  font-size:21px}
.schedule-row>.text-link{
  font-size:11px}
.calendar-grid+.schedule-list{
  margin-top:15px}
.game-row{
  gap:17px;
  flex-wrap:wrap}
.game-row>div:nth-child(2){
  max-width:calc(100% - 55px)}
.game-actions{
  margin-left:54px;
  display:flex;
  gap:20px;
  align-items:center}
.game-actions form{
  margin:0}
footer{
  padding:24px 7%;
  gap:14px}
footer small{
  width:100%}
.season-switch{
  font-size:11px}
.act-line{
  font-size:12px}
.act-line a{
  font-size:10px}
.reading>h2{
  font-size:36px}
.hiatus{
  padding:28px 20px}
.hiatus h2{
  font-size:32px}
}

@media(max-width:480px){
  .hero{
  height:555px;
  background-size:auto 700px;
  background-position:center 49%}
.topbar{
  padding:18px 6%}
.wordmark{
  font-size:23px}
.wordmark span{
  font-size:7px;
  letter-spacing:1.1px}
.account-bar{
  max-width:177px;
  gap:9px}
.hero-copy{
  margin:31px auto 0;
  text-align:center;
  max-width:90%}
.hero .hero-title{
  font-size:clamp(37px,10vw,46px);
  line-height:1.05}
.hero-copy .eyebrow{
  font-size:7px}
.hero-tagline{
  font-size:13px;
  margin:10px auto 13px;
  max-width:none}
.hero-tagline br{
  display:none}
.hero-cta{
  font-size:11px;
  min-height:33px;
  padding:7px 12px}
.barkeep{
  width:64%;
  right:18%;
  bottom:26px;
  max-height:209px}
.counter{
  background-size:auto 700px;
  background-position:center 49%;
  clip-path:inset(89% 0 0)}
.wood-nav{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:5px 8px;
  padding:5px 4% 17px;
  margin-top:-5px}
.wood-nav a{
  width:100%;
  font-size:15px;
  min-height:48px;
  grid-column:span 2}
.wood-nav a:nth-child(4){
  grid-column:2/4}
.wood-nav a:nth-child(5){
  grid-column:4/6}
.parchment{
  padding:29px 6% 40px}
.season-heading{
  gap:18px}
.season-heading h2{
  font-size:30px}
.season-heading .eyebrow{
  font-size:7px;
  letter-spacing:1.2px}
.season-heading p:last-child{
  font-size:12px}
.league-stamp{
  width:59px;
  height:59px;
  font-size:6px;
  letter-spacing:1px;
  border-width:1px}
.league-stamp span{
  font-size:25px}
.season-switch{
  font-size:10px;
  gap:10px;
  margin:18px 0}
.act-line{
  align-items:start;
  flex-direction:column;
  gap:5px;
  padding:10px 0}
.act-line a{
  font-size:11px}
.section-heading{
  gap:15px;
  margin-top:29px;
  align-items:center}
.section-heading h2{
  font-size:29px}
.section-heading .eyebrow{
  font-size:7px;
  letter-spacing:1px}
.handwritten{
  display:none}
.filters{
  font-size:11px;
  gap:15px;
  margin-bottom:28px}
.notice-grid{
  grid-template-columns:1fr;
  gap:26px}
.notice{
  min-height:auto;
  padding:29px 26px 25px}
.notice-meta{
  font-size:8px}
.notice-symbol{
  margin:20px 0 7px;
  font-size:38px}
.notice h3{
  font-size:29px;
  margin-bottom:13px}
.hook{
  font-size:14px;
  line-height:1.7}
.notice-date{
  font-size:13px}
.notice-date small{
  font-size:12px}
.notice .ink-button{
  font-size:14px;
  min-height:43px}
.world-news h2{
  font-size:27px}
.small-ink{
  display:none}
.home-bottom{
  margin-top:35px}
.news-row{
  gap:15px}
.news-row h3{
  font-size:17px}
.news-row p{
  font-size:12px}
.sealed-letter{
  width:100%;
  padding:25px 24px}
.hero-compact{
  height:223px;
  background-size:auto 430px}
.hero-compact .hero-copy{
  margin:14px 0 0 7%;
  max-width:60%;
  text-align:left}
.hero-compact .hero-title{
  font-size:29px}
.hero-compact .barkeep{
  height:145px;
  width:auto;
  right:-2%;
  bottom:0}
.hero-compact .counter{
  background-size:auto 430px;
  clip-path:inset(86% 0 0)}
.hero-compact .topbar{
  padding:17px 6%}
.hero-compact .account-bar .top-link{
  font-size:10px}
.back{
  font-size:11px;
  margin-bottom:24px}
.detail-heading h2{
  font-size:34px}
.detail-heading .eyebrow{
  font-size:8px}
.lede{
  font-size:16px}
.tags{
  gap:7px;
  font-size:11px}
.tags span{
  padding:4px 8px}
.detail-grid{
  margin-top:26px}
.prose{
  font-size:16px}
.stakes{
  padding:16px}
.session-note{
  padding:21px}
.map-legend{
  gap:10px 16px;
  font-size:10px}
.map-chapter{
  padding-left:25px;
  margin-left:13px}
.chapter-marker>span{
  left:-42px;
  width:32px;
  height:32px;
  font-size:17px}
.map-nodes{
  grid-template-columns:1fr;
  gap:20px}
.map-node{
  padding:22px}
.chapter-marker h3{
  font-size:24px}
.finale-scroll{
  padding:29px 22px;
  display:block;
  text-align:center;
  margin-top:25px}
.finale-scroll h2{
  font-size:28px}
.finale-scroll .eyebrow{
  font-size:8px}
.finale-scroll p:last-child{
  font-size:14px}
.finale-scroll .wax-seal{
  margin:22px auto 6px}
.membership-line{
  align-items:start;
  flex-direction:column;
  gap:6px;
  font-size:12px}
.character-grid{
  gap:24px;
  margin-top:25px}
.hero-card{
  padding:22px}
.character-top{
  gap:15px}
.character-top h3{
  font-size:27px}
.character-initial{
  width:47px;
  height:57px;
  font-size:35px}
.character-top .eyebrow{
  font-size:7px}
.character-top p:last-child{
  font-size:11px}
.hero-actions{
  font-size:12px}
.hero-actions .ink-button{
  padding:8px 12px}
.section-heading>.ink-button{
  font-size:11px;
  padding:8px 10px;
  min-height:37px;
  gap:8px}
.section-heading>.text-link{
  font-size:11px}
.lede.small{
  font-size:15px}
.auth-layout{
  margin-top:6px}
.auth-layout h2{
  font-size:32px}
.form-layout h2{
  font-size:33px}
.reading>h2{
  font-size:32px}
.reading .eyebrow{
  font-size:8px}
.comment small{
  float:none;
  display:block;
  margin-top:4px}
.schedule-row{
  gap:13px;
  flex-wrap:wrap;
  align-items:start}
.schedule-row>.text-link{
  margin-left:49px;
  margin-top:-5px}
.schedule-row>div{
  width:calc(100% - 51px)}
.schedule-row h3{
  font-size:20px}
.schedule-row p{
  font-size:12px}
.game-actions{
  gap:15px;
  margin-left:50px}
.game-row>div:nth-child(2){
  max-width:calc(100% - 53px)}
.game-row h3{
  font-size:21px}
.game-row p{
  font-size:12px}
.game-actions .ink-button{
  padding:7px 10px;
  font-size:11px}
.game-actions .quiet-button{
  font-size:11px}
.hiatus{
  padding:24px 16px}
.hiatus h2{
  font-size:30px}
.hiatus p{
  font-size:14px}
.hiatus .eyebrow{
  font-size:7px}
.chronicle-entry h3{
  font-size:27px}
.chronicle-entry p{
  font-size:15px}
footer{
  gap:10px;
  font-size:10px}
footer .footer-brand{
  font-size:20px}
footer>span:nth-child(2){
  font-size:10px}
.message{
  padding:12px;
  font-size:13px}
}

@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto}
*,*:before,*:after{
  transition:none!important}
}

/* Keep the invitation above the foreground counter. */
.hero-copy{
  z-index:4}

@media(max-width:480px){
  .hero:not(.hero-compact) .barkeep{
  bottom:78px}
.hero:not(.hero-compact) .counter{
  clip-path:inset(78% 0 0)}
}

@media(max-width:480px){
  .hero:not(.hero-compact) .hero-cta{
  display:none}
.hero-compact .hero-title{
  font-size:clamp(21px,6.15vw,25px)}
}


/* Shared preparation room for the season's masters. */
.masters-seasons,.masters-toolbar,.master-actions{display:flex;flex-wrap:wrap;align-items:center;gap:15px 24px}
.masters-seasons{padding:15px 0 20px;border-bottom:1px solid var(--line);font-size:13px}
.masters-seasons a[aria-current]{color:var(--red);font-weight:bold}
.masters-seasons>.text-link{margin-left:auto}
.masters-toolbar{margin:22px 0 0;font-size:12px}
.masters-toolbar a{color:#83633c;text-decoration:none}
.master-section{padding-top:10px;margin-top:25px;border-top:1px solid #ae906575}
.master-section>.section-heading h2{font-size:30px}
.master-section>.muted{font-size:13px}
.brief-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:23px}
.brief-grid article{background:#b99a6010;border-top:2px solid #a98a58;padding:20px 15px}
.brief-grid h3{font:23px var(--display)}
.brief-grid p{font-size:14px;line-height:1.8;color:#78603e}
.master-details{border-top:1px solid #b69a6e55;padding:12px 0;font-size:14px;color:#7b6140}
.master-details summary{cursor:pointer;color:#725033;font-size:13px}
.master-details p{margin:13px 0 8px;line-height:1.8}
.npc-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.npc-card{background:linear-gradient(115deg,#f8edcf,#e8d4ac);border:1px solid #b79c7155;box-shadow:1px 3px 6px #68432124;padding:24px}
.npc-card h3{font:28px var(--display)}
.npc-card h3 a{text-decoration:none}
.npc-card>p:not(.eyebrow){font-size:14px;color:#806744;line-height:1.7}
.npc-location{border-left:3px solid #987644;background:#ad854b14;padding:11px 14px;font-size:13px;margin-bottom:18px}
.relations{font-size:11px!important;line-height:1.9;color:#94764e;margin:14px 0 0}
.relations a{text-decoration:none}
.region-list{margin-top:26px}
.master-mission{padding:25px 0;border-bottom:1px solid #b49a7066;scroll-margin-top:20px}
.master-mission>.section-heading{margin:0 0 17px}
.master-mission h3{font:27px var(--display);margin:0}
.master-mission>p{font-size:14px;color:#806744}
.outcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:19px 0}
.outcome-plan{background:#ad854b14;border:1px solid #b99b6d66;padding:18px}
.outcome-plan .eyebrow{font-size:8px;letter-spacing:1px}
.outcome-plan h4{font-size:17px;font-weight:normal;line-height:1.4;margin:0 0 12px}
.outcome-plan p:not(.eyebrow){font-size:13px;color:#836641;line-height:1.7;margin-bottom:8px}
.world-change{border-left:3px solid #a99562;background:#c3a57116;padding:22px 27px;margin:24px 0}
.world-change h3{font:26px var(--display)}
.world-change>p:not(.eyebrow){font-size:15px;color:#79603e;line-height:1.8}
.result-published{border-left-color:#78845c;background:#83914d0d}
.result-pending{border-left-color:#ba893a}
.result-rejected{border-left-color:#a16c56;opacity:.75}
.master-actions{margin-top:17px}
@media(max-width:900px){.brief-grid{grid-template-columns:1fr}.brief-grid article{padding:17px}.outcome-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.npc-grid,.outcome-grid{grid-template-columns:1fr}.master-section>.section-heading{align-items:start;flex-direction:column;gap:14px}.master-section>.section-heading h2{font-size:28px}.world-change{padding:20px}.master-mission h3{font-size:24px}.masters-toolbar{gap:12px 16px}.masters-seasons>.text-link{margin-left:0}.npc-card{padding:20px}.master-mission>.section-heading{align-items:start;flex-direction:column;gap:12px}}
.master-audit>div{display:grid;grid-template-columns:110px 1fr 1fr;gap:8px 18px;padding:15px 0;border-top:1px solid #b69a6e55;font-size:12px}
.master-audit time,.master-audit small{color:#94764e;font-size:10px}
.master-audit p{grid-column:2/4;color:#876b45;margin:0;font-size:11px}
#team-notes .portal-form{margin-bottom:25px}
#team-notes .portal-form textarea{margin-top:7px}
@media(max-width:600px){.master-audit>div{grid-template-columns:1fr}.master-audit p{grid-column:auto}.master-audit>div{gap:4px}}

/* Compact working pages retain the tavern identity without hiding the task. */
h1:not(.hero-title){font:36px/1.15 var(--display);margin:0 0 16px}.section-heading h1{margin:0}.hero .hero-title{font-family:var(--display)}
.page-inner .hero{height:100px}.page-inner .hero-copy,.page-inner .counter,.page-inner .keeper-says{display:none}.page-inner .topbar{padding:22px 5%;padding-right:150px;height:100%}.page-inner .barkeep{width:100px;right:25px;bottom:-20px;max-height:none}.page-inner .wood-nav{margin:0;padding:10px 3%;gap:8px;background:#36271c}.page-inner .wood-nav a{background:none;filter:none;transform:none;min-height:44px;padding:9px 13px;font:15px/1.3 Georgia,serif;border:1px solid #81623c;border-radius:3px;width:auto;flex:1}.page-inner .wood-nav a[aria-current]{background:#62482e;color:#fff0ce}.page-inner .parchment{padding-top:25px}.page-inner .section-heading:first-child{margin-top:4px}.next-step{padding:16px 18px;border-left:4px solid #67794c;background:#f8edcc;margin:22px 0}.next-step p{margin:5px 0 0}.revision-state{font-size:14px;padding:10px;background:#e3d4ad}.eyebrow,.notice-meta,.small-ink,.genre{font-size:12px;letter-spacing:1.2px}.hero-copy .eyebrow{font-size:11px}.character-top .eyebrow{font-size:11px}.character-top p:last-child,.tags,.map-legend,.season-switch,.filters,.schedule-row p,.game-row p,.hero-actions{font-size:14px}.back,.calendar-small,.sheet-links{font-size:14px}.portal-form label{font-size:15px}
@media(max-width:600px){.page-inner .hero{height:112px}.page-inner .topbar{padding:14px 16px;padding-right:16px;align-items:start;gap:12px}.page-inner .wordmark{font-size:22px}.page-inner .wordmark span{font-size:9px}.page-inner .account-bar{justify-content:end;flex-wrap:wrap;gap:8px 12px;max-width:235px}.page-inner .barkeep{display:none}.page-inner .wood-nav{justify-content:start;overflow-x:auto;flex-wrap:nowrap;padding:8px 12px;gap:8px}.page-inner .wood-nav a{flex:0 0 auto;width:auto;white-space:nowrap;font-size:14px;min-height:42px}.page-inner .parchment{margin-top:8px;padding:24px 20px 40px}.page-inner h1{font-size:30px}.section-heading{flex-wrap:wrap}.section-heading>.ink-button,.section-heading>.text-link,.game-actions .ink-button,.game-actions .quiet-button{font-size:14px}.notice-meta{font-size:11px}.eyebrow,.detail-heading .eyebrow,.map-legend,.character-top .eyebrow,.reading .eyebrow{font-size:11px}.character-top p:last-child,.membership-line,.hero-actions,.tags,.filters,.schedule-row p,.game-row p{font-size:14px}.hero:not(.hero-compact){height:385px}.hero:not(.hero-compact) .hero-copy{margin-top:8px}.hero:not(.hero-compact) .hero-title{font-size:35px}.hero:not(.hero-compact) .hero-tagline{font-size:14px}.hero:not(.hero-compact) .barkeep{width:175px;bottom:12px;right:calc(50% - 87px)}.hero:not(.hero-compact) .counter{clip-path:inset(85% 0 0)}.hero:not(.hero-compact) .keeper-says{display:none}}
@media(max-width:600px){.page-inner .wood-nav{display:flex}.page-inner .wood-nav a{grid-column:auto}.hero:not(.hero-compact) .hero-title{font-size:32px;margin-bottom:10px}.hero:not(.hero-compact) .hero-tagline{font-size:13px;line-height:1.4;max-width:330px;margin-left:auto;margin-right:auto}.hero:not(.hero-compact) .hero-tagline br{display:none}.hero:not(.hero-compact) .barkeep{width:150px;right:calc(50% - 75px)}}

#general-waitlist{max-width:780px}
#general-waitlist textarea{width:100%;margin-bottom:16px;resize:vertical}
#general-waitlist .booking-state{margin:18px 0;padding:16px;overflow-wrap:anywhere}