@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marck-script-cyrillic-400-normal-BIatlnl2.woff2) format("woff2"),url(/assets/marck-script-cyrillic-400-normal-C4wWsGQ-.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marck-script-latin-ext-400-normal-CEQHAJDc.woff2) format("woff2"),url(/assets/marck-script-latin-ext-400-normal-BipQGsdP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Marck Script;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/marck-script-latin-400-normal-hvIDGCO4.woff2) format("woff2"),url(/assets/marck-script-latin-400-normal-DonRfbfk.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-ext-600-normal-BMhMHfrj.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-ext-600-normal-CsIYWmWK.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-cyrillic-600-normal-C2atO-64.woff2) format("woff2"),url(/assets/cormorant-garamond-cyrillic-600-normal-FNmA3REe.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-vietnamese-600-normal-BoXdMtcr.woff2) format("woff2"),url(/assets/cormorant-garamond-vietnamese-600-normal-C4HEjEaf.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-ext-600-normal-DaBc-lu7.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-ext-600-normal-Dk3-quAP.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Cormorant Garamond;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/cormorant-garamond-latin-600-normal-Co1r35X9.woff2) format("woff2"),url(/assets/cormorant-garamond-latin-600-normal-2CBVLo0M.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink: #5a2e10;--ink-soft: #7a4a22;--copper: #b87333;--copper-dark: #6b3d16;--font-script: "Marck Script", "Segoe Script", cursive;--font-text: "Cormorant Garamond", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden}body{background:radial-gradient(120% 90% at 50% 40%,#a8794a,#6b4524 80%);font-family:var(--font-text);font-weight:600;color:var(--ink);-webkit-tap-highlight-color:transparent;user-select:none;-webkit-user-select:none}#app{position:relative;height:100vh;height:100dvh;max-width:480px;margin:0 auto;box-shadow:0 0 40px #2814088c}.scene{position:absolute;inset:0;display:flex;flex-direction:column;overflow:hidden;padding-bottom:20px;background:radial-gradient(110% 80% at 50% 40%,#f4e6c4,#e3cc98 60%,#b98f55)}.scene:before{content:"";position:absolute;inset:14px;border:2px solid rgba(90,46,16,.55);border-radius:6px;box-shadow:inset 0 0 0 5px #5a2e101f;pointer-events:none;z-index:2}.scene-header{flex:none;padding-top:clamp(26px,5.6dvh,46px);text-align:center}.scene-header h1{margin:0;font-family:var(--font-script);font-weight:400;font-size:clamp(32px,5.7dvh,46px);line-height:1.15;letter-spacing:1px}.scene-header p{margin:2px 0 0;font-size:clamp(12px,1.85dvh,15px);opacity:.75}.scene-footer{position:relative;flex:none;height:clamp(44px,9.6dvh,78px);pointer-events:none}.ink{position:absolute;left:26px;bottom:20px;font-family:var(--font-script);font-weight:400;font-size:20px;color:#5a2e1040;transform:rotate(-8deg);transform-origin:left bottom;white-space:nowrap}.signs{position:absolute;right:30px;bottom:14px;width:105px;height:32px;color:#5a2e1040}@media(max-height:680px){.scene-footer{display:none}}.board-wrap{flex:1;min-height:0;container-type:size;display:grid;place-content:center}.board{--rg: clamp(6px, 3.2cqh, 26px);--fw: min( calc((100cqw - 41px)/8) , calc((100cqh - 3 * var(--rg)) / 10.875));position:relative;z-index:3;width:calc(100cqw - 20px);display:grid;grid-template-columns:repeat(8,var(--fw));justify-content:space-between;row-gap:var(--rg);padding-top:calc(var(--fw) * .375)}.slot{position:relative;width:var(--fw);height:calc(var(--fw) * 2.625);margin:0;padding:0;border:0;border-radius:8px;background:none;color:inherit;font:inherit;cursor:pointer;touch-action:manipulation}.slot:focus-visible{outline:2px solid var(--copper);outline-offset:3px}.slot.animating{z-index:10;pointer-events:none}.flask{position:absolute;left:0;bottom:0;width:100%;height:calc(var(--fw) * 2.5);overflow:visible;transition:transform .15s ease-out;pointer-events:none}.flask.glowing{filter:drop-shadow(0 0 var(--glow-r, 5px) var(--glow-c, transparent))}.flask.selected{transform:translateY(-15%);filter:drop-shadow(0 0 6px rgba(255,170,80,.9))}.flask.selected.glowing{filter:drop-shadow(0 0 var(--glow-r, 5px) var(--glow-c, transparent)) drop-shadow(0 0 6px rgba(255,170,80,.9))}.slot.animating .flask{transition:none;filter:none;will-change:transform}.flask-outline{opacity:0}.flask.selected .flask-outline{opacity:.9}.flask-liquid{transform-box:fill-box;transform-origin:center bottom}.flask-cork,.flask-twinkles{transform-box:fill-box}.flask:not(.complete) .flask-cork,.flask:not(.complete) .flask-twinkles{display:none}.flask-flash,.flask-sparks{pointer-events:none}.bubble{animation:bubble 4s linear infinite}.twinkle{transform-box:fill-box;transform-origin:center;animation:twinkle 2.2s ease-in-out infinite}@keyframes bubble{0%{transform:translateY(0);opacity:0}15%{opacity:.8}85%{opacity:.8}to{transform:translateY(-10px);opacity:0}}@keyframes twinkle{0%,to{transform:scale(.6);opacity:.45}50%{transform:scale(1);opacity:1}}.stream{position:absolute;width:4px;margin-left:-2px;border-radius:2px;background:linear-gradient(90deg,var(--s-dark),var(--s-light),var(--s-dark));box-shadow:0 0 8px var(--s-light);transform-origin:top;pointer-events:none;z-index:20;will-change:transform,height}.overlay{position:fixed;inset:0;max-width:480px;margin:0 auto;z-index:100;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#fff0c88c,#5a2e108c);animation:overlay-in .25s ease-out}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.win-card{position:relative;width:min(290px,calc(100% - 40px));margin-top:70px;padding:30px 22px 26px;text-align:center;background:linear-gradient(#f7ead0,#ead39f);border:2px solid #8a5a2b;border-radius:14px;box-shadow:0 0 0 6px #8a5a2b40,0 18px 40px #3c1e0a80;animation:card-in .25s ease-out}@keyframes card-in{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:none}}.win-flasks{display:flex;justify-content:center;align-items:flex-start;gap:6px;margin:-78px 0 6px}.win-flask{position:relative;width:56px}.win-flask .flask{left:50%;width:var(--w);height:calc(var(--w) * 2.5);margin-left:calc(var(--w) / -2)}.win-title{margin:0;font-family:var(--font-script);font-weight:400;font-size:44px;line-height:1}.win-sub{margin:8px 0 20px;font-size:17px;color:var(--ink-soft)}.win-button{padding:12px 30px;border:1.5px solid var(--copper-dark);border-radius:24px;background:linear-gradient(#d08a4a,#9a5a26);box-shadow:0 4px 0 var(--copper-dark),0 0 18px #ffaa5099;color:#fff6e0;font:inherit;font-size:20px;font-weight:600;cursor:pointer;touch-action:manipulation}.win-button:active{transform:translateY(2px);box-shadow:0 2px 0 var(--copper-dark),0 0 18px #ffaa5099}.win-button:focus-visible{outline:none;box-shadow:0 4px 0 var(--copper-dark),0 0 0 3px #fff6e0,0 0 0 5px var(--ink)}.win-spark{position:absolute;pointer-events:none;animation:twinkle 2.4s ease-in-out infinite;transform-origin:center}@media(prefers-reduced-motion:reduce){.bubble{animation:none;opacity:.6}.twinkle,.win-spark,.overlay,.win-card{animation:none}.flask{transition:none}}