@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,600&display=swap";:root{color:#2e241f;font-synthesis:none;--cream:#f3eee4;--ink:#2e241f;--green:#819b74;--line:#2e241f1f;--tg-safe-top:0px;background:#ded8cc;font-family:Manrope,sans-serif}*{box-sizing:border-box}body{overscroll-behavior:none;min-width:320px;min-height:100vh;margin:0}button{font:inherit}.app-shell{background:var(--cream);width:min(100%,460px);min-height:100dvh;padding:calc(15px + var(--tg-safe-top)) 20px 112px;margin:0 auto;position:relative;overflow:hidden}.ambient{filter:blur(4px);pointer-events:none;border-radius:999px;position:absolute}.ambient-one{background:#9bb38f2e;width:220px;height:220px;top:90px;right:-105px}.ambient-two{background:#d2a37821;width:160px;height:160px;top:460px;left:-90px}.topbar{z-index:2;justify-content:space-between;align-items:center;height:42px;display:flex;position:relative}.brand{letter-spacing:-.8px;font:700 20px/1 DM Sans}.brand span{color:var(--green);margin:0 1px;font-size:16px;display:inline-block}.avatar{width:38px;height:38px;color:var(--cream);background:var(--ink);border:3px solid #fff9;border-radius:50%;place-items:center;font-size:13px;font-weight:700;display:grid}.screen{z-index:1;animation:.35s both screen-in;position:relative}.wheel-screen{text-align:center;padding-top:28px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;color:#777064;justify-content:center;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}h1{letter-spacing:-2.4px;margin:11px 0 9px;font:600 42px/.94 DM Sans}h1 i{color:var(--green);font-family:Playfair Display;font-weight:600}.intro{color:#81786d;margin:0;font-size:13px;line-height:1.55}.wheel-wrap{width:338px;max-width:calc(100vw - 62px);height:338px;max-height:calc(100vw - 62px);margin:25px auto 21px;position:relative}.pointer{z-index:5;filter:drop-shadow(0 6px 7px #2e241f33);width:50px;height:54px;position:absolute;top:-24px;left:50%;transform:translate(-50%)}.pointer:before{content:"";background:var(--ink);border-radius:50%;width:48px;height:48px;position:absolute;top:0;left:1px}.pointer:after{content:"";z-index:-1;border-left:13px solid #0000;border-right:13px solid #0000;border-top:19px solid var(--ink);width:0;height:0;position:absolute;top:34px;left:12px}.pointer span{z-index:2;background:#d9ba8c;border-radius:50%;width:9px;height:9px;position:absolute;top:19px;left:20.5px}.wheel-outer{background:#f9f6ef;border-radius:50%;width:100%;height:100%;padding:8px;box-shadow:0 19px 43px #4a372a2e,inset 0 0 0 1px #2e241f1c}.wheel{background:conic-gradient(from -22.5deg, #bbd2bb 0 45deg, #e5d8c3 45deg 90deg, #819b74 90deg 135deg, #3b2e28 135deg 180deg, #e5d8c3 180deg 225deg, #d79a63 225deg 270deg, #b8794f 270deg 315deg, #e5d8c3 315deg 360deg);border-radius:50%;width:100%;height:100%;transition:transform 4.2s cubic-bezier(.12,.65,.1,1);position:relative;overflow:hidden;box-shadow:inset 0 0 0 2px #ffffff80}.wheel:before{content:"";background:repeating-conic-gradient(from -22.5deg, transparent 0 44.2deg, #ffffff8c 44.2deg 45deg);border-radius:50%;position:absolute;inset:0}.wheel-label{--label-radius:clamp(86px, 27vw, 105px);z-index:2;width:70px;height:68px;color:var(--ink);transform-origin:35px 34px;transform:rotate(var(--segment-angle)) translateY(calc(var(--label-radius) * -1)) rotate(var(--counter-angle));flex-direction:column;justify-content:center;align-items:center;transition:transform 4.2s cubic-bezier(.12,.65,.1,1);display:flex;position:absolute;top:calc(50% - 34px);left:calc(50% - 35px)}.wheel-label.is-dark{color:#fff}.wheel-prize-icon{background:#ffffff9e;border:1px solid #ffffff8c;border-radius:50%;place-items:center;width:35px;height:35px;font:700 20px/1 DM Sans;display:grid;box-shadow:0 5px 12px #2e241f21}.wheel-label.is-dark .wheel-prize-icon{color:var(--ink);background:#ffffffe6}.wheel-label.is-empty .wheel-prize-icon{width:18px;height:18px;box-shadow:none;background:#2e241f1a;border-color:#2e241f14;font-size:18px}.wheel-label small{letter-spacing:-.2px;white-space:nowrap;text-shadow:0 1px #ffffff40;max-width:67px;margin-top:5px;font-size:9px;font-weight:800;line-height:1;display:block}.wheel-center{z-index:4;background:#faf7ef;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:91px;height:91px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 18px #2e241f38,inset 0 0 0 1px #2e241f14}.wheel-center div{letter-spacing:-1.2px;font:700 20px/.9 DM Sans}.wheel-center small{color:var(--green);text-transform:uppercase;letter-spacing:2.2px;margin-top:5px;font-size:8px;font-weight:700}.spin-area{min-height:74px}.spin-button,.okay-button{background:var(--ink);color:#fff;border:0;border-radius:17px;width:100%;height:58px;padding:0 25px;font-size:14px;font-weight:700;transition:transform .18s,opacity .18s;box-shadow:0 9px 22px #2e241f33}.spin-button:active,.okay-button:active{transform:scale(.98)}.spin-button:disabled{box-shadow:none;background:#9b9388}.demo-reset{color:#8a8176;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-top:10px;font-size:11px;display:inline-flex}.bottom-nav{z-index:20;bottom:max(12px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8f5ede0;border:1px solid #2e241f17;border-radius:24px;width:min(100% - 38px,422px);height:72px;padding:7px;display:flex;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 14px 40px #2e241f30}.bottom-nav button{color:#9a9287;background:0 0;border:0;border-radius:18px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:10px;font-weight:700;display:flex;position:relative}.bottom-nav button.active{background:var(--ink);color:#fff}.bottom-nav b{background:var(--green);color:#fff;border-radius:9px;place-items:center;min-width:16px;height:16px;font-size:9px;display:grid;position:absolute;top:6px;right:calc(50% - 26px)}.prizes-screen{padding-top:34px}.prizes-screen .eyebrow{justify-content:flex-start}.prizes-screen h1{align-items:center;gap:10px;margin-top:9px;display:flex}.prizes-screen h1 span{text-align:center;color:#fff;background:var(--green);letter-spacing:0;border-radius:50%;width:26px;height:26px;font:700 11px/26px DM Sans}.prize-hero{background:#43362f;border-radius:24px;height:172px;margin:23px 0 21px;position:relative;overflow:hidden}.prize-hero:after{content:"";background:linear-gradient(90deg,#231b17d1,#231b171f);position:absolute;inset:0}.prize-hero img{object-fit:cover;width:100%;height:100%}.prize-hero>div{z-index:2;color:#fff;position:absolute;bottom:20px;left:20px}.prize-hero small{text-transform:uppercase;letter-spacing:1.4px;opacity:.7;margin-bottom:5px;font-size:9px;display:block}.prize-hero strong{letter-spacing:-.5px;font:600 17px/1.25 DM Sans}.inventory{gap:12px;display:grid}.prize-card{text-align:left;border:1px solid var(--line);width:100%;min-height:116px;color:var(--ink);background:#ffffff73;border-radius:22px;grid-template-columns:116px 1fr;padding:0;display:grid;overflow:hidden}.prize-art{background:var(--card-color);place-items:center;display:grid;position:relative;overflow:hidden}.prize-art:before,.prize-art:after{content:"";border:1px solid #ffffff52;border-radius:50%;width:70px;height:70px;position:absolute}.prize-art:before{top:-22px;left:-25px}.prize-art:after{width:90px;height:90px;bottom:-32px;right:-24px}.prize-art span{z-index:2;filter:drop-shadow(0 8px 12px #2e241f21);font-size:46px;position:relative}.prize-copy{flex-direction:column;padding:15px 16px;display:flex}.prize-title-row{justify-content:space-between;align-items:center;display:flex}.prize-title-row h3{letter-spacing:-.5px;margin:0;font:700 17px/1.2 DM Sans}.prize-title-row>span{color:#9b9288}.prize-copy p{color:#7f766b;margin:4px 0 auto;font-size:11px}.expires{color:#7a6454;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.prize-card.expired{opacity:.48;filter:grayscale(.5)}.empty-inventory{text-align:center;color:#8d8479;border:1px dashed #2e241f33;border-radius:23px;padding:35px}.empty-inventory h3{color:var(--ink);margin:10px 0 5px}.empty-inventory p{margin:0;font-size:12px;line-height:1.5}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#1c161385;justify-content:center;align-items:flex-end;animation:.25s both fade-in;display:flex;position:fixed;inset:0}.modal{width:min(100%,460px);max-height:94dvh;padding-bottom:max(24px, env(safe-area-inset-bottom));background:#f7f2e9;border-radius:30px 30px 0 0;animation:.38s cubic-bezier(.2,.8,.2,1) both modal-up;position:relative;overflow-y:auto}.modal-close{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#2e241f40;border:1px solid #ffffff4d;border-radius:50%;place-items:center;width:39px;height:39px;display:grid;position:absolute;top:16px;right:16px}.modal-art{background:var(--prize-color);place-items:center;height:225px;display:grid;position:relative;overflow:hidden}.modal-art:before{content:"";opacity:.55;background:radial-gradient(circle,#0000 0 28%,#ffffff59 28.5% 29%,#0000 29.5% 38%,#ffffff3b 38.5% 39%,#0000 39.5%);position:absolute;inset:0}.modal-art span{z-index:2;filter:drop-shadow(0 16px 18px #2e241f33);font-size:90px;animation:2.8s ease-in-out infinite prize-float;position:relative}.modal-art i{letter-spacing:2.2px;color:#fffc;font:700 9px/1 DM Sans;position:absolute;bottom:14px;right:17px}.modal-content{text-align:center;padding:25px 22px 4px}.modal-content h2{letter-spacing:-1.6px;margin:8px 0 3px;font:700 34px/1 DM Sans}.modal-content>p{color:#81786d;margin:0 0 19px;font-size:13px}.code-card{background:#ede5d8;border:1px dashed #a69a8b;border-radius:18px;padding:17px 15px 15px}.code-card small{text-transform:uppercase;letter-spacing:1.5px;color:#82796d;font-size:9px;display:block}.code-card strong{letter-spacing:2px;margin:8px 0 9px;font:700 29px/1 DM Sans;display:block}.code-card span{color:#81786d;font-size:10px;display:block}.code-card.disabled{opacity:.45}.modal-timer{color:#7a6454;justify-content:center;align-items:center;gap:9px;padding:15px 0;display:flex}.modal-timer div{text-align:left}.modal-timer small,.modal-timer strong{display:block}.modal-timer small{color:#8c8378;font-size:9px}.modal-timer strong{font:700 15px/1.25 DM Sans}.okay-button{height:54px}.compact-modal{padding-top:49px}.compact-modal .modal-close{color:var(--ink);background:#2e241f14;border-color:#2e241f14}.empty-mark{background:#e7dac6;border-radius:50%;place-items:center;width:112px;height:112px;margin:10px auto 0;font-size:53px;display:grid}.compact-modal .modal-content{padding-top:21px}.compact-modal .modal-content>p{max-width:290px;margin-left:auto;margin-right:auto;line-height:1.5}@keyframes screen-in{0%{opacity:0;transform:translateY(7px)}}@keyframes fade-in{0%{opacity:0}}@keyframes modal-up{0%{opacity:.5;transform:translateY(35%)}}@keyframes prize-float{0%,to{transform:translateY(3px)rotate(-2deg)}50%{transform:translateY(-6px)rotate(2deg)}}@media (width>=700px){body{background:#d6d0c5 radial-gradient(#2e241f14 .6px,#0000 .6px) 0 0/8px 8px}.app-shell{box-shadow:0 0 70px #2e241f29}}@media (height<=770px){.wheel-screen{padding-top:16px}h1{font-size:37px}.wheel-wrap{width:298px;height:298px;margin-top:15px}.wheel-label{--label-radius:clamp(82px, 25vw, 93px)}.modal-art{height:180px}}