:root{--bg: #f6f3ee;--card: #ffffff;--text: #2b2620;--muted: #8a8178;--line: #e7e0d6;--accent: #7c5cff;--accent-2: #a78bfa;--accent-text: #ffffff;--gold: #f5b301;--danger: #e5484d;--shadow: 0 2px 10px rgba(60, 40, 20, .08);--radius: 16px;color-scheme:light}:root[data-scheme=dark]{--bg: #17151f;--card: #221f2d;--text: #f1eef8;--muted: #9d97ad;--line: #322d40;--accent: #8b6dff;--accent-2: #b39dff;--shadow: 0 2px 12px rgba(0, 0, 0, .35);color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);font:15px/1.35 -apple-system,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;overscroll-behavior:none;user-select:none;-webkit-user-select:none}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}button:disabled{opacity:.45;cursor:default}h1,h2,h3{margin:0}#app{max-width:480px;margin:0 auto;min-height:100%}.screen{padding:12px 16px calc(16px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:12px}.topbar{display:flex;align-items:center;gap:10px;min-height:44px}.topbar h1{font-size:20px;flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-btn{width:40px;height:40px;border-radius:12px;background:var(--card);box-shadow:var(--shadow);font-size:20px;display:grid;place-items:center;flex:none}.coins-pill{display:flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:var(--card);box-shadow:var(--shadow);font-variant-numeric:tabular-nums}.coins-pill.bump{animation:bump .35s}.coin{display:inline-block;width:14px;height:14px;border-radius:50%;vertical-align:-2px;margin-right:2px;background:radial-gradient(circle at 35% 35%,#ffe68a,var(--gold) 60%,#c98a00);box-shadow:inset 0 0 0 1.5px #965a0059}@keyframes bump{40%{transform:scale(1.15)}}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;text-align:left}.card-title{font-weight:700;margin-bottom:10px}.section{font-size:16px;color:var(--muted);font-weight:600;margin-top:6px}.muted{color:var(--muted);font-size:13px}.center{text-align:center}.daily{display:flex;flex-direction:column;gap:10px}.daily .card-title{margin:0}.daily .streak{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.daily .day{position:relative;border-radius:10px;background:var(--bg);padding:6px 0 7px;text-align:center;border:2px solid transparent;display:flex;flex-direction:column;align-items:center;gap:3px}.daily .day small{font-size:10px;color:var(--muted);white-space:nowrap}.daily .day b{font-size:13px;display:flex;align-items:center;gap:2px}.daily .day b .coin{width:12px;height:12px;margin:0}.daily .day.chest{background:color-mix(in srgb,var(--gold) 22%,var(--bg))}.daily .day.done{opacity:.5}.daily .day.done i{position:absolute;top:-6px;right:-4px;font-style:normal;font-size:11px;background:#3cb371;color:#fff;border-radius:50%;width:16px;height:16px;display:grid;place-items:center}.daily .day.today{border-color:var(--accent)}.daily .btn{width:100%}.daily .btn>span{display:flex;align-items:center;gap:6px}.games{display:grid;grid-template-columns:1fr 1fr;gap:10px}.game-tile{display:flex;flex-direction:column;gap:4px;align-items:stretch;padding:10px}.game-tile b{font-size:16px}.game-tile small{color:var(--muted);font-size:12px;line-height:1.25}.game-tile .best{color:var(--accent);font-weight:600;margin-top:auto;padding-top:2px}.game-tile .play-btn{margin-top:6px;padding:9px;flex-direction:row;justify-content:center}.game-icon{width:100%;aspect-ratio:1;border-radius:14px;padding:6px;display:grid;gap:5px;margin-bottom:4px}.game-icon.cols2{grid-template-columns:1fr 1fr}.game-icon.cols4{grid-template-columns:repeat(4,1fr);gap:3px}.game-icon .mini-tile{font-size:15px;border-radius:9px}.game-icon.cols4 .mini-tile{border-radius:5px}.mini-tile.blank{background:#ffffff14}.soon{align-items:center;justify-content:center;text-align:center;opacity:.8;border:2px dashed var(--line);box-shadow:none;background:transparent}.soon-icon{font-size:34px;color:var(--muted);line-height:1}.task-card{display:flex;flex-direction:column;gap:6px}.task{background:var(--card);border-radius:12px;padding:8px 10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:4px}.task-card .task{box-shadow:none;padding:0}.task-top{display:flex;justify-content:space-between;align-items:center;font-size:12px}.task-label{color:var(--accent);font-weight:700}.task.done .task-label{color:#2e9d5a}.task-reward{display:flex;align-items:center;gap:3px;font-weight:700}.task-text{font-size:14px;font-weight:600}.task-progress{position:relative;height:16px;border-radius:8px;background:var(--bg);overflow:hidden}.task-progress i{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,var(--accent-2),var(--accent));border-radius:8px;transition:width .3s}.task.done .task-progress i{background:#3cb371}.task-progress small{position:relative;display:block;text-align:center;font-size:11px;line-height:16px;font-weight:700}.ad-rows{display:flex;flex-direction:column;gap:8px}.ad-row{display:flex;align-items:center;gap:10px;padding:10px 12px}.ad-icon{font-size:26px;flex:none;width:36px;text-align:center}.ad-info{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.ad-info small{color:var(--muted);font-size:12px;line-height:1.25}.ad-info .ad-status{color:var(--accent);font-weight:600}.btn.small{padding:8px 12px;font-size:13px;flex:none}.mini-tile{border-radius:7px;display:grid;place-items:center;font-weight:800;font-size:11px;overflow:hidden}.btn{border-radius:14px;padding:12px 16px;font-weight:700;display:flex;flex-direction:column;align-items:center;gap:2px}.btn small{font-weight:400;font-size:12px;opacity:.85}.btn.primary{background:linear-gradient(135deg,var(--accent-2),var(--accent));color:var(--accent-text)}.btn.secondary{background:var(--bg)}.btn.ghost{color:var(--muted)}.link{color:var(--accent);font-weight:600;padding:4px 8px}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#0f0a198c;display:grid;place-items:center;padding:16px;animation:fade .16s}.overlay.closing{animation:fade .16s reverse forwards}.modal{background:var(--card);border-radius:22px;padding:20px;width:min(100%,380px);max-height:90vh;overflow:auto;animation:pop .2s}.modal h2{font-size:20px;margin-bottom:8px;text-align:center}.modal>p{color:var(--muted);text-align:center;margin:0 0 12px}.modal-buttons{display:flex;flex-direction:column;gap:8px;margin-top:14px}.result{display:flex;flex-direction:column;gap:6px;text-align:center;font-size:16px}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{transform:scale(.92);opacity:0}}.toast{position:fixed;top:calc(12px + env(safe-area-inset-top));left:50%;transform:translate(-50%);z-index:60;background:var(--text);color:var(--bg);padding:10px 16px;border-radius:12px;font-weight:600;box-shadow:var(--shadow);transition:opacity .3s;animation:fade .2s;max-width:90vw;text-align:center}.toast.hide{opacity:0}.overlay.ad{background:#000000d9}.ad-box{background:#fff;color:#222;border-radius:16px;padding:24px;width:min(100%,340px);text-align:center}.ad-label{font-size:11px;letter-spacing:.15em;color:#999;margin-bottom:8px}.ad-box .muted{color:#888}.ad-timer{font-weight:700;margin:12px 0;min-height:20px}.ad-box .btn{margin:0 auto}.settings{display:flex;flex-direction:column;gap:4px}.settings h3{font-size:15px;margin:12px 0 6px}.toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 2px;border-bottom:1px solid var(--line);cursor:pointer}.toggle input{display:none}.toggle i{width:46px;height:28px;border-radius:999px;background:var(--line);position:relative;transition:background .2s}.toggle i:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #00000040;transition:transform .2s}.toggle input:checked+i{background:var(--accent)}.toggle input:checked+i:after{transform:translate(18px)}.theme-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.theme-card{border:2px solid var(--line);border-radius:14px;padding:6px;display:flex;flex-direction:column;gap:4px;align-items:center}.theme-card.active{border-color:var(--accent)}.theme-card span{font-size:13px;font-weight:600}.theme-sample{display:grid;grid-template-columns:repeat(4,1fr);gap:3px;padding:4px;border-radius:9px;width:100%}.theme-sample .mini-tile{aspect-ratio:1;font-size:10px}.tabs{display:flex;background:var(--card);border-radius:12px;padding:3px;box-shadow:var(--shadow)}.tabs button{flex:1;padding:8px 4px;border-radius:10px;font-weight:600;font-size:14px;color:var(--muted)}.tabs button.active{background:var(--accent);color:var(--accent-text)}.scores{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.score{background:var(--card);border-radius:12px;padding:6px 8px;text-align:center;box-shadow:var(--shadow);position:relative;display:flex;flex-direction:column;min-height:58px;justify-content:center}.score span{font-size:12px;color:var(--muted)}.score b{font-size:19px;font-variant-numeric:tabular-nums}.score b.warn{color:var(--danger)}.score small{font-size:10px;color:var(--accent);line-height:1.1}.gain{position:absolute;left:0;right:0;top:4px;font-weight:800;color:var(--accent);opacity:0;pointer-events:none}.gain.go{animation:gain .7s ease-out}@keyframes gain{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-26px)}}.board-wrap{touch-action:none;padding:4px 0}.board{--gap: 10px;--size: 70px;position:relative;width:100%;aspect-ratio:1;border-radius:18px;background:var(--board);padding:var(--gap)}.board.bump{animation:nudge .18s}@keyframes nudge{30%{transform:translate(-4px)}60%{transform:translate(4px)}}.cells{display:grid;grid-template-columns:repeat(var(--n),1fr);gap:var(--gap);width:100%;height:100%}.cell{background:var(--cell);border-radius:10px}.tiles{position:absolute;inset:var(--gap)}.tile{position:absolute;left:0;top:0;width:var(--size);height:var(--size);transform:translate(calc(var(--c) * (var(--size) + var(--gap))),calc(var(--r) * (var(--size) + var(--gap))));transition:transform .1s ease-in-out;z-index:2}.tile.ghost{z-index:1}.tile.gone{transition:opacity .15s;opacity:0}.tile-in{width:100%;height:100%;border-radius:10px;display:grid;place-items:center;position:relative;font-weight:800;font-size:calc(var(--size) * .42);line-height:1;overflow:hidden;box-shadow:inset 0 -3px #0000001f}.tile-in.d3{font-size:calc(var(--size) * .36)}.tile-in.d4{font-size:calc(var(--size) * .29)}.tile-in.d5{font-size:calc(var(--size) * .24)}.tile-in.d6{font-size:calc(var(--size) * .2)}.tile-in.d7,.tile-in.d8{font-size:calc(var(--size) * .17)}.tile-in.has-icon.d6 .num,.tile-in.has-icon.d7 .num,.tile-in.has-icon.d8 .num{font-size:calc(var(--size) * .14)}.tile-in.has-icon .icon{font-size:calc(var(--size) * .5)}.tile-in .art{position:absolute;top:3%;right:6%;bottom:9%;left:6%;display:block}.tile-in:has(.art) .num{background:#ffffffc7;color:#2d2438;border-radius:6px;padding:1px 4px;right:4px;bottom:4px}.tile-in .art svg,.mini-tile svg{width:100%;height:100%;display:block}.mini-tile svg{padding:6%}.tile-in.has-icon .num{position:absolute;right:5px;bottom:3px;font-size:calc(var(--size) * .17);opacity:.9}.tile-in.glow{box-shadow:0 0 calc(var(--size) * .25) #ffdc78a6,inset 0 -3px #0000001f}.tile-in.neon{color:color-mix(in srgb,var(--neon) 82%,white);box-shadow:inset 0 0 0 2px var(--neon),0 0 8px color-mix(in srgb,var(--neon) 35%,transparent);text-shadow:0 0 3px color-mix(in srgb,var(--neon) 55%,transparent)}.mini-tile.neon{box-shadow:inset 0 0 0 1.5px var(--neon);text-shadow:0 0 2px color-mix(in srgb,var(--neon) 55%,transparent)}.tile.new .tile-in{animation:appear .18s ease-out .09s backwards}.tile.merged .tile-in{animation:merge .2s ease-out .08s backwards}.tile.picked .tile-in{outline:3px solid var(--accent);outline-offset:2px;animation:wobble .6s infinite}@keyframes appear{0%{transform:scale(0)}}@keyframes merge{0%{transform:scale(0)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes wobble{50%{transform:scale(.92)}}.hint{display:none;align-items:center;justify-content:center;gap:8px;text-align:center;font-size:14px;color:var(--accent);font-weight:600;min-height:32px}.hint.show{display:flex}.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.tool{background:var(--card);border-radius:12px;box-shadow:var(--shadow);padding:8px 2px 6px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.tool i{font-style:normal;font-size:20px;line-height:1.1}.tool span{font-size:12px;font-weight:600}.tool small{font-size:11px;color:var(--muted);white-space:nowrap}.tool.active{outline:2px solid var(--accent)}@media (max-width: 360px){.screen{padding-left:10px;padding-right:10px}.tool span{font-size:11px}}.rboard{--gap: 3px;position:relative;width:100%;aspect-ratio:1;border-radius:16px;background:var(--board);padding:6px;display:grid;grid-template-columns:repeat(8,1fr);gap:var(--gap)}.rcell{background:var(--cell);border-radius:5px;position:relative;overflow:hidden}.rcell svg,.pblock svg{position:absolute;top:6%;right:6%;bottom:6%;left:6%;width:88%;height:88%}.rcell.filled,.pblock{box-shadow:inset 0 -2px #00000026}.rcell.neon,.pblock.neon{background:#16132c!important;box-shadow:inset 0 0 0 2px var(--neon)}.rcell.preview{opacity:.55}.rcell.will-clear{box-shadow:0 0 0 2px #fff,0 0 10px 2px #ffe678e6;z-index:1}.rcell.clearing{animation:blast .26s ease-in forwards;z-index:2}@keyframes blast{40%{transform:scale(1.15);filter:brightness(1.6)}to{transform:scale(0);opacity:0}}.tray{display:grid;grid-template-columns:.8fr 1fr 1fr 1fr;gap:8px;align-items:stretch}.slot{position:relative;aspect-ratio:1;border-radius:14px;background:var(--card);box-shadow:var(--shadow);display:grid;place-items:center;touch-action:none;cursor:grab}.slot.empty{cursor:default;background:transparent;box-shadow:inset 0 0 0 2px var(--line)}.slot.nofit{opacity:.45}.slot.lifted .piece{opacity:.25}.hold-wrap{display:flex;flex-direction:column;align-items:center;gap:3px}.hold-wrap small{font-size:11px;color:var(--muted);font-weight:600}.slot.hold{width:100%;border:2px dashed var(--accent-2);box-shadow:none}.piece{position:relative}.pblock{position:absolute;border-radius:4px;overflow:hidden}.piece.dragging{position:fixed;left:0;top:0;z-index:40;pointer-events:none;filter:drop-shadow(0 8px 10px rgba(0,0,0,.3))}.rows .tools{grid-template-columns:repeat(5,1fr)}.rcell svg.gem{top:14%;right:14%;bottom:14%;left:14%;width:72%;height:72%;filter:drop-shadow(0 1px 2px rgba(0,0,0,.4));z-index:1}.rcell.preview svg.gem{display:none}.goal-hint{color:var(--muted);font-weight:600;font-size:13px}.rows .tray,.rows .board-wrap{touch-action:none}.rows .tray{margin-bottom:2px}.rows.screen{gap:8px;padding-top:8px}.rows .score{min-height:50px;padding:4px 6px}.rows .task{padding:6px 10px;gap:2px}.rows .task-text{font-size:13px}.rows .tabs button{padding:6px 4px}.scroll-hint{position:fixed;right:10px;bottom:calc(18px + env(safe-area-inset-bottom));z-index:30;width:44px;height:44px;border-radius:50%;font-size:22px;font-weight:800;background:var(--accent);color:var(--accent-text);box-shadow:0 4px 14px #5032a059;display:none;place-items:center;opacity:.92}.scroll-hint.show{display:grid;animation:hint-bounce 1.6s ease-in-out infinite}.scroll-hint.up{animation:none;opacity:.7}@keyframes hint-bounce{50%{transform:translateY(5px)}}.tip-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#0f0a199e;animation:fade .2s}.tip-ring{position:fixed;border-radius:16px;background:var(--card);color:var(--text);font-size:22px;display:grid;place-items:center;box-shadow:0 0 0 4px var(--accent),0 0 24px 6px #8c6effb3;animation:tip-pulse 1.4s ease-in-out infinite}@keyframes tip-pulse{50%{box-shadow:0 0 0 7px var(--accent),0 0 30px 10px #8c6effcc}}.tip-card{position:fixed;left:16px;right:16px;max-width:420px;margin-left:auto;background:var(--card);border-radius:18px;padding:16px;box-shadow:var(--shadow);animation:pop .25s}.tip-card b{font-size:17px}.tip-card p{margin:6px 0 12px;color:var(--muted)}.tip-gear{color:var(--accent);font-weight:700;white-space:nowrap}.tip-arrow{position:absolute;top:-10px;width:20px;height:20px;background:var(--card);transform:rotate(45deg);border-radius:3px}.tip-buttons{display:flex;gap:8px}.tip-buttons .btn{flex:1;flex-direction:row;justify-content:center}.jar-wrap{position:relative;touch-action:none}canvas.jar{display:block;width:100%;touch-action:none;cursor:crosshair}.fruit .jar-wrap{filter:drop-shadow(0 8px 10px rgba(60,40,20,.18))}.score.next{align-items:center}.next-fruit{width:30px;height:30px}.score.next .timer{color:var(--danger);font-weight:700;font-size:12px}.game-icon.colspile{position:relative;display:block;overflow:hidden}.pile-fruit{position:absolute;aspect-ratio:1}.pile-fruit svg,.mini-fruit svg{width:100%;height:100%;display:block}.fruit-sample{grid-template-columns:repeat(4,1fr);align-items:end}.mini-fruit{aspect-ratio:1}.compact.screen{gap:6px;padding-top:6px}.compact .tabs button{padding:5px 4px;font-size:13px}.compact .tools .tool{padding:6px 2px 5px}.fruit.screen{padding-left:4px;padding-right:4px}.fstat.goal{flex:0 1 auto}.compact .board-wrap{padding:0}.fstats{display:flex;gap:6px;align-items:stretch}.fstat{position:relative;flex:1;display:flex;align-items:baseline;gap:6px;background:var(--card);border-radius:10px;padding:5px 10px;box-shadow:var(--shadow)}.fstat span{font-size:12px;color:var(--muted)}.fstat b{font-size:16px;font-variant-numeric:tabular-nums}.fstat small{font-size:10px;color:var(--accent);margin-left:auto;white-space:nowrap}.fstat .gain{top:-14px}.fstat-timer:empty{display:none}.fstat-timer{background:var(--card);border-radius:10px;padding:5px 10px;box-shadow:var(--shadow);font-size:15px}.fstat-timer.warn{color:var(--danger)}.task.mini{position:relative;flex-direction:row;align-items:center;gap:8px;padding:6px 10px 8px;overflow:hidden}.task.mini .task-text{flex:1;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task.mini .task-count{font-size:12px;color:var(--muted);font-weight:700}.task.mini .task-reward{font-size:12px}.task.mini .task-line{position:absolute;left:0;bottom:0;height:3px;background:linear-gradient(90deg,var(--accent-2),var(--accent))}.task.mini.done .task-line{background:#3cb371}.fruit .jar-wrap{margin:0 auto}.fruit .tools{padding-bottom:2px}.rows .slot{aspect-ratio:auto;height:clamp(60px,19vw,76px)}.fruit-chain{display:flex;align-items:center;justify-content:center;gap:3px;padding:4px 10px;margin:0 auto;background:var(--card);border-radius:999px;box-shadow:var(--shadow);width:fit-content;max-width:100%}.fruit-chain i{display:block;aspect-ratio:1;opacity:.35;filter:grayscale(.6)}.fruit-chain i.got{opacity:1;filter:none}.fruit-chain svg{width:100%;height:100%;display:block}.cboard{--gap: 6px;position:relative;width:100%;height:160vw;max-height:768px;background:var(--board);border-radius:18px;padding:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none}.ccells{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(8,1fr);gap:var(--gap);width:100%;height:100%}.ccell{background:var(--cell);border-radius:12px}.ctiles,.clines{position:absolute;inset:var(--gap)}.ctiles{overflow:hidden;border-radius:12px}.clines{width:calc(100% - 2 * var(--gap));height:calc(100% - 2 * var(--gap));pointer-events:none;z-index:3}.ctile{position:absolute;left:0;top:0;width:20%;height:12.5%;padding:calc(var(--gap) / 2);transform:translate(calc(var(--c) * 100%),calc(var(--r) * 100%));transition:transform .22s cubic-bezier(.3,.7,.4,1.1);z-index:2}.ctile-in{width:100%;height:100%;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:clamp(14px,5.6vw,24px);box-shadow:inset 0 -3px #00000024;transition:transform .22s cubic-bezier(.25,.8,.35,1.15),box-shadow .22s ease-out,filter .22s ease-out}.ctile-in.d3{font-size:clamp(13px,4.8vw,21px)}.ctile-in.d4,.ctile-in.d5{font-size:clamp(12px,4.2vw,18px)}.ctile-in.neon{background:#16132c!important;box-shadow:inset 0 0 0 2px var(--neon);color:color-mix(in srgb,var(--neon) 82%,white)!important}.ctile-in.glow{box-shadow:0 0 12px #ffdc78a6,inset 0 -3px #00000024}.ctile.in-chain .ctile-in{transform:scale(1.07);filter:brightness(1.08);box-shadow:0 0 0 3px #ffffffe6,0 4px 12px #00000038}.ctile.picked .ctile-in{outline:3px solid var(--accent);outline-offset:2px}.ctile.cghost{z-index:1;transition:transform .15s ease-in,opacity .15s;opacity:0}.ctile.cpop .ctile-in{animation:merge .25s ease-out}.cpreview{position:absolute;z-index:5;transform:translate(-50%,-110%);padding:4px 10px;border-radius:10px;font-weight:800;font-size:16px;box-shadow:0 4px 12px #0000004d;pointer-events:none;display:none;margin-left:var(--gap);margin-top:var(--gap)}.tile-in.deco-choco,.ctile-in.deco-choco,.mini-tile.deco-choco{border-radius:8px;box-shadow:inset 4px 4px #fff3,inset -4px -4px #00000047}.mini-tile.deco-choco{border-radius:4px;box-shadow:inset 2px 2px #fff3,inset -2px -2px #00000047}.tile-in.deco-candy,.ctile-in.deco-candy{box-shadow:inset 0 -4px #0000001f,0 2px 4px #0000001f;text-shadow:0 1px 2px rgba(0,0,0,.18)}.tile-in.deco-jelly,.ctile-in.deco-jelly{box-shadow:inset 0 -4px 6px #0000001f,0 2px 4px #0000001a;border-radius:16px}.tile-in.deco-ceramic,.ctile-in.deco-ceramic{box-shadow:inset 0 0 0 3px #ffffffbf,inset 0 0 0 4px #00000014,0 2px 3px #00000026}.mini-tile.deco-ceramic{box-shadow:inset 0 0 0 2px #ffffffbf}.tile-in.deco-gold,.ctile-in.deco-gold{box-shadow:inset 0 0 0 1.5px #ffffff73,inset 0 -3px #00000040;text-shadow:0 1px 1px rgba(0,0,0,.3)}.cpreview{transition:left .16s ease-out,top .16s ease-out,background-color .16s}.cpreview.show{display:block}.chain.screen{padding-left:6px;padding-right:6px}.sboard{border-radius:18px;padding:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.srow{display:grid;grid-template-columns:repeat(var(--per),1fr);row-gap:30px;width:100%;justify-items:center;align-content:center;padding-top:14px}.stube{position:relative;width:var(--tw);height:var(--th);background:none;border:0;padding:0;cursor:pointer;transition:transform .25s cubic-bezier(.3,.7,.4,1.2);-webkit-tap-highlight-color:transparent}.stube:before{content:"";position:absolute;left:-4px;right:-4px;top:-3px;height:6px;border-radius:4px;background:#6e82a08c;z-index:1}.stube.up{transform:translateY(-16px)}.stube.pouring{z-index:5;transition:transform .26s ease-in-out}.sglass{position:absolute;top:0;right:0;bottom:0;left:0;border:3px solid rgba(110,130,160,.5);border-top-width:0;border-radius:6px 6px calc(var(--tw) / 2) calc(var(--tw) / 2);background:#fff9;overflow:hidden;display:flex;flex-direction:column-reverse;padding-bottom:1px;transition:border-color .3s,box-shadow .3s}.sglass:after{content:"";position:absolute;left:16%;top:7%;width:11%;bottom:14%;border-radius:99px;background:#ffffff73;pointer-events:none}.sglass i{flex:none;height:21%;display:grid;place-items:center;font-style:normal;font-weight:800;color:#fffffff2;font-size:calc(var(--tw) * .4);text-shadow:0 1px 2px rgba(0,0,0,.35);transition:background-color .2s;transform-origin:bottom}.sglass i.fill{animation:sfill .32s ease-out both}@keyframes sfill{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.sboard.st-balls .sglass{border-radius:8px 8px calc(var(--tw) / 2) calc(var(--tw) / 2);padding:0 0 4px}.sboard.st-balls .sglass i{height:auto;width:84%;aspect-ratio:1;margin:3% auto 0;border-radius:50%}.sboard.st-balls .sglass i.on,.mini-tube.st-balls i{background-image:radial-gradient(circle at 34% 30%,#ffffffb3,#fff0 46%),radial-gradient(circle at 60% 70%,#0000,#0000002e)}.sboard.dark .sglass{background:#ffffff0d;border-color:#dce6ff52}.sboard.dark .sglass:after{background:#ffffff29}.sboard.dark .stube:before{background:#dce6ff66}.mini-tube.dark{background:#ffffff0f;border-color:#dce6ff66}.sboard.st-glow .sglass i.on,.mini-tube.st-glow i{background-image:linear-gradient(90deg,#fff0,#ffffff47,#fff0 60%);box-shadow:inset 0 0 10px #ffffff40,0 0 12px var(--c)}.sboard.st-glow .stube.done .sglass{box-shadow:0 0 18px var(--glow, rgba(255, 255, 255, .5))}.sboard.st-cocktail .sglass i.on,.mini-tube.st-cocktail i{background-image:radial-gradient(circle at 30% 70%,rgba(255,255,255,.55) 0 1.5px,transparent 2.5px),radial-gradient(circle at 68% 35%,rgba(255,255,255,.5) 0 1.2px,transparent 2px),radial-gradient(circle at 52% 82%,rgba(255,255,255,.4) 0 1px,transparent 2px),linear-gradient(180deg,#ffffff47,#0000001f)}.sboard.st-soft .sglass i.on,.mini-tube.st-soft i{background-image:linear-gradient(160deg,#ffffff73,#fff0 55%,#0000001a);box-shadow:inset 0 1px #fff9}.sboard.st-ink .sglass i.on,.mini-tube.st-ink i{background-image:linear-gradient(90deg,#0000002e,#ffffff38 28%,#0000 45%,#00000038)}.sboard.st-gems .sglass i{margin:2% 8% 0;height:19%;border-radius:5px}.sboard.st-gems .sglass i.on,.mini-tube.st-gems i{background-image:linear-gradient(135deg,#fff9,#fff0 30%),linear-gradient(45deg,#0000004d,#0000 40%),linear-gradient(315deg,#00000040,#0000 35%),linear-gradient(225deg,#ffffff4d,#fff0 30%);box-shadow:0 0 8px color-mix(in srgb,var(--c) 60%,transparent)}.sboard.st-grain .sglass i.on,.mini-tube.st-grain i{background-image:radial-gradient(rgba(0,0,0,.16) 1px,transparent 1.6px),radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.6px);background-size:6px 6px,7px 7px;background-position:0 0,3px 3px}.sboard.st-marble .sglass i.on,.mini-tube.st-marble i{background-image:linear-gradient(115deg,transparent 38%,rgba(255,255,255,.45) 41%,transparent 45%),linear-gradient(62deg,transparent 62%,rgba(0,0,0,.14) 64%,transparent 67%),linear-gradient(160deg,transparent 20%,rgba(255,255,255,.25) 22%,transparent 25%)}.stube.done .sglass{border-color:#f2b632;box-shadow:0 0 14px #f2b6328c}.stube.done{animation:sdone .4s ease-out}@keyframes sdone{40%{transform:translateY(-8px) scale(1.04)}}.stube.shake{animation:sshake .3s}@keyframes sshake{25%{transform:translate(-5px)}75%{transform:translate(5px)}}.stube.hint-from .sglass,.stube.hint-to .sglass{animation:shint .8s ease-in-out 3}.stube.hint-from .sglass{--hc: #7b61ff}.stube.hint-to .sglass{--hc: #2fb36a}@keyframes shint{50%{border-color:var(--hc);box-shadow:0 0 16px var(--hc)}}.fstat .hard-badge,.hard-badge{margin-left:4px;background:#ff5a4a;color:#fff;font-size:10px;font-weight:800;padding:2px 6px;border-radius:8px;align-self:center}.tool.used{opacity:.55}.sort .tools{grid-template-columns:repeat(4,1fr)}.sort-sample{display:flex!important;gap:8px;justify-content:center;align-items:flex-end;padding:8px 6px 6px}.mini-tube{width:15px;height:48px;border:2px solid rgba(110,130,160,.6);border-top:0;border-radius:3px 3px 8px 8px;display:flex;flex-direction:column-reverse;overflow:hidden;background:#fff9}.mini-tube i{height:23%;flex:none}.mini-tube.st-balls i{border-radius:50%;width:11px;height:11px;margin:0 auto 1px}.game-icon.colstubes{display:flex;align-items:flex-end;justify-content:center;gap:9%;padding:16% 10% 12%}.game-icon .mini-tube{width:17%;height:82%;border-width:3px;border-radius:4px 4px 16px 16px}.game-icon .mini-tube i{height:23.5%}.game-icon .mini-tube.st-balls i{width:80%;height:auto;aspect-ratio:1;margin:0 auto 4%}.screw .tools{grid-template-columns:repeat(4,1fr)}.xboxes{display:flex;gap:10px;justify-content:center;align-items:center;min-height:52px}.xbox{display:flex;gap:6px;padding:7px 9px;border-radius:12px;background:color-mix(in srgb,var(--bc) 82%,white);box-shadow:inset 0 -4px #0000002e,0 3px 8px #00000026}.xbox.empty{width:118px;height:44px;padding:0;border:2px dashed rgba(127,127,127,.4);background:none;box-shadow:none}.xbox.xin{animation:xin .35s ease-out}@keyframes xin{0%{transform:translateY(-14px) scale(.9);opacity:0}}.xbox i,.xbuf i{width:30px;height:30px;border-radius:50%;background:#0003;box-shadow:inset 0 2px 4px #00000059;position:relative;flex:none}.xnext{display:flex;flex-direction:column;align-items:center;gap:3px;font-size:10px;color:var(--muted)}.xnext b{width:30px;height:16px;border-radius:5px;background:var(--bc);box-shadow:inset 0 -2px #0003}.xbuf{display:flex;gap:8px;justify-content:center;padding:6px;border-radius:12px;background:#7f7f7f1f;transition:background .3s}.xbuf.danger{background:#ff5a4a2e}.xbox i.on,.xbuf i.on,.xflyer i,.xscrew i{background:radial-gradient(circle at 34% 30%,color-mix(in srgb,var(--sc) 35%,white) 0 16%,var(--sc) 46%,color-mix(in srgb,var(--sc) 62%,black) 100%);box-shadow:0 2px 3px #00000059,inset 0 0 0 2px #ffffff38}.xbox i.on:before,.xbox i.on:after,.xbuf i.on:before,.xbuf i.on:after,.xflyer i:before,.xflyer i:after,.xscrew i:before,.xscrew i:after{content:"";position:absolute;left:22%;right:22%;top:50%;height:13%;margin-top:-6.5%;border-radius:2px;background:#00000061;transform:rotate(45deg)}.xbox i.on:after,.xbuf i.on:after,.xflyer i:after,.xscrew i:after{transform:rotate(-45deg)}.xboard{border-radius:18px;display:flex;align-items:center;justify-content:center;padding:8px;overflow:hidden}.xfield{position:relative}.xplate{position:absolute;border-radius:calc(var(--cs) * .24);background:color-mix(in srgb,var(--pc) 68%,transparent);border:2px solid color-mix(in srgb,var(--pc) 70%,black);box-shadow:0 4px 10px #00000047,inset 0 1px #ffffff80}.pl-wood .xplate{background:repeating-linear-gradient(92deg,rgba(0,0,0,.06) 0 2px,transparent 2px 8px),color-mix(in srgb,var(--pc) 93%,transparent);border-color:color-mix(in srgb,var(--pc) 60%,black)}.pl-metal .xplate{background:linear-gradient(160deg,color-mix(in srgb,var(--pc) 70%,white),var(--pc) 45%,color-mix(in srgb,var(--pc) 75%,black));opacity:.94}.pl-neon .xplate{background:color-mix(in srgb,var(--pc) 12%,transparent);border-color:var(--pc);box-shadow:0 0 10px color-mix(in srgb,var(--pc) 70%,transparent),inset 0 0 8px color-mix(in srgb,var(--pc) 40%,transparent)}.xboard.dark .xplate{box-shadow:0 4px 12px #00000080,inset 0 1px #ffffff59}.xplate.fall{animation:xfall .65s ease-in forwards;pointer-events:none}@keyframes xfall{to{transform:translateY(140%) rotate(16deg);opacity:0}}.xplate.gone{display:none}.xscrew{position:absolute;width:calc(var(--cs) * .6);height:calc(var(--cs) * .6);transform:translate(-50%,-50%);border:0;padding:0;background:none;border-radius:50%;-webkit-tap-highlight-color:transparent}.xscrew:after{content:"";position:absolute;top:-22%;right:-22%;bottom:-22%;left:-22%;border-radius:50%}.xscrew i{display:block;width:100%;height:100%;border-radius:50%;position:relative}.xscrew.covered i{filter:saturate(.55) brightness(.8)}.xscrew.gone{visibility:hidden}.xscrew.pick i{animation:xpulse 1s ease-in-out infinite}@keyframes xpulse{50%{box-shadow:0 0 0 4px #fffc,0 0 14px var(--sc)}}.xscrew.shake{animation:xshake .3s}@keyframes xshake{25%{transform:translate(-60%,-50%)}75%{transform:translate(-40%,-50%)}}.xfly{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:60}.xflyer{position:fixed;transition:transform .3s cubic-bezier(.3,.6,.4,1)}.xflyer i{display:block;width:100%;height:100%;border-radius:50%;position:relative}.screw-mini{position:relative;display:block;width:100%;height:100%;padding:0;border-radius:10px;--cs: 22px}.screw-mini .xplate{border-radius:7px}.screw-sample{display:block;padding:0;height:64px}.game-icon.colsscrew{display:block;padding:0;overflow:hidden}.game-icon.colsscrew .screw-mini{border-radius:14px;--cs: 40px}.game-icon.colsscrew .xplate{border-radius:12px}