@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;font-variant-numeric:lining-nums;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:clamp(22px,3.4dvh,32px);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(16px,2.6dvh,24px);text-align:center}.scene-header h1{margin:0;font-family:var(--font-script);font-weight:400;font-size:clamp(30px,5dvh,42px);line-height:1.05;letter-spacing:1px}.hud{display:flex;justify-content:space-between;align-items:center;margin:clamp(4px,1.1dvh,10px) 30px 0;font-size:19px}.chip{display:inline-flex;align-items:center;gap:6px;min-height:30px;padding:2px 14px;border:1.5px solid rgba(138,90,43,.6);border-radius:16px;background:#fff8e68c;line-height:1.2}.chip[hidden]{display:none}.chip svg{width:18px;height:18px}.controls{position:relative;z-index:3;flex:none;display:flex;align-items:flex-start;justify-content:space-between;padding:6px 24px 0;margin-bottom:clamp(0px,1.2dvh,10px)}.ctl{display:flex;flex-direction:column;align-items:center;width:58px;margin:0;padding:0;border:0;background:none;color:var(--ink);font:inherit;cursor:pointer;touch-action:manipulation}.ctl[hidden]{display:flex;visibility:hidden}.cbtn{display:flex;align-items:center;justify-content:center;width:58px;height:58px;border-radius:50%;background:linear-gradient(#d08a4a,#9a5a26);border:1.5px solid var(--copper-dark);box-shadow:0 3px 0 var(--copper-dark),0 0 12px #ffaa5073;color:#fff6e0;transition:transform .08s}.cbtn svg{width:26px;height:26px}.ctl:active:not(:disabled) .cbtn{transform:translateY(2px);box-shadow:0 1px 0 var(--copper-dark),0 0 12px #ffaa5073}.ctl:focus-visible{outline:none}.ctl:focus-visible .cbtn{box-shadow:0 3px 0 var(--copper-dark),0 0 0 3px #fff6e0,0 0 0 5px var(--ink)}.ctl:disabled{cursor:default}.ctl:disabled .cbtn{opacity:.4;filter:grayscale(.5);box-shadow:0 3px #6b3d1680}.ctl:disabled .cap{opacity:.5}.cap{margin-top:5px;font-size:15px;line-height:1.1;text-align:center;white-space:nowrap}.moves{flex:none;width:100px;align-self:center;text-align:center;font-size:15px;line-height:1.1;padding-bottom:14px}.moves-n{display:block;font-family:var(--font-script);font-weight:400;font-size:34px;line-height:1}@media(max-height:700px){.controls{padding-top:2px}.cbtn{width:44px;height:44px}.cbtn svg{width:20px;height:20px}.ctl{width:44px}.controls{padding-left:28px;padding-right:28px}.cap{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.moves{padding-bottom:0;font-size:13px;width:90px}.moves-n{font-size:26px}.hud{font-size:17px}.chip{min-height:26px}}.board-wrap{position:relative;flex:1;min-height:0;container-type:size;display:grid;place-content:center}.board{--rg: clamp(6px, 4.6cqh, 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:40px;line-height:1}.win-card{z-index:2}.win-title{margin-top:4px}.win-stars{display:flex;justify-content:center;align-items:center;gap:6px;margin:10px 0 6px}.win-stars .win-star:nth-child(2){margin-top:-12px}.win-star{animation:star-in .15s ease-out both;animation-delay:var(--d, 0ms)}@keyframes star-in{0%{opacity:0;transform:scale(.3)}to{opacity:1;transform:none}}.win-sub{margin:6px 0 18px;font-size:17px;line-height:1.45;color:var(--ink-soft)}.win-points{color:var(--ink)}.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}.confirm-card{position:relative;z-index:2;width:min(290px,calc(100% - 40px));padding:26px 22px 22px;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}.confirm-title{margin:0 0 18px;font-family:var(--font-script);font-weight:400;font-size:30px;line-height:1.1}.confirm-actions{display:flex;flex-direction:column;align-items:center;gap:12px}.btn-secondary{padding:8px 26px;border:1.5px solid rgba(138,90,43,.7);border-radius:22px;background:#fff8e699;color:var(--ink);font:inherit;font-size:19px;font-weight:600;cursor:pointer;touch-action:manipulation}.btn-secondary:focus-visible{outline:none;box-shadow:0 0 0 3px #fff6e0,0 0 0 5px var(--ink)}.loading{position:absolute;inset:0;z-index:4;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;font-size:20px;color:var(--ink-soft)}.loading-flask{width:40px;height:100px;animation:loading-pulse 1.2s ease-in-out infinite}@keyframes loading-pulse{0%,to{transform:scale(.92);opacity:.6}50%{transform:scale(1.05);opacity:1}}@media(prefers-reduced-motion:reduce){.win-star,.loading-flask{animation:none}.bubble{animation:none;opacity:.6}.twinkle,.win-spark,.overlay,.win-card{animation:none}.flask{transition:none}}