.app-shell{width:100%;max-width:480px;min-height:100svh;padding:max(14px, env(safe-area-inset-top)) 16px max(14px, env(safe-area-inset-bottom));grid-template-rows:auto auto minmax(0,1fr) auto;gap:10px;margin:0 auto;display:grid;overflow:hidden}.app-header{flex-direction:column;gap:8px;display:flex}.app-header-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.app-header-top .brand-line{margin-bottom:0}.app-header-centered{text-align:center;align-items:center}.app-brand{align-items:center;gap:12px;min-width:0;display:flex}.app-logo{object-fit:contain;flex:none;width:48px;height:46px}.brand-line{align-items:center;gap:10px;margin-bottom:10px;display:flex}.brand-line-centered{justify-content:center}.brand-line .eyebrow{margin:0}.brand-logo{object-fit:contain;flex:none;width:36px;height:35px}.eyebrow{color:var(--lime);letter-spacing:.13em;text-transform:uppercase;margin:0 0 5px;font-size:.72rem;font-weight:800}.app-header h1,.path-choice-header h1,.path-header h1,.state-screen h1{color:var(--cream);font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,6.4vw,2.1rem);font-weight:800;line-height:1.05}.counter{min-width:54px;color:var(--cream);text-align:center;background:#ffffff0f;border:1px solid #f9efd72e;border-radius:999px;flex:none;padding:8px 10px;font-weight:800}.progress{background:#f9efd71f;border-radius:999px;height:4px;overflow:hidden}.progress span{border-radius:inherit;background:var(--lime);height:100%;transition:width .24s;display:block}.deck{min-height:0;padding:3px 0;position:relative}.beer-card{cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#39291f;border:1px solid #f9efd724;border-radius:28px;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 54px #0000006b}.beer-card img{z-index:1;object-fit:cover;pointer-events:none;width:100%;height:100%;position:relative}.image-fallback{background:radial-gradient(circle at 28% 22%,#f3a83257,#0000 26%),linear-gradient(145deg,#614124,#211713 65%);place-items:center;display:grid;position:absolute;inset:0}.image-fallback span{color:#f9efd72e;font-family:var(--display);letter-spacing:.08em;font-size:clamp(2.2rem,12vw,4rem);font-weight:900;transform:rotate(-12deg)}.card-shade{z-index:2;pointer-events:none;background:linear-gradient(#0000 32%,#140e0ba6 64%,#140e0bfa 100%),linear-gradient(#140e0b59,#0000 25%);position:absolute;inset:0}.card-content{z-index:3;color:var(--cream);pointer-events:none;padding:16px 18px;position:absolute;inset:auto 0 0}.beer-meta{gap:6px;margin-bottom:8px;display:flex}.beer-meta span{letter-spacing:.05em;text-transform:uppercase;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#140e0b73;border:1px solid #f9efd733;border-radius:999px;padding:4px 8px;font-size:.68rem;font-weight:800}.card-content h2{font-family:var(--display);letter-spacing:-.04em;margin:0;font-size:clamp(1.65rem,8vw,2.5rem);line-height:.95}.brewery{color:var(--amber);margin:5px 0 8px;font-size:.88rem;font-weight:800}.stand-preview{color:#f9efd78f;letter-spacing:.07em;text-transform:uppercase;margin:0 0 5px;font-size:.7rem;font-weight:800}.description{color:#f9efd7c7;max-width:38ch;margin:0;font-size:.82rem;line-height:1.35}.swipe-stamp{z-index:3;opacity:0;letter-spacing:.06em;border:3px solid;border-radius:8px;padding:8px 12px;font-size:1.35rem;font-weight:900;position:absolute;top:28px;transform:rotate(-9deg)}.swipe-stamp.like{color:var(--lime);opacity:1;right:22px}.swipe-stamp.nope{color:#ff766d;opacity:1;left:22px;transform:rotate(9deg)}.actions{grid-template-columns:48px 1fr 48px;align-items:center;gap:10px;padding-top:0;display:grid}.actions>p{color:#f9efd780;letter-spacing:.06em;text-align:center;text-transform:uppercase;margin:0;font-size:.72rem;font-weight:700}.choice-button{width:48px;height:48px;font:inherit;cursor:pointer;border:1px solid;border-radius:50%;place-items:center;transition:transform .15s,background .15s;display:grid}.choice-button:active{transform:scale(.9)}.choice-button span{font-size:1.45rem;line-height:1;display:block}.choice-button.dislike{color:#ff766d;background:#ff766d1a;border-color:#ff766d59}.choice-button.like{color:var(--lime);background:#c3e7481a;border-color:#c3e74859}.state-screen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:28px;display:flex}.state-icon{width:74px;height:74px;color:var(--lime);background:#c3e74817;border:1px solid #c3e74859;border-radius:50%;place-items:center;margin-bottom:24px;font-size:2rem;display:grid}.state-screen h1{max-width:360px}.state-text{color:#f9efd7a3;max-width:330px;margin:18px 0 0;line-height:1.5}.primary-button{border:1px solid var(--lime);color:#18200a;background:var(--lime);cursor:pointer;border-radius:999px;min-height:54px;margin-top:28px;padding:0 24px;font-weight:900;transition:background .2s,border-color .2s,box-shadow .2s,color .2s,opacity .2s,transform .15s;box-shadow:0 10px 28px #c3e74847,0 2px 8px #0006}.primary-button:hover:not(:disabled){background:#d6f560;border-color:#d6f560;transform:translateY(-1px);box-shadow:0 14px 34px #c3e74861}.primary-button:active:not(:disabled){transform:translateY(1px);box-shadow:0 6px 18px #c3e74833}.primary-button:disabled{color:#f9efd759;box-shadow:none;cursor:not-allowed;opacity:1;background:#ffffff12;border:1px solid #f9efd71f}.path-choice-screen{width:100%;max-width:560px;min-height:100svh;padding:max(30px, env(safe-area-inset-top)) 18px max(32px, env(safe-area-inset-bottom));margin:0 auto}.path-choice-header>p:last-child{color:#f9efd799;margin:10px 0 0}.path-options{gap:12px;margin-top:30px;display:grid}.path-option{width:100%;min-height:116px;color:var(--cream);text-align:left;cursor:pointer;background:#ffffff0d;border:1px solid #f9efd724;border-radius:22px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:18px;display:grid}.path-option:active{transform:scale(.98)}.path-option-valorosi{background:linear-gradient(135deg,#9133254d,#ffffff0a)}.path-option-esploratori{background:linear-gradient(135deg,#5b489c4d,#ffffff0a)}.path-option-spensierati{background:linear-gradient(135deg,#c3e7482b,#ffffff0a)}.path-option-icon{background:#17100d59;border:1px solid #f9efd733;border-radius:18px;place-items:center;width:56px;height:56px;font-size:1.7rem;display:grid}.path-option-copy{gap:5px;min-width:0;display:grid}.path-option-copy strong{font-family:var(--display);font-size:1.25rem}.path-option-copy small{color:#f9efd799;font-size:.78rem;line-height:1.35}.path-option-arrow{color:var(--lime);white-space:nowrap;font-size:.7rem;font-weight:900}.path-screen{width:100%;max-width:560px;min-height:100svh;padding:max(28px, env(safe-area-inset-top)) 18px max(32px, env(safe-area-inset-bottom));margin:0 auto}.path-header>p:last-child{color:#f9efd79e;max-width:420px;margin:10px 0 0;line-height:1.45}.path-list{margin:30px 0 0;padding:0;list-style:none;position:relative}.path-list:before{content:"";background:#c3e74847;width:1px;position:absolute;top:33px;bottom:33px;left:18px}.path-item{border:1px solid #0000;border-radius:20px;grid-template-columns:38px 72px minmax(0,1fr);align-items:center;gap:12px;min-height:92px;padding:7px 8px 7px 0;transition:border-color .16s,background .16s;display:grid;position:relative}.path-item-rated{background:#c3e7480a}.path-item-next{background:#f3a83212;border-color:#f3a83242}.path-number{z-index:2;width:36px;height:36px;color:var(--lime);background:var(--ink);border:1px solid #c3e74873;border-radius:50%;place-items:center;font-size:.78rem;font-weight:900;display:grid}.path-image{background:radial-gradient(circle at 30% 25%,#f3a83280,#0000 30%),#3a271c;border-radius:18px;width:72px;height:72px;overflow:hidden}.path-image img{object-fit:cover;width:100%;height:100%}.path-copy{min-width:0}.stand-label{color:var(--amber);letter-spacing:.06em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;font-size:.67rem;font-weight:800;display:block;overflow:hidden}.path-copy h2{color:var(--cream);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin:3px 0;font-size:1.15rem;overflow:hidden}.path-copy p{color:#f9efd785;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.78rem;overflow:hidden}.path-rating{color:#f9efd757;letter-spacing:.05em;text-transform:uppercase;width:fit-content;margin-top:6px;font-size:.67rem;font-weight:900;display:block}.path-rating.rated{color:var(--lime);background:#c3e74814;border:1px solid #c3e7483d;border-radius:999px;padding:3px 7px}.path-item-next .path-number{border-color:var(--amber);color:var(--amber)}.offline-note{color:#f9efd79e;background:#f3a83212;border:1px solid #f3a83238;border-radius:14px;margin:22px 0 0;padding:14px 16px;font-size:.78rem;line-height:1.4}.path-action{background:#c3e74812;border:1px solid #c3e74833;border-radius:22px;grid-template-columns:auto 1fr;align-items:center;gap:18px;margin-top:24px;padding:18px;display:grid}.path-action>div span{color:var(--lime);font-family:var(--display);font-size:1.6rem;font-weight:900}.path-action>div p{color:#f9efd78a;margin:2px 0 0;font-size:.72rem}.path-action .primary-button{justify-self:end;margin:0}.path-preview-back{color:#f9efd79e;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:0;margin:0 0 22px;padding:0;font-size:.78rem;font-weight:900}.path-preview-back span{color:var(--lime);margin-right:7px;font-size:1rem}.path-preview-note{background:#c3e7480d;border:1px solid #c3e7482b;border-radius:16px;margin-top:20px;padding:14px 16px}.path-preview-note span{color:var(--lime);letter-spacing:.08em;text-transform:uppercase;font-size:.67rem;font-weight:900}.path-preview-note p{color:#f9efd785;margin:5px 0 0;font-size:.75rem}.path-preview-screen .path-list{margin-top:20px}.path-preview-actions{z-index:5;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#17100df0;border:1px solid #f9efd721;border-radius:20px;grid-template-columns:auto minmax(0,1fr);gap:9px;margin-top:24px;padding:10px;display:grid;position:sticky;box-shadow:0 18px 50px #00000061}.path-preview-actions .primary-button{width:100%;min-height:50px;margin:0}.path-preview-secondary{min-height:50px;color:var(--cream);font:inherit;cursor:pointer;background:#ffffff0d;border:1px solid #f9efd721;border-radius:15px;padding:0 14px;font-size:.75rem;font-weight:900}.rating-screen{width:100%;max-width:520px;min-height:100svh;padding:max(24px, env(safe-area-inset-top)) 18px max(26px, env(safe-area-inset-bottom));grid-template-rows:auto minmax(0,1fr) auto;gap:18px;margin:0 auto;display:grid}.rating-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.rating-header .eyebrow{margin:0}.rating-header .brand-line{margin-bottom:0}.rating-header>span{color:#f9efd78a;font-size:.72rem}.rating-beer{flex-direction:column;justify-content:end;min-height:0;display:flex}.rating-image{background:radial-gradient(circle at 30% 25%,#f3a8326b,#0000 28%),linear-gradient(145deg,#5a3a22,#211713);border-radius:28px;flex:auto;min-height:220px;overflow:hidden;box-shadow:0 20px 48px #00000057}.rating-image img{object-fit:cover;width:100%;height:100%}.rating-stand{color:var(--amber);letter-spacing:.08em;text-transform:uppercase;margin:18px 0 5px;font-size:.72rem;font-weight:900}.rating-beer h1{color:var(--cream);font-family:var(--display);letter-spacing:-.05em;margin:0;font-size:clamp(2.2rem,11vw,3.7rem);line-height:.92}.rating-meta{color:#f9efd7a3;margin:8px 0 0;font-size:.8rem}.rating-description{color:#f9efd77a;margin:10px 0 0;font-size:.78rem;line-height:1.4}.rating-control{padding-top:4px}.rating-control>p{color:var(--cream);text-align:center;margin:0 0 12px;font-weight:800}.rating-stars{grid-template-columns:repeat(5,1fr);gap:7px;display:grid}.rating-stars button{color:#f9efd73d;cursor:pointer;background:#ffffff0d;border:1px solid #f9efd724;border-radius:16px;place-items:center;gap:1px;min-width:0;height:58px;padding:5px 2px;display:grid}.rating-stars button.selected{color:var(--amber);background:#f3a8321f;border-color:#f3a8327a}.rating-stars button span{font-size:1.3rem;line-height:1}.rating-stars button small{color:inherit;font-size:.66rem;font-weight:900}.rating-submit{width:100%;margin-top:13px}.rating-submit:disabled{opacity:.35;cursor:not-allowed}.final-screen{width:100%;max-width:560px;min-height:100svh;padding:max(30px, env(safe-area-inset-top)) 18px max(32px, env(safe-area-inset-bottom));margin:0 auto}.final-header h1{color:var(--cream);font-family:var(--display);letter-spacing:-.055em;margin:0;font-size:clamp(2.4rem,11vw,4rem);line-height:.92}.final-header>p:last-child{color:#f9efd794;margin:16px 0 0;line-height:1.5}.suggestions-eyebrow{margin-top:42px}.final-list{gap:12px;margin-top:30px;display:grid}.final-card{background:#ffffff0d;border:1px solid #f9efd721;border-radius:22px;grid-template-columns:86px minmax(0,1fr);align-items:center;gap:14px;min-height:116px;padding:12px;display:grid;position:relative;overflow:hidden}.final-rank{color:#c3e7482e;font-family:var(--display);font-size:2.2rem;font-weight:900;position:absolute;top:8px;right:12px}.final-image{background:radial-gradient(circle at 30% 25%,#f3a8326b,#0000 30%),#3a271c;border-radius:17px;width:86px;height:92px;overflow:hidden}.final-image img{object-fit:cover;width:100%;height:100%}.final-copy{z-index:1;min-width:0;position:relative}.final-copy>span{color:var(--amber);letter-spacing:.07em;text-transform:uppercase;font-size:.66rem;font-weight:900}.final-copy h2{color:var(--cream);font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin:4px 0;font-size:1.25rem;overflow:hidden}.final-copy p{color:#f9efd780;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:.72rem;overflow:hidden}.final-choose{width:100%;min-height:46px;color:var(--lime);font:inherit;letter-spacing:.03em;cursor:pointer;background:#c3e74814;border:1px solid #c3e74847;border-radius:14px;grid-column:1/-1;font-size:.8rem;font-weight:900}.final-choose.is-selected{color:#18200f;background:var(--lime)}.final-choose:disabled{opacity:.55;cursor:wait}.prize-email-form{background:#f3a83212;border:1px solid #f3a83247;border-radius:22px;margin-top:18px;padding:20px}.prize-email-form label{color:var(--cream);font-family:var(--display);font-size:1.35rem;font-weight:900;display:block}.prize-email-form>p{color:#f9efd799;margin:7px 0 14px;font-size:.8rem;line-height:1.45}.prize-email-form input[type=email],.prize-email-form input[type=text],.prize-email-form input[type=tel]{width:100%;min-height:52px;color:var(--cream);font:inherit;background:#0000002e;border:1px solid #f9efd72e;border-radius:15px;outline:none;padding:0 15px;font-size:1rem}.prize-email-form input[type=email]:focus,.prize-email-form input[type=text]:focus,.prize-email-form input[type=tel]:focus{border-color:var(--lime);box-shadow:0 0 0 3px #c3e7481a}.prize-email-form input[type=email]:disabled,.prize-email-form input[type=text]:disabled,.prize-email-form input[type=tel]:disabled{opacity:.6}.lottery-form label{margin-top:16px;margin-bottom:6px;font-size:1.15rem}.lottery-form label:first-of-type{margin-top:4px}.lottery-form .primary-button{margin-top:18px}.prize-email-form small{color:#f9efd780;margin:0;font-family:inherit;font-size:.78rem;font-weight:500;display:inline}.prize-email-form .consent-group{text-align:left;background:#ffffff08;border:1px solid #f9efd71a;border-radius:14px;flex-direction:column;gap:12px;margin-top:16px;padding:14px 16px;display:flex}.prize-email-form .consent-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--amber);font-size:.78rem;font-weight:700}.prize-email-form .consent-group-optional .consent-group-title{color:#f9efd7a6}.prize-email-form .consent-item{flex-direction:column;gap:4px;display:flex}.prize-email-form .privacy-consent{color:#f9efd7e6;cursor:pointer;text-align:left;align-items:flex-start;gap:10px;margin:0;font-family:inherit;font-size:.82rem;font-weight:500;line-height:1.45;display:flex}.prize-email-form .privacy-consent input{width:18px;height:18px;accent-color:var(--lime);cursor:pointer;flex:0 0 18px;margin-top:2px}.privacy-consent a,.privacy-consent a:link,.privacy-consent a:visited,.consent-link-row a,.consent-link-row a:link,.consent-link-row a:visited,.consent-modal-card a,.consent-modal-card a:link,.consent-modal-card a:visited{color:var(--lime);text-underline-offset:3px;text-decoration:underline}.privacy-consent a:hover,.consent-link-row a:hover,.consent-modal-card a:hover,.privacy-consent a:focus-visible,.consent-link-row a:focus-visible,.consent-modal-card a:focus-visible{color:#d6f560;opacity:.9}.prize-email-form .consent-required-tag{color:var(--amber);font-size:.75rem;font-weight:600}.prize-email-form .consent-disclaimer{color:#f9efd799;margin:2px 0 0 28px;font-size:.75rem;font-style:italic;line-height:1.35}.prize-email-form .consent-link-row{margin:2px 0 0 28px;font-size:.76rem}.prize-email-form .consent-hint{color:#f9efd78c;margin:2px 0 0 28px;font-size:.74rem;line-height:1.35}.single-consent-wrapper{text-align:left;flex-direction:column;align-items:flex-start;gap:6px;margin-top:18px;display:flex}.manage-preferences-btn{color:#f9efd78c;text-underline-offset:2px;cursor:pointer;background:0 0;border:none;align-items:center;gap:5px;padding:4px 0 4px 28px;font-family:inherit;font-size:.76rem;font-weight:500;text-decoration:underline;transition:color .15s,opacity .15s;display:inline-flex}.manage-preferences-btn:hover{color:var(--lime);opacity:.95}.prize-email-form .consent-modal-trigger{color:#f9efd7e6;cursor:pointer;text-align:left;background:#ffffff0a;border:1px solid #f9efd71f;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;width:100%;margin-top:14px;padding:12px 16px;font-family:inherit;transition:background .15s,border-color .15s,transform .15s;display:flex}.prize-email-form .consent-modal-trigger:hover{background:#ffffff12;border-color:#c3e74859}.consent-trigger-content{flex-direction:column;gap:2px;display:flex}.consent-trigger-title{color:#f9efd7;font-size:.84rem;font-weight:700}.consent-trigger-subtitle{color:#f9efd799;font-size:.74rem}.consent-trigger-badge{color:var(--lime);white-space:nowrap;background:#c3e74826;border-radius:999px;padding:4px 10px;font-size:.74rem;font-weight:700}.consent-trigger-badge.muted{color:#f9efd780;background:#ffffff0f}.consent-group-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.modal-card.consent-modal-card{text-align:left;flex-direction:column;gap:16px;max-width:520px;max-height:88vh;padding:24px 20px;display:flex;overflow-y:auto}.modal-card.consent-modal-card .consent-modal-header{text-align:left;border-bottom:1px solid #f9efd71a;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:14px;display:flex}.modal-card.consent-modal-card .consent-modal-header h3{color:var(--cream);text-align:left;margin:0 0 4px;font-size:1.25rem}.modal-card.consent-modal-card .consent-modal-header p{color:#f9efd799;text-align:left;margin:0;font-size:.82rem;line-height:1.4}.consent-modal-close{color:#f9efd799;cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 10px;font-size:1.3rem;line-height:1}.consent-modal-close:hover{color:#fff;background:#ffffff1a}.modal-card.consent-modal-card .consent-modal-body{text-align:left;flex-direction:column;gap:14px;display:flex}.modal-card.consent-modal-card .consent-group{text-align:left;background:#ffffff08;border:1px solid #f9efd71a;border-radius:14px;flex-direction:column;gap:12px;margin-top:0;padding:14px 16px;display:flex}.modal-card.consent-modal-card .consent-group-title{text-transform:uppercase;letter-spacing:.05em;color:var(--amber);text-align:left;font-size:.78rem;font-weight:700}.modal-card.consent-modal-card .consent-group-optional .consent-group-title{color:#f9efd7a6}.modal-card.consent-modal-card .consent-item{text-align:left;flex-direction:column;gap:4px;display:flex}.modal-card.consent-modal-card .privacy-consent{color:#f9efd7e6;cursor:pointer;text-align:left;align-items:flex-start;gap:10px;margin:0;font-family:inherit;font-size:.82rem;font-weight:500;line-height:1.45;display:flex}.modal-card.consent-modal-card .privacy-consent span{text-align:left}.modal-card.consent-modal-card .consent-disclaimer{color:#f9efd799;text-align:left;margin:2px 0 0 28px;font-size:.75rem;font-style:italic;line-height:1.35}.modal-card.consent-modal-card .consent-link-row{text-align:left;margin:2px 0 0 28px;font-size:.76rem}.modal-card.consent-modal-card .consent-hint{color:#f9efd78c;text-align:left;margin:2px 0 0 28px;font-size:.74rem;line-height:1.35}.consent-modal-actions{border-top:1px solid #f9efd71a;padding-top:14px}.consent-quick-toggle{color:#f9efd766;align-items:center;gap:6px;font-size:.74rem;display:flex}.consent-quick-toggle button{color:var(--lime);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;padding:0;font-family:inherit;font-size:.74rem;text-decoration:underline}.consent-quick-toggle button:hover{opacity:.8}.reward-quote{max-width:360px;color:var(--amber);text-align:center;margin:14px auto 0;font-family:Georgia,Times New Roman,serif;font-size:1.05rem;font-style:italic;line-height:1.45}.character-card-section{width:100%;margin-top:24px}.social-card-preview{--social-accent:var(--lime);aspect-ratio:4/5;border:1px solid color-mix(in srgb, var(--social-accent) 38%, transparent);background:radial-gradient(circle at 12% 2%, color-mix(in srgb, var(--social-accent) 22%, transparent), transparent 34%), radial-gradient(circle at 95% 82%, #f3a83226, transparent 38%), linear-gradient(145deg, #2b1b13, #17100d 52%, #0e0a08);isolation:isolate;border-radius:28px;flex-direction:column;width:100%;padding:clamp(20px,6vw,32px);display:flex;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000052}.social-card-preview:before,.social-card-preview:after{z-index:-1;border:1px solid color-mix(in srgb, var(--social-accent) 24%, transparent);content:"";border-radius:50%;position:absolute}.social-card-preview:before{aspect-ratio:1;width:70%;top:12%;left:15%}.social-card-preview:after{aspect-ratio:1;width:104%;bottom:-40%;right:-56%}.social-card-brand{text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;display:flex}.social-card-brand strong{color:var(--social-accent);font-family:var(--display);letter-spacing:.14em;font-size:clamp(1rem,5vw,1.45rem)}.social-card-brand span{color:#f9efd785;letter-spacing:.04em;font-size:clamp(.48rem,2.2vw,.68rem);font-weight:800}.social-card-emblem{aspect-ratio:1;border:1px solid color-mix(in srgb, var(--social-accent) 56%, transparent);width:35%;color:var(--social-accent);background:color-mix(in srgb, var(--social-accent) 10%, transparent);border-radius:50%;flex:none;place-items:center;margin:8% auto 3%;line-height:1;display:grid;overflow:hidden;box-shadow:inset 0 0 0 12px #00000017}.social-card-character{object-fit:contain;width:112%;height:112%}.social-card-role{text-align:center;text-transform:uppercase}.social-card-role span,.social-card-beer>span{color:#f9efd78c;letter-spacing:.15em;font-size:clamp(.52rem,2.4vw,.72rem);font-weight:900}.social-card-role h2{color:var(--cream);font-family:var(--display);letter-spacing:-.055em;margin:2px 0 0;font-size:clamp(1.65rem,8vw,3.4rem);line-height:.95}.social-card-role blockquote{color:#f9efd7ad;text-transform:none;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:8px auto 18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(.58rem,2.6vw,.8rem);font-style:italic;line-height:1.35;display:-webkit-box;overflow:hidden}.social-card-beer{color:#251912;background:var(--social-accent);border-radius:20px;margin-top:auto;padding:clamp(16px,4.5vw,24px)}.social-card-beer>span{color:#251912ad;display:block}.social-card-beer strong{font-family:var(--display);text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:clamp(1.15rem,5.5vw,1.8rem);line-height:1.15;display:block;overflow:hidden}.social-card-beer p{margin:6px 0 0;font-size:clamp(.65rem,2.8vw,.84rem);font-weight:800}.social-card-footer{color:#f9efd785;letter-spacing:.04em;justify-content:space-between;align-items:center;gap:12px;margin-top:clamp(12px,3.5vw,20px);font-size:clamp(.46rem,2vw,.62rem);font-weight:800;display:flex}.social-card-footer strong{color:var(--cream);letter-spacing:.08em;flex:none}.social-actions{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:14px;display:grid}.social-share-button,.social-download-button{min-height:52px;font:inherit;cursor:pointer;border-radius:16px;font-weight:900}.social-share-button{color:#18200f;background:var(--lime);border:0}.social-share-button span{margin-right:8px;font-size:1.15rem}.social-download-button{color:var(--cream);background:#ffffff0d;border:1px solid #f9efd729;padding:0 17px}.social-share-button:disabled,.social-download-button:disabled{opacity:.55;cursor:wait}.social-share-message{color:#f9efd794;text-align:center;margin:10px 4px 0;font-size:.74rem}.lottery-header,.suggestions-header{margin-top:36px}.lottery-registered-panel{text-align:center;background:#c3e74814;border:1px solid #c3e74852;border-radius:22px;margin-top:18px;padding:24px 20px}.lottery-check-icon{color:#18200f;background:var(--lime);border-radius:50%;place-items:center;width:54px;height:54px;margin:0 auto 12px;font-size:1.6rem;font-weight:900;display:grid}.lottery-registered-panel h2{color:var(--cream);font-family:var(--display);margin:0;font-size:1.6rem}.lottery-registered-panel p{color:#f9efd7bf;margin:8px 0 0;font-size:.85rem;line-height:1.45}.lottery-registered-panel strong{color:var(--lime);overflow-wrap:anywhere}.app-header-centered{justify-content:center}.app-brand-centered{text-align:center;align-items:center}.email-gate-screen{justify-content:center}.email-gate-card,.email-sent-card{background:radial-gradient(circle at 10% 10%,#c3e74814,#0000 40%),linear-gradient(#24180f 0%,#1a120c 100%);border:1px solid #f9efd71f;border-radius:28px;width:100%;max-width:440px;margin:0 auto;padding:24px;box-shadow:0 20px 48px #00000047}.email-gate-header h2{color:var(--cream);font-family:var(--display);margin:0;font-size:clamp(1.4rem,6vw,1.8rem);line-height:1.15}.email-gate-header p{color:#f9efd7ad;margin:8px 0 20px;font-size:.88rem;line-height:1.45}.email-sent-card{text-align:center}.email-sent-icon{color:#18200f;background:var(--lime);border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 16px;font-size:2rem;font-weight:900;display:grid}.email-sent-card h2{color:var(--cream);font-family:var(--display);margin:0;font-size:clamp(1.4rem,6vw,1.8rem)}.email-sent-card p{color:#f9efd7c7;margin:10px 0 0;font-size:.9rem;line-height:1.45}.email-sent-hint{color:#f9efd78c!important;font-size:.8rem!important}.email-sent-actions{flex-direction:column;gap:10px;margin-top:24px;display:flex}.ghost-button{color:#f9efd7bf;min-height:48px;font:inherit;cursor:pointer;background:0 0;border:1px solid #f9efd729;border-radius:16px;font-size:.88rem;font-weight:700}.lottery-verified-badge{color:var(--lime);overflow-wrap:anywhere;background:#c3e7481a;border:1px solid #c3e7484d;border-radius:12px;align-items:center;gap:8px;margin-bottom:14px;padding:8px 14px;font-size:.82rem;display:inline-flex}.lottery-verified-badge strong{color:var(--cream)}.required-star{color:var(--lime)}.optional-tag{color:#f9efd773;font-size:.78rem}.lottery-details-card{text-align:left;background:#0003;border:1px solid #f9efd71f;border-radius:16px;flex-direction:column;gap:8px;margin-top:16px;padding:14px 16px;display:flex}.lottery-detail-row{justify-content:space-between;gap:12px;font-size:.85rem;display:flex}.lottery-detail-row span{color:#f9efd78c}.lottery-detail-row strong{color:var(--cream);text-align:right;overflow-wrap:anywhere}.prize-email-form .primary-button{width:100%}.prize-email-form .primary-button:disabled{color:#f9efd759;box-shadow:none;cursor:not-allowed;opacity:1;background:#ffffff12;border:1px solid #f9efd71f}.prize-email-form .prize-email-error{color:#ff9b91;margin:9px 2px 0;font-weight:800}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;padding:20px;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.modal-card{background:var(--surface,#1e1b18);text-align:center;border:1px solid #f3a83259;border-radius:24px;width:100%;max-width:400px;padding:28px 24px;box-shadow:0 16px 48px #000000b3}.modal-icon{margin-bottom:12px;font-size:2.4rem;display:block}.modal-card h3{font-family:var(--display);color:var(--cream);margin:0 0 10px;font-size:1.4rem}.modal-card p{color:#f9efd7d9;margin:0 0 22px;font-size:.95rem;line-height:1.5}.modal-actions{flex-direction:column;gap:10px;display:flex}.modal-actions .primary-button,.modal-actions .ghost-button{width:100%}@media (width<=390px){.path-action{grid-template-columns:1fr}.path-action .primary-button{width:100%}.path-preview-actions{grid-template-columns:1fr}}@media (width>=700px){.app-shell{padding-bottom:28px}.beer-card{border-radius:32px}}:root{--ink:#17100d;--cream:#f9efd7;--amber:#f3a832;--lime:#c3e748;--display:"Arial Black", "Segoe UI", system-ui, sans-serif;color:var(--cream);background:radial-gradient(circle at 10% 0%, #77431e47, transparent 38%), var(--ink);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Segoe UI,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--ink);min-width:320px;min-height:100%}body{overscroll-behavior:none;min-width:320px;min-height:100svh;margin:0}button,input{font:inherit}a,a:visited{color:var(--lime);text-underline-offset:3px;text-decoration:underline}a:hover,a:focus-visible{color:#d6f560;opacity:.9}button:focus-visible{outline:3px solid var(--cream);outline-offset:3px}