@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');:root{--wine:#7b1836;--wine2:#a52b4c;--ink:#30282a;--muted:#897d7f;--line:#e9dfe0;--cream:#fffaf6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(ellipse at 50% -15%,#fff 0,#fffaf6 58%,#f8f0e9 100%);color:var(--ink);font-family:Manrope,Arial,sans-serif}body{min-height:100dvh;overflow-x:hidden;overscroll-behavior:none;touch-action:pan-y}.shell{min-height:100dvh;max-width:900px;padding:14px 20px 18px;margin:auto;display:flex;flex-direction:column}header{height:42px;display:flex;justify-content:space-between;align-items:center}.wordmark{font-size:14px;letter-spacing:.14em;font-weight:800;color:var(--wine);text-decoration:none}.wordmark span{color:#ac7b62}.language{font-size:11px;font-weight:800;text-decoration:none;color:var(--wine);padding:7px 11px;border:1px solid var(--line);border-radius:99px}.hidden{display:none!important}.welcome,.over{width:min(100%,600px);margin:auto;text-align:center;padding:20px 0}.eyebrow{font-weight:800;font-size:10px;letter-spacing:.22em;color:#ad826f}.welcome h1{font-size:clamp(43px,9vw,76px);letter-spacing:-.07em;line-height:.95;color:var(--wine);margin:12px 0}.welcome>p{color:#706467;line-height:1.6;font-size:15px;max-width:500px;margin:0 auto}.hero-gummies{height:148px;display:flex;justify-content:center;align-items:center;gap:12px}.hero-gummies i{width:58px;height:58px;border-radius:50%;background:radial-gradient(circle at 33% 27%,#fffde3 0 7%,#fff5a6 15%,#ecd456 72%,#c3a731);box-shadow:inset -7px -8px 14px #8c712d45,inset 4px 4px 10px #fff9,0 12px 20px #714b3920;transform:translateY(12px)}.hero-gummies i:nth-child(2){width:76px;height:76px;background:radial-gradient(circle at 33% 27%,#fff7ed 0 6%,#ffca89 19%,#e98548 72%,#b75b34);transform:translateY(-4px)}.hero-gummies i:nth-child(3){background:radial-gradient(circle at 33% 27%,#fff1ef 0 6%,#ef9d9c 18%,#c94f61 70%,#943247);transform:translateY(17px)}.instruction{font-size:12px!important;margin-bottom:19px!important}.button{border:0;border-radius:14px;padding:14px 23px;font:800 14px Manrope,Arial,sans-serif;cursor:pointer;touch-action:manipulation;transition:transform .15s}.button:active{transform:scale(.97)}.primary{background:linear-gradient(135deg,var(--wine2),var(--wine));color:white;box-shadow:0 8px 20px #7b183632}.secondary{background:white;color:var(--wine);border:1px solid var(--line)}.game{width:100%;margin:auto}.hud{display:grid;grid-template-columns:repeat(3,1fr) auto;gap:8px;margin:4px 0 12px}.hud>div{background:#ffffffc9;border:1px solid var(--line);border-radius:13px;padding:8px 12px;box-shadow:0 5px 16px #50333108}.hud small,.final-stats small{display:block;color:var(--muted);font-size:9px;margin-bottom:2px}.hud b{font-size:15px;color:var(--wine)}.sound{border:1px solid var(--line);border-radius:13px;background:#fff;color:var(--wine);padding:5px 10px;font-size:16px;font-weight:800}.sound span{font:700 9px Manrope,Arial,sans-serif;display:block}.stage{position:relative;width:min(100%,520px);margin:auto}.jar-wrap{position:relative;width:100%;height:min(68dvh,610px);min-height:350px;border:2px solid #bba6a382;border-top:1px dashed #ab8582;border-radius:18px 18px 28px 28px;background:linear-gradient(90deg,#ffffff79,#f8f0ed46 8%,#fff9f34d 92%,#ffffff77);box-shadow:inset 9px 0 18px #fff8,inset -9px 0 18px #fff8,0 14px 28px #603b300e;overflow:hidden;touch-action:none}.jar-wrap:before,.jar-wrap:after{content:"";position:absolute;top:0;bottom:0;width:5px;background:linear-gradient(90deg,#ffffffb0,#cbb9b466,#fff9);z-index:2;pointer-events:none}.jar-wrap:before{left:0}.jar-wrap:after{right:0}#board{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.next-card{position:absolute;z-index:3;right:-86px;top:9px;width:78px;border:1px solid var(--line);background:#ffffffd9;border-radius:15px;text-align:center;padding:6px 3px;color:var(--wine);box-shadow:0 5px 15px #50333112}.next-card small{font-size:9px;font-weight:800}.next-card canvas{display:block;width:72px;height:60px}.warning{position:absolute;top:43px;left:50%;transform:translateX(-50%);background:#fff0e1;color:#99582f;border:1px solid #e8bd95;border-radius:99px;padding:6px 12px;font-size:10px;font-weight:800;white-space:nowrap;z-index:4;animation:pulse 1s infinite alternate}@keyframes pulse{to{opacity:.55}}.mobile-hint{text-align:center;color:#a19696;font-size:10px;padding-top:7px}.over h2{font-size:clamp(30px,7vw,48px);letter-spacing:-.05em;color:var(--wine);margin:9px 0 5px}.comment{min-height:22px;color:#897a7b;font-size:13px}.final-score{font-size:60px;line-height:1.05;font-weight:800;letter-spacing:-.06em;color:var(--wine)}.final-unit{font-size:11px;color:var(--muted)}.final-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.final-stats>div{border:1px solid var(--line);border-radius:13px;background:#fff;padding:10px 5px}.final-stats b{font-size:18px;color:var(--wine)}.buttons{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.real{font-size:12px;color:#796e70;line-height:1.6;margin:20px 0 5px}.products{font-size:12px;font-weight:800;text-decoration:none;color:var(--wine)}footer{text-align:center;margin-top:auto;padding-top:14px;font-size:9px;color:#aa9e9d}@media(max-width:700px){.shell{padding:10px 13px 12px}.game{width:100%}.stage{width:calc(100% - 58px);margin-left:0}.next-card{right:-67px;width:62px}.next-card canvas{width:56px;height:54px}.jar-wrap{height:min(66dvh,610px);min-height:340px}.hud{grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:5px}.hud>div{padding:7px 6px;text-align:center}.hud small{font-size:8px}.hud b{font-size:13px}.sound{padding:4px 6px}.sound span{max-width:42px;font-size:8px}.mobile-hint{font-size:9px}}@media(max-width:380px){.stage{width:calc(100% - 53px)}.next-card{right:-59px;width:55px}.hud{gap:4px}.hud>div{padding:6px 3px}.jar-wrap{min-height:315px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
/* Sweet Chaos visual refresh */
html,body{background:radial-gradient(ellipse at 18% 24%,#fffdf7 0,transparent 36%),radial-gradient(ellipse at 84% 68%,#f5e8dd77 0,transparent 32%),linear-gradient(145deg,#fffaf6,#f8f2ec 58%,#fffaf7)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.11;background-image:radial-gradient(#987c7040 .55px,transparent .75px);background-size:7px 7px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}.hud{gap:6px;margin-bottom:9px}.hud>div{border-color:#eadfe077;background:#ffffffa8;border-radius:12px;padding:7px 10px;box-shadow:0 3px 12px #60494009;backdrop-filter:blur(7px)}.hud b{display:inline-block;transition:transform .18s,color .18s}.hud b.bump{animation:score-bump .3s ease-out}.hud b.record-flash{animation:record-flash .75s ease-out}@keyframes score-bump{50%{transform:scale(1.17);color:#ad7728}}@keyframes record-flash{35%{color:#b58b38;text-shadow:0 0 12px #e5c46f}}.jar-wrap{border:1px solid #ffffffd9;border-top:1px solid #ffffffef;border-radius:20px 20px 29px 29px;background:linear-gradient(90deg,#ffffff6f 0,#fbf6f2a8 3%,#fffdf8a1 11%,#ffffff49 88%,#eadbd13a 97%,#ffffff91 100%);box-shadow:inset 4px 0 7px #fff9,inset -4px 0 7px #fff9,inset 0 0 0 1px #bda99d22,0 16px 32px #54372e12,0 3px 6px #54372e0b;backdrop-filter:blur(2px)}.jar-wrap:before,.jar-wrap:after{width:3px;background:linear-gradient(90deg,#ffffffdf,#cbb9b44a,#fff9)}.jar-wrap:before{border-radius:20px 0 0 20px}.jar-wrap:after{border-radius:0 20px 20px 0}.jar-wrap:has(#warning:not(.hidden)){animation:jar-warning 1s ease-in-out infinite alternate}@keyframes jar-warning{to{box-shadow:inset 0 0 0 1px #8c23483a,0 16px 32px #54372e12,0 0 11px #9a2c4930}}#board{z-index:1}.next-card{border:1px solid #ffffffd9;background:#ffffffa8;box-shadow:0 4px 13px #54372e0b;backdrop-filter:blur(8px)}.warning{background:#fff7f2dc;color:#8c2348;border-color:#a5486740;box-shadow:0 3px 12px #7b183615}#score.bump{animation:score-bump .3s ease-out}.game,.welcome,.over{animation:state-in .32s ease-out}@keyframes state-in{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.game,.welcome,.over,.hud b.bump,.hud b.record-flash,.jar-wrap:has(#warning:not(.hidden)){animation:none!important}}