/* OMNIA site · Manuscript. Shared type, colour, header, footer and buttons for every page outside the game. */
@font-face{font-family:"IM Fell English";src:url("/site/fonts/im-fell-english-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"IM Fell English";src:url("/site/fonts/im-fell-english-latin-400-italic.woff2") format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"IM Fell English SC";src:url("/site/fonts/im-fell-english-sc-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"UnifrakturMaguntia";src:url("/site/fonts/unifrakturmaguntia-latin-400-normal.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}
:root{
 --vellum:#eadcb9;--vellum-2:#dfcca2;--vellum-3:#cdb37f;--ink:#2a2118;--ink-2:#4f3f2c;--ink-3:#7d6747;--rubric:#8e2418;--rubric-2:#a8301f;--verd:#3e6a5b;--night:#0c0b0d;
 --h:"IM Fell English SC","IM Fell English",Georgia,serif;--b:"IM Fell English",Georgia,serif;--bl:"UnifrakturMaguntia","IM Fell English",serif;
 --knot:url("/site/ui/knot-frame.svg");--paper:url("/site/ui/vellum.webp");
 --double:inset 0 0 0 1px var(--vellum),inset 0 0 0 2px #2a211866;
}
*,*::before,*::after{border-radius:0!important}
::selection{background:#8e241833}

/* header: the same four doors on every page */
.site-bar{position:sticky;top:0;z-index:40;display:flex;align-items:center;gap:clamp(14px,2.4vw,34px);padding:8px clamp(16px,3vw,34px);min-height:64px;background:var(--vellum) var(--paper) center/640px auto;color:var(--ink);border-style:solid;border-width:0 0 16px 0;border-image:var(--knot) 30 round;box-shadow:0 4px 14px #0004;font-family:var(--b)}
.site-bar .brand{font:34px/1 var(--bl);color:var(--ink);text-decoration:none;letter-spacing:.01em;margin-right:auto}
.site-bar nav{display:flex;gap:clamp(14px,2.2vw,30px);align-items:center}
.site-bar nav a{font:17px/1 var(--h);letter-spacing:.03em;color:var(--ink-2);text-decoration:none;padding:12px 2px;border-bottom:2px solid transparent}
.site-bar nav a:hover{color:var(--rubric)}
.site-bar nav a[aria-current=page]{color:var(--rubric);border-bottom-color:var(--rubric)}
.site-bar .mbtn{margin-left:4px}
@media(max-width:760px){
 .site-bar{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:8px 14px 0;border-width:0 0 12px 0}
 .site-bar .brand{font-size:30px}
 .site-bar nav{grid-column:1/-1;grid-row:2;justify-content:space-between;gap:6px;border-top:1px solid #2a211833}
 .site-bar nav a{font-size:15px;padding:12px 0}
}

/* buttons: square, inked, small capitals */
.mbtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 20px;font:17px/1.1 var(--h);letter-spacing:.04em;text-decoration:none;color:var(--ink);background:var(--vellum);border:1px solid var(--ink);box-shadow:var(--double);cursor:pointer;transition:background .12s,color .12s}
.mbtn:hover{background:var(--vellum-2);color:var(--ink)}
.mbtn.primary{background:var(--rubric);color:#f6ead0;box-shadow:inset 0 0 0 1px #6e1a10,inset 0 0 0 2px #f6ead055}
.mbtn.primary:hover{background:var(--rubric-2);color:#fff6e0}
.mbtn.ink{background:var(--ink);color:var(--vellum);box-shadow:inset 0 0 0 1px var(--ink),inset 0 0 0 2px #eadcb955}
.mbtn.ink:hover{background:#3c2f22;color:#fff3d8}

/* footer */
.site-foot{background:var(--ink);color:#d9c9a3;font:16px/1.5 var(--b);border-style:solid;border-width:16px 0 0 0;border-image:var(--knot) 30 round}
.site-foot .in{max-width:1180px;margin:0 auto;padding:34px clamp(18px,4vw,40px) 40px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 28px}
.site-foot .brand{font:30px/1 var(--bl);color:#f1e2bd;text-decoration:none;margin-right:12px}
.site-foot a{color:#eadcb9;text-decoration:none;font-family:var(--h);letter-spacing:.03em;padding:8px 0}
.site-foot a:hover{color:#fff}
.site-foot .note{margin-left:auto;font-style:italic;color:#bba982}
@media(max-width:760px){.site-foot .note{margin-left:0;width:100%}}