@font-face{font-family:DM;src:url('/assets/fonts/dm-sans-latin-400-normal.woff2') format('woff2');font-display:swap}@font-face{font-family:DM;src:url('/assets/fonts/dm-sans-latin-700-normal.woff2') format('woff2');font-weight:700;font-display:swap}@font-face{font-family:Barlow;src:url('/assets/fonts/barlow-condensed-latin-800-normal.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--forest:#173e32;--forest-dark:#0b241d;--cream:#f7f1e4;--paper:#fffdf7;--ink:#243b3d;--blue:#245f8e;--gold:#efbd5a;--orange:#d76245;--muted:#657573;--line:#d8d7ca;--shadow:0 24px 65px #0e302015;font-family:DM,Arial,sans-serif;color:var(--ink);background:var(--cream);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:radial-gradient(#18382b0b .75px,transparent .75px) 0 0/8px 8px,var(--cream)}img{max-width:100%;display:block}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.skip-link{position:fixed;z-index:100;left:20px;top:-100px;padding:12px 18px;background:var(--paper);border-radius:8px}.skip-link:focus{top:20px}.top-stripe{height:7px;background:repeating-linear-gradient(125deg,var(--blue) 0 17px,var(--cream) 17px 32px)}.site-header{height:92px;max-width:1320px;margin:auto;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:27px;font-weight:700;letter-spacing:-1.2px}.brand-mark{display:grid;place-items:center;width:49px;height:49px;border-radius:14px;background:var(--blue);color:#fff;font-size:33px;transform:rotate(-7deg);box-shadow:0 6px 0 #153b5c}.brand small{display:block;margin-top:1px;font-size:8px;letter-spacing:2px}.site-header nav{display:flex;align-items:center;gap:31px}.site-header nav a{text-decoration:none;font-size:13px;font-weight:700}.site-header nav a:hover{color:var(--blue)}.site-header .nav-store{padding:12px 17px;border-radius:9px;background:var(--forest);color:#fff}.site-header .nav-store:hover{color:#fff;background:#245746}.menu-button{display:none;border:1px solid var(--line);border-radius:8px;background:var(--paper);padding:10px 13px}.hero{max-width:1320px;min-height:680px;margin:auto;padding:64px 38px 30px;display:grid;grid-template-columns:.93fr 1.07fr;gap:35px;align-items:center;overflow:hidden}.status,.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px}.status{display:flex;align-items:center;gap:9px;color:var(--forest);margin:0 0 25px}.status span{width:8px;height:8px;border-radius:50%;background:#36a66c;box-shadow:0 0 0 5px #36a66c18}.hero h1,.section h2{margin:0;font-family:Barlow,Impact,sans-serif;font-weight:800}.hero h1{font-size:clamp(72px,8vw,116px);line-height:.82;letter-spacing:-.035em}.hero h1 em{color:var(--blue);font-style:normal}.hero-lead{max-width:570px;margin:30px 0 28px;font-size:19px;line-height:1.65}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:57px;padding:13px 21px;border:1px solid transparent;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--forest);color:#fff;box-shadow:0 5px 0 var(--forest-dark)}.button.primary:hover{background:#235947}.button.secondary{border-color:#b8c5c0;background:var(--paper);box-shadow:0 5px 0 #d6d9cf}.button.gold{background:var(--gold);color:#17372e;box-shadow:0 5px 0 #b6852e}.button small{display:block;font-size:8px;letter-spacing:1.5px}.button .apple{width:25px;height:29px;display:grid;place-items:center;font-size:13px;border-radius:45% 45% 50% 50%;background:currentColor;color:transparent;position:relative}.button .apple:before{content:'';position:absolute;width:7px;height:10px;left:15px;top:-6px;border-radius:90% 10%;background:currentColor;transform:rotate(33deg)}.fineprint{margin:18px 0 0;font-size:11px;color:var(--muted)}.hero-art{height:585px;position:relative;border-radius:52% 48% 18% 18%;background:linear-gradient(180deg,#9fd4ea,#f8d68a 62%,#9c6039);overflow:hidden;box-shadow:var(--shadow)}.hero-art:after{content:'';position:absolute;inset:0;box-shadow:inset 0 0 0 1px #fff8,inset 0 -100px 110px #163c314f}.hero-art .world{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:saturate(1.08)}.hero-art .bua{position:absolute;z-index:2;width:73%;right:-4%;bottom:-5%;filter:drop-shadow(0 26px 24px #17342955)}.sun{position:absolute;z-index:1;left:12%;top:7%;width:190px;height:190px;border-radius:50%;background:#ffe7aa99;box-shadow:0 0 90px 40px #ffe7aa77}.stamp{position:absolute;z-index:4;left:8%;bottom:8%;width:112px;height:112px;display:grid;place-content:center;text-align:center;border:2px solid #f6de9b;border-radius:50%;background:#173e32e8;color:#ffe5a2;font:800 51px/.65 Barlow;transform:rotate(-10deg);box-shadow:0 12px 30px #102b2250}.stamp small{font:700 10px DM;letter-spacing:2px}.proof-band{max-width:1244px;margin:0 auto 85px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:15px;background:var(--paper);box-shadow:0 12px 0 -7px #dcded4}.proof-band p{margin:0;padding:24px 28px;display:flex;align-items:center;justify-content:center;gap:12px;border-right:1px solid var(--line)}.proof-band p:last-child{border:0}.proof-band b{font:800 28px Barlow;color:var(--blue)}.proof-band span{font-size:11px;color:var(--muted)}.section{max-width:1244px;margin:0 auto 112px}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:40px}.section-heading.compact{align-items:center}.section-heading>p{max-width:520px;margin:0 0 4px;line-height:1.75;color:var(--muted)}.eyebrow{margin:0 0 13px;color:var(--orange)}.section h2{font-size:clamp(54px,6vw,82px);line-height:.94;letter-spacing:-.02em}.game-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.game-grid article{min-height:235px;padding:28px;border:1px solid var(--line);border-radius:17px;background:var(--paper);position:relative;overflow:hidden;box-shadow:0 10px 30px #193b2c0a}.game-grid article:after{content:'';position:absolute;width:120px;height:120px;right:-45px;bottom:-50px;border-radius:50%;background:var(--tone,#dfeae4)}.game-grid article:nth-child(2n){--tone:#f7e4b7}.game-grid article:nth-child(3n){--tone:#dbe8f0}.game-grid article>span{font:800 12px Barlow;color:var(--orange);letter-spacing:1.5px}.game-grid h3,.feature-list h3{margin:49px 0 9px;font:800 30px/1 Barlow}.game-grid p,.feature-list p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.screens{max-width:none;padding:90px max(38px,calc((100vw - 1244px)/2));background:var(--forest);color:#fff;overflow:hidden}.screens .section-heading>p{color:#c9ddd3}.screens .eyebrow{color:#f1c361}.phone-track{display:flex;gap:23px;overflow-x:auto;padding:10px 5px 28px;scroll-snap-type:x mandatory;scrollbar-color:#d5b464 #244f41}.phone-track figure{flex:0 0 min(258px,69vw);margin:0;scroll-snap-align:center}.phone-track img{border:7px solid #102a22;border-radius:31px;box-shadow:0 19px 45px #06161066}.phone-track figcaption{text-align:center;margin-top:14px;font-size:11px;letter-spacing:1px;color:#d7e5df}.stammtisch{max-width:1244px;display:grid;grid-template-columns:1.08fr .92fr;background:#102e26;color:#f9e8bc;border-radius:25px;overflow:hidden;box-shadow:0 28px 70px #0a291d2c}.stammtisch-art{min-height:580px;position:relative}.stammtisch-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 55%,#102e26 100%)}.stammtisch-art img{width:100%;height:100%;object-fit:cover}.stammtisch-art>span{position:absolute;z-index:2;right:6%;top:8%;display:grid;place-content:center;text-align:center;width:95px;height:95px;border:1px solid #f0d590;border-radius:50%;background:#164235df;color:#ffe5a4;font:800 39px/.72 Barlow;transform:rotate(8deg)}.stammtisch-art small{font:700 8px DM;letter-spacing:1px}.stammtisch-copy{padding:65px 58px 55px}.stammtisch-copy .eyebrow{color:#f0be5b}.stammtisch-copy h2{font-size:68px}.stammtisch-copy>p:not(.eyebrow,.fineprint){color:#d0dfd7;line-height:1.75}.stammtisch-copy ol{list-style:none;margin:27px 0 31px;padding:0;display:grid;gap:18px;counter-reset:steps}.stammtisch-copy li{padding-left:46px;position:relative}.stammtisch-copy li:before{counter-increment:steps;content:counter(steps);position:absolute;left:0;top:0;width:29px;height:29px;display:grid;place-items:center;border:1px solid #e5c879;border-radius:50%;color:#f3ce77;font:800 15px Barlow}.stammtisch-copy li b,.stammtisch-copy li span{display:block}.stammtisch-copy li b{font-size:14px}.stammtisch-copy li span{margin-top:3px;color:#aebfb7;font-size:12px;line-height:1.5}.fineprint.light{color:#9eb4aa}.features{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px}.feature-list{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.feature-list article{padding:24px;border-top:1px solid #bfc8c1}.feature-list article>b{font:800 12px Barlow;color:var(--orange)}.feature-list h3{margin:22px 0 7px}.download{padding:52px 58px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:22px;background:var(--blue);color:#fff;box-shadow:0 18px 0 -11px #173e32}.download h2{font-size:66px}.download p:not(.eyebrow){margin:10px 0 0;color:#dceaf3}.download .eyebrow{color:#f6ce75}.button.inverted{background:#fff;color:var(--forest);box-shadow:0 5px 0 #b8cdd9;min-width:190px}.faq-list{border-top:1px solid #bfc8c1}.faq details{border-bottom:1px solid #bfc8c1}.faq summary{padding:24px 52px 24px 0;cursor:pointer;list-style:none;font-weight:700;position:relative}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:'+';position:absolute;right:8px;top:15px;font:800 34px Barlow;color:var(--blue)}.faq details[open] summary:after{content:'–'}.faq details p{max-width:780px;margin:-4px 0 25px;color:var(--muted);line-height:1.7}.site-footer{max-width:1244px;margin:0 auto;padding:36px 0 45px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;color:var(--muted);font-size:11px}.footer-brand{display:flex;align-items:center;gap:13px;color:var(--ink)}.footer-brand .brand-mark{width:39px;height:39px;border-radius:11px;font-size:25px;box-shadow:none}.footer-brand b,.footer-brand small{display:block}.footer-brand small{margin-top:3px;color:var(--muted)}.site-footer nav{display:flex;gap:23px}.site-footer nav a{text-underline-offset:3px}.site-footer>p{grid-column:1/-1;margin:0}
@media(max-width:1280px){.section,.proof-band,.site-footer{margin-left:38px;margin-right:38px}.screens{margin-left:0;margin-right:0}}
@media(max-width:900px){.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:15px}.hero-art{height:540px}.proof-band{grid-template-columns:repeat(2,1fr)}.proof-band p:nth-child(2){border-right:0}.proof-band p:nth-child(-n+2){border-bottom:1px solid var(--line)}.game-grid{grid-template-columns:repeat(2,1fr)}.stammtisch{grid-template-columns:1fr}.stammtisch-art{min-height:430px}.stammtisch-art:after{background:linear-gradient(180deg,transparent 60%,#102e26)}.features{grid-template-columns:1fr}.site-header nav{gap:17px}.site-header nav a{font-size:11px}}
@media(max-width:680px){.site-header{height:78px;padding:0 20px;position:relative}.brand{font-size:23px}.brand-mark{width:42px;height:42px;font-size:28px}.menu-button{display:block}.site-header nav{position:absolute;z-index:20;left:14px;right:14px;top:70px;display:none;align-items:stretch;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--paper);box-shadow:var(--shadow)}.site-header nav.open{display:grid}.site-header nav a{padding:12px;font-size:13px}.site-header .nav-store{text-align:center}.hero{padding:40px 20px 26px}.hero h1{font-size:clamp(67px,20vw,92px)}.hero-lead{font-size:16px}.hero-actions{display:grid}.button{width:100%}.hero-art{height:430px;border-radius:45% 45% 16% 16%}.hero-art .bua{width:90%;right:-18%}.stamp{width:86px;height:86px;font-size:39px}.proof-band,.section,.site-footer{margin-left:18px;margin-right:18px}.proof-band{margin-bottom:74px}.proof-band p{padding:19px 10px;display:grid;text-align:center;gap:2px}.proof-band b{font-size:24px}.section{margin-bottom:78px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:29px}.section h2{font-size:53px}.section-heading>p{font-size:14px}.game-grid{grid-template-columns:1fr}.game-grid article{min-height:190px}.game-grid h3{margin-top:34px}.screens{margin-left:0;margin-right:0;padding:67px 18px}.phone-track{margin-right:-18px}.stammtisch{margin-left:18px;margin-right:18px}.stammtisch-art{min-height:330px}.stammtisch-copy{padding:38px 25px}.stammtisch-copy h2{font-size:53px}.features{gap:32px}.feature-list{grid-template-columns:1fr}.download{padding:38px 25px;display:grid}.download h2{font-size:58px}.site-footer{grid-template-columns:1fr}.site-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:15px}.site-footer>p{grid-column:auto}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Bier-Bua brand system: same green, cream and yellow mark as the iOS app. */
:root{--forest:#173f39;--forest-dark:#0c2922;--cream:#fcf7eb;--paper:#fffaf1;--ink:#233a36;--blue:#356750;--gold:#ffc554;--orange:#a86f1e;--muted:#5e695e;--line:#ddd2b8}
.top-stripe{background:repeating-linear-gradient(125deg,var(--forest) 0 17px,var(--gold) 17px 32px)}
.brand-mark{border-radius:15px;background:linear-gradient(145deg,#ffe68e,#eeb03b);color:#6d4814;font:900 36px Barlow,Impact,sans-serif;box-shadow:inset 0 1px 0 #fff8d2,0 4px 0 #bd8127,0 7px 13px #74501425}
.brand small{color:#a38240}.site-header .nav-store,.button.primary{color:#fff9e8}.site-header .nav-store:hover,.button.primary:hover{background:#285a4b;color:#fff9e8}
.hero-art{background:linear-gradient(180deg,#dce7ce,#f8d68a 62%,#9c6039)}
.game-grid article:after{--tone:#dfe8d8}.game-grid article:nth-child(3n):after{--tone:#e2eadb}
.screens{color:#fff9e8}.screens .eyebrow,.stammtisch-copy .eyebrow{color:var(--gold)}
.download{background:var(--forest);color:#fff9e8;box-shadow:0 18px 0 -11px #c29031}.download p:not(.eyebrow){color:#dce8de}.download .eyebrow{color:var(--gold)}.button.inverted{background:var(--gold);color:var(--forest);box-shadow:0 5px 0 #b6852e}
.footer-brand .brand-mark{font-size:28px;box-shadow:inset 0 1px 0 #fff8d2,0 3px 0 #bd8127}
@media(max-width:680px){.brand-mark{font-size:31px}}
.stammtisch-actions{display:flex;flex-wrap:wrap;gap:.75rem}.button.demo-secondary{color:var(--cream);border-color:#ffe68ea6;background:#122d2947}.button.demo-secondary:hover{color:var(--ink);background:#ffe68e;border-color:#ffe68e}
.site-header .nav-stammtisch{padding:10px 14px;border:1px solid #d6b352;border-radius:9px;background:#fff4ca;color:var(--forest)}.site-header .nav-stammtisch:hover{background:var(--gold);color:var(--forest)}
.site-header .language-switch{padding:7px 10px;border:1px solid var(--line);border-radius:8px;background:var(--paper);letter-spacing:.08em}
.legal-wrap{max-width:900px;margin:70px auto 100px;padding:0 28px}.legal-wrap>h1{font:800 clamp(54px,8vw,86px)/.95 Barlow,Impact,sans-serif;margin:0 0 18px;color:var(--forest)}.legal-wrap h2{font:800 30px/1.1 Barlow,Impact,sans-serif;margin:46px 0 14px;color:var(--forest)}.legal-wrap p,.legal-wrap li{line-height:1.75}.legal-wrap li+li{margin-top:7px}.legal-intro{color:var(--muted)}.legal-note{padding:18px 20px;border-left:4px solid var(--gold);border-radius:8px;background:var(--paper)}.legal-wrap code{padding:2px 5px;border-radius:4px;background:#eee4cd}.legal-actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:50px;padding-top:25px;border-top:1px solid var(--line)}.legal-actions .bb-privacy-settings{padding:12px 16px!important;border:1px solid var(--forest)!important;border-radius:8px!important;text-decoration:none!important}.legal-actions a{font-weight:700}@media(max-width:680px){.legal-wrap{margin:45px auto 70px;padding:0 20px}.legal-wrap h2{font-size:26px;margin-top:38px}}

/* Homepage polish: keep the mascot complete and present screenshots as a tidy gallery. */
.hero-art .bua{
  width:auto;
  height:92%;
  max-width:none;
  right:auto;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  object-fit:contain;
  object-position:center bottom;
}
.phone-track{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:18px;
  overflow:visible;
  padding:10px 0 0;
}
.phone-track figure{
  min-width:0;
  margin:0;
}
.phone-track img{
  width:100%;
  height:auto;
  aspect-ratio:768/1661;
  object-fit:contain;
  border-width:5px;
  border-radius:25px;
  background:#102a22;
}
.phone-track figcaption{margin-top:12px;line-height:1.35}
@media(max-width:900px){
  .hero-art .bua{height:94%}
  .phone-track{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
}
@media(max-width:680px){
  .hero-art .bua{height:92%;left:50%;right:auto}
  .phone-track{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px;margin-right:0}
  .phone-track figure:last-child{grid-column:1/-1;width:calc(50% - 6px);justify-self:center}
  .phone-track img{border-width:4px;border-radius:20px}
}