:root{--brand:#69432c;--paper:#f6f0e3;--ink:#352c23;--accent:#a55f3d}html{background:var(--paper)}body{margin:0;color:var(--ink)}.landing{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;background:radial-gradient(ellipse at 75% 18%,#ead9b0 0,transparent 42%),repeating-linear-gradient(90deg,#ac895508 0,#ac895508 1px,transparent 1px,transparent 30px),var(--paper)}.landing-main{max-width:1000px;margin:auto;padding:24px clamp(20px,5vw,64px)}.landing-nav{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #b49a7140;padding:12px 0 22px}.brand-mark{font-weight:750;letter-spacing:1px}.landing-nav a{color:var(--brand);font-size:14px;text-decoration:none}.landing-hero{padding:58px 0 46px;text-align:center}.eyebrow{color:#9e6747;letter-spacing:4px;font-size:12px}.hero-cards{display:flex;justify-content:center;margin:40px auto 24px;height:116px}.hero-cards span{display:flex;align-items:center;justify-content:center;width:80px;height:110px;font-size:43px;background:#fcf8e9;border:1px solid #b9a071;border-radius:9px;box-shadow:0 9px 25px #63421b26;color:#365349;transform:rotate(-14deg);margin-right:-12px}.hero-cards span:nth-child(2){transform:translateY(-14px);color:#a34b3c;z-index:1}.hero-cards span:nth-child(3){transform:rotate(14deg);color:#4b493b}h1{font-family:Georgia,'Songti SC','SimSun',serif;font-size:clamp(36px,6vw,60px);line-height:1.3;font-weight:500;letter-spacing:2px;margin:30px 0 20px}.landing-copy{font-size:16px;line-height:1.9;color:#7c6d59}.landing-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:30px}.primary-action,.secondary-action{font:600 16px system-ui;border-radius:12px;padding:15px 26px;text-align:center;text-decoration:none;cursor:pointer;box-sizing:border-box;border:1px solid #a78967}.primary-action{background:var(--brand);color:#fff8e9;border-color:var(--brand)}.secondary-action{background:#fff9ea;color:var(--brand)}.landing-note{font-size:12px;color:#8c7c64;margin-top:17px}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;border-top:1px solid #b49a7140;padding-top:26px}.landing-features article{padding:20px;border:1px solid #c8b793;background:#fffcf166;border-radius:12px}.landing-features article>span{color:#b2956b;font-family:Georgia;font-size:24px}.landing-features h2{font-size:17px}.landing-features p{font-size:14px;line-height:1.7;color:#7c6d59}.landing footer{text-align:center;padding:40px 0 15px;color:#947f61;font-size:12px}.web-boot{padding:30vh 20px;text-align:center;font:16px system-ui;color:var(--brand)}.web-browser-banner{position:relative;z-index:3000;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#68432b;color:#fff8e8;font:13px/1.5 system-ui}.web-browser-banner span{flex:1}.web-browser-banner button{flex:none;font:600 12px system-ui;border:1px solid #d1b087;border-radius:7px;background:#fff4de;color:#634028;padding:8px;margin:0;width:auto;line-height:1.4}.web-dialog{font:15px/1.7 system-ui;color:var(--ink);width:min(430px,calc(100vw - 40px));max-height:85dvh;overflow:auto;box-sizing:border-box;background:#fff9ec;border:1px solid #c2a97e;border-radius:18px;padding:26px;box-shadow:0 15px 70px #23170955}.web-dialog::backdrop{background:#23190f88}.web-dialog h2{font-size:22px;padding-right:24px;margin:0 0 14px}.web-dialog p{color:#78664e}.web-dialog ol{padding-left:24px}.web-dialog li{padding:7px 0}.web-dialog .web-close{position:absolute;right:12px;top:12px;width:34px;height:34px;border:0;background:transparent;color:#6d5036;font-size:24px;cursor:pointer}.web-dialog .primary-action,.web-dialog .secondary-action{display:block;width:100%;margin:10px 0 0}.web-copy-status{font-size:13px;min-height:22px;color:#586949}.web-link{width:100%;box-sizing:border-box;background:#f0e7d4;border:1px solid #cabc9e;border-radius:8px;padding:10px;color:#514632;font:13px system-ui}.web-update{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);width:min(420px,90vw);z-index:4000;padding:12px 16px;border:1px solid #bb9e73;border-radius:12px;background:#fff5df;box-shadow:0 4px 25px #422b2330;font:14px system-ui;display:flex;align-items:center;gap:14px}.web-update button{background:var(--brand);color:#fff7e8;border:0;border-radius:6px;padding:8px 14px;white-space:nowrap;cursor:pointer}@media(max-width:600px){.landing-features{grid-template-columns:1fr}.landing-features article{padding:14px 20px}.landing-hero{padding-top:30px}.landing-actions>*{min-width:140px}.landing-nav{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}}

/* Display context, not whether another browser has installed this site. */
html.app-standalone [data-install],html.app-standalone .web-install-shortcut,html.app-standalone .web-browser-banner{display:none!important}

html.web-home .web-update{bottom:calc(102px + env(safe-area-inset-bottom))}
/* LUCKY public entrance and platform guidance; event hooks remain unchanged. */
:root{--brand:#8252e8;--paper:#edff42;--ink:#171217;--accent:#8252e8}.landing{background-color:#edff42;background-image:radial-gradient(#17121714 .7px,transparent .7px);background-size:8px 8px;color:#171217}.landing-main{max-width:700px;padding:18px 20px}.landing-nav{border-bottom:3px solid #171217;padding:10px 0 19px;font-size:13px}.landing-nav a{color:#171217;font-weight:800;border:2px solid #171217;background:#fff6e3;padding:10px;box-shadow:2px 2px #171217}.landing-hero{position:relative;border:3px solid #171217;box-shadow:6px 6px #171217;background:#8252e8;margin:36px 5px 25px 0;padding:28px 20px 24px;text-align:left;transform:rotate(-2deg)}.landing-tape{position:absolute;left:17px;top:-16px;background:#fff6e3;color:#171217;border:2px solid #171217;padding:7px 13px;font-size:11px;font-weight:850;transform:rotate(4deg)}.landing .eyebrow{font:800 10px Arial;letter-spacing:1px;color:white;margin:0 0 17px}.landing-play{font-size:clamp(65px,17vw,118px);font-weight:1000;font-style:italic;line-height:.88;letter-spacing:-6px;color:#edff42;-webkit-text-stroke:2px #171217;text-shadow:4px 4px #171217}.landing-play em{font-style:inherit;color:#fff6e3}.landing-poster-copy{display:flex;align-items:center;justify-content:space-between;margin-top:22px}.landing h1{font-family:inherit;font-size:clamp(30px,7vw,47px);font-weight:900;line-height:1.2;color:#fff6e3;letter-spacing:-1px;margin:0}.landing-star{width:85px;height:85px;display:grid;place-content:center;background:#edff42;color:#171217;font:bold 12px/1.2 Arial;transform:rotate(14deg);clip-path:polygon(50% 0,62% 17%,80% 5%,82% 27%,100% 32%,88% 50%,100% 68%,80% 74%,77% 96%,58% 85%,46% 100%,36% 82%,15% 95%,18% 73%,0 65%,14% 49%,0 30%,21% 25%,20% 4%,39% 17%)}.landing-copy{color:#fff6e3;font-size:13px;margin:17px 0 0;line-height:1.6}.landing-actions{margin-top:24px;gap:12px}.primary-action,.secondary-action{border:3px solid #171217;border-radius:0;box-shadow:3px 3px #171217;font-weight:800;min-height:46px}.primary-action{background:#8252e8;color:white}.secondary-action{background:#fff6e3;color:#171217}.landing-note{text-align:center;color:#45354f}.landing-features{border-top:3px solid #171217;gap:13px;margin-top:24px}.landing-features article{background:#fff6e3;border:2px solid #171217;box-shadow:3px 3px #171217;border-radius:0}.landing-features article>span{font:900 25px Arial;color:#8252e8}.landing-features h2{font-weight:850}.landing-features p{color:#51415b}.landing footer{color:#171217}.web-dialog{background:#fff6e3;border:3px solid #171217;border-radius:0;box-shadow:6px 6px #8252e8;color:#171217;padding:22px}.web-dialog h2{font-weight:900}.web-dialog p{color:#51415b}.web-dialog .web-close{background:#edff42;color:#171217;border:2px solid #171217;width:39px;height:39px}.web-dialog .web-link{border:2px solid #171217;border-radius:0;color:#171217;background:#edff42}.web-browser-banner{background:#171217;color:#edff42}.web-browser-banner button{border:2px solid #171217;background:#edff42;color:#171217;border-radius:0}.web-update{border:2px solid #171217;border-radius:0;background:#fff6e3;box-shadow:4px 4px #8252e8}.web-update button{border:2px solid #171217;background:#8252e8;border-radius:0;color:white;min-height:42px}.web-boot{color:#171217;background:#edff42;min-height:100dvh;font-weight:800}@media(max-width:380px){.landing-main{padding:16px}.landing-hero{padding-left:16px;padding-right:16px}.landing-play{font-size:69px}.landing h1{font-size:30px}.landing-actions>*{flex:1;min-width:0;padding:13px 10px;font-size:14px}.landing-star{width:71px;height:71px;font-size:10px}}
/* Compact product entry only: no rules, feature catalog or shared dialog overrides. */
.landing-compact .landing-main{max-width:560px;min-height:100svh;padding:18px 22px 30px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center}.landing-compact .landing-nav{padding:9px 0 15px}.landing-compact .landing-nav>a{font-size:11px;padding:8px;white-space:nowrap}.landing-compact .brand-mark{font-size:13px;min-width:0;overflow-wrap:anywhere}.landing-compact .landing-hero{margin:33px 5px 24px 0;padding:28px 22px 22px}.landing-compact .landing-play{font-size:clamp(69px,20vw,105px);letter-spacing:-5px;line-height:.88}.landing-compact .landing-poster-copy{margin-top:17px;gap:12px}.landing-compact .landing-poster-copy h1{font-size:30px;line-height:1.2}.landing-compact .landing-star{width:62px;height:62px;flex-shrink:0;font-size:9px}.landing-compact .landing-actions{display:grid;grid-template-columns:1fr;gap:13px;margin:3px 5px 0 0}.landing-compact .landing-actions>*{width:100%;min-width:0;padding:14px 16px;min-height:52px;font-size:16px}.landing-compact .landing-actions .primary-action{background:#171217;color:#edff42;box-shadow:4px 4px #8252e8}.landing-compact .landing-actions .secondary-action{background:#fff6e3}@media(max-width:350px){.landing-compact .landing-main{padding:14px 18px 25px}.landing-compact .landing-play{font-size:65px}.landing-compact .landing-hero{padding:25px 17px 17px;margin-top:31px}.landing-compact .landing-tape{font-size:10px;padding:6px 10px}.landing-compact .landing-poster-copy h1{font-size:27px}.landing-compact .landing-nav{gap:7px}.landing-compact .brand-mark{font-size:11px}}@media(max-height:620px){.landing-compact .landing-main{justify-content:flex-start}.landing-compact .landing-hero{margin-top:27px;margin-bottom:20px}.landing-compact .landing-play{font-size:63px}}
/* DrinkBuddy wordmark: retain the sticker surface, with a real brand name. */
.landing-compact .drinkbuddy-wordmark{font-family:Arial,'Arial Black',sans-serif;font-size:clamp(56px,17.8vw,86px);font-weight:1000;font-style:italic;letter-spacing:-3px;line-height:.96;white-space:nowrap}.landing-compact .drinkbuddy-wordmark em{display:inline-block}.landing-compact .brand-mark{letter-spacing:0}.landing-compact .landing-tape{font-size:10px;letter-spacing:.2px}@media(max-width:350px){.landing-compact .drinkbuddy-wordmark{font-size:55px;letter-spacing:-3px}.landing-compact .landing-tape{font-size:9px}}