@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700;800&display=swap');
#selection-chips.chips{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:22px 0}#selection-chips .selection-chip{min-width:0;display:grid;grid-template-columns:46px minmax(0,1fr) 28px;align-items:center;gap:10px;border:1px solid #e1e1e1;border-radius:7px;padding:6px;background:#fff;color:#191919;text-align:left;font:12px/1.35 'DM Sans',sans-serif;transition:border-color .2s,box-shadow .2s}#selection-chips .selection-chip img{width:46px;height:46px;object-fit:contain;background:#f5f5f5;border-radius:4px;mix-blend-mode:multiply}#selection-chips .selection-chip span{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#selection-chips .selection-chip button{width:28px;height:28px;padding:0;border:0;border-radius:50%;background:#f2f2f2;color:#555;font:400 18px/1 Arial;cursor:pointer}#selection-chips .selection-chip:hover{border-color:#174b9f;box-shadow:0 3px 10px #174b9f12}#selection-chips .selection-chip button:hover{background:#174b9f;color:#fff}@media(max-width:700px){#selection-chips.chips{grid-template-columns:1fr}}
#wheel{position:relative;display:block}#wheel:before{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);margin:0;z-index:1}#wheel:after{content:'';position:absolute;top:50%;left:50%;width:15%;height:15%;transform:translate(-50%,-50%);border:2px solid #191919;border-radius:50%;z-index:2;pointer-events:none}#spin:disabled{cursor:not-allowed;opacity:.45}
.logo:after{content:none}
:root{--ink:#191919;--blue:#174b9f;--line:#e5e5e5}*{box-sizing:border-box}body{margin:0;color:var(--ink);font-family:'DM Sans',sans-serif;background:#fff}a{color:inherit;text-decoration:none}header{max-width:1512px;height:101px;margin:auto;padding:0 6%;display:flex;align-items:center;gap:48px;border-bottom:1px solid var(--line)}.logo{color:var(--blue);font:800 31px/.88 Arial,sans-serif;letter-spacing:-1.6px}.logo:after{content:'VODKA';display:block;font:700 7px/1 Arial,sans-serif;letter-spacing:3.1px;text-align:center;margin-top:5px;visibility:hidden}nav{display:flex;gap:34px;flex:1;font-size:14px}nav a{color:#777}nav .active{color:var(--ink);border-bottom:2px solid var(--ink);padding-bottom:30px;margin-bottom:-32px}.back{font-size:13px}.intro{max-width:1512px;margin:auto;padding:64px 6% 44px;background:linear-gradient(135deg,#fff 55%,#f6f6f6 55%)}.intro>p:first-child,.eyebrow,.result>p{font-size:10px;font-weight:600;letter-spacing:.14em;margin:0}.intro h1{font:500 clamp(48px,6vw,78px)/1.05 Manrope,sans-serif;letter-spacing:-4px;margin:22px 0}.intro h1 em{font-style:normal;color:#888}.intro>p:last-child{max-width:380px;color:#777;font-size:15px;line-height:1.8}.roulette-zone{max-width:1100px;margin:0 auto;padding:70px 6%;display:grid;grid-template-columns:1fr .82fr;align-items:center;gap:75px}.wheel-wrap{position:relative;width:min(410px,78vw);aspect-ratio:1;margin:auto}.pointer{position:absolute;z-index:2;top:-9px;left:50%;transform:translateX(-50%);font-size:28px;color:var(--blue)}.wheel{width:100%;height:100%;border-radius:50%;border:13px solid #fff;box-shadow:0 0 0 1px #ddd,0 12px 40px #00000010;display:grid;place-items:center;background:conic-gradient(#174b9f 0deg 60deg,#f4f4f4 60deg 120deg,#222 120deg 180deg,#dcdcdc 180deg 240deg,#6a82b5 240deg 300deg,#fff 300deg);transition:transform 4.2s cubic-bezier(.1,.82,.1,1)}.wheel:before{content:'';width:28%;height:28%;border-radius:50%;background:#fff;border:1px solid #ddd}.wheel span{position:absolute;font:500 13px Manrope,sans-serif;max-width:75px;text-align:center}.controls h2{font:500 32px/1.2 Manrope,sans-serif;letter-spacing:-1.4px;margin:14px 0}.controls>p{color:#777;line-height:1.7;margin:0}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}.chips button{border:1px solid #ddd;background:#fff;border-radius:30px;padding:8px 11px;font-size:12px;cursor:pointer}.chips button:hover{border-color:#191919}#spin{width:100%;border:0;background:#191919;color:#fff;padding:17px 20px;font-size:14px;display:flex;justify-content:space-between;cursor:pointer}#spin span{font-size:22px;line-height:12px}.clear{display:block;margin:15px auto 0;border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;font-size:12px;cursor:pointer}.result{max-width:1100px;margin:0 auto 80px;padding:42px 6%;border-top:1px solid var(--line)}.result article{display:grid;grid-template-columns:200px 1fr;gap:30px;margin-top:22px;align-items:center}.result-image{height:200px;background:#f6f6f6}.result-image img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.result h2{font:500 30px/1.2 Manrope,sans-serif;letter-spacing:-1px;margin:0 0 9px}.result article p{margin:0;color:#777}.result strong{display:block;font-size:22px;margin:24px 0}.result-actions{display:flex;gap:12px}.result-actions button,.result-actions a{border:0;background:#191919;color:#fff;padding:13px 17px;font:13px 'DM Sans',sans-serif;cursor:pointer}.result-actions a{background:#fff;color:#191919;border:1px solid #ddd}footer{border-top:1px solid var(--line);padding:30px 6%;font-size:10px;letter-spacing:.1em;color:#777}@media(max-width:700px){header{height:auto;padding:24px 6%;gap:20px;flex-wrap:wrap}nav{order:3;width:100%;gap:18px;overflow:auto}.back{margin-left:auto}nav .active{padding:0 0 8px;margin:0}.intro{padding:48px 6%}.intro h1{letter-spacing:-2.5px}.roulette-zone{grid-template-columns:1fr;gap:42px;padding:55px 6%}.wheel-wrap{width:min(350px,84vw)}.result article{grid-template-columns:1fr}.result-image{height:300px}.result-actions{flex-wrap:wrap}}