:root{color-scheme:dark;--green:#59e939;--ink:#090b09;--muted:#b7c0b7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}.site-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1240px;margin:auto;padding:22px 28px}.wordmark{text-decoration:none;font-weight:900;letter-spacing:-1px;font-size:22px}.wordmark span{color:var(--green)}.nav-links{display:flex;gap:8px}.nav-links a{text-decoration:none;font-weight:700;padding:12px 18px;border-radius:6px;color:var(--muted)}.nav-links a[aria-current=page]{background:var(--green);color:#080b07}.nav-links a:hover{color:#fff;background:#263224}.banner{background:#000;border-top:1px solid #222;border-bottom:1px solid #222}.banner img{display:block;width:100%;max-height:600px;object-fit:contain;margin:auto}.wrap{max-width:1140px;margin:auto;padding:0 28px}.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;padding-top:64px;padding-bottom:64px;align-items:center}.eyebrow{color:var(--green);text-transform:uppercase;letter-spacing:3px;font-size:12px;font-weight:800}h1{font-size:clamp(44px,6vw,76px);line-height:.98;letter-spacing:-3px;margin:20px 0}h1 span{color:var(--green)}.intro p,.step p{color:var(--muted);line-height:1.7;font-size:17px}.intro p{max-width:470px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;text-decoration:none;background:var(--green);color:#0b1308;padding:18px 24px;border-radius:6px;font-weight:800;margin-top:16px;transition:transform .15s}.button:hover{transform:translateY(-3px);background:#78f45c}.feature{position:relative;border:1px solid #35412e;border-radius:24px;background:radial-gradient(ellipse at center,#25361e,#111710 70%);padding:30px;overflow:hidden}.feature svg{display:block;width:100%;height:auto}.feature .caption{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#aebda9;letter-spacing:1px;text-transform:uppercase}.feature .caption span:last-child{color:var(--green)}.strip{background:var(--green);color:#0b1008;padding:18px 24px;text-align:center;font-size:clamp(15px,2.3vw,24px);font-weight:900;letter-spacing:2px}.how{padding-top:64px;padding-bottom:72px}h2{font-size:clamp(28px,4vw,42px);letter-spacing:-1.4px;margin:0 0 32px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.step{border-top:2px solid #2c3529;padding-top:20px}.number{color:var(--green);font-weight:800;font-size:14px}h3{font-size:23px;margin:18px 0 10px}.step p{font-size:15px;margin:0}.site-footer{border-top:1px solid #2a3328;max-width:1140px;padding:26px 28px;margin:auto;display:flex;justify-content:space-between;gap:20px;color:#b7c0b7;font-size:13px}.site-footer a{text-decoration:none;color:var(--green)}@media(max-width:700px){.site-nav{padding:16px;gap:10px;flex-wrap:wrap}.wordmark{font-size:19px}.nav-links a{padding:10px 12px;font-size:14px}.intro{grid-template-columns:1fr;gap:30px;padding-top:36px;padding-bottom:36px}.wrap{padding-left:22px;padding-right:22px}.steps{grid-template-columns:1fr;gap:24px}.how{padding-top:40px;padding-bottom:40px}.site-footer{flex-wrap:wrap}.feature{max-width:460px;width:100%;margin:auto}h1{letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
/* Tavern homepage */
.tavern-home{background:#090d09;background-image:radial-gradient(ellipse at 90% 45%,#16211355,transparent 55%)}.tavern-home .intro{grid-template-columns:1fr 1.1fr;gap:48px;padding-top:60px}.tavern-home h1{font-size:clamp(42px,5.2vw,68px);line-height:1.06;letter-spacing:-2px}.tavern-home .welcome{font-size:22px;color:#f0f4e9;line-height:1.5}.tavern-home .eyebrow{line-height:1.6}.tavern-picture{margin:0;padding:10px;background:#131d12;border:1px solid #4b6240;border-radius:18px;box-shadow:0 16px 45px #0008;transform:rotate(1deg)}.tavern-picture a{display:block;border-radius:10px}.tavern-picture img{display:block;width:100%;height:auto;border-radius:10px}.tavern-picture a:hover{outline:2px solid var(--green);outline-offset:3px}.tavern-picture figcaption{font-size:12px;text-align:center;color:#c2ceba;padding:15px 5px 6px;line-height:1.5}.quiet-link{display:block;margin-top:24px;color:#b7c9ad;font-size:14px;text-underline-offset:5px}.tavern-divider{max-width:1084px;margin:0 auto;display:flex;align-items:center;gap:20px;color:var(--green)}.tavern-divider:before,.tavern-divider:after{content:"";height:1px;background:#33452c;flex:1}.tavern-home .how h2{margin-top:16px;max-width:850px;line-height:1.17}.tavern-home .how h2 span{color:var(--green)}.tavern-home .step .number{display:inline-grid;place-items:center;width:38px;height:38px;border:1px solid #527044;border-radius:50%;background:#172113;font-size:18px}.tavern-home .how>.button{margin-top:32px}.community{padding-bottom:60px;scroll-margin-top:24px}.community-panel{border:1px solid #547c42;border-radius:18px;padding:48px;background:linear-gradient(120deg,#1b2f15,#101a0e);position:relative}.community h2{margin:12px 0 16px}.community p{color:#c3cdbd;max-width:660px;font-size:17px;line-height:1.7}.invitation{display:block;margin-top:22px;color:#c1d2b5;font-size:14px;font-style:italic}.streams{padding-bottom:64px}.streams h2{margin:12px 0 14px}.streams p{color:var(--muted);line-height:1.6}.stream-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}.stream-links a{display:flex;justify-content:space-between;align-items:center;border:1px solid #35462e;border-radius:10px;padding:24px;text-decoration:none;background:#111a0e;font-weight:800;font-size:26px}.stream-links a:hover{border-color:var(--green);background:#20321a}.stream-links small{display:block;font-size:10px;letter-spacing:2px;color:#aec5a1;margin-bottom:10px}.stream-links a>span:last-child{color:var(--green)}@media(max-width:700px){.tavern-home .intro{grid-template-columns:1fr;padding-top:32px;gap:36px}.tavern-picture{transform:none;max-width:500px;margin:auto}.tavern-home .welcome{font-size:20px}.community-panel{padding:28px 22px}.stream-links{grid-template-columns:1fr}.stream-links a{padding:20px;font-size:23px}.tavern-home .nav-links{flex-wrap:wrap}.tavern-home .site-nav{justify-content:center}.tavern-divider{margin:0 22px}}
/* Bold, rounded lettering and illustrated signboard details. */
.playful{--display:"Cooper Black","Cooper Std Black","Arial Rounded MT Bold","Comic Sans MS",cursive;background-color:#060906;background-image:radial-gradient(circle at 5% 34%,#59e93912 0,transparent 26%),radial-gradient(circle at 96% 75%,#59e93914 0,transparent 24%)}
.playful h1,.playful h2,.playful h3,.playful .wordmark{font-family:var(--display);font-weight:900;letter-spacing:-.035em}.playful h1{font-size:clamp(42px,5vw,68px);line-height:1.16;color:#fff;-webkit-text-stroke:5px #000;paint-order:stroke fill;text-shadow:3px 5px 0 #000}.playful h1 span{display:inline;color:var(--green)}.playful h2{line-height:1.2;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:2px 3px 0 #000}.playful h3{font-size:25px;line-height:1.3;letter-spacing:-.025em}.playful .wordmark{font-size:25px;letter-spacing:-1px}.playful .site-nav{padding-top:20px;padding-bottom:20px}.playful .nav-links a{border-radius:18px;border:2px solid transparent}.playful .nav-links a[aria-current=page]{border-color:#000;box-shadow:3px 3px 0 #274e1b}.playful .banner{border-bottom:4px solid var(--green)}.playful .eyebrow{color:#b4ff99;letter-spacing:2px;font-size:11px}.playful .intro{padding-bottom:72px}.playful .button{border:3px solid #000;border-radius:18px;box-shadow:5px 6px 0 #2c641a;font-size:17px;padding:17px 23px}.playful .button:hover{box-shadow:7px 9px 0 #2c641a}.playful .tavern-picture{border:4px solid var(--green);border-radius:26px;padding:9px;box-shadow:9px 10px 0 #000,10px 11px 0 #30452a;background:#071005}.playful .tavern-picture img{border-radius:14px}.playful .tavern-picture figcaption{color:#e5f0dc}.playful .tavern-divider{gap:24px}.playful .tavern-divider span{font-size:28px}.playful .tavern-divider:before,.playful .tavern-divider:after{height:3px;border-radius:50%;background:linear-gradient(90deg,#182413,var(--green),#182413)}.playful .steps{gap:22px}.playful .step{border:2px solid #37522b;border-radius:24px;background:#10190d;padding:26px;box-shadow:5px 6px 0 #000}.playful .step:nth-child(2){border-color:#59e939}.playful .step .number{width:48px;height:48px;border:3px solid #000;background:var(--green);color:#081004;font-family:var(--display);font-size:25px;box-shadow:3px 3px 0 #365a29;transform:rotate(-8deg)}.playful .community-panel{border:3px solid var(--green);border-radius:32px;box-shadow:8px 9px 0 #000;background:radial-gradient(ellipse at top right,#345221,#111c0d 70%)}.stream-intro{display:flex;align-items:center;gap:36px}.host-logo{width:180px;height:auto;display:block;flex-shrink:0;transform:rotate(-3deg);border-radius:8px;box-shadow:7px 8px 0 #000}.playful .stream-links a{border:2px solid #46603a;border-radius:24px;box-shadow:5px 6px 0 #000;min-height:170px;padding:20px;gap:12px;background:#070b06}.platform{display:flex;flex:1;min-width:0;flex-direction:column;align-items:center}.platform img{display:block;width:100%;max-width:190px;height:100px;object-fit:contain}.playful .stream-links a:hover{border-color:var(--green);background:#15230e}.playful .site-footer{border-top:2px solid #345b26}@media(max-width:700px){.playful .wordmark{font-size:22px}.playful .intro{padding-bottom:44px}.playful .steps{gap:20px}.stream-intro{gap:20px;align-items:flex-start}.host-logo{width:100px}.stream-intro h2{font-size:28px}.playful .stream-links a{min-height:145px}.platform img{height:90px}.playful h1{-webkit-text-stroke:3px #000}.playful .step{padding:24px}}@media(max-width:400px){.stream-intro{flex-direction:column}.host-logo{width:130px}}