.site-page{margin:0;background:radial-gradient(ellipse at 78% 15%,#e6dfcc60,transparent 55%),var(--marble);color:var(--ink);min-height:100dvh}.site-page .mast{max-width:1280px;width:100%;margin:0 auto;padding:26px 48px;box-sizing:border-box;display:flex;justify-content:space-between;align-items:center;gap:20px}.site-page .mast nav{display:flex;gap:24px;font-size:13px;align-items:center}.site-page .mast a{text-decoration:none}.site-page .mast nav a[aria-current=page]{color:var(--red);text-decoration:underline;text-underline-offset:6px}.site-page .mast nav a:hover{text-decoration:underline;text-underline-offset:6px}.site-page h1,.site-page h2{font-family:var(--display);font-weight:400}.site-page a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}.site-content{max-width:1184px;margin:0 auto;padding:24px 48px 60px;box-sizing:border-box}.site-page .front-footer{text-align:center;font-size:12px;padding:20px;color:var(--ink-2)}
.rules-layout{display:grid;grid-template-columns:185px minmax(0,1fr);gap:40px;max-width:1120px;margin:auto;padding:24px 48px 60px}.rules-toc{position:sticky;top:24px;align-self:start;display:grid;gap:13px;padding-top:20px;font-size:13px}.rules-toc a{color:var(--ink-2);text-decoration:none}.rules-toc a:hover{color:var(--red)}.site-page .rulebook{padding:0;max-width:none;min-width:0}.site-page .rulebook h1{font-size:48px;margin:0 0 20px}.site-page .rulebook>p:first-of-type{font-size:19px;line-height:1.55;color:var(--ink-2);margin-bottom:32px}.rule-section{padding:24px 28px;background:#fff8;border:1px solid #d7d0c4;border-radius:16px;margin:0 0 20px;scroll-margin-top:20px}.site-page .rule-section h2{font-size:29px;border:0;padding:0;margin:0 0 18px}.rule-section p,.rule-section li{font-size:14px;line-height:1.65}.rule-section ul,.rule-section ol{padding-left:20px}.rule-section li+li{margin-top:8px}.rule-section>:last-child{margin-bottom:0}.rule-section>:first-child{margin-top:0}
@media(max-width:760px){.site-page .mast{padding:20px;align-items:flex-start;gap:14px;flex-wrap:wrap}.site-page .mast .wm{font-size:19px}.site-page .mast nav{gap:16px;font-size:12px;flex-wrap:wrap}.site-content{padding:18px 20px 40px}.rules-layout{display:block;padding:12px 20px 40px}.rules-toc{position:static;display:flex;flex-wrap:wrap;gap:10px 16px;font-size:12px;margin:0 0 26px;padding:0}.site-page .rulebook h1{font-size:37px}.site-page .rulebook>p:first-of-type{font-size:17px}.rule-section{padding:20px}.site-page .rule-section h2{font-size:26px}.rule-section p,.rule-section li{font-size:14px}.rule-section a{overflow-wrap:anywhere}}
.site-content,.rules-layout{max-width:1280px}

.breadcrumbs{font-size:12px;color:var(--ink-2);margin:0 0 22px}.breadcrumbs ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}.breadcrumbs li+li:before{content:"/";margin-right:8px;color:var(--rule)}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{text-decoration:underline}
.creation-page{min-height:100dvh}.creation-content{max-width:900px;margin:auto;padding:25px 28px 45px}.creation-page .setup{max-width:none;margin:0;padding:26px;background:#fff8;border:1px solid #d7d0c4;border-radius:16px;gap:18px}.creation-page .setup h1{margin:0 0 12px;font-size:40px}.creation-page .setup p{color:var(--ink-2);line-height:1.6;margin:0}.creation-page #seats{display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}.creation-page .setup .seat-row{margin:0;grid-template-columns:minmax(0,1fr) 100px}.creation-page .setup>label{max-width:380px}.creation-page .setup .music-menu{margin-top:12px}
@media(max-width:760px){.creation-content{padding:16px 20px 30px}.creation-page .setup{padding:20px}.creation-page .setup h1{font-size:32px}.creation-page #seats{grid-template-columns:1fr;gap:12px}.breadcrumbs{margin-bottom:18px}}

.legal-footer{display:flex;gap:24px;align-items:center;justify-content:center;width:100%;border:0}.legal-footer nav{display:flex;gap:18px}.legal-footer a{text-decoration:none}.legal-footer a:hover{text-decoration:underline}.legal-footer[hidden]{display:none}.policy-content{max-width:900px}.policy-content>h1{font-size:44px;margin:0}.policy-date{color:var(--ink-2);font-size:12px;margin:12px 0 28px}@media(max-width:760px){.policy-content>h1{font-size:36px}.legal-footer{flex-wrap:wrap;gap:14px}}
.site-page .legal-footer{width:auto;margin-left:20px;margin-right:20px}

.creation-page .setup-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:36px;align-items:start}.creation-page .setup-basics{display:grid;gap:22px}.creation-page #seats{grid-template-columns:1fr;gap:16px}.creation-page .setup .seat-row{align-items:center;grid-template-columns:minmax(0,1fr) 110px}@media(max-width:760px){.creation-page .setup-columns{grid-template-columns:1fr;gap:24px}}
.site-page .legal-footer{width:calc(100% - 96px);max-width:1140px;margin:35px auto 0;padding:22px 0;border-top:1px solid var(--rule);justify-content:space-between}.legal-footer>span{order:-1}@media(max-width:760px){.site-page .legal-footer{width:calc(100% - 40px);gap:12px;font-size:11px}.legal-footer nav{gap:14px}}
/* Setup/loading screens share the site background from the first paint. */
body.play:not(:has(.table)){background:var(--marble);transition:none}
.site-page .legal-footer{position:relative;border-top:0;max-width:1184px}.legal-footer:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:180px;max-width:40%;border-top:1px solid var(--rule)}
.site-page .mast{border-bottom-color:#d7d0c4}.site-page .legal-footer:before{border-top-color:#d7d0c4}

/* Reveal the rulebook at its final layout once its text and contents are ready. */
.rules-layout[data-loading],body:has(.rules-layout[data-loading])>.mast{visibility:hidden}