.game{--gap:10px;--tile-radius:13px;flex-direction:column;gap:12px;min-width:0;display:flex}.seg{background:var(--tray);border-radius:999px;align-self:flex-start;gap:2px;padding:3px;display:inline-flex}.seg button{font:600 14px/1 var(--font-body);color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:999px;min-height:38px;padding:0 18px}.seg button[aria-pressed=true]{background:var(--surface);color:var(--ink)}.play-page{flex-direction:column;gap:16px;display:flex}.tagline{font:500 15px/1.3 var(--font-body);color:var(--muted);margin-bottom:-6px}.gamebar{align-items:center;gap:2px;margin-right:-10px;display:flex}.recipes-open{margin-left:auto}.daily-note{color:var(--muted);margin:0;font-size:14px}.seg-sm{flex:none;align-self:center}.seg-sm button{min-height:32px;padding:0 13px;font-size:13px}.daily-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.daily-title{text-wrap:balance;margin:0;font-size:24px;line-height:1.15}.movemeter{flex-direction:column;gap:8px;display:flex}.movemeter[hidden]{display:none}.movemeter-head{color:var(--muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;display:flex}.movemeter-count{font:600 20px/1 var(--font-display);color:var(--ink);font-variant-numeric:tabular-nums}.movemeter-count.low{color:var(--warn)}.meter-aside{white-space:nowrap;font-size:13px}.meter{gap:2px;height:8px;display:flex}.meter i{background:var(--ink);border-radius:2px;flex:1;transition:background-color .15s ease-out}.meter.low i{background:var(--warn)}.meter i.used{background:var(--tray)}@media (prefers-reduced-motion:reduce){.meter i{transition:none}}.recipes-dialog{background:var(--surface);width:min(100% - 32px,400px);max-height:calc(100% - 32px);color:var(--ink);border:0;border-radius:18px;padding:0}.recipes-dialog::backdrop,.share-dialog::backdrop{backdrop-filter:blur(8px);background:#00000080}.recipes-sheet{flex-direction:column;gap:14px;padding:16px 18px 18px;display:flex}.recipes-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.recipes-head h2{font-size:22px}.recipes-head small{font-family:var(--font-body);color:var(--muted);margin-left:4px;font-size:14px;font-weight:500}.recipes-note{color:var(--muted);margin:0;font-size:14px}.recipes-sheet h2{font-size:22px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.intro-list{flex-direction:column;gap:8px;margin:0;padding-left:20px;font-size:15px;display:flex}.name-label{margin-bottom:-8px;font-size:14px;font-weight:600}.name-input{min-height:44px;font:16px var(--font-body);color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:0 12px}.mix-groups{flex-direction:column;gap:8px;display:flex}.mix-group{font:600 13px/1.2 var(--font-body);color:var(--muted);margin-top:6px}.mix-group:first-child{margin-top:0}.mixes{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.mix{background:var(--raised);border-radius:10px;align-items:center;gap:8px;padding:6px 8px;display:flex}.recipes-dialog .mix{background:var(--well)}.prose .mixes{gap:4px;padding:0}.mix-sw{border-radius:8px;flex:none;width:28px;height:28px}.mix-name{flex:1;min-width:0;font-size:14px;font-weight:600}.mix-part{width:62px;color:var(--muted);flex:none;align-items:center;gap:4px;font-size:12px;display:flex}.mix-part-sw{border-radius:4px;flex:none;width:14px;height:14px}.mix-op{color:var(--muted);margin:0 -2px;font-size:12px}.scorebar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.stat{flex-direction:column;min-width:0;display:flex;position:relative}.stat[hidden],.stat-unit{display:none}.game.limited .scorebar{align-items:center;gap:18px;margin-top:6px;display:flex}.game.limited .stat{color:var(--muted);flex-direction:row;align-items:baseline;gap:5px;font-size:14px}.game.limited .stat:not(.stat-next) .stat-label{display:none}.game.limited .stat-unit{display:inline}.game.limited .stat-value{color:var(--ink);font-size:20px;line-height:1}.game.limited .stat-next{align-items:center;gap:8px;margin-left:auto}.game.limited .stat-next .next-swatch{border-radius:8px;width:26px;height:26px;margin:0}.game.limited .delta{top:-17px;left:0}.stat-label{color:var(--muted);font-size:13px;font-weight:500;line-height:1.2}.stat-value.low{color:var(--warn)}.stat-value{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:28px;font-weight:600;line-height:1.15}.next-swatch{border-radius:9px;width:30px;height:30px;margin-top:2px;display:block;box-shadow:inset 0 -3px #14101f29}.delta{color:var(--muted);white-space:nowrap;opacity:0;font-variant-numeric:tabular-nums;pointer-events:none;font-size:13px;font-weight:700;line-height:1.2;position:absolute;top:0;left:42px}.delta.show{animation:.7s ease-out rise}@keyframes rise{0%{opacity:0;transform:translateY(6px)}20%{opacity:1}to{opacity:0;transform:translateY(-12px)}}.orders{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;min-height:72px;margin:0;padding:0;list-style:none;display:grid}.chip{background:var(--surface);border-radius:12px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.chip.done{animation:.42s ease-out chip-in}.chip.filled{box-shadow:0 0 0 2px var(--order);animation:.3s ease-out chip-filled}.chip.filled .chip-color .dots{display:none}.chip.filled .chip-color:after{content:"✓";font-size:20px;font-weight:700;line-height:1}@keyframes chip-filled{0%{box-shadow:0 0 0 0 var(--order)}45%{box-shadow:0 0 0 4px var(--order);transform:scale(1.05)}}@keyframes chip-in{0%{opacity:0;transform:scale(.92)}60%{opacity:1;transform:scale(1.04)}to{transform:scale(1)}}.chip-color{justify-content:center;align-items:center;height:28px;display:flex}.chip-color .dots{gap:4px}.chip-color .dots i{width:7px;height:7px}.chip-label{flex-direction:column;min-width:0;padding:8px 10px 10px;line-height:1.2;display:flex}.chip-name{font-size:14px;font-weight:600}.chip-meta{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.chip-foot{justify-content:space-between;align-items:center;gap:4px;min-height:18px;margin-top:6px;display:flex}.chip-guide{color:var(--muted);align-items:center;gap:2px;font-size:12px;display:flex}.chip-guide-sw{border-radius:5px;flex:none;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.chip-guide-sw .dots{gap:1px}.chip-guide-sw .dots i{width:3px;height:3px}.notice{color:var(--ink);background:var(--surface);border-radius:10px;margin:0;padding:8px 12px;font-size:14px}.board{aspect-ratio:1;background:var(--tray);width:100%;padding:var(--gap);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:20px;position:relative}.board.nudge{animation:.18s ease-out nudge}@keyframes nudge{25%{transform:translate(-4px)}75%{transform:translate(3px)}}.wells,.tiles{inset:var(--gap);position:absolute}.wells{gap:var(--gap);grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);display:grid}.wells i{background:var(--well);border-radius:var(--tile-radius)}.tile,.fx{width:calc((100% - 3 * var(--gap)) / 4);height:calc((100% - 3 * var(--gap)) / 4);transform:translate(calc(var(--x) * (100% + var(--gap))), calc(var(--y) * (100% + var(--gap))));position:absolute;top:0;left:0}.tile{z-index:2;transition:transform .1s ease-out}.tiles.snap .tile{transition:none}.fx{z-index:3;pointer-events:none}.burst>b,.burst>span{border-radius:var(--tile-radius);opacity:0;position:absolute;inset:0}.burst>b{background:color-mix(in srgb, var(--spark) 35%, #fff)}.burst>span{border:3px solid var(--burst)}.burst>i{position:absolute;inset:0}.burst>i>i{background:var(--spark);width:4px;height:12px;box-shadow:0 0 0 1px color-mix(in srgb, var(--burst) 60%, transparent);opacity:0;border-radius:2px;margin:-6px 0 0 -2px;position:absolute;top:50%;left:50%}.gain{z-index:4;justify-content:center;align-items:flex-start;display:flex}.gain>span{font:700 14px/1 var(--font-body);font-variant-numeric:tabular-nums;color:var(--bg);background:var(--ink);white-space:nowrap;opacity:0;border-radius:999px;padding:4px 8px;box-shadow:0 2px 6px #0000002e}.tile.gone{z-index:1}.tile.flying{z-index:20;pointer-events:none;transition:none;position:fixed;transform:none}.face{border-radius:var(--tile-radius);width:100%;height:100%;font-family:var(--font-display);flex-direction:column;justify-content:center;align-items:center;gap:8%;font-size:clamp(20px,7vw,30px);font-weight:700;line-height:1;display:flex;box-shadow:inset 0 -5px #14101f29,inset 0 2px #ffffff2e}.face .k{display:none}.letters .face .k{display:block}.dots{gap:6px;display:flex}.dots i{opacity:.85;background:currentColor;border-radius:50%;width:10px;height:10px;display:block}.letters .face .dots{gap:4px}.letters .face .dots i{width:6px;height:6px}.over{z-index:5;background:color-mix(in srgb, var(--bg) 86%, transparent);text-align:center;cursor:default;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.over h2{font-size:30px}.over p{margin:0}.over-rank{font-weight:600}.over-rank:empty{display:none}.over-links{flex-wrap:wrap;justify-content:center;gap:4px 16px;display:flex}.over-links:not(:has(>:not([hidden]))){display:none}.over-link{font-size:14px;font-weight:600}button.over-link{color:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-family:inherit;text-decoration:underline}.over-actions{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.statusline{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:15px;display:flex}.status-text{min-width:0}.status-text b{color:var(--ink);font-weight:600}.status-text.tip{color:var(--ink)}.status-sw{vertical-align:-2px;border-radius:4px;width:14px;height:14px;margin-right:6px;display:inline-block}.demo{flex-direction:column;gap:8px;margin-top:4px;display:flex}.demo .board{touch-action:auto;cursor:default}.prose .orders{gap:8px;padding:0;display:grid}.demo-touch{z-index:4;opacity:0;pointer-events:none;background:#fff9;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #14101f2e}.demo-touch.swipe{animation:.32s ease-out demo-swipe}@keyframes demo-swipe{0%{opacity:0;transform:translate(calc(var(--dx) * -64px), calc(var(--dy) * -64px))}30%{opacity:1}to{opacity:0;transform:translate(calc(var(--dx) * 64px), calc(var(--dy) * 64px))}}.demo-actions{justify-content:flex-end;gap:8px;display:flex}.hintrow{color:var(--muted);justify-content:space-between;align-items:center;gap:10px;font-size:14px;display:flex}.hintrow b{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:600}.hint-links{gap:2px;margin-left:-10px;display:flex}.icon-toggle{width:40px;height:40px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:12px;flex:none;place-items:center;margin-right:-8px;padding:0;display:grid}.icon-toggle:hover{background:var(--surface);color:var(--ink)}.icon-toggle svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.icon-toggle[aria-pressed=true]{color:var(--ink)}.icon-toggle[aria-pressed=true] .sound-off,.icon-toggle[aria-pressed=false] .sound-on{display:none}.setting{width:100%;font:inherit;text-align:left;color:var(--ink);border:0;border-top:1px solid var(--line);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:14px;padding:12px 0 0;display:flex}.setting-text{flex-direction:column;gap:2px;min-width:0;display:flex}.setting-name{font-size:15px;font-weight:600}.setting-hint{color:var(--muted);font-size:13px}.switch{background:var(--line);border-radius:12px;flex:none;width:40px;height:24px;transition:background .15s ease-out;position:relative}.switch:after{content:"";background:var(--surface);border-radius:50%;width:18px;height:18px;transition:transform .15s ease-out;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.setting[aria-pressed=true] .switch{background:var(--focus)}.setting[aria-pressed=true] .switch:after{transform:translate(16px)}.panels{flex-direction:column;gap:28px;margin-top:16px;display:flex}.panel{flex-direction:column;gap:12px;display:flex}.panel h2{justify-content:space-between;align-items:baseline;gap:10px;font-size:22px;display:flex}.panel h2 small{font-family:var(--font-body);color:var(--muted);font-variant-numeric:tabular-nums;font-size:14px;font-weight:500}.panel ul.rules{flex-direction:column;gap:6px;margin:0;padding-left:20px;display:flex}.collection{grid-template-columns:repeat(auto-fill,minmax(124px,1fr));gap:12px 16px;margin:0;padding:0;list-style:none;display:grid}.coll-hue{flex-direction:column;gap:4px;display:flex}.coll-name{color:var(--muted);font-size:13px;font-weight:600}.coll-row{grid-template-columns:repeat(4,1fr);gap:4px;display:grid}.coll-row i{aspect-ratio:1;border-radius:6px;display:block}.coll-row i.missing{border:1.5px dashed var(--line)}.panel-foot{color:var(--muted);margin:0;font-size:13px}.daily-head{flex-direction:column;gap:2px;display:flex}.daily-head:not(:has(>:not([hidden]))){display:none}.daily-head p{color:var(--muted);margin:0;font-size:15px}.countdown{font-variant-numeric:tabular-nums;color:var(--ink);font-weight:600}.result{flex-direction:column;gap:16px;display:flex}.result p{margin:0}.result-head{flex-direction:column;gap:6px;display:flex}.result-note{color:var(--muted);font-size:15px}.result-title{letter-spacing:-.02em;font-size:clamp(36px,11vw,44px);font-weight:700;line-height:1.05}.result .result-summary{font-variant-numeric:tabular-nums;margin-top:2px;font-size:17px}.result-tiles{flex-wrap:wrap;align-items:center;gap:4px;margin-top:8px;display:flex}.result-tile{border-radius:6px;width:22px;height:22px}.result-more{color:var(--muted);margin-left:4px;font-size:14px}.result-board{background:var(--surface);border-radius:20px;flex-direction:column;padding:10px;display:flex}.result-board[aria-busy=true]{min-height:207px}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.result-rows{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:15px}.result-rows td{padding:11px 10px}.result-rows .num{text-align:right;white-space:nowrap;width:1%;color:var(--muted)}.result-rows .name{overflow-wrap:anywhere;font-weight:500}.result-rows .score{width:auto;font-family:var(--font-display);color:var(--ink);font-size:17px;font-weight:600}.result-rows tr.me td{background:color-mix(in srgb, var(--brand) 22%, var(--surface));color:var(--ink);font-weight:600}.result-rows tr.me td:first-child{border-radius:10px 0 0 10px}.result-rows tr.me td:last-child{border-radius:0 10px 10px 0}.bot-tag{border:1px solid var(--line);color:var(--muted);vertical-align:1px;border-radius:6px;margin-left:2px;padding:1px 6px;font-size:11px;font-weight:600;line-height:1.4;display:inline-block}.result-board-link{min-height:44px;font:600 14px/1 var(--font-body);color:var(--ink);justify-content:center;align-items:center;margin-top:auto;display:flex}.result-actions{flex-direction:column;gap:8px;display:flex}.result-actions .btn:not(.solid){background:0 0}.result-next{text-align:center}.result-streak{text-align:center;flex-direction:column;gap:2px;display:flex}.result .result-streak-label{font-family:var(--font-display);letter-spacing:-.01em;font-size:20px;font-weight:700}@media (prefers-reduced-motion:reduce){.tile{transition:none}.delta.show,.chip.filled,.chip.done,.board.nudge,.demo-touch.swipe{animation:none}.switch,.switch:after{transition:none}}
