:root{--cream:#e8e0d0;--teal:#1a1a1a;--orange:#9a4f32;--yellow:#c77d25;--muted:#5b6351}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{background:var(--cream);color:var(--teal);margin:0;font-family:Degular,DM Sans,sans-serif}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.grain{pointer-events:none;z-index:15;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.8' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}header{border-bottom:1px solid #1a1a1a20;justify-content:space-between;align-items:center;max-width:1370px;height:108px;margin:auto;padding:0 6%;display:flex}.brand{letter-spacing:2px;align-items:center;gap:11px;font-size:24px;font-weight:700;line-height:1;display:flex}.brand small{letter-spacing:2.5px;margin-top:5px;font-size:9px;display:block}.brand-mark{border:2px solid;border-radius:50% 50% 12% 12%;place-items:center;width:37px;height:46px;font-family:Aviano Copper,Cinzel,Georgia,serif;font-size:34px;display:grid}nav{align-items:center;gap:36px;font-size:13px;display:flex}.text-btn{color:inherit;background:0 0;border:0;padding:0}.demo-tag{letter-spacing:1.5px;border:1px solid #1a1a1a40;border-radius:30px;padding:10px 13px;font-size:9px}.hero{grid-template-columns:1fr 1fr;align-items:center;max-width:1370px;min-height:650px;margin:auto;padding:78px 6% 75px;display:grid;overflow:hidden}.eyebrow{letter-spacing:2.2px;align-items:center;gap:9px;font-size:10px;font-weight:700;display:flex}.live-dot{background:var(--orange);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 5px #9a4f3214}h1,h2,h3{margin:0;font-family:Aviano Copper,Cinzel,Georgia,serif;font-weight:400}h1{letter-spacing:-3px;margin:25px 0;font-size:clamp(56px,6.8vw,94px);line-height:1.04}h1 em{color:var(--orange);position:relative}h1 em:after{content:"";border-top:3px solid;border-radius:50%;height:13px;position:absolute;bottom:-6px;left:-5%;right:-10%;transform:rotate(-5deg)}.hero p{color:#545a49;margin:28px 0;font-size:16px;line-height:1.85}.button{border:0;border-radius:7px;justify-content:space-between;align-items:center;gap:45px;padding:17px 23px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button:hover{transform:translateY(-3px);box-shadow:0 7px #1a1a1a18}.button span{font-size:20px;line-height:1}.primary,.dark{background:var(--teal);color:var(--cream)}.light{background:var(--cream);color:var(--teal)}.hero-note{color:var(--muted);align-items:center;gap:11px;margin-top:22px;font-size:11px;display:flex}.spark{color:var(--orange);font-size:22px}.hero-art{place-items:center;height:490px;display:grid;position:relative}.orbit{border:1px solid #b797563d;border-radius:50%;width:410px;height:410px;position:absolute;transform:rotate(-20deg)}.orbit-two{width:470px;height:310px;transform:rotate(-42deg)}.art-caption{letter-spacing:2px;font-size:9px;line-height:1.6;position:absolute;top:5%;right:5%;transform:rotate(7deg)}.floating-glass{filter:drop-shadow(17px 24px 12px #70490020);width:205px;height:300px;animation:6s ease-in-out infinite float;position:relative;transform:rotate(-10deg)}.glass-body{z-index:2;background:#ffffff40;border:4px solid #ffffffa8;border-radius:17px 17px 37px 37px;position:absolute;inset:0;overflow:hidden;box-shadow:inset 5px 0 #fff9,inset -11px 0 #fff4}.glass-handle{border:16px solid #e3d9b2;border-left:0;border-radius:0 50% 50% 0;width:100px;height:150px;position:absolute;top:67px;right:-70px;box-shadow:inset 4px 0 #fff,4px 0 #fff9}.hero-beer{background:linear-gradient(100deg,#f8c954,#efa520 55%,#d87919);border-radius:0 0 30px 30px;position:absolute;inset:32px 6px 8px}.hero-foam{background:#fff9e9;border-radius:14px 10px 40% 15%;height:53px;position:absolute;top:7px;left:5px;right:5px;box-shadow:0 9px #fff5d5,0 17px 10px #ffe5ab}.hero-beer i{background:#ffe596aa;border-radius:50%;width:6px;height:6px;animation:3s linear infinite bubble;position:absolute;bottom:-15px;left:20%}.hero-beer i:nth-child(2n){width:4px;height:4px;animation-delay:1s;left:65%}.hero-beer i:nth-child(3n){animation-delay:2s;left:40%}.hero-beer i:nth-child(5n){animation-delay:.5s;left:80%}.glass-logo{text-align:center;letter-spacing:4px;width:100%;color:var(--teal);font-size:31px;font-weight:700;position:absolute;top:130px;transform:rotate(0)}.glass-logo small{letter-spacing:2px;font-size:9px;display:block}.shine{background:#fff7;border-radius:10px;width:7px;position:absolute;top:70px;bottom:30px;left:16px}.sunburst{z-index:3;background:var(--orange);width:113px;height:113px;color:var(--cream);letter-spacing:2px;outline:1px dashed var(--orange);outline-offset:6px;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;font-size:10px;display:flex;position:absolute;bottom:52px;left:25px;transform:rotate(-15deg)}.sunburst b{letter-spacing:0;font-family:Cinzel;font-size:22px}.doodle{color:var(--orange);font-size:58px;position:absolute}.star-one{animation:30s linear infinite spin;top:35px;left:35px}.star-two{font-size:75px;bottom:80px;right:20px}.art-label{letter-spacing:2px;font-size:8px;line-height:1.6;position:absolute;bottom:0;right:25%}.ticker{background:var(--teal);color:var(--cream);margin:0 -2px;padding:20px 0;overflow:hidden;transform:rotate(-1deg)}.ticker>div{white-space:nowrap;letter-spacing:3px;width:max-content;font-size:12px;animation:35s linear infinite ticker}.ticker span{color:var(--yellow);vertical-align:middle;margin:0 45px;font-size:20px}.games{max-width:1200px;margin:auto;padding:90px 5%}.section-head{justify-content:space-between;align-items:end;margin-bottom:35px;display:flex}.section-head h2{letter-spacing:-1px;margin-top:10px;font-size:48px}.section-head p{color:var(--muted);font-size:13px;line-height:1.7}.game-grid{grid-template-columns:1fr 1fr;gap:25px;display:grid}.game-card{border-radius:15px;transition:transform .35s;position:relative;overflow:hidden}.game-card:hover{transform:translateY(-6px)}.pour{background:var(--teal);color:var(--cream)}.card-top{letter-spacing:1px;justify-content:space-between;align-items:center;padding:27px 28px;font-size:8px;display:flex}.pill{border:1px solid;border-radius:20px;padding:7px 10px}.flavour-art,.pour-art{place-items:center;height:220px;display:grid;position:relative}.mini-glass{background:linear-gradient(#fff6d9 15%,#eaae27 15%,#c97823);border:3px solid #fff6;border-radius:5px 5px 27px 27px;width:85px;height:125px;animation:5s ease-in-out infinite float;transform:rotate(12deg);box-shadow:8px 10px #1a1a1a0b}.ingredient{line-height:1;position:absolute}.citrus{color:var(--orange);font-size:140px;animation:45s linear infinite spin;top:5%;left:14%}.leaf{color:#596438;font-size:150px;top:7%;right:8%;transform:rotate(-30deg)}.grain-icon{color:#c77d25;font-size:75px;bottom:0;left:27%}.taste-label{background:var(--cream);letter-spacing:1px;border-radius:3px;padding:9px 14px;font-size:10px;position:absolute;box-shadow:3px 3px #1a1a1a0d}.label-one{bottom:12%;right:15%;transform:rotate(10deg)}.label-two{bottom:35%;left:10%;transform:rotate(-12deg)}.card-content{padding:25px 33px 35px}.card-content p{opacity:.8;max-width:330px;min-height:48px;margin:13px 0 22px;font-size:13px;line-height:1.8}.card-content .button{width:100%}.tap-shape{border:12px solid #477064;border-left:0;border-radius:0 20px 0 0;width:115px;height:35px;position:absolute;top:3px;left:calc(50% - 110px)}.tap-shape:after{content:"";background:var(--orange);border-radius:5px;width:14px;height:32px;position:absolute;top:-35px;right:7px}.preview-stream{background:var(--yellow);width:8px;height:58px;animation:3s ease-in-out infinite stream;position:absolute;top:39px;left:calc(50% - 10px)}.preview-glass{border:3px solid #ffffff80;border-radius:4px 4px 17px 17px;width:90px;height:115px;position:absolute;top:92px;overflow:hidden;transform:rotate(-6deg)}.preview-glass div{background:linear-gradient(#fff3d4 12%,#f5bf44 12%,#d98424);width:100%;height:75%;animation:3s ease-in-out infinite fill;position:absolute;bottom:0}.perfect-badge{background:var(--yellow);color:var(--teal);text-align:center;letter-spacing:2px;border-radius:50%;place-content:center;width:86px;height:86px;font-size:10px;line-height:1.1;display:grid;position:absolute;top:38%;right:12%;transform:rotate(12deg)}.perfect-badge em{letter-spacing:0;font-family:Cinzel;font-size:32px}.bottom-note{text-align:center;padding:5px 20px 80px}.big-spark{color:var(--orange);margin-bottom:10px;font-size:48px;display:block}.bottom-note h2{font-size:38px;line-height:1.15}.bottom-note p{color:var(--muted);margin-top:20px;font-size:12px;line-height:1.8}footer{letter-spacing:1px;border-top:1px solid #1a1a1a20;justify-content:space-between;gap:20px;padding:30px 6%;font-size:10px;display:flex}dialog{background:var(--cream);color:var(--teal);border:0;border-radius:20px;width:min(610px,100% - 28px);max-height:92dvh;padding:0;overflow:auto;box-shadow:0 30px 100px #001e3870}dialog[open]{animation:.35s both modal-in}dialog::backdrop{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1a1a1ab8}.close{background:var(--cream);width:34px;height:34px;color:var(--teal);z-index:4;border:1px solid #1a1a1a26;border-radius:50%;font-size:25px;position:absolute;top:14px;right:16px}.screen,.info-content{padding:47px 42px 35px}.screen h2,.info-content h2{margin:18px 0;font-size:42px;line-height:1.1}.screen p,.info-content p{color:var(--muted);font-size:14px;line-height:1.8}.screen .button{width:100%;margin-top:10px}.screen-enter{animation:.35s both enter}.progress{background:#1a1a1a14;border-radius:5px;height:4px;margin:22px 0}.progress>div{background:var(--orange);border-radius:5px;height:100%;transition:width .3s}.quiz-options{grid-template-columns:1fr 1fr;gap:12px;margin:24px 0;display:grid}.option{text-align:left;color:var(--teal);background:#f3eddf;border:1px solid #1a1a1a25;border-radius:10px;padding:20px 15px;transition:transform .2s,background .2s}.option:hover{background:#dcd3bd;transform:translateY(-3px)}.option span{margin-bottom:12px;font-size:29px;display:block}.option strong{font-size:14px;display:block}.option small{color:var(--muted);margin-top:5px;font-size:11px;display:block}.back-btn{color:var(--muted);background:0 0;border:0;padding:8px 0;font-size:12px}.result-icon{text-align:center;font-size:60px}.result-kicker{letter-spacing:2px;text-align:center;color:var(--orange);font-size:10px;font-weight:700}.result-screen{text-align:center}.result-style{text-align:left;background:#dcd3bd;border-radius:12px;margin:18px 0;padding:16px}.result-style b{font-size:13px}.result-style p{margin:5px 0;font-size:12px}.small-note{font-size:10px!important;line-height:1.6!important}.pour-stage{width:270px;height:240px;margin:18px auto 5px;position:relative}.game-glass{background:#ffffff60;border:3px solid #1a1a1a50;border-top:0;border-radius:5px 5px 24px 24px;width:140px;height:210px;position:absolute;bottom:5px;left:65px;overflow:hidden}.game-liquid{background:linear-gradient(90deg,#f9cd58,#e59522);height:0;transition:none;position:absolute;bottom:0;left:0;right:0}.game-liquid:before{content:"";background:#fff3d4;border-radius:40%;width:110%;height:12px;animation:1s ease-in-out infinite wave;position:absolute;top:0;left:-5%}.target-line{border-top:2px dashed var(--orange);z-index:2;position:absolute;bottom:168.8px;left:45px;right:45px}.target-label{letter-spacing:1px;color:var(--orange);font-size:9px;position:absolute;bottom:174.8px;left:0}.game-stream{opacity:0;z-index:1;pointer-events:none;background:#efae35;border-radius:4px;width:10px;height:235px;position:absolute;top:0;left:130px}.pouring .game-stream{opacity:1}.meter-label{text-align:center;font-variant-numeric:tabular-nums;margin:8px;font-size:14px;font-weight:700}.hold-btn{-webkit-user-select:none;user-select:none;touch-action:none;background:var(--orange);color:var(--cream);cursor:pointer;padding:20px;font-size:15px;justify-content:center!important}.hold-btn:active{box-shadow:none;transform:scale(.98)}.hold-btn:disabled{opacity:.6;cursor:default}.score{color:var(--orange);margin:20px;font-family:Cinzel;font-size:90px;line-height:1}.score small{color:var(--muted);font-family:DM Sans;font-size:20px}.confetti{z-index:100;pointer-events:none;width:8px;height:14px;animation:1.8s ease-in forwards confetti;position:fixed;top:-20px}.check-row{align-items:center;gap:12px;padding:15px 0;font-size:14px;display:flex}.check-row input{accent-color:var(--teal);width:20px;height:20px}.screen .button:disabled{opacity:.4;cursor:not-allowed}.subtle-link{margin-top:18px;font-size:12px;text-decoration:underline;display:block}.best{text-align:center;color:var(--muted);font-size:11px}@keyframes float{0%,to{translate:0;rotate:-3deg}50%{translate:0 -15px;rotate:3deg}}@keyframes bubble{to{opacity:0;translate:5px -250px}}@keyframes spin{to{rotate:360deg}}@keyframes ticker{to{transform:translate(-50%)}}@keyframes fill{0%,to{height:25%}75%{height:85%}}@keyframes stream{0%,75%{opacity:1}80%,to{opacity:0}}@keyframes enter{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-in{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}@keyframes wave{50%{transform:rotate(3deg)}}@keyframes confetti{to{transform:translate(var(--drift), 90vh) rotate(500deg);opacity:0}}@media (max-width:760px){header{height:85px;padding:0 6%}nav{gap:18px;font-size:11px}.demo-tag{display:none}.hero{grid-template-columns:1fr;min-height:0;padding:45px 7% 30px}.hero-copy{z-index:1}h1{letter-spacing:-2px;font-size:65px}.hero p{margin:22px 0;font-size:14px}.hero-art{height:390px;margin:10px 0 0}.floating-glass{scale:.85}.orbit{width:320px;height:320px}.orbit-two{width:350px;height:250px}.sunburst{bottom:35px;left:0;scale:.85}.art-caption{font-size:8px;right:0}.doodle.star-one{font-size:45px;left:10px}.star-two{right:0}.games{padding:60px 6%}.section-head{display:block}.section-head h2{font-size:38px}.section-head p{margin:15px 0 0}.game-grid{grid-template-columns:1fr}.card-content h3{font-size:37px}.card-top{padding:23px}.card-content{padding:25px}.bottom-note h2{font-size:34px}footer{flex-wrap:wrap;padding:25px 6%;font-size:9px}.screen,.info-content{padding:47px 24px 28px}.screen h2,.info-content h2{font-size:34px}.quiz-options{gap:10px}.option{padding:16px 12px}.hero-note{font-size:10px}.ticker span{margin:0 25px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.reward-tiers{grid-template-columns:1fr 1fr;gap:10px;margin:18px 0 8px;display:grid}.reward-tiers>div{background:#dcd3bd;border:1px solid #1a1a1a15;border-radius:12px;padding:13px}.reward-tiers>div:last-child{background:var(--teal);color:var(--cream)}.reward-tiers span{letter-spacing:1.3px;margin-bottom:7px;font-size:9px;font-weight:700;display:block}.reward-tiers strong{font-size:12px;line-height:1.5;display:block}.reward-result{background:#dcd3bd;border:1px solid #b7975640;border-radius:16px;margin:22px 0;padding:23px 18px;animation:.4s both enter}.reward-result.beer{background:var(--teal);color:var(--cream)}.reward-result h3{margin:12px 0;font-size:29px;line-height:1.2}.reward-result p{margin:12px 0;font-size:12px}.reward-result.beer p{color:#e8e0d0}.reward-result.beer .result-kicker{color:var(--yellow)}.reward-symbol{color:var(--orange);margin-bottom:10px;font-size:35px;display:block}.reward-status{opacity:.8;border:1px dashed;border-radius:6px;padding:8px;font-size:10px;display:inline-block}.reward-result.no-reward{background:#f3eddf}.card-content p.small-note{min-height:0;margin-top:-12px;margin-bottom:16px}.field-label{margin:18px 0 8px;font-size:12px;font-weight:700;display:block}.entry-input{width:100%;color:var(--teal);font:inherit;background:#f3eddf;border:1px solid #1a1a1a40;border-radius:8px;padding:15px;font-size:16px}.entry-input:focus{outline:2px solid var(--orange);outline-offset:2px}.phone-field{align-items:center;gap:10px;display:flex}.phone-field>span{font-size:14px;font-weight:700}.check-row{align-items:flex-start;font-size:12px;line-height:1.6}.check-row input{flex-shrink:0}.form-error{color:#a32a16!important;font-size:12px!important}.practice-result{background:#dcd3bd;border-radius:10px;padding:16px}:root{--obsidian:#1a1a1a;--limestone:#e8e0d0;--clay:#9a4f32;--olive:#596438;--amber:#c77d25;--copper:#477064}.brand-wordmark{mix-blend-mode:multiply;width:150px;height:auto;display:block}.brand{line-height:normal}.hero h1{letter-spacing:-1.5px;font-size:clamp(42px,5.5vw,75px);line-height:1.13}.hero h1 em{font-style:normal}.hero h1 em:after{border-top:2px solid var(--clay);border-bottom:1px solid var(--clay);border-radius:0;height:7px;bottom:-10px;transform:none}.sunburst{background:var(--clay)}.flavour{background:#dcd3bd}.pour{background:var(--olive)}.primary,.dark{background:var(--obsidian)}.ticker{background:var(--obsidian);transform:none}.ticker span{color:var(--amber)}.reward-tiers>div:last-child,.reward-result.beer{background:var(--olive)}.live-dot{background:var(--copper)}.card-content h3{letter-spacing:-.5px;font-size:30px}.section-head h2{font-size:39px}.bottom-note h2{font-size:32px}.screen h2,.info-content h2{letter-spacing:-.5px;font-size:34px}.reward-result h3{font-size:24px}.alchemy-strip{justify-content:space-between;align-items:center;gap:25px;max-width:1080px;margin:55px auto 0;padding:0 20px;display:flex}.alchemy-caption p{margin:12px 0;font-family:Aviano Copper,Cinzel,Georgia,serif;font-size:18px}.element-grid{gap:10px;display:flex}.element-tile{border:1px solid var(--copper);width:75px;height:85px;color:var(--copper);border-radius:10px;flex-direction:column;padding:6px 8px;transition:transform .25s,background .25s;display:flex}.element-tile:hover{background:#47706412;transform:translateY(-6px)}.element-tile small{font-size:9px}.element-tile b{color:var(--clay);font-size:28px;line-height:1.2}.element-tile span{letter-spacing:.5px;font-size:9px}.closing-mark{object-fit:contain;mix-blend-mode:multiply;width:100px;height:115px;margin:0 auto 25px;display:block}.bottom-note{position:relative}.bottom-note:before{content:"";background:repeating-linear-gradient(90deg, transparent 0 26px, var(--copper) 26px 28px, transparent 28px 42px, var(--copper) 42px 64px, transparent 64px 82px);opacity:.35;clip-path:polygon(0 40%,100% 40%,100% 60%,0 60%);height:12px;margin-bottom:42px;display:block}@media (max-width:760px){.brand-wordmark{width:118px}.hero h1{font-size:clamp(36px,9.6vw,60px)}.alchemy-strip{margin-top:35px;padding:0 6%;display:block}.element-grid{gap:8px;margin-top:20px}.element-tile{width:calc(20% - 6.4px);height:80px}.alchemy-caption p{font-size:16px}.section-head h2{font-size:32px}.card-content h3,.screen h2,.info-content h2,.bottom-note h2{font-size:28px}}.preview-caption{text-align:center;opacity:.7;font-size:10px!important}.screen .pour-stage{margin-top:8px}.screen .meter-label{margin:4px 0}.voucher-block{border-top:1px dashed;border-bottom:1px dashed;margin:20px 0;padding:18px 0}.voucher-block>span{letter-spacing:2px;font-size:9px;display:block}.voucher-block strong{overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;margin:9px 0;font-family:monospace;font-size:13px;line-height:1.7;display:block}.voucher-block .back-btn{color:inherit;text-decoration:underline}.voucher-block small{font-size:10px;display:block}@media (max-width:600px){html{scroll-padding-top:16px}body{overflow-x:clip}header{gap:12px;height:76px;padding:0 20px}nav{gap:12px}nav a,nav .text-btn{align-items:center;min-height:44px;font-size:12px;display:flex}.brand-wordmark{width:108px}.hero{padding:32px 22px 18px}.hero h1{letter-spacing:-1px;margin:20px 0;font-size:clamp(34px,9.5vw,53px);line-height:1.15}.hero .eyebrow{letter-spacing:1.5px;font-size:9px}.hero p{margin:22px 0;font-size:14px;line-height:1.7}.hero-copy>.button{width:100%;min-height:54px}.hero-note{margin-top:14px}.hero-art{height:280px;margin-top:12px}.floating-glass{scale:.66}.orbit{width:250px;height:250px}.orbit-two{width:290px;height:190px}.sunburst{bottom:3px;left:-13px;scale:.66}.star-one{font-size:32px!important;top:12px!important}.star-two{font-size:48px;bottom:25px}.art-caption{font-size:7px;top:12px;right:0}.art-label{display:none}.ticker{padding:12px 0}.ticker>div{letter-spacing:2px;font-size:10px}.alchemy-strip{margin-top:28px;padding:0 22px}.alchemy-caption p{margin:8px 0;font-size:15px}.element-grid{margin-top:14px}.element-tile{height:70px}.element-tile b{font-size:23px}.games{padding:38px 20px}.section-head{margin-bottom:24px}.section-head h2{font-size:29px}.section-head p{font-size:13px}.game-grid{gap:20px}.game-card:hover{transform:none}.card-top{padding:19px 20px;font-size:8px}.flavour-art,.pour-art{height:180px}.pour-art{transform-origin:top;margin-bottom:-20px;transform:scale(.86)}.card-content{padding:20px}.card-content h3{font-size:27px}.card-content p{min-height:0;font-size:14px}.button{gap:16px;min-height:52px;padding:15px 19px;font-size:14px}.button:hover{box-shadow:none;transform:none}.bottom-note{padding:0 22px 35px}.bottom-note h2{font-size:25px}.closing-mark{width:75px;height:90px}.bottom-note:before{margin-bottom:25px}footer{gap:12px;padding:22px;font-size:10px}footer .text-btn{min-height:44px}dialog{overscroll-behavior:contain;scrollbar-gutter:stable;-webkit-overflow-scrolling:touch;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;scroll-padding-top:70px}dialog .close{top:max(12px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));background:var(--cream);width:44px;height:44px;font-size:29px;position:fixed;box-shadow:0 2px 8px #1a1a1a12}.screen,.info-content{padding:calc(68px + env(safe-area-inset-top)) max(22px, env(safe-area-inset-right)) calc(24px + env(safe-area-inset-bottom)) max(22px, env(safe-area-inset-left));min-height:100%}.screen .eyebrow,.info-content .eyebrow{letter-spacing:1.5px;font-size:9px}.screen h2,.info-content h2{margin:15px 0;font-size:clamp(25px,7.3vw,32px);line-height:1.2}.screen p,.info-content p{font-size:14px;line-height:1.65}.small-note{font-size:11px!important;line-height:1.6!important}.screen .button{min-height:54px}.screen .back-btn{min-height:44px;font-size:13px}.entry-input{min-height:52px;font-size:16px}.phone-field input{flex:1;min-width:0}.field-label{margin-top:16px;font-size:13px}.check-row{gap:12px;padding:12px 0;font-size:13px;line-height:1.5}.check-row input{width:22px;height:22px;margin-top:2px}.reward-tiers{gap:8px;margin-top:16px}.reward-tiers>div{padding:12px}.reward-tiers strong{font-size:12px;line-height:1.45}.reward-tiers span{letter-spacing:.8px;font-size:9px}.form-error:empty{display:none}.quiz-options{gap:10px;margin:20px 0}.option{min-height:135px;padding:16px 12px}.option strong{font-size:14px}.option small{font-size:12px;line-height:1.4}.option span{margin-bottom:10px;font-size:27px}.score{margin:18px 0;font-size:76px}.reward-result{margin:20px 0;padding:20px 16px}.reward-result h3{font-size:23px}.reward-status{font-size:11px;line-height:1.5}.voucher-block strong{word-break:break-word;font-size:14px;line-height:1.8}.voucher-block .back-btn{border:1px solid;border-radius:8px;min-width:150px;margin-top:8px;padding:10px 16px;text-decoration:none}.reward-symbol{font-size:29px}.result-kicker{font-size:10px;line-height:1.6}dialog[data-screen=pour] .screen{min-height:100dvh;padding-top:calc(68px + env(safe-area-inset-top));flex-direction:column;display:flex}dialog[data-screen=pour] h2{margin:13px 0 8px}dialog[data-screen=pour] .screen>p{margin:8px 0}dialog[data-screen=pour] .pour-stage{flex-shrink:0;margin:8px auto 0}dialog[data-screen=pour] .hold-btn{touch-action:none;-webkit-touch-callout:none;min-height:60px;margin-top:12px;font-size:17px}dialog[data-screen=pour] .preview-caption{margin-top:auto;padding-top:10px}}@media (max-width:380px){header{padding:0 16px}nav{gap:8px}nav a,nav .text-btn{font-size:11px}.brand-wordmark{width:96px}.screen,.info-content{padding-left:18px;padding-right:18px}.card-top{letter-spacing:.4px}.element-tile span{font-size:8px}.screen .pour-stage{width:270px;max-width:100%}}@media (max-width:600px) and (max-height:740px){dialog[data-screen=pour] .pour-stage{transform-origin:50%;margin-top:-19px;margin-bottom:-24px;transform:scale(.78)}dialog[data-screen=pour] .screen{padding-top:60px}dialog[data-screen=pour] h2{font-size:25px}dialog[data-screen=pour] .screen>p{font-size:12px}dialog[data-screen=pour] .hold-btn{min-height:55px;margin-top:7px}}@media (hover:none){.option:hover,.element-tile:hover{transform:none}.button:active{transform:scale(.985)}.hold-btn{-webkit-user-select:none;user-select:none}}header{height:132px}.brand-wordmark{object-fit:contain;mix-blend-mode:multiply;width:66px;height:108px}.glass-logo.brand-glass-mark{object-fit:contain;mix-blend-mode:multiply;width:105px;height:165px;top:85px;left:48px}.closing-mark{object-fit:contain;mix-blend-mode:multiply;width:83px;height:130px}.hero p.hero-reward-note{max-width:390px;color:var(--clay);margin:20px 0 12px;font-size:13px;line-height:1.65}.hero-reward-note small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.card-rewards{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0 12px;display:grid}.card-rewards>div{background:#e8e0d010;border:1px solid #e8e0d055;border-radius:10px;padding:14px 12px}.card-rewards span{letter-spacing:1px;color:var(--cream);margin-bottom:8px;font-size:10px;display:block}.card-rewards strong{font-size:14px;line-height:1.45;display:block}.card-content p.reward-condition{min-height:0;margin:10px 0 20px;font-size:11px}.card-content p.small-note{margin-top:0}.card-content p.reward-condition+.small-note{margin-top:-10px}@media (max-width:600px){header{height:104px}.brand-wordmark{width:54px;height:85px}.closing-mark{width:70px;height:110px}.hero p.hero-reward-note{margin-top:16px;font-size:12px}.card-rewards{gap:8px}.card-rewards>div{padding:12px 10px}.card-rewards strong{font-size:13px}.card-rewards span{letter-spacing:.6px;font-size:9px}}[hidden]{display:none!important}.knowledge-option{border-width:2px;min-height:120px}.answer-letter{border:1px solid;border-radius:50%;place-items:center;width:29px;height:29px;font-family:DM Sans,sans-serif;font-size:14px!important;display:grid!important}.option.correct-answer{color:#15552d;background:#dcf3e2;border-color:#21753e;animation:.42s ease-out answer-correct-pop}.option.wrong-answer{color:#862329;background:#fce3e3;border-color:#b53035;animation:.36s ease-out answer-wrong-shake}.option .answer-result{color:inherit;font-weight:700}.option:disabled{cursor:default;opacity:1;transform:none}.quiz-feedback{background:#dcd3bd;border:1px solid #0000;border-radius:10px;margin-bottom:15px;padding:15px;font-size:13px;line-height:1.6;animation:.24s ease-out answer-feedback-enter}.quiz-feedback.feedback-correct{color:#15552d;background:#dcf3e2;border-color:#21753e}.quiz-feedback.feedback-wrong{color:#862329;background:#fce3e3;border-color:#b53035}@keyframes answer-correct-pop{0%,to{transform:scale(1)}45%{transform:scale(1.025)}}@keyframes answer-wrong-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-4px)}40%,80%{transform:translate(4px)}}@keyframes answer-feedback-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.flavour .card-rewards>div{background:#e8e0d080;border-color:#59643860}.flavour .card-rewards span{color:var(--clay)}.ui-icon{vertical-align:middle;flex:0 0 21px;width:21px;height:21px}.spark-icon{vertical-align:middle;width:1em;height:1em;display:inline-block}.quiz-art svg{width:min(100%,360px);height:100%;overflow:visible}.quiz-art-card{transform-origin:195px 84px;animation:5s ease-in-out infinite quiz-float}.game-card{flex-direction:column;min-width:0;display:flex}.card-content{flex-direction:column;flex:1;display:flex}.card-content>.button{margin-top:auto}.card-content p{max-width:none}.card-top{gap:10px}.card-top>span{white-space:nowrap}.card-rewards>div{min-width:0}.card-rewards strong{overflow-wrap:break-word}@keyframes quiz-float{0%,to{transform:translateY(3px)rotate(3deg)}50%{transform:translateY(-4px)rotate(-2deg)}}@media (max-width:600px){.games{padding:34px 16px}.section-head{margin-bottom:20px}.section-head .eyebrow{letter-spacing:1.7px;font-size:9px}.section-head h2{letter-spacing:-.6px;margin-top:12px;font-size:clamp(25px,7.3vw,34px);line-height:1.2}.section-head p{margin-top:12px;font-size:13px;line-height:1.6}.game-grid{gap:16px}.game-card{border-radius:18px}.card-top{letter-spacing:.6px;padding:18px 18px 0;font-size:8px}.pill{padding:7px 9px}.flavour-art{height:130px;margin-top:8px}.pour-art{transform-origin:top;height:220px;margin-top:18px;margin-bottom:-92px;transform:scale(.58)}.card-content{padding:8px 18px 18px}.card-content h3{letter-spacing:-.5px;font-size:25px;line-height:1.25}.card-content>p{margin:10px 0 12px;font-size:13px;line-height:1.55}.card-rewards{gap:8px;margin:3px 0 10px}.card-rewards>div{border-radius:9px;padding:11px 9px}.card-rewards span{letter-spacing:.5px;margin-bottom:5px;font-size:8px}.card-rewards strong{font-size:12px;line-height:1.4}.card-content p.reward-condition{margin:0 0 10px;font-size:10px;line-height:1.5}.card-content p.reward-condition+.small-note{margin:0 0 13px;font-size:10px!important;line-height:1.4!important}.card-content>.button{border-radius:9px;min-height:50px;padding:13px 16px;font-size:14px}.card-content .ui-icon{flex-basis:19px;width:19px;height:19px}}#hold{white-space:normal;text-align:center;padding:16px 18px;line-height:1.4}@media (max-width:600px){dialog[data-screen=pour] #hold{min-height:64px;font-size:14px}}:focus-visible{outline-offset:4px;outline:3px solid #9a4f32}h2:focus{outline:none}.session-bar{border-top:1px solid #1a1a1a33;flex-wrap:wrap;justify-content:center;align-items:center;gap:24px;padding:20px;font-size:12px;display:flex}.session-bar button{color:inherit;background:0 0;border:0;text-decoration:underline}.admin{max-width:1200px;margin:auto;padding:32px 24px}.admin h1{letter-spacing:-1px;margin:32px 0 12px;font-size:40px}.admin h2{margin:24px 0 12px;font-size:24px}.admin nav{flex-wrap:wrap;gap:24px;display:flex}.admin a{color:#9a4f32}.admin p{line-height:1.65}.admin .filters,.admin form{flex-wrap:wrap;align-items:end;gap:14px;margin:24px 0;display:flex}.admin label{gap:7px;font-size:13px;display:grid}.admin input,.admin select,.admin textarea{font:inherit;background:#f3eddf;border:1px solid #1a1a1a55;border-radius:8px;max-width:100%;padding:12px}.admin textarea{width:100%;min-height:100px}.admin button{color:#fff;background:#596438;border:1px solid #596438;border-radius:8px;min-height:44px;padding:12px 18px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px;margin:24px 0;display:grid}.metric{border:1px solid #1a1a1a33;border-radius:12px;padding:22px}.metric span{color:#555;font-size:12px;display:block}.metric strong{margin-top:12px;font-size:28px;display:block}.admin table{border-collapse:collapse;width:100%}.admin td,.admin th{text-align:left;border-bottom:1px solid #1a1a1a22;padding:12px}.admin .panel{border:1px solid #1a1a1a33;border-radius:12px;margin:20px 0;padding:22px;overflow:auto}.user-data{scroll-margin-top:24px}.abandoned-phone{margin-top:5px;display:block}.abandoned-help{margin:16px 0}.abandoned-help summary{cursor:pointer;font-weight:600}.user-table-wrap{max-height:680px;overflow:auto}.user-table-wrap table{min-width:760px}.user-table-wrap th{background:#e9e1cf;position:sticky;top:0}.user-table-wrap td{vertical-align:top}.user-table-wrap small{color:#59644f;margin-top:5px;display:block}.user-phone{white-space:nowrap;font-variant-numeric:tabular-nums}.user-attempt+.user-attempt{border-top:1px solid #1a1a1a22;margin-top:14px;padding-top:14px}.user-attempt>span{margin-top:6px;display:block}.user-pagination{flex-wrap:wrap;gap:12px;margin-top:18px;display:flex}.user-pagination button:disabled{opacity:.45;cursor:default}.status-note{background:#dcd3bd;border-radius:10px;padding:16px}.screen details{font-size:13px;line-height:1.7}.screen summary{cursor:pointer}dialog[data-screen=info],dialog[data-screen=privacy]{width:min(720px,100% - 28px);animation-fill-mode:backwards}.how-it-works h2{margin-bottom:10px}.screen .how-it-works p{margin:0;line-height:1.55}.screen .how-it-works .how-intro{font-size:16px}.how-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:26px 0;padding:0;list-style:none;display:grid}.how-number{width:32px;height:32px;color:var(--cream);font-variant-numeric:tabular-nums;background:#596438;border-radius:50%;place-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:inline-grid}.how-it-works h3{margin:0 0 7px;font-family:inherit;font-size:15px;font-weight:700;line-height:1.3}.screen .how-steps p{font-size:13px}.how-score-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:22px;display:grid}.how-game{background:#f6f1e7;border:1px solid #59643830;border-radius:14px;padding:20px}.how-game h3{font-family:Georgia,serif;font-size:20px}.screen .how-game>p{font-size:13px}.how-game dl{margin:16px 0 10px}.how-game dl>div{border-top:1px solid #59643825;justify-content:space-between;align-items:baseline;gap:10px;padding:9px 0;font-size:13px;display:flex}.how-game dd{text-align:right;margin:0;font-weight:700}.how-game dt{color:var(--muted)}.screen .how-game .how-no-reward{font-size:12px}.how-entry-note{align-items:flex-start;gap:12px;display:flex}.how-entry-note>strong{color:var(--orange);border:1px solid #9a4f3250;border-radius:6px;flex-shrink:0;padding:5px 8px;font-size:12px}.screen .how-entry-note p,.screen .how-it-works .how-result-note,.screen .how-it-works .how-preview-note{font-size:13px}.screen .how-it-works .how-result-note{margin-top:14px}.screen .how-it-works .how-preview-note{border-left:3px solid #596438;margin-top:14px;padding-left:10px}.how-details{border-top:1px solid #1a1a1a26;margin-top:24px}.how-details details{border-bottom:1px solid #1a1a1a26}.how-details summary{justify-content:space-between;align-items:center;gap:14px;padding:16px 0;font-size:14px;font-weight:700;list-style:none;display:flex}.how-details summary::-webkit-details-marker{display:none}.how-details summary:after{content:"+";font-size:22px;font-weight:400;line-height:1}.how-details details[open]>summary:after{content:"−"}.how-details summary:focus-visible{outline:3px solid var(--orange);outline-offset:3px}.how-detail-body{padding:0 0 18px}.screen .how-detail-body p{font-size:13px}.how-detail-body ul{color:var(--muted);margin:0 0 20px;padding-left:18px}.how-detail-body li+li{margin-top:8px}.how-detail-body h3{margin-top:20px}.how-preferences{flex-wrap:wrap;gap:8px;margin:14px 0 18px;display:flex}.how-preferences button{min-height:44px;color:var(--teal);background:0 0;border:1px solid #1a1a1a40;border-radius:8px;padding:10px 12px;font-size:12px;font-weight:600}.how-preferences button:hover{background:#1a1a1a08}.how-preferences button:disabled{opacity:.5;cursor:wait}.screen .how-done{margin-top:22px}@media (max-width:600px){dialog[data-screen=info],dialog[data-screen=privacy]{width:100%}.how-steps{grid-template-columns:1fr;gap:16px;margin:24px 0}.how-steps li{align-items:flex-start;gap:12px;display:flex}.how-number{flex-shrink:0;margin-bottom:0}.how-steps h3{margin-bottom:4px}.how-score-guide{grid-template-columns:1fr;gap:12px}.how-game{padding:18px}.how-game dl{margin-top:12px}.how-details summary{min-height:56px}}.screen .button+.button{margin-top:12px}.screen img{max-width:100%;height:auto}.login{max-width:500px;margin:70px auto;padding:24px}.login img{width:65px}.login h1{letter-spacing:0;font-size:32px}.login p{margin:20px 0;line-height:1.7}@media (max-width:600px){.admin{padding:20px 16px}.admin h1{font-size:30px}.admin form>*{max-width:100%}.metric strong{font-size:24px}.metric-grid{grid-template-columns:1fr 1fr}.screen .pour-stage{max-width:270px}}.ticker{width:100%;margin-left:0;margin-right:0}.hero-art{overflow:clip}.metric strong{font-size:clamp(16px,1.7vw,28px)}