/* O'Kellys Irish Pub - site styles. Self-hosted fonts, no external requests. */
@font-face{font-family:"Abhaya Libre";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/abhaya-libre.woff2) format("woff2")}
@font-face{font-family:"Fjalla One";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fjalla-one.woff2) format("woff2")}

:root{
  --cream:#ffefca;
  --gold:#efd989;
  --text:#fff8ea;
  --muted:rgba(255,248,234,.68);
  --panel:rgba(38,40,33,.88);
  --panel-solid:#26281f;
  --line:rgba(255,239,202,.38);
  --hl:#ffff66;
  --hl2:#ffff99;
  --serif:"Abhaya Libre",Georgia,"Times New Roman",serif;
  --head:"Fjalla One","Arial Narrow",Impact,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--serif);font-size:1.1875rem;line-height:1.6;color:var(--text);background:#140d0b}
body::before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;
  background:linear-gradient(rgba(0,0,0,.63),rgba(0,0,0,.63)),url(../img/bar.jpg) center right/cover no-repeat}
img{max-width:100%;height:auto;display:block}
a{color:var(--cream);text-underline-offset:.15em}
a:hover{color:#fff}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.skip{position:absolute;left:-999px;top:0;background:#000;color:#fff;padding:.6em 1em;z-index:100}
.skip:focus{left:8px;top:8px}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 22px}
.wrap.narrow{max-width:900px}
.muted{color:var(--muted)}
.center{text-align:center}
.right{text-align:right}

/* header */
.site-header{background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,0));position:relative;z-index:10}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:14px;padding-bottom:14px}
.brand img{width:220px;height:auto}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px 26px;justify-content:flex-end}
.site-nav a{font-family:var(--head);font-size:18px;letter-spacing:.04em;text-decoration:none;color:var(--text);padding:.35em 0;border-bottom:2px solid transparent}
.site-nav a:hover,.site-nav a[aria-current]{border-bottom-color:var(--cream);color:var(--cream)}
.nav-toggle{display:none;font-family:var(--head);font-size:17px;letter-spacing:.05em;color:#fff;background:#000;border:1px solid #fff;padding:.5em 1.1em;cursor:pointer}

/* headings and text */
h1,h2,h3,h4,h5{font-weight:700;line-height:1.15;margin:0 0 .5em}
h1{font-size:clamp(2.4rem,5.4vw,4rem);color:var(--cream)}
h2{font-size:clamp(1.7rem,3.4vw,2.4rem);color:var(--cream)}
p{margin:0 0 1em}
.big{font-size:1.15em}
.hl{color:var(--hl)}
.hl2{color:var(--hl2)}
.lead{font-size:1.25em;max-width:46rem}

/* buttons */
.btn{display:inline-block;font-family:var(--head);font-size:17px;letter-spacing:.04em;text-decoration:none;color:#fff;background:#000;border:1px solid #fff;padding:.6em 1.3em;line-height:1.2}
.btn:hover{background:var(--cream);color:#000;border-color:var(--cream)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:1.4em}

/* layout blocks */
.hero{padding:34px 0 46px}
.hero-text{text-shadow:0 1px 4px rgba(0,0,0,.85)}
.hero-map img{width:100%;max-width:464px;margin:0 auto}
.band{padding:26px 0}
.cols{display:grid;gap:30px;align-items:start}
.cols-2-1{grid-template-columns:2fr 1fr}
.cols-1-2{grid-template-columns:1fr 2fr}
.cols-2-2{grid-template-columns:1fr 1fr;align-items:center}
.panel{background:var(--panel);padding:28px 32px}
.rule{display:flex;align-items:center;gap:20px;text-align:center;margin-bottom:1em}
.rule::before,.rule::after{content:"";flex:1;border-top:1px solid var(--line)}
.rule span{flex:0 1 auto}
.photo-link{position:relative;display:block;overflow:hidden;box-shadow:0 12px 24px rgba(0,0,0,.5);color:#fff;text-decoration:none}
.photo-link img{width:100%;aspect-ratio:1479/1210;object-fit:cover;transition:transform .5s}
.photo-cap{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:rgba(255,255,255,.88);color:#111;padding:1em 1.4em;text-align:center;opacity:0;transition:opacity .25s;width:80%;font-size:1.05rem}
.photo-first{position:sticky;top:20px}
.photo-link:hover .photo-cap,.photo-link:focus-visible .photo-cap{opacity:1}
.photo-link:hover img{transform:scale(1.04)}
.quote-band .panel{background:rgba(38,40,33,.8)}
.pull{margin:0;font-size:clamp(1.8rem,4vw,2.9rem);line-height:1.2;text-align:right;color:var(--cream);text-shadow:2px 2px 4px #000;font-style:italic}

/* inner pages */
.page-title{padding:44px 0 12px;text-align:center}
.page-title h1{margin-bottom:.3em}
.page-title .lead{margin:0 auto;color:var(--text)}
.prose h2{margin-top:1.4em;border-bottom:1px solid var(--line);padding-bottom:.25em}
.prose h2:first-child{margin-top:0}
.prose ul{padding-left:1.2em}
.prose li{margin-bottom:.4em}
.prose address{font-style:normal;margin:1em 0}
.prose blockquote{margin:1.4em 0;padding:.2em 0 .2em 1.2em;border-left:3px solid var(--gold);font-size:1.1em}
.prose img{margin:1.2em auto}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:1.4em 0}
.gallery img{width:100%;aspect-ratio:4/3;object-fit:cover;margin:0}
.gallery a{display:block;box-shadow:0 6px 14px rgba(0,0,0,.45)}
.hours{list-style:none;padding:0!important;margin:1.4em 0}
.hours li{display:flex;flex-wrap:wrap;gap:4px 24px;padding:.75em 0;border-bottom:1px solid var(--line);margin:0}
.hours strong{font-family:var(--head);font-weight:400;font-size:1.15em;min-width:13rem;color:var(--cream)}
.faq h2{font-family:var(--head);font-weight:400}

/* tabs (shared by "This Week" and the sport weeks) */
.tabs{display:grid;grid-template-columns:200px 1fr;gap:26px;align-items:start}
.tablist{display:flex;flex-direction:column;gap:6px}
.tablist button{font-family:var(--head);font-size:18px;letter-spacing:.03em;text-align:left;color:var(--muted);background:none;border:0;border-left:3px solid transparent;padding:.55em .8em;cursor:pointer}
.tablist button:hover{color:#fff}
.tablist button[aria-selected="true"]{color:var(--cream);border-left-color:var(--cream);background:rgba(255,239,202,.08)}
.panel-title{font-family:var(--head);font-weight:400;font-size:1.9rem;color:var(--cream);padding-bottom:.35em;margin-bottom:.7em;border-bottom:1px solid var(--line)}
.js .tabpanel:not(.is-active){display:none}
.tabpanel+.tabpanel{margin-top:2.4em}
.js .tabpanel+.tabpanel{margin-top:0}
.js .tabs .tablist{display:flex}

/* sport listing */
.notice{background:rgba(239,217,137,.16);border:1px solid var(--gold);padding:.8em 1.1em;margin:0 0 1.4em;font-size:1.1em}
.day{padding:.9em 0 .3em;border-top:1px solid rgba(255,239,202,.14)}
.day:first-of-type{border-top:0;padding-top:0}
.day-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-family:var(--head);font-weight:400;font-size:1.7rem;color:var(--cream);margin-bottom:.35em}
.day-open{font-size:1.15rem;color:var(--gold);letter-spacing:.03em}
.today{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;background:var(--cream);color:#1a1a12;padding:.15em .6em}
.day.is-today{background:rgba(255,239,202,.06);margin:0 -14px;padding-left:14px;padding-right:14px}
.label{font-family:var(--head);font-weight:400;font-size:1rem;letter-spacing:.09em;text-transform:uppercase;color:var(--gold);margin:.9em 0 .3em}
.events,.fixtures{list-style:none;margin:0 0 .6em;padding:0}
.events li{padding:.15em 0}
.fixtures li{display:grid;grid-template-columns:4rem 9.5rem 1fr;gap:0 1rem;padding:.3em 0;border-bottom:1px dotted rgba(255,239,202,.16)}
.fixtures li:last-child{border-bottom:0}
.fixtures .t{font-family:var(--head);color:var(--cream);letter-spacing:.03em}
.fixtures .c{color:var(--muted)}
.fixtures .f{font-weight:700}
.fixtures .nocomp .f{grid-column:2/4}
.fixtures .plain{display:block}
.nosport{margin:.2em 0 .8em;color:var(--muted);font-style:italic}
.footnote{margin-top:1.6em;font-style:italic;color:var(--muted)}

/* footer */
.site-footer{margin-top:34px;padding:34px 0 40px;background:rgba(0,0,0,.55);font-size:1rem}
.footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.foot-nav,.social{list-style:none;margin:.8em 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.foot-nav a,.social a{text-decoration:none;font-family:var(--head);letter-spacing:.03em}
.foot-nav a:hover,.social a:hover{text-decoration:underline}
.social{justify-content:center;margin-top:0}
.foot-b{text-align:center}
.foot-c{text-align:right}
.totop{font-family:var(--head)}

/* small screens */
@media (max-width:860px){
  body{font-size:18px}
  .cols-2-1,.cols-1-2,.cols-2-2,.footer-grid{grid-template-columns:1fr}
  .photo-first{order:2;position:static}
  .panel{padding:22px 18px}
  .nav-toggle{display:inline-block}
  .site-nav{display:none;position:absolute;left:0;right:0;top:100%;background:rgba(10,8,7,.97);padding:10px 22px 18px;border-top:1px solid var(--line)}
  .site-nav.open{display:block}
  .site-nav ul{flex-direction:column;align-items:flex-start;gap:0}
  .site-nav a{display:block;padding:.7em 0;font-size:20px}
  .brand img{width:150px}
  .tabs{grid-template-columns:1fr;gap:16px}
  .tablist{flex-direction:row;flex-wrap:wrap;gap:8px}
  .tablist button{border:1px solid var(--line);border-left-width:1px;padding:.5em .9em;font-size:17px}
  .tablist button[aria-selected="true"]{border-color:var(--cream)}
  .day.is-today{margin:0 -8px;padding-left:8px;padding-right:8px}
  .fixtures li{grid-template-columns:3.8rem 1fr;row-gap:0}
  .fixtures .t{grid-row:1/3}
  .fixtures .c{grid-column:2;font-size:.92em}
  .fixtures .f{grid-column:2}
  .fixtures .nocomp .t{grid-row:auto}
  .pull,.right{text-align:left}
  .foot-b,.foot-c{text-align:left}
  .social{justify-content:flex-start}
  .hours strong{min-width:0;width:100%}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo-link img,.photo-cap{transition:none}}
@media print{body::before{display:none}body{background:#fff;color:#000}.site-header,.site-footer,.photo-link{display:none}.panel{background:none;padding:0}}
.prose img.wide{width:100%;max-height:420px;object-fit:cover}
.prose img.map{max-width:464px}
.prose img.signature{max-width:220px;margin-left:0}
.prose .btn{margin:.2em 0}
.prose .btn-row{justify-content:flex-start}
.prose .lead{font-size:1.2em}
.day-date{color:var(--muted);font-size:1.05rem;letter-spacing:.03em}

/* ===== front page (Today, week strip, big buttons, info box) ===== */
:root{--green:#3aa76d;--green-l:#6fd39a;--green-d:#175c39}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.ic{width:1.1em;height:1.1em;flex:none}
.home{padding-top:6px;padding-bottom:22px}
.home .notice{margin:0 0 16px}
.home-grid{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
.hcard{background:rgba(22,24,20,.9);border-left:4px solid var(--green);border-radius:10px;padding:18px 18px 16px;box-shadow:0 8px 22px rgba(0,0,0,.35)}
.hcard.intro{margin-bottom:16px}
.hcard-title{font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:2rem;letter-spacing:.02em;color:var(--cream);margin:0 0 .1em;line-height:1.1}
.hcard-date{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 .7em;font-size:1rem}
.daycard{display:none}
.daycard.is-active{display:block}
.rows{list-style:none;margin:0;padding:0}
.row{display:grid;grid-template-columns:3.3rem 1.7rem minmax(0,1fr) auto;gap:0 .75rem;align-items:center;padding:.6em 0;border-top:1px solid rgba(255,239,202,.14)}
.row .t{font-family:var(--head);color:var(--green-l);font-size:1.15rem;letter-spacing:.02em}
.row .i .ic{width:22px;height:22px;color:var(--cream);display:block}
.row .m strong{display:block;text-transform:uppercase;letter-spacing:.02em;font-size:1.02rem;line-height:1.25}
.row .m small{display:block;color:var(--muted);font-size:.85rem;line-height:1.3}
.row.kind-doors .m strong{color:var(--gold)}
.row.is-live{background:rgba(211,48,63,.12);margin:0 -8px;padding-left:8px;padding-right:8px;border-radius:4px}
.live{background:#d3303f;color:#fff;font-family:var(--head);font-size:.8rem;letter-spacing:.09em;padding:.12em .65em;border:1px solid #ff7b86;border-radius:4px;text-transform:uppercase;animation:pulse 2s ease-in-out infinite}
.live[hidden]{display:none}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.62}}
.hcard .nosport{margin:.6em 0 0}
.hcard .footnote{margin:1.2em 0 0;font-size:.9rem}
.weekpills{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 .9em}
.pill-btn{font-family:var(--head);font-size:.95rem;letter-spacing:.04em;color:var(--muted);background:none;border:1px solid var(--line);border-radius:99px;padding:.28em 1em;cursor:pointer}
.pill-btn:hover{color:#fff}
.pill-btn.is-active{color:#fff;background:var(--green-d);border-color:var(--green)}
.strip{display:none;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.strip.is-active{display:grid}
.tile{position:relative;display:flex;flex-direction:column;padding:0;border:1px solid rgba(255,239,202,.25);border-radius:6px;background:rgba(255,255,255,.04);color:var(--text);cursor:pointer;font:inherit;overflow:hidden;text-align:center}
.tile:hover{background:rgba(255,255,255,.11)}
.tile .th{background:var(--green-d);color:#fff;font-family:var(--head);font-size:.95rem;letter-spacing:.05em;text-transform:uppercase;padding:.3em 0}
.tile.is-today .th{background:var(--green)}
.tile .tb{display:flex;flex-direction:column;align-items:center;gap:.28em;padding:.55em .2em .6em;min-height:5.8rem;flex:1}
.tile .ti{display:flex;gap:2px;justify-content:center;flex-wrap:wrap}
.tile .ti .ic{width:22px;height:22px}
.tile .tl{font-family:var(--head);font-size:.68rem;letter-spacing:.02em;text-transform:uppercase;line-height:1.15;overflow-wrap:normal}
.tile .tt{font-size:.72rem;color:var(--muted)}
.tile.is-selected{border-color:var(--cream);box-shadow:0 0 0 1px var(--cream)}
.tile .dot{display:none;position:absolute;top:3px;right:3px;width:8px;height:8px;border-radius:50%;background:#e8404e}
.tile.has-live .dot{display:block}
.bigtiles{display:grid;gap:12px}
.bigtile{position:relative;display:flex;align-items:center;gap:16px;min-height:78px;padding:0 20px;border-radius:8px;overflow:hidden;color:#fff;text-decoration:none;background-color:#123d28;background-repeat:no-repeat;background-position:right center;background-size:cover;isolation:isolate}
.bigtile::before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:linear-gradient(90deg,#123d28 0%,#123d28 40%,rgba(18,61,40,.6) 64%,rgba(18,61,40,.05) 100%)}
.bt-menu{background-image:url(/images/burger1.jpg)}
.bt-specials{background-image:url(/assets/img/sign.jpg)}
.bt-whiskey{background-image:url(/assets/img/whiskey.jpg)}
.bt-ic .ic{width:36px;height:36px;display:block}
.bt-tx{display:flex;flex-direction:column}
.bt-tx strong{font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:1.7rem;letter-spacing:.04em;line-height:1.1}
.bt-tx small{font-size:1rem;opacity:.9}
.bt-ar .ic{width:20px;height:20px;display:block;transition:transform .2s}
.bigtile:hover .bt-ar .ic{transform:translateX(4px)}
.bigtile:hover{filter:brightness(1.1);color:#fff}
.info{display:grid;grid-template-columns:1fr 1fr;padding:18px 0 18px 4px}
.info-col{padding:0 18px}
.info-col+.info-col{border-left:1px solid rgba(255,239,202,.22)}
.info .brand{font-family:var(--head);font-weight:400;text-transform:uppercase;font-size:1.7rem;color:var(--cream);margin:0 0 .3em}
.info p{margin:0 0 .5em}
.info h3{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.07em;font-size:.95rem;color:var(--gold);margin:1.1em 0 .4em}
.info .info-col>h3:first-child{margin-top:0}
.openline{display:flex;gap:.5em;align-items:center;text-transform:uppercase;font-size:.9rem;letter-spacing:.05em;color:var(--green-l);margin:.7em 0 .9em!important}
.btn-map{display:inline-flex;gap:.5em;align-items:center;font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:.95rem;background:var(--green-d);color:#fff;text-decoration:none;padding:.65em 1.15em;border-radius:6px;border:1px solid var(--green)}
.btn-map:hover{background:var(--green);color:#fff}
.info-social{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px 18px}
.info-social a{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:.8rem;text-decoration:none}
.info-social .ic{width:26px;height:26px}
.touch a{display:inline-flex;gap:.5em;align-items:center;font-family:var(--head);text-transform:uppercase;letter-spacing:.05em;text-decoration:none}
.touch .ic{width:22px;height:22px}
@media (min-width:900px){
  .home-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);grid-template-areas:"today week" "today tiles" "info info";align-items:start}
  .g-today{grid-area:today}.g-week{grid-area:week}.g-tiles{grid-area:tiles}.g-info{grid-area:info}
}
@media (max-width:520px){
  .wrap.home{padding-left:12px;padding-right:12px}
  .hcard{padding:16px 14px 14px}
  .strip{gap:4px}
  .tile .tl{font-size:.58rem;letter-spacing:0;overflow-wrap:normal}
  .tile .ti .ic{width:19px;height:19px}
  .info{grid-template-columns:1fr}
  .info-col+.info-col{border-left:0;border-top:1px solid rgba(255,239,202,.22);margin-top:1em;padding-top:1em}
}
@media (prefers-reduced-motion:reduce){.live{animation:none}.bt-ar .ic{transition:none}}
/* specials page */
.flyers{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;margin:1.4em 0 0;padding:0;list-style:none}
.flyers li{margin:0}
.flyer{display:block;text-decoration:none;color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.flyer:hover{border-color:var(--cream);background:rgba(255,255,255,.1)}
.flyer .fw{aspect-ratio:3/4;background:#121110;display:flex;align-items:center;justify-content:center;overflow:hidden}
.prose .flyer img,.flyer img{width:100%;height:100%;object-fit:contain;margin:0}
.flyer .ph .ic{width:72px;height:72px;opacity:.7}
.flyer .cap{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:.6em .8em;font-family:var(--head);letter-spacing:.03em}
.flyer .kind{font-size:.75rem;background:var(--green-d);padding:.1em .55em;border-radius:4px;text-transform:uppercase}
.map-btns{display:flex;flex-wrap:wrap;gap:8px}

/* ===== card corners ===== */
.site-footer{position:relative}
.hcard,.panel{position:relative}
.hcard{overflow:hidden;padding-top:20px}
.panel{overflow:hidden;padding-top:30px}
.hcard::after,.panel::after{content:"";position:absolute;top:12px;right:12px;width:26px;height:26px;background:var(--gold);opacity:.5;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 28 28%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22%3E%3Cellipse cx=%2214%22 cy=%2214%22 rx=%2212%22 ry=%225%22/%3E%3Cellipse cx=%2214%22 cy=%2214%22 rx=%2212%22 ry=%225%22 transform=%22rotate%2860 14 14%29%22/%3E%3Cellipse cx=%2214%22 cy=%2214%22 rx=%2212%22 ry=%225%22 transform=%22rotate%28120 14 14%29%22/%3E%3Ccircle cx=%2214%22 cy=%2214%22 r=%222.2%22/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 28 28%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%221.7%22 stroke-linecap=%22round%22%3E%3Cellipse cx=%2214%22 cy=%2214%22 rx=%2212%22 ry=%225%22/%3E%3Cellipse cx=%2214%22 cy=%2214%22 rx=%2212%22 ry=%225%22 transform=%22rotate%2860 14 14%29%22/%3E%3Cellipse cx=%2214%22 cy=%2214%22 rx=%2212%22 ry=%225%22 transform=%22rotate%28120 14 14%29%22/%3E%3Ccircle cx=%2214%22 cy=%2214%22 r=%222.2%22/%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}
.hcard.info::after{display:none}

/* ===== gentle motion (switched off for visitors who prefer less motion) ===== */
.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.js .reveal.in{opacity:1;transform:none}
.js .reveal:not(.in){animation:ok-reveal-failsafe .4s ease 3.2s forwards}
@keyframes ok-reveal-failsafe{to{opacity:1;transform:none}}
.tile,.bigtile,.flyer,.btn-map,.cal,.livebar{transition:transform .18s ease,background .18s ease,filter .18s ease,border-color .18s ease}
.tile:hover,.tile:active,.bigtile:hover,.bigtile:active,.flyer:hover,.flyer:active{transform:translateY(-3px)}
.row.is-live .i .ic{animation:ballpulse 1.6s ease-in-out infinite}
@keyframes ballpulse{0%,100%{transform:scale(1)}50%{transform:scale(1.2)}}
@keyframes glow{0%,100%{box-shadow:0 0 0 0 rgba(232,64,78,0)}50%{box-shadow:0 0 12px 2px rgba(232,64,78,.75)}}
.live{animation:pulse 2s ease-in-out infinite,glow 2s ease-in-out infinite}

/* ===== live bar, open badge ===== */
.topline{padding:8px 0 0;position:relative;z-index:10}
.topline .wrap{display:flex;justify-content:flex-end}
.open-badge{display:inline-flex;align-items:center;gap:.55em;font-family:var(--head);letter-spacing:.05em;font-size:.86rem;text-transform:uppercase;padding:.25em .9em;border-radius:99px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.22);color:var(--text)}
.ob-dot{width:.6em;height:.6em;border-radius:50%;background:#7c7c74}
.open-badge.is-open .ob-dot{background:#41d27f;box-shadow:0 0 8px #41d27f}
.open-badge.is-closed .ob-dot{background:#e8404e}
@media (max-width:860px){.topline .wrap{justify-content:center}}

/* ===== next up, chips, favourites, calendar buttons ===== */
.nextup{display:flex;gap:.6em;align-items:center;background:rgba(58,167,109,.14);border:1px solid rgba(58,167,109,.5);border-radius:6px;padding:.5em .8em;margin:0 0 .9em;font-size:.98rem;line-height:1.3}
.nextup[hidden]{display:none}
.nextup .ic{color:var(--green-l);width:1.2em;height:1.2em}
.nextup strong{text-transform:uppercase;letter-spacing:.02em}
.nextup b{color:var(--green-l);font-family:var(--head);font-weight:400;letter-spacing:.03em}
.row{grid-template-columns:3.3rem 1.7rem minmax(0,1fr) auto auto}
.row .m small{display:flex;flex-wrap:wrap;align-items:center;gap:.4em}
.chip{display:inline-block;font-family:var(--head);font-size:.7rem;letter-spacing:.06em;padding:.05em .55em;border-radius:4px;color:#fff;background:#4a4d43;text-transform:uppercase;line-height:1.5}
.chip-cl{background:#1a3f9c}.chip-el{background:#e3651a}.chip-ecl{background:#1f9d55}.chip-bl{background:#d3121a}.chip-bl2{background:#8e1c1c}
.chip-pl{background:#4b1d70}.chip-efl{background:#0b7a44}.chip-l1{background:#12326b}.chip-ll{background:#d97a0a}.chip-sa{background:#0f5fa8}
.chip-nl{background:#0a1f5c}.chip-sixn{background:#0c7a58}.chip-wc{background:#8a6a00}.chip-nfl{background:#0c3a72}.chip-f1{background:#e10600}.chip-darts{background:#a3262b}
.chip-rugby{background:#0d6b45}.chip-cricket{background:#4f7f2f}.chip-gaa{background:#0e7c3a}
.row.is-fav{background:linear-gradient(90deg,rgba(239,217,137,.16),rgba(239,217,137,0) 65%);border-left:3px solid var(--gold);padding-left:9px;margin-left:-12px}
.fav{display:inline-block;margin-left:.4em}
.fav .ic{width:.95em;height:.95em;color:var(--gold);fill:var(--gold);vertical-align:-.1em}
.cal{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid rgba(255,239,202,.3);color:var(--cream);margin-left:2px}
.cal[hidden]{display:none}
.cal .ic{width:17px;height:17px}
.cal:hover{background:var(--green-d);border-color:var(--green);color:#fff}

/* ===== phone quick bar ===== */
.quickbar{display:none}
@media (max-width:700px){
  body{padding-bottom:calc(68px + env(safe-area-inset-bottom,0px))}
  .quickbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(10,8,7,.97);border-top:1px solid rgba(255,239,202,.25);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
  .quickbar a{display:flex;flex-direction:column;align-items:center;gap:3px;color:var(--cream);text-decoration:none;font-family:var(--head);font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 0;border-radius:6px}
  .quickbar a:active{background:rgba(255,239,202,.12)}
  .quickbar .ic{width:23px;height:23px}
}

/* ===== pour animation while a slow page loads ===== */
.pour{display:none}
.js .pour{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex;align-items:center;justify-content:center;background:#140d0b;opacity:0;pointer-events:none;animation:pourin .25s ease .4s forwards,pourgone .3s ease 6s forwards}
.js.loaded .pour{display:none}
.pour svg{width:84px;height:100px}
.pour .stout{transform-box:fill-box;transform-origin:bottom;animation:pourfill 1.7s ease-in-out infinite}
.pour .foam{transform-box:fill-box;animation:pourfoam 1.7s ease-in-out infinite}
@keyframes pourin{to{opacity:1}}
@keyframes pourgone{to{opacity:0;visibility:hidden}}
@keyframes pourfill{0%{transform:scaleY(.02)}75%,100%{transform:scaleY(1)}}
@keyframes pourfoam{0%{transform:translateY(74px)}75%,100%{transform:translateY(0)}}

/* ===== Find Us page pieces (usable in any text) ===== */
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:16px;margin:1.4em 0}
.tcard{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:10px;padding:1em 1.15em .6em}
.tcard h3{display:flex;align-items:center;gap:.55em;margin:0 0 .5em;font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.35rem;color:var(--cream)}
.tcard ul{margin:.3em 0 .6em;padding-left:1.1em}
.ic-tram,.ic-foot,.ic-car,.ic-pin,.ic-clock,.ic-phone{display:inline-block;flex:none;width:1.7em;height:1.7em;background:var(--gold);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center}
.ic-tram{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2216%22 height=%2216%22 x=%224%22 y=%223%22 rx=%222%22/%3E%3Cpath d=%22M4 11h16%22/%3E%3Cpath d=%22M12 3v8%22/%3E%3Cpath d=%22m8 19-2 3%22/%3E%3Cpath d=%22m18 22-2-3%22/%3E%3Cpath d=%22M8 15h.01%22/%3E%3Cpath d=%22M16 15h.01%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2216%22 height=%2216%22 x=%224%22 y=%223%22 rx=%222%22/%3E%3Cpath d=%22M4 11h16%22/%3E%3Cpath d=%22M12 3v8%22/%3E%3Cpath d=%22m8 19-2 3%22/%3E%3Cpath d=%22m18 22-2-3%22/%3E%3Cpath d=%22M8 15h.01%22/%3E%3Cpath d=%22M16 15h.01%22/%3E%3C/svg%3E")}
.ic-foot{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z%22/%3E%3Cpath d=%22M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z%22/%3E%3Cpath d=%22M16 17h4%22/%3E%3Cpath d=%22M4 13h4%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M4 16v-2.38C4 11.5 2.97 10.5 3 8c.03-2.72 1.49-6 4.5-6C9.37 2 10 3.8 10 5.5c0 3.11-2 5.66-2 8.68V16a2 2 0 1 1-4 0Z%22/%3E%3Cpath d=%22M20 20v-2.38c0-2.12 1.03-3.12 1-5.62-.03-2.72-1.49-6-4.5-6C14.63 6 14 7.8 14 9.5c0 3.11 2 5.66 2 8.68V20a2 2 0 1 0 4 0Z%22/%3E%3Cpath d=%22M16 17h4%22/%3E%3Cpath d=%22M4 13h4%22/%3E%3C/svg%3E")}
.ic-car{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2%22/%3E%3Ccircle cx=%227%22 cy=%2217%22 r=%222%22/%3E%3Cpath d=%22M9 17h6%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 17h2c.6 0 1-.4 1-1v-3c0-.9-.7-1.7-1.5-1.9C18.7 10.6 16 10 16 10s-1.3-1.4-2.2-2.3c-.5-.4-1.1-.7-1.8-.7H5c-.6 0-1.1.4-1.4.9l-1.4 2.9A3.7 3.7 0 0 0 2 12v4c0 .6.4 1 1 1h2%22/%3E%3Ccircle cx=%227%22 cy=%2217%22 r=%222%22/%3E%3Cpath d=%22M9 17h6%22/%3E%3Ccircle cx=%2217%22 cy=%2217%22 r=%222%22/%3E%3C/svg%3E")}
.ic-pin{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 10c0 4.993-5.539 10.193-7.399 11.799a1 1 0 0 1-1.202 0C9.539 20.193 4 14.993 4 10a8 8 0 0 1 16 0%22/%3E%3Ccircle cx=%2212%22 cy=%2210%22 r=%223%22/%3E%3C/svg%3E")}
.ic-clock{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpolyline points=%2212 6 12 12 16 14%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpolyline points=%2212 6 12 12 16 14%22/%3E%3C/svg%3E")}
.ic-phone{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z%22/%3E%3C/svg%3E")}
ol.steps{counter-reset:st;list-style:none;padding:0;margin:.8em 0 1em}
ol.steps li{counter-increment:st;position:relative;padding:.15em 0 .9em 2.9em;margin:0;min-height:2.3em}
ol.steps li::before{content:counter(st);position:absolute;left:0;top:0;width:2.05em;height:2.05em;border-radius:50%;background:var(--green-d);border:1px solid var(--green);color:#fff;font-family:var(--head);display:flex;align-items:center;justify-content:center}
ol.steps li::after{content:"";position:absolute;left:1em;top:2.2em;bottom:.2em;width:2px;background:rgba(58,167,109,.45)}
ol.steps li:last-child::after{display:none}
.mapfig{margin:1.4em 0}
.mapfig img{width:100%;height:auto;margin:0;border-radius:10px;border:1px solid var(--line);background:#181a15}
.mapfig figcaption{color:var(--muted);font-size:.92rem;margin-top:.5em}
.tag{display:inline-block;font-family:var(--head);font-size:.8rem;letter-spacing:.06em;text-transform:uppercase;background:var(--green-d);border:1px solid var(--green);border-radius:4px;padding:.05em .6em;color:#fff}

@media print{.quickbar,.pour,.livebar,.topline{display:none!important}}
@media (prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none}
  .tile:hover,.tile:active,.bigtile:hover,.bigtile:active,.flyer:hover,.flyer:active{transform:none}
  .row.is-live .i .ic,.live,.lb-dot{animation:none}
  .pour{display:none!important}
}
@media (max-width:520px){
  .row{gap:0 .55rem;grid-template-columns:3rem 1.6rem minmax(0,1fr) auto auto}
  .cal{width:30px;height:30px}
  .live{font-size:.72rem;padding:.1em .45em}
}

/* ===== icon masks for page content (any class ic-name works if defined here) ===== */
.ic-ball,.ic-rugby,.ic-nfl,.ic-cricket,.ic-gaa,.ic-target,.ic-star,.ic-utensils,.ic-glass,.ic-quiz,.ic-bingo,.ic-users,.ic-tv,.ic-gift,.ic-music,.ic-ban,.ic-trophy,.ic-calendar,.ic-beer,.ic-mail,.ic-heart{display:inline-block;flex:none;width:1.7em;height:1.7em;background:var(--gold);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;vertical-align:-.3em}
.ic-ball{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m12 8 3.8 2.8-1.45 4.45h-4.7L8.2 10.8z%22/%3E%3Cpath d=%22M12 8V2.2%22/%3E%3Cpath d=%22m15.8 10.8 5.6-1.9%22/%3E%3Cpath d=%22m14.35 15.25 3.4 5%22/%3E%3Cpath d=%22m9.65 15.25-3.4 5%22/%3E%3Cpath d=%22M8.2 10.8 2.6 8.9%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m12 8 3.8 2.8-1.45 4.45h-4.7L8.2 10.8z%22/%3E%3Cpath d=%22M12 8V2.2%22/%3E%3Cpath d=%22m15.8 10.8 5.6-1.9%22/%3E%3Cpath d=%22m14.35 15.25 3.4 5%22/%3E%3Cpath d=%22m9.65 15.25-3.4 5%22/%3E%3Cpath d=%22M8.2 10.8 2.6 8.9%22/%3E%3C/svg%3E")}
.ic-rugby{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate%28-45 12 12%29%22%3E%3Cellipse cx=%2212%22 cy=%2212%22 rx=%2210.2%22 ry=%226.4%22/%3E%3Cpath d=%22M12 5.6v12.8%22/%3E%3Cpath d=%22M7.2 7c1.4 1.7 1.4 8.3 0 10%22/%3E%3Cpath d=%22M16.8 7c-1.4 1.7-1.4 8.3 0 10%22/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate%28-45 12 12%29%22%3E%3Cellipse cx=%2212%22 cy=%2212%22 rx=%2210.2%22 ry=%226.4%22/%3E%3Cpath d=%22M12 5.6v12.8%22/%3E%3Cpath d=%22M7.2 7c1.4 1.7 1.4 8.3 0 10%22/%3E%3Cpath d=%22M16.8 7c-1.4 1.7-1.4 8.3 0 10%22/%3E%3C/g%3E%3C/svg%3E")}
.ic-nfl{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate%28-45 12 12%29%22%3E%3Cellipse cx=%2212%22 cy=%2212%22 rx=%2210.2%22 ry=%226.4%22/%3E%3Cpath d=%22M5.6 7.4v9.2%22/%3E%3Cpath d=%22M18.4 7.4v9.2%22/%3E%3Cpath d=%22M9 12h6%22/%3E%3Cpath d=%22M10.5 10.4v3.2%22/%3E%3Cpath d=%22M12 10.4v3.2%22/%3E%3Cpath d=%22M13.5 10.4v3.2%22/%3E%3C/g%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate%28-45 12 12%29%22%3E%3Cellipse cx=%2212%22 cy=%2212%22 rx=%2210.2%22 ry=%226.4%22/%3E%3Cpath d=%22M5.6 7.4v9.2%22/%3E%3Cpath d=%22M18.4 7.4v9.2%22/%3E%3Cpath d=%22M9 12h6%22/%3E%3Cpath d=%22M10.5 10.4v3.2%22/%3E%3Cpath d=%22M12 10.4v3.2%22/%3E%3Cpath d=%22M13.5 10.4v3.2%22/%3E%3C/g%3E%3C/svg%3E")}
.ic-cricket{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate%2845 12 12%29%22%3E%3Crect x=%229%22 y=%221.5%22 width=%226%22 height=%2213%22 rx=%221.5%22/%3E%3Cpath d=%22M12 14.5v7%22/%3E%3C/g%3E%3Ccircle cx=%225.2%22 cy=%2219%22 r=%222.2%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cg transform=%22rotate%2845 12 12%29%22%3E%3Crect x=%229%22 y=%221.5%22 width=%226%22 height=%2213%22 rx=%221.5%22/%3E%3Cpath d=%22M12 14.5v7%22/%3E%3C/g%3E%3Ccircle cx=%225.2%22 cy=%2219%22 r=%222.2%22/%3E%3C/svg%3E")}
.ic-gaa{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 2c-3.4 3.2-3.4 16.8 0 20%22/%3E%3Cpath d=%22M12 2c3.4 3.2 3.4 16.8 0 20%22/%3E%3Cpath d=%22M2 12h20%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 2c-3.4 3.2-3.4 16.8 0 20%22/%3E%3Cpath d=%22M12 2c3.4 3.2 3.4 16.8 0 20%22/%3E%3Cpath d=%22M2 12h20%22/%3E%3C/svg%3E")}
.ic-target{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%226%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%222%22/%3E%3C/svg%3E")}
.ic-star{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M11.525 2.295a.53.53 0 0 1 .95 0l2.31 4.679a2.123 2.123 0 0 0 1.595 1.16l5.166.756a.53.53 0 0 1 .294.904l-3.736 3.638a2.123 2.123 0 0 0-.611 1.878l.882 5.14a.53.53 0 0 1-.771.56l-4.618-2.428a2.122 2.122 0 0 0-1.973 0L6.396 21.01a.53.53 0 0 1-.77-.56l.881-5.139a2.122 2.122 0 0 0-.611-1.879L2.16 9.795a.53.53 0 0 1 .294-.906l5.165-.755a2.122 2.122 0 0 0 1.597-1.16z%22/%3E%3C/svg%3E")}
.ic-utensils{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2%22/%3E%3Cpath d=%22M7 2v20%22/%3E%3Cpath d=%22M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 2v7c0 1.1.9 2 2 2h4a2 2 0 0 0 2-2V2%22/%3E%3Cpath d=%22M7 2v20%22/%3E%3Cpath d=%22M21 15V2a5 5 0 0 0-5 5v6c0 1.1.9 2 2 2h3Zm0 0v7%22/%3E%3C/svg%3E")}
.ic-glass{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15.2 22H8.8a2 2 0 0 1-2-1.79L5 3h14l-1.81 17.21A2 2 0 0 1 15.2 22Z%22/%3E%3Cpath d=%22M6 12a5 5 0 0 1 6 0 5 5 0 0 0 6 0%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M15.2 22H8.8a2 2 0 0 1-2-1.79L5 3h14l-1.81 17.21A2 2 0 0 1 15.2 22Z%22/%3E%3Cpath d=%22M6 12a5 5 0 0 1 6 0 5 5 0 0 0 6 0%22/%3E%3C/svg%3E")}
.ic-quiz{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3%22/%3E%3Cpath d=%22M12 17h.01%22/%3E%3C/svg%3E")}
.ic-bingo{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%223%22 rx=%222%22/%3E%3Cpath d=%22M3 9h18%22/%3E%3Cpath d=%22M3 15h18%22/%3E%3Cpath d=%22M9 3v18%22/%3E%3Cpath d=%22M15 3v18%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%223%22 rx=%222%22/%3E%3Cpath d=%22M3 9h18%22/%3E%3Cpath d=%22M3 15h18%22/%3E%3Cpath d=%22M9 3v18%22/%3E%3Cpath d=%22M15 3v18%22/%3E%3C/svg%3E")}
.ic-users{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/%3E%3Cpath d=%22M16 3.13a4 4 0 0 1 0 7.75%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2%22/%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M22 21v-2a4 4 0 0 0-3-3.87%22/%3E%3Cpath d=%22M16 3.13a4 4 0 0 1 0 7.75%22/%3E%3C/svg%3E")}
.ic-tv{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2215%22 x=%222%22 y=%227%22 rx=%222%22 ry=%222%22/%3E%3Cpolyline points=%2217 2 12 7 7 2%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2215%22 x=%222%22 y=%227%22 rx=%222%22 ry=%222%22/%3E%3Cpolyline points=%2217 2 12 7 7 2%22/%3E%3C/svg%3E")}
.ic-gift{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M12 8v13%22/%3E%3Cpath d=%22M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7%22/%3E%3Cpath d=%22M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M12 8v13%22/%3E%3Cpath d=%22M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7%22/%3E%3Cpath d=%22M7.5 8a2.5 2.5 0 0 1 0-5A4.8 8 0 0 1 12 8a4.8 8 0 0 1 4.5-5 2.5 2.5 0 0 1 0 5%22/%3E%3C/svg%3E")}
.ic-music{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 18V5l12-2v13%22/%3E%3Ccircle cx=%226%22 cy=%2218%22 r=%223%22/%3E%3Ccircle cx=%2218%22 cy=%2216%22 r=%223%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M9 18V5l12-2v13%22/%3E%3Ccircle cx=%226%22 cy=%2218%22 r=%223%22/%3E%3Ccircle cx=%2218%22 cy=%2216%22 r=%223%22/%3E%3C/svg%3E")}
.ic-ban{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m4.9 4.9 14.2 14.2%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m4.9 4.9 14.2 14.2%22/%3E%3C/svg%3E")}
.ic-trophy{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9H4.5a2.5 2.5 0 0 1 0-5H6%22/%3E%3Cpath d=%22M18 9h1.5a2.5 2.5 0 0 0 0-5H18%22/%3E%3Cpath d=%22M4 22h16%22/%3E%3Cpath d=%22M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22%22/%3E%3Cpath d=%22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22%22/%3E%3Cpath d=%22M18 2H6v7a6 6 0 0 0 12 0V2Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 9H4.5a2.5 2.5 0 0 1 0-5H6%22/%3E%3Cpath d=%22M18 9h1.5a2.5 2.5 0 0 0 0-5H18%22/%3E%3Cpath d=%22M4 22h16%22/%3E%3Cpath d=%22M10 14.66V17c0 .55-.47.98-.97 1.21C7.85 18.75 7 20.24 7 22%22/%3E%3Cpath d=%22M14 14.66V17c0 .55.47.98.97 1.21C16.15 18.75 17 20.24 17 22%22/%3E%3Cpath d=%22M18 2H6v7a6 6 0 0 0 12 0V2Z%22/%3E%3C/svg%3E")}
.ic-calendar{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 2v4%22/%3E%3Cpath d=%22M16 2v4%22/%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%224%22 rx=%222%22/%3E%3Cpath d=%22M3 10h18%22/%3E%3Cpath d=%22M8 14h.01%22/%3E%3Cpath d=%22M12 14h.01%22/%3E%3Cpath d=%22M16 14h.01%22/%3E%3Cpath d=%22M8 18h.01%22/%3E%3Cpath d=%22M12 18h.01%22/%3E%3Cpath d=%22M16 18h.01%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M8 2v4%22/%3E%3Cpath d=%22M16 2v4%22/%3E%3Crect width=%2218%22 height=%2218%22 x=%223%22 y=%224%22 rx=%222%22/%3E%3Cpath d=%22M3 10h18%22/%3E%3Cpath d=%22M8 14h.01%22/%3E%3Cpath d=%22M12 14h.01%22/%3E%3Cpath d=%22M16 14h.01%22/%3E%3Cpath d=%22M8 18h.01%22/%3E%3Cpath d=%22M12 18h.01%22/%3E%3Cpath d=%22M16 18h.01%22/%3E%3C/svg%3E")}
.ic-beer{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17 11h1a3 3 0 0 1 0 6h-1%22/%3E%3Cpath d=%22M9 12v6%22/%3E%3Cpath d=%22M13 12v6%22/%3E%3Cpath d=%22M14 7.5c-1 0-1.44.5-3 .5s-2-.5-3-.5-1.72.5-2.5.5a2.5 2.5 0 0 1 0-5c.78 0 1.57.5 2.5.5S9.4 3 11 3s2 1 3 1 1.72-.5 2.5-.5a2.5 2.5 0 0 1 0 5c-.78 0-1.5-.5-2.5-.5Z%22/%3E%3Cpath d=%22M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17 11h1a3 3 0 0 1 0 6h-1%22/%3E%3Cpath d=%22M9 12v6%22/%3E%3Cpath d=%22M13 12v6%22/%3E%3Cpath d=%22M14 7.5c-1 0-1.44.5-3 .5s-2-.5-3-.5-1.72.5-2.5.5a2.5 2.5 0 0 1 0-5c.78 0 1.57.5 2.5.5S9.4 3 11 3s2 1 3 1 1.72-.5 2.5-.5a2.5 2.5 0 0 1 0 5c-.78 0-1.5-.5-2.5-.5Z%22/%3E%3Cpath d=%22M5 8v12a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V8%22/%3E%3C/svg%3E")}
.ic-mail{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2216%22 x=%222%22 y=%224%22 rx=%222%22/%3E%3Cpath d=%22m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect width=%2220%22 height=%2216%22 x=%222%22 y=%224%22 rx=%222%22/%3E%3Cpath d=%22m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7%22/%3E%3C/svg%3E")}
.ic-heart{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 14c1.49-1.46 3-3.21 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.76 0-3 .5-4.5 2-1.5-1.5-2.74-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4.05 3 5.5l7 7Z%22/%3E%3C/svg%3E")}

/* ===== page building blocks: stats, people, sports, facts, callouts, hours ===== */
.wrap.narrow{max-width:1000px}
.prose h2{font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.03em;border:0;padding-bottom:0;margin-top:1.8em}
.prose h2::after{content:"";display:block;width:64px;height:3px;background:var(--green);margin-top:.35em;border-radius:2px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px;margin:1.6em 0}
.stat,.fact,.sp{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:1em 1.1em}
.stat{text-align:center}
.stat [class^="ic-"]{display:block;margin:0 auto .35em;width:2em;height:2em}
.stat strong{display:block;font-family:var(--head);font-weight:400;font-size:1.7rem;color:var(--cream);letter-spacing:.03em;text-transform:uppercase;line-height:1.1}
.stat small{display:block;color:var(--muted);font-size:.98rem;margin-top:.2em}
.people{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;margin:1em 0}
.person{display:flex;gap:.95em;align-items:flex-start;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:1em 1.1em}
.avatar{flex:none;width:52px;height:52px;border-radius:50%;background:var(--green-d);border:1px solid var(--green);color:#fff;display:flex;align-items:center;justify-content:center;font-family:var(--head);font-size:1.5rem}
.person h4{margin:0 0 .15em;font-family:var(--head);font-weight:400;font-size:1.3rem;letter-spacing:.03em;text-transform:uppercase;color:var(--cream)}
.person p{margin:0;color:var(--muted);font-size:1rem;line-height:1.4}
.namechips{display:flex;flex-wrap:wrap;gap:8px;margin:.8em 0}
.namechip{display:inline-block;border:1px solid var(--green);background:rgba(23,92,57,.45);border-radius:99px;padding:.15em .95em;font-family:var(--head);letter-spacing:.04em;text-transform:uppercase;font-size:.95rem}
.sportgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:1em 0}
.sp [class^="ic-"]{width:2em;height:2em;display:block;margin-bottom:.4em}
.sp h4,.fact h4{margin:0 0 .3em;font-family:var(--head);font-weight:400;font-size:1.3rem;letter-spacing:.03em;text-transform:uppercase;color:var(--cream)}
.sp p,.fact p{margin:0;color:var(--text);font-size:1rem;line-height:1.5}
.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:14px;margin:1.2em 0}
.fact [class^="ic-"]{width:1.9em;height:1.9em;display:block;margin-bottom:.4em}
.callout{display:flex;gap:1em;align-items:flex-start;background:rgba(58,167,109,.14);border:1px solid rgba(58,167,109,.5);border-radius:12px;padding:1em 1.2em;margin:1.4em 0}
.callout [class^="ic-"]{flex:none;width:2em;height:2em;background:var(--green-l)}
.callout p{margin:.2em 0 0}
.nextbadge{display:flex;gap:.9em;align-items:center;background:linear-gradient(90deg,rgba(23,92,57,.7),rgba(23,92,57,.25));border:1px solid var(--green);border-radius:12px;padding:.8em 1.1em;margin:0 0 1.4em}
.nextbadge [class^="ic-"]{width:2em;height:2em;background:var(--green-l);flex:none}
.nextbadge div{flex:1;line-height:1.25}
.nextbadge small{display:block;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-family:var(--head);font-size:.8rem}
.nextbadge strong{font-family:var(--head);font-weight:400;font-size:1.5rem;letter-spacing:.03em;color:var(--cream)}
.nextbadge .cal{margin-left:auto}
.hoursgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:1em 0 1.4em}
.hday{position:relative;text-align:center;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:1em .8em}
.hday h3{margin:0;font-family:var(--head);font-weight:400;font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;color:var(--cream)}
.hday small{display:block;color:var(--muted);font-size:.9rem}
.hday .ht{font-family:var(--head);font-size:1.7rem;color:var(--green-l);margin:.35em 0 .2em;letter-spacing:.03em}
.hday .tag{margin:.1em .15em 0}
.hday.is-today{border-color:var(--green);background:rgba(58,167,109,.16);box-shadow:0 0 0 1px var(--green)}
.openstatus{display:flex;align-items:center;gap:.6em;font-family:var(--head);letter-spacing:.05em;text-transform:uppercase;font-size:1.05rem;margin:.4em 0 .6em}
.openstatus .ob-dot{width:.7em;height:.7em}
.prose blockquote.quote,.prose blockquote{background:rgba(255,255,255,.04);border-left:4px solid var(--gold);border-radius:0 12px 12px 0;padding:1em 1.3em;margin:1.4em 0}
.prose blockquote p{margin:.2em 0}
.prose img.wide{border-radius:12px;border:1px solid var(--line)}
.gallery img{border-radius:10px}

/* ===== header photo behind page titles ===== */
.page-title{position:relative;overflow:hidden}
.page-title.has-photo{padding:96px 0 64px}
.page-title .hero-img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}
.page-title.has-photo::after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(rgba(10,8,7,.55),rgba(10,8,7,.78))}
.page-title .wrap{position:relative;z-index:2}
.page-title.has-photo h1{text-shadow:0 2px 14px rgba(0,0,0,.85)}
.page-title.has-photo .lead{text-shadow:0 1px 8px rgba(0,0,0,.85)}
@media (max-width:700px){.page-title.has-photo{padding:64px 0 40px}}

/* ===== reading options ===== */
html.rs-1{font-size:112.5%}
html.rs-2{font-size:126%}
.topline .wrap{align-items:center;gap:12px}
.a11y{position:relative}
.a11y-btn{display:inline-flex;align-items:center;gap:.5em;font-family:var(--head);letter-spacing:.05em;font-size:.86rem;text-transform:uppercase;padding:.25em .9em;border-radius:99px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.22);color:var(--text);cursor:pointer}
.a11y-btn:hover{border-color:var(--cream)}
.a11y-btn .ic{width:1.1em;height:1.1em}
.a11y-panel{position:absolute;top:calc(100% + 8px);left:0;z-index:70;width:250px;background:#12110e;border:1px solid var(--line);border-radius:12px;padding:12px 14px;box-shadow:0 12px 30px rgba(0,0,0,.6)}
.a11y-panel[hidden]{display:none}
.a11y-h{margin:.2em 0 .35em;font-family:var(--head);text-transform:uppercase;letter-spacing:.07em;font-size:.85rem;color:var(--gold)}
.a11y-row{display:flex;gap:8px;margin:0 0 .7em}
.a11y-row button{flex:1;font-family:var(--head);font-size:1rem;letter-spacing:.04em;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:8px;padding:.45em .5em;cursor:pointer}
.a11y-row button[aria-pressed="true"]{background:var(--green-d);border-color:var(--green);color:#fff}
.a11y-row button:hover{border-color:var(--cream)}
@media (max-width:860px){.a11y-panel{left:50%;transform:translateX(-50%)}.a11y-btn span{display:none}.a11y-btn{padding:.3em .7em}}
html.hc{--text:#fff;--muted:#eee9da;--line:rgba(255,255,255,.6);--cream:#fff4d6;--gold:#ffe58a}
html.hc body::before{background:linear-gradient(rgba(0,0,0,.94),rgba(0,0,0,.94)),url(../img/bar.jpg) center right/cover no-repeat}
html.hc .panel,html.hc .hcard,html.hc .tile,html.hc .fact,html.hc .stat,html.hc .person,html.hc .sp,html.hc .hday,html.hc .tcard,html.hc .callout,html.hc .nextbadge,html.hc .flyer,html.hc .wcard{background:#000;border-color:#fff}
html.hc .row .t,html.hc .day-open{color:#9dffc4}
html.hc a:not(.btn):not(.btn-map):not(.bigtile):not(.cal):not(.tile):not(.livebar):not(.btn-mini){text-decoration:underline}
html.hc .site-footer{background:#000}

/* ===== compact sticky bar (tablets and computers) ===== */
.stickybar{display:none}
@media (min-width:701px){
  html{scroll-padding-top:74px}
  .stickybar{display:block;position:fixed;top:0;left:0;right:0;z-index:55;background:rgba(12,10,8,.96);border-bottom:1px solid rgba(255,239,202,.28);box-shadow:0 6px 18px rgba(0,0,0,.45);transform:translateY(-110%);visibility:hidden;transition:transform .25s ease,visibility 0s linear .25s}
  .stickybar.is-on{transform:none;visibility:visible;transition:transform .25s ease}
  .sb-inner{display:flex;align-items:center;gap:22px;padding-top:6px;padding-bottom:6px}
  .sb-brand img{display:block;width:82px;height:auto}
  .sb-nav{flex:1}
  .sb-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:2px 20px;justify-content:flex-end}
  .sb-nav a{font-family:var(--head);font-size:16px;letter-spacing:.04em;text-decoration:none;color:var(--text);padding:.3em 0;border-bottom:2px solid transparent}
  .sb-nav a:hover,.sb-nav a[aria-current]{border-bottom-color:var(--cream);color:var(--cream)}
  .sb-actions{display:flex;gap:8px}
  .btn-mini{display:inline-flex;align-items:center;gap:.45em;font-family:var(--head);letter-spacing:.05em;text-transform:uppercase;font-size:.95rem;text-decoration:none;color:#fff;background:var(--green-d);border:1px solid var(--green);border-radius:6px;padding:.4em .95em}
  .btn-mini.alt{background:transparent;border-color:rgba(255,239,202,.5)}
  .btn-mini:hover{background:var(--green);color:#fff}
  .btn-mini .ic{width:1.05em;height:1.05em}
}
@media (min-width:701px) and (max-width:1020px){.sb-nav{display:none}.sb-actions{margin-left:auto}}
@media print{.stickybar,.a11y{display:none!important}}

/* ===== big match ===== */
.bigbanner{display:flex;align-items:center;gap:16px;margin:0 0 16px;padding:14px 20px;border-radius:12px;text-decoration:none;color:#1a1200;background:linear-gradient(90deg,#f0c94a,#e0a72a);box-shadow:0 8px 24px rgba(0,0,0,.4);border:1px solid #fff2b0}
.bigbanner:hover{filter:brightness(1.06);color:#1a1200}
.bigbanner>.ic:first-child{width:38px;height:38px;flex:none}
.bigbanner>.ic:last-child{width:22px;height:22px;flex:none;margin-left:auto}
.bb-tx{display:flex;flex-direction:column;line-height:1.2;min-width:0}
.bb-tx small{font-family:var(--head);text-transform:uppercase;letter-spacing:.12em;font-size:.82rem}
.bb-tx strong{font-family:var(--head);font-weight:400;font-size:1.7rem;letter-spacing:.03em;text-transform:uppercase}
.bb-tx em{font-style:normal;font-size:1.02rem}
.bigbanner.is-live{background:linear-gradient(90deg,#e8404e,#c4212f);color:#fff;border-color:#ff9aa2}
.bigbanner.is-live:hover{color:#fff}
.row.is-big{background:linear-gradient(90deg,rgba(239,201,74,.22),rgba(239,201,74,.05));border-left:4px solid #f0c94a;padding-top:.95em;padding-bottom:.95em;padding-left:10px;margin-left:-14px;border-radius:0 8px 8px 0}
.row.is-big .m strong{font-size:1.25rem;color:#ffe58a}
.bigtag{display:inline-flex;align-items:center;gap:.4em;font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;background:#f0c94a;color:#1a1200;border-radius:4px;padding:.05em .6em;margin-bottom:.25em;align-self:flex-start}
.bigtag .ic{width:.95em;height:.95em}
.row .m{display:flex;flex-direction:column}
.bignote{display:flex!important;align-items:center;gap:.4em;color:#ffe58a!important}
.bignote .ic{width:1em;height:1em}
.tile.has-big .th{background:linear-gradient(90deg,#b8891a,#e0b12e);color:#1a1200}
@media (max-width:520px){.bb-tx strong{font-size:1.35rem}.bigbanner{padding:12px 14px}}

/* ===== whiskey explorer ===== */
.wfilters{background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin:1.2em 0}
.wsearch{display:flex;align-items:center;gap:.6em;background:rgba(0,0,0,.35);border:1px solid var(--line);border-radius:99px;padding:.35em 1em}
.wsearch .ic{width:1.2em;height:1.2em;color:var(--gold)}
.wsearch input{flex:1;background:none;border:0;color:var(--text);font:inherit;outline:none;min-width:0}
.wchips{display:flex;flex-wrap:wrap;gap:8px;margin:.9em 0}
.wchip{font-family:var(--head);letter-spacing:.04em;font-size:.95rem;color:var(--text);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:99px;padding:.3em .9em;cursor:pointer}
.wchip span{color:var(--muted);font-size:.85em}
.wchip:hover{border-color:var(--cream)}
.wchip.is-on{background:var(--green-d);border-color:var(--green);color:#fff}
.wrow{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end}
.wrow label{display:flex;flex-direction:column;gap:.2em;font-family:var(--head);font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.wrow select{font:inherit;font-size:1rem;letter-spacing:0;text-transform:none;color:var(--text);background:#1a1813;border:1px solid var(--line);border-radius:8px;padding:.4em .6em}
.wrow .btn{margin-left:auto}
.wcount{margin:.8em 0 0;color:var(--muted);font-size:.98rem}
.wgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin:1em 0}
.wcard{position:relative;background:rgba(255,255,255,.05);border:1px solid var(--line);border-radius:12px;padding:1em 1.1em 3.3em}
.wcard[hidden]{display:none}
.wcard h3{margin:0 0 .35em;font-family:var(--head);font-weight:400;font-size:1.35rem;letter-spacing:.03em;text-transform:uppercase;color:var(--cream);line-height:1.2}
.wmeta{margin:0 0 .5em;font-size:.95rem;color:var(--muted);display:flex;flex-wrap:wrap;gap:.4em .6em;align-items:center}
.dotsep{display:inline-block;width:4px;height:4px;border-radius:50%;background:var(--muted)}
.chip-wr{background:#6b3f16}
.wnotes{margin:0;font-size:1rem;line-height:1.45}
.wprices{position:absolute;right:1em;bottom:.7em;margin:0;display:flex;gap:1em;align-items:flex-end}
.wp{display:flex;flex-direction:column;align-items:flex-end;font-family:var(--head);font-size:1.45rem;color:var(--green-l);line-height:1.05}
.wp small{font-size:.72rem;letter-spacing:.08em;color:var(--muted);text-transform:uppercase}
.wcard.is-featured{border-color:var(--gold);box-shadow:0 0 0 1px rgba(239,217,137,.5)}
.wribbon{position:absolute;top:-1px;right:14px;display:inline-flex;align-items:center;gap:.35em;background:var(--gold);color:#1a1200;font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;font-size:.72rem;padding:.15em .7em .2em;border-radius:0 0 8px 8px}
.wribbon .ic{width:.9em;height:.9em;fill:#1a1200}

/* ===== live banner: every live game, scrolling slowly from right to left, a white star between games ===== */
.livebar{display:flex;align-items:center;gap:1em;background:var(--green-d);color:#fff;text-decoration:none;padding:.4em 0 .4em 1em;overflow:hidden;position:relative;z-index:20;border-bottom:1px solid var(--green);font-family:var(--head);letter-spacing:.06em;text-transform:uppercase;font-size:1rem}
.livebar[hidden]{display:none}
.livebar:hover{background:#1c6b42;color:#fff}
.lb-label{flex:none;display:inline-flex;align-items:center;gap:.55em;background:#d3303f;border-radius:4px;padding:.12em .75em;position:relative;z-index:2;box-shadow:8px 0 10px -2px var(--green-d)}
.lb-label strong{font-weight:400}
.lb-dot{width:.65em;height:.65em;border-radius:50%;background:#fff;animation:pulse 1.4s ease-in-out infinite}
.lb-track{flex:1;min-width:0;overflow:hidden;white-space:nowrap;-webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)}
.lb-marquee{display:inline-flex;white-space:nowrap;animation:lbscroll var(--lbdur,60s) linear infinite;will-change:transform}
.livebar:hover .lb-marquee{animation-play-state:paused}
.lb-run{display:inline-flex;align-items:center;flex:none}
.lb-item{padding:0 .8em}
.lb-star{color:#fff;font-family:Arial,"Segoe UI Symbol",sans-serif;font-size:.95em;padding:0 .2em}
@keyframes lbscroll{from{transform:translateX(0)}to{transform:translateX(calc(-1 * var(--shift,50%)))}}
@media (prefers-reduced-motion:reduce){
  .lb-marquee{animation:none;transform:none;flex-wrap:wrap;white-space:normal}
  .lb-track{overflow:visible;white-space:normal;-webkit-mask-image:none;mask-image:none}
  .lb-run+.lb-run{display:none}
  .lb-run{flex-wrap:wrap}
}