:root{color-scheme:dark;--ink:#192627;--paper:#f3e8d5;--muted:#96aaa4;--gold:#e4bd7c;--orange:#e8a165;--green:#b5cba1;--line:#f2dfbe14;--liquid:#b9d3a3;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 90% 0,#3a343b 0,transparent 53%),radial-gradient(ellipse at 10% 80%,#29423c88,transparent 45%),var(--ink);color:var(--paper);min-height:100vh}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer;touch-action:manipulation}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:4px}button:disabled{opacity:.3;cursor:not-allowed}a{color:inherit;text-decoration:none}.topbar{max-width:1180px;padding:25px 30px 18px;margin:auto;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.club{display:flex;align-items:center;gap:10px;font-size:9px;line-height:1.4;letter-spacing:2px;font-weight:700}.club-mark{font:26px/37px Georgia,serif;border:1px solid #dfc39b66;width:35px;height:39px;border-radius:50% 50% 10px 10px;text-align:center;color:var(--gold)}.season{font-size:9px;letter-spacing:2.4px;color:var(--muted)}nav{display:flex;gap:8px;align-items:center}.round,.lang{height:34px;min-width:34px;border:1px solid #ffffff1a;background:#ffffff03;border-radius:50%;font-size:17px}.lang{border-radius:20px;padding:0 12px;font-size:11px}main{max-width:1120px;margin:0 auto;padding:32px 20px 24px}.title-row{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:27px}.eyebrow{font-size:9px;letter-spacing:2.1px;color:var(--gold);font-weight:650;margin:0 0 12px}h1{font:400 clamp(35px,4.4vw,53px)/1.13 Georgia,"Times New Roman",serif;letter-spacing:-1.7px;margin:0}h1 em{font-weight:400;color:var(--orange)}.intro{font-size:12px;color:var(--muted);margin:12px 0 0}.modes{display:flex;gap:3px;padding:4px;background:#0f191c55;border:1px solid #ffffff13;border-radius:30px}.mode{white-space:nowrap;border:0;border-radius:24px;padding:10px 15px;font-size:10px;background:none;color:var(--muted)}.mode.active{color:#26302c;background:var(--paper);box-shadow:0 2px 8px #0002}.layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,1fr);gap:25px;align-items:start}.play-panel{border:1px solid #e0c79820;border-radius:20px;background:linear-gradient(140deg,#33463f66,#22312e44);box-shadow:0 24px 60px #09161655;padding:23px 26px 15px}.score-row{display:flex;gap:24px;align-items:center;margin-bottom:19px}.score-row>div>span:not(.combo-pill span){font-size:8px;letter-spacing:1.8px;color:var(--muted);display:block;margin-bottom:4px}.score-row strong{font:31px Georgia,serif;letter-spacing:-1px}.score-row>div:nth-child(2){border-left:1px solid var(--line);padding-left:25px}.score-row>div:nth-child(2) strong{font-size:25px;color:var(--gold)}.combo-pill{margin-left:auto;display:flex;align-items:center;gap:6px;border:1px solid #a9c69226;background:#a9c6920a;border-radius:30px;padding:7px 10px;font-size:8px;white-space:nowrap;color:#bfd1b4}.combo-pill i{width:4px;height:4px;background:#bdd3a7;border-radius:50%}.board-frame{padding:10px;border-radius:12px;background:#13201f;box-shadow:inset 0 0 20px #07151088,0 1px 0 #ffffff12;border:1px solid #ddc69a2a}.board{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;outline:none}.cell{aspect-ratio:1;border:0;border-radius:6px;padding:0;position:relative;background:#263632;box-shadow:inset 0 1px 0 #ffffff04;min-width:0;isolation:isolate;touch-action:none}.cell:after{content:"";position:absolute;width:3px;height:3px;border-radius:50%;background:#b8c6b50c;left:calc(50% - 1.5px);top:calc(50% - 1.5px)}.candy{background:linear-gradient(145deg,var(--tile-light),var(--tile));box-shadow:inset 0 2px 0 #ffffff33,inset 0 -3px 0 #0002,0 2px 5px #0002}.candy:before{content:"";position:absolute;inset:10%;border:1px solid #fff2;border-radius:24%;pointer-events:none}.color-1{--tile:#ce8355;--tile-light:#eeae74}.color-2{--tile:#8e80b3;--tile-light:#b0a0ca}.color-3{--tile:#7eaa83;--tile-light:#b3ce9e}.color-4{--tile:#b96c7b;--tile-light:#e0a0a8}.color-5{--tile:#c3a154;--tile-light:#e5c67e}.cell .candy-detail{width:44%;height:44%;opacity:.7;position:absolute;left:28%;top:28%;z-index:2;color:#fff6}.web{position:absolute;inset:6%;width:88%;height:88%;color:#f6e8d3;opacity:.65;z-index:3;pointer-events:none}.cell.preview{box-shadow:inset 0 0 0 2px #ffdfab;background:#c3ab6f33}.cell.invalid{box-shadow:inset 0 0 0 2px #e49b9b;background:#ae5c5c33}.cell.keyboard{outline:2px solid var(--paper);outline-offset:-2px;z-index:4}.cell.clear-preview{background:#dfca8e33;box-shadow:inset 0 0 0 1px #f2d5a355}.cell.cleared{animation:sparkle .5s ease-out}.tray-label{display:flex;justify-content:space-between;margin:19px 1px 10px;font-size:8px;letter-spacing:1.8px;color:var(--muted)}.tray-label>span:last-child{color:var(--gold);font-size:8px;letter-spacing:1px}.tray{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;min-height:94px}.piece{position:relative;display:flex;align-items:center;justify-content:center;min-height:94px;border:1px solid #c5b59220;border-radius:11px;background:#ffffff02;touch-action:none;user-select:none;padding:10px}.piece.selected{background:#dfc39b0b;border-color:#dfc39b99;box-shadow:0 0 0 2px #d9bd8011}.piece.empty{opacity:.35;background:none;border-style:dashed;cursor:default}.piece-key{position:absolute;top:6px;left:9px;color:#889a92;font-size:8px}.shape{display:grid;gap:3px;pointer-events:none}.mini{width:20px;height:20px;border-radius:4px;position:relative}.mini.blank{visibility:hidden}.mini:before{inset:16%}.piece.used:after{content:"✧";font:25px Georgia,serif;color:#a1b5a3}.game-tools{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.tool{background:none;border:0;font-size:10px;display:flex;align-items:center;gap:7px;color:#bbcabf;padding:5px 0}.tool>span:first-child{font-size:20px;color:var(--gold)}.tool b{border:1px solid #e0c79633;border-radius:50%;width:16px;height:16px;line-height:14px;font-size:8px;color:var(--gold);font-weight:400;margin-left:2px}.status{font-size:10px;color:var(--gold);min-height:20px;margin:10px 0 0;line-height:1.6}.brew-card{border:1px solid #d9bc8f33;background:linear-gradient(150deg,#3d4e4055,#25382f22);border-radius:19px;padding:23px 24px 20px}.brew-head{display:flex;justify-content:space-between;align-items:center}.brew-head .eyebrow{margin:0;font-size:8px}.batch-number{font-size:8px;color:var(--muted);letter-spacing:1.5px}.brew-card h2{font:italic 26px/1.25 Georgia,serif;color:var(--paper);margin:13px 0 0;text-align:center}.cauldron{margin:8px auto 2px;max-width:250px;height:202px;display:flex;align-items:center;justify-content:center}.cauldron svg{width:100%;height:100%;overflow:visible}.progress-copy{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);gap:10px}.progress-copy strong{color:var(--gold);font-size:11px;font-weight:500}.progress-track{height:4px;background:#080e132e;border-radius:5px;margin-top:10px;overflow:hidden}.progress-track span{height:100%;display:block;background:linear-gradient(90deg,#94b39a,#d7d1a0);width:0;transition:width .3s;border-radius:5px}.brew-tip{font-size:10px;line-height:1.7;color:var(--muted);margin:13px 0 0;min-height:34px}.bottles{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:15px;padding-top:15px;border-top:1px solid var(--line)}.bottles svg{width:32px;height:45px;opacity:.16}.bottles svg.filled{opacity:.9;filter:drop-shadow(0 0 5px #bbc08d22)}.orders-list{display:flex;gap:7px;margin:15px 0 0}.orders-list[hidden]{display:none}.order-button{flex:1;border:1px solid #d6bb8d22;border-radius:7px;background:transparent;font:16px Georgia,serif;color:var(--muted);padding:9px 2px;position:relative}.order-button.active{border-color:var(--gold);color:var(--gold);background:#ddc28208}.order-button.done:after{content:"✧";position:absolute;right:2px;top:1px;font-size:8px}.recipe-note{position:relative;border:1px solid #d6bb8d1a;border-radius:16px;padding:25px 24px 20px;margin-top:19px;background:#ffffff03;overflow:hidden}.note-icon{position:absolute;right:-8px;top:20px;opacity:.14;transform:rotate(-17deg)}.note-icon svg{width:110px;height:110px}.recipe-note .eyebrow{font-size:7px;letter-spacing:1.7px;position:relative}.recipe-note h3{font:italic 26px/1.2 Georgia,serif;color:#e0c9aa;margin:0 0 13px;letter-spacing:-.4px;position:relative}.recipe-note>p:not(.eyebrow){font-size:10px;line-height:1.8;color:var(--muted);max-width:240px}.control-note{font-size:7px;color:#adc0b0;letter-spacing:1px;margin-top:17px;padding-top:13px;border-top:1px solid var(--line)}footer{display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);font:italic 11px Georgia,serif;color:#82978c}footer a{font:8px system-ui;letter-spacing:1.5px}.drag-ghost{display:none;position:fixed;z-index:50;pointer-events:none;opacity:.85;transform:translate(-50%,-100%);filter:drop-shadow(0 8px 10px #0006)}.drag-ghost .mini{width:27px;height:27px}dialog{border:1px solid #d3b58366;border-radius:21px;background:linear-gradient(145deg,#35483e,#1d302c);color:var(--paper);max-width:440px;width:calc(100% - 32px);padding:33px;box-shadow:0 25px 130px #0009}dialog::backdrop{background:#081510cf;backdrop-filter:blur(6px)}dialog h2{font:33px/1.2 Georgia,serif;margin:8px 0 17px}.close{position:absolute;right:15px;top:12px;border:0;background:none;font-size:26px;color:var(--muted)}#help-content{font-size:13px;line-height:1.8;color:#c6d0c3}#help-content ul{padding-left:19px}.primary,.secondary{display:block;width:100%;padding:13px 18px;border:0;border-radius:10px;background:var(--gold);color:#25302a;font-weight:650;font-size:12px;margin-top:18px}.secondary{border:1px solid #dfc39b44;background:none;color:var(--gold);margin-top:10px}.text-button{display:block;margin:15px auto 0;background:none;border:0;color:var(--muted);font-size:11px}#result-dialog{text-align:center}.result-bottle svg{width:80px;height:100px;filter:drop-shadow(0 8px 20px #edc58a22)}#result-copy{font-size:13px;color:#b4c4b9;line-height:1.8}#share-status{font-size:11px;color:var(--gold);word-break:break-word}.ambient{position:absolute;top:0;left:0;right:0;height:300px;z-index:-1;background:radial-gradient(circle at 15% 30%,#d6c08011 0,transparent 35%),radial-gradient(circle at 83% 16%,#cfac9511,transparent 30%)}@keyframes sparkle{0%{background:#fff2b2;box-shadow:0 0 18px #f7d98e;transform:scale(.9)}100%{background:#263632;transform:scale(1)}}@media(max-width:800px){.topbar{padding:18px 18px 15px}.season{display:none}main{padding:25px 15px 22px}.title-row{align-items:flex-start;gap:16px;flex-direction:column;margin-bottom:20px}h1{font-size:39px}.eyebrow{font-size:7px;letter-spacing:1.8px}.intro{font-size:11px}.modes{align-self:flex-start}.mode{font-size:10px;padding:9px 19px}.layout{grid-template-columns:1fr;gap:17px}.play-panel{padding:18px 14px 12px}.score-row{gap:18px;margin-bottom:16px}.score-row strong{font-size:29px}.score-row>div:nth-child(2){padding-left:18px}.score-row>div:nth-child(2) strong{font-size:23px}.score-row>div>span:not(.combo-pill span){font-size:7px;letter-spacing:1.2px}.combo-pill{font-size:7px;padding:6px 8px;max-width:105px;white-space:normal}.board-frame{padding:7px}.board{gap:3px}.cell{border-radius:4px}.tray{min-height:85px;gap:8px}.piece{min-height:85px}.mini{width:19px;height:19px}.tray-label{font-size:7px;margin-top:15px}.tool{font-size:10px}.status{font-size:10px}aside{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.brew-card{padding:17px 13px}.brew-head .eyebrow{font-size:6px;letter-spacing:1px}.batch-number{font-size:6px}.brew-card h2{font-size:21px}.cauldron{height:140px;max-width:180px;margin-top:4px}.progress-copy{font-size:8px;align-items:flex-start}.progress-copy strong{font-size:9px}.brew-tip{font-size:9px;min-height:0}.bottles{gap:3px;margin-top:11px;padding-top:11px}.bottles svg{width:24px;height:31px}.recipe-note{margin-top:0;padding:19px 14px}.recipe-note h3{font-size:23px}.recipe-note .eyebrow{font-size:6px;line-height:1.8;max-width:105px}.recipe-note>p:not(.eyebrow){font-size:9px}.control-note{font-size:6px;line-height:1.8;letter-spacing:.6px}.note-icon{top:28px}.note-icon svg{width:80px;height:80px}.order-button{font-size:14px;padding:7px 0}.orders-list{gap:4px}.status{min-height:30px}footer{font-size:9px;gap:14px;line-height:1.7}footer a{font-size:7px;min-width:100px}.drag-ghost .mini{width:22px;height:22px}}@media(max-width:370px){h1{font-size:33px}.combo-pill{display:none}.mini{width:16px;height:16px}.piece{min-height:80px}.recipe-note h3{font-size:20px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* Fit the complete turn-based game inside the host's fixed iframe viewport. */
.embed-toolbar{display:none}
html.embed,html.embed body{height:100%;height:100dvh;min-height:0;overflow:hidden;overscroll-behavior:none}
.embed .topbar,.embed .title-row,.embed footer,.embed .ambient{display:none}
.embed .embed-toolbar{height:38px;padding:4px 10px;display:flex;align-items:center;gap:6px;background:#182b26ef;border-bottom:1px solid var(--line)}
.embed-toolbar .embed-brand{font:italic 16px Georgia,serif;color:var(--orange);white-space:nowrap;margin-right:5px}
.embed-toolbar select{width:165px;max-width:29vw;min-width:0;height:28px;padding:0 7px;border:1px solid #dfc39b33;border-radius:7px;background:#ffffff08;color:var(--paper);font:10px system-ui}
.embed-toolbar select option{background:#20382f;color:var(--paper)}
.embed-toolbar .embed-goal{margin-left:auto;margin-right:4px;font:10px system-ui;color:var(--gold);white-space:nowrap}
.embed-toolbar button{width:29px;height:29px;min-width:0;flex-shrink:0;border:1px solid #dfc39b26;border-radius:7px;background:#ffffff04;color:var(--paper);font:16px system-ui;padding:0}
.embed-toolbar .embed-language{font-size:9px;width:32px}
.embed main{height:calc(100dvh - 38px);max-width:none;padding:8px;margin:0;overflow:hidden}
.embed .layout{height:100%;min-height:0;grid-template-columns:minmax(0,1fr) 238px;gap:10px;align-items:stretch}
.embed .play-panel{height:100%;min-height:0;padding:11px;border-radius:12px;display:grid;grid-template-columns:minmax(0,1fr) 130px;grid-template-rows:38px minmax(0,1fr) 21px;gap:8px;overflow:hidden}
.embed .score-row{grid-column:1;grid-row:1;min-height:0;margin:0;gap:17px}.embed .score-row strong{font-size:25px}.embed .score-row>div:nth-child(2){padding-left:16px}.embed .score-row>div:nth-child(2) strong{font-size:21px}.embed .score-row>div>span:not(.combo-pill span){font-size:7px;margin-bottom:1px;letter-spacing:1px}.embed .combo-pill{font-size:7px;padding:5px 7px;max-width:100px;white-space:normal}
.embed .board-frame{grid-column:1;grid-row:2;min-height:0;padding:6px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:8px}
.embed .board{flex:none;max-width:100%;max-height:100%;gap:3px;grid-template-rows:repeat(8,minmax(0,1fr))}.embed .cell{aspect-ratio:auto;min-height:0;border-radius:4px}
.embed .tray-label{grid-column:2;grid-row:1;margin:0;align-self:end;font-size:6px;letter-spacing:.7px;gap:3px;padding-bottom:4px;line-height:1.5}.embed .tray-label>span:last-child{font-size:7px}
.embed .tray{grid-column:2;grid-row:2;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:8px}
.embed .piece{min-height:0;padding:7px;overflow:hidden;border-radius:9px}.embed .mini{width:21px;height:21px}.embed .shape{gap:3px}
.embed .game-tools{display:none}.embed .status{grid-column:1 / 3;grid-row:3;min-height:0;height:21px;margin:0;font-size:10px;line-height:19px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.embed aside{height:100%;min-height:0;display:block}.embed .recipe-note{display:none}.embed .brew-card{height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;padding:17px 15px;border-radius:12px;overflow:hidden}.embed .brew-head .eyebrow{font-size:7px;letter-spacing:1px}.embed .batch-number{font-size:7px}.embed .brew-card h2{font-size:23px;margin-top:12px}.embed .cauldron{height:175px;min-height:80px;width:100%;flex:0 1 175px;margin:4px 0}.embed .brew-tip{min-height:0;font-size:9px;margin-top:10px}.embed .bottles{margin-top:12px;padding-top:12px;gap:5px}.embed .bottles svg{width:29px;height:39px}.embed .progress-copy{font-size:9px}.embed .progress-copy strong{font-size:10px}
.embed dialog{max-height:calc(100dvh - 20px);overflow:auto;overscroll-behavior:contain;padding:24px}.embed dialog h2{font-size:27px}.embed #help-content{font-size:12px}.embed .result-bottle svg{height:75px;width:60px}
@media(max-width:900px){.embed .layout{grid-template-columns:minmax(0,1fr)}.embed aside{display:none}.embed .play-panel{max-width:800px;width:100%;margin:0 auto}}
@media(max-width:600px) and (min-height:451px){
 .embed .embed-toolbar{padding:4px 5px;gap:4px}.embed-toolbar .embed-brand{display:none}.embed-toolbar select{width:107px;max-width:28vw;height:28px;padding:0 4px;font-size:9px}.embed-toolbar .embed-goal{font-size:9px;margin-right:0}.embed-toolbar button{width:27px;height:28px}.embed-toolbar .embed-language{width:29px}
 .embed main{padding:6px}.embed .play-panel{display:flex;flex-direction:column;padding:9px;gap:7px}.embed .score-row{flex:0 0 36px;gap:20px}.embed .score-row>div:nth-child(2){padding-left:20px}.embed .combo-pill{margin-left:auto;max-width:none}
 .embed .board-frame{flex:1 1 0;min-height:0;width:100%;padding:5px}.embed .board{gap:3px}
 .embed .tray-label{flex:0 0 12px;align-self:stretch;font-size:7px;margin:1px 0 -2px;padding:0}.embed .tray{flex:0 0 87px;min-height:0;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:1fr;gap:7px;width:100%}.embed .piece{padding:6px}.embed .mini{width:19px;height:19px}.embed .shape{gap:2px}.embed .status{flex:0 0 18px;height:18px;line-height:17px;font-size:9px}
}
@media(max-height:450px){
 .embed .embed-toolbar{height:32px;padding:3px 7px;gap:5px}.embed-toolbar .embed-brand{font-size:14px}.embed-toolbar select{height:26px}.embed-toolbar button{height:26px;width:27px}.embed-toolbar .embed-language{width:30px}.embed main{height:calc(100dvh - 32px);padding:5px}.embed .layout{grid-template-columns:minmax(0,1fr);gap:0}.embed aside{display:none}.embed .play-panel{grid-template-columns:minmax(0,1fr) 119px;grid-template-rows:29px minmax(0,1fr) 17px;gap:5px;padding:7px;max-width:790px;margin:auto}
 .embed .score-row strong{font-size:22px}.embed .score-row>div:nth-child(2) strong{font-size:19px}.embed .score-row>div>span:not(.combo-pill span){font-size:6px;margin:0}.embed .combo-pill{font-size:6px;padding:3px 6px}.embed .board-frame{padding:4px}.embed .board{gap:2px}.embed .tray-label{font-size:6px}.embed .tray{gap:5px}.embed .mini{width:18px;height:18px}.embed .shape{gap:2px}.embed .piece{padding:5px}.embed .piece-key{font-size:7px;top:4px;left:5px}.embed .status{height:17px;font-size:9px;line-height:16px}
 .embed dialog{padding:17px}.embed dialog h2{font-size:23px;margin-bottom:10px}.embed .result-bottle svg{height:43px;width:40px}.embed #result-copy{font-size:11px;margin:7px 0}.embed .primary,.embed .secondary{padding:8px;margin-top:8px}.embed .text-button{margin-top:8px}.embed #share-status{margin:6px 0;font-size:9px}
}
@media(max-width:600px) and (max-height:450px){
 .embed .embed-toolbar{padding:3px 4px;gap:3px}.embed-toolbar .embed-brand{display:none}.embed-toolbar select{width:82px;max-width:24vw;font-size:8px;padding:0 2px}.embed-toolbar .embed-goal{font-size:8px;margin-right:0}.embed-toolbar button{width:25px;height:25px;font-size:14px}.embed-toolbar .embed-language{width:27px;font-size:8px}
 .embed .play-panel{grid-template-columns:minmax(0,1fr) 90px;padding:5px;gap:4px;grid-template-rows:27px minmax(0,1fr) 16px}.embed .combo-pill{display:none}.embed .score-row{gap:10px}.embed .score-row>div:nth-child(2){padding-left:10px}.embed .score-row strong{font-size:20px}.embed .score-row>div:nth-child(2) strong{font-size:17px}.embed .mini{width:14px;height:14px}.embed .shape{gap:2px}.embed .tray{gap:4px}.embed .board-frame{padding:3px}.embed .status{height:16px;font-size:8px;line-height:15px}
}