:root{--bg: #f6f1e9;--ink: #1f1b17;--muted: #7a7067;--line: #d9d0c3;--tile-bg: #fffdf9;--orange: #ea7a1f;--orange-edge: #cf6612;--green: #5a9a4f;--yellow: #d1ad35;--absent: #e7e2da;--absent-ink: #8a8279;--gap: 5px;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--ink);-webkit-text-size-adjust:100%}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);min-height:100%}button{font:inherit;color:inherit}.shell{display:flex;justify-content:center;min-height:100svh}.game{width:100%;max-width:520px;display:flex;flex-direction:column;align-items:center;padding:0 16px max(12px,env(safe-area-inset-bottom));min-height:100svh}.top{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 0 8px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:baseline;gap:10px}h1{margin:0;font-size:26px;font-weight:800;letter-spacing:-.02em}.tag{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.beta-tag{padding:2px 6px;border-radius:4px;background:var(--orange);color:#fff;letter-spacing:.06em}.top-actions{display:flex;align-items:center;gap:8px}.top-btn{min-width:32px;height:32px;padding:0 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:700;cursor:pointer}.top-btn[hidden]{display:none}.help-toggle{padding:0;font-size:15px}.skip-btn.armed{border-color:var(--orange);color:var(--orange-edge)}.help{width:min(420px,calc(100vw - 32px));max-height:calc(100svh - 32px);padding:0;border:0;border-radius:14px;background:var(--tile-bg);color:var(--ink);box-shadow:0 12px 40px #1f1b1740}.help::backdrop{background:#1f1b1773}.help-body{padding:16px 20px 20px;font-size:15px;line-height:1.45}.help-head{display:flex;align-items:center;justify-content:space-between}.help h2{margin:0;font-size:20px}.help h3{margin:18px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted)}.help p{margin:8px 0}.help-lead{font-weight:700}.help-close{width:32px;height:32px;border:0;background:none;color:var(--muted);font-size:18px;cursor:pointer}.help-legend{list-style:none;margin:10px 0;padding:0}.help-legend li{display:flex;align-items:center;gap:10px;margin:6px 0}.mini{display:inline-grid;place-items:center;width:26px;height:26px;border-radius:5px;font-weight:800;font-size:14px;color:#fff}.mini.correct{background:var(--green)}.mini.present{background:var(--yellow)}.mini.absent{background:var(--absent);color:var(--absent-ink)}.help-check{display:flex;align-items:center;gap:8px;font-weight:700;cursor:pointer}.help-check input{width:18px;height:18px;accent-color:var(--orange)}.help-check:has(input:disabled){opacity:.55;cursor:default}.help-note{font-size:13px;color:var(--muted)}.dev-toggle{border:1px solid var(--line);background:transparent;border-radius:6px;padding:5px 10px;font-size:12px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--muted);cursor:pointer}.meta{display:flex;align-items:center;gap:6px;margin:12px 0 4px;font-size:14px;color:var(--muted)}.bun-chip{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:5px;background:var(--orange);color:#fff;font-weight:800;font-size:14px}.dots{letter-spacing:2px;color:var(--line);font-weight:800}.meta-text{margin-left:8px}.hint[hidden]{display:none}.hint{min-height:1.3em;margin:2px 0 6px;font-size:13px;color:var(--muted);text-align:center}.board-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;width:100%;padding:8px 0}@media(max-height:700px){.board-wrap{padding:3px 0}.top{padding:8px 0 6px}.top-btn{height:28px;min-width:28px}.meta{margin-top:8px}.game{padding-bottom:max(8px,env(safe-area-inset-bottom))}}.board{--tile: max( 30px, min( 56px, calc((min(100vw, 520px) - 32px - 44px - (var(--cols) - 1) * var(--gap)) / var(--cols)), calc((100svh - 400px - var(--share-extra, 0px) - max(0px, (var(--rows) - 6) * 32px)) / var(--rows) - 12px) ) );display:flex;flex-direction:column;align-items:center;gap:3px}.layer{display:flex;gap:var(--gap);padding:5px var(--pad, 16px)}.bun-top{--pad: 20px;padding-top:calc(var(--tile) * .38);background:linear-gradient(#e8b774,#d79a52);border-radius:42% 42% 10px 10px/100% 100% 10px 10px}.lettuce{--pad: 22px;background:#9cc27a;border-radius:999px}.tomato{--pad: 17px;background:#d9735f;border-radius:8px}.cheese{--pad: 20px;background:#efcd6a;border-radius:3px}.patty{--pad: 20px;background:#7a5238;border-radius:14px}.bun-bottom{--pad: 18px;padding-bottom:calc(var(--tile) * .26);background:linear-gradient(#d79a52,#c9863f);border-radius:10px 10px 34% 34%/10px 10px 100% 100%}.tile{width:var(--tile);height:var(--tile);display:grid;place-items:center;border-radius:6px;border:2px solid var(--line);background:var(--tile-bg);font-size:calc(var(--tile) * .5);font-weight:800;line-height:1;text-transform:uppercase;-webkit-user-select:none;user-select:none}.tile.dormant{border:1.5px solid rgba(255,253,249,.45);background:#fffdf91f}.tile.active{border-color:#b9ae9f;background:var(--tile-bg)}.tile.active.filled{border-color:#6d645b}.tile.cursor{box-shadow:0 0 0 2px var(--ink)}.tile.bun{background:var(--orange);border-color:var(--orange-edge);color:#fff}.tile.bun.ghost{opacity:.55}.tile.probe{border:2px dashed var(--orange-edge);background:var(--tile-bg);color:var(--muted)}.tile.correct{background:var(--green);border-color:var(--green);color:#fff}.tile.present{background:var(--yellow);border-color:var(--yellow);color:#fff}.tile.absent{background:var(--absent);border-color:var(--absent);color:var(--absent-ink)}.tile.flip{animation:flip .36s ease both;animation-delay:calc(var(--row) * 90ms)}.tile.flip.solved{animation:flip .36s ease both,settle .42s ease;animation-delay:calc(var(--row) * 90ms),calc(var(--reveal) + var(--row) * 45ms)}@keyframes settle{40%{transform:translateY(-5px)}}@keyframes flip{0%{transform:rotateX(0)}50%{transform:rotateX(90deg);filter:brightness(1.15)}to{transform:rotateX(0)}}.tile.shake{animation:shake .3s ease}@keyframes shake{25%{transform:translateY(-4px)}50%{transform:translateY(4px)}75%{transform:translateY(-2px)}}.toast{position:absolute;top:6px;left:50%;transform:translate(-50%,-4px);background:var(--ink);color:#fff;font-size:14px;font-weight:600;padding:8px 14px;border-radius:6px;opacity:0;pointer-events:none;transition:opacity .15s,transform .15s;z-index:5}.toast.show{opacity:1;transform:translate(-50%)}@media(prefers-reduced-motion:reduce){.tile.flip,.tile.shake,.result.won,.found-tile{animation:none!important}}.bottom{width:100%}.keyboard{display:flex;flex-direction:column;gap:7px;width:100%}.key-row{display:flex;justify-content:center;gap:5px}.key{flex:1 1 0;max-width:44px;height:54px;border:0;border-radius:6px;background:#e2dbd0;font-weight:700;font-size:15px;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.key:active{filter:brightness(.92)}.key.wide{flex:1.5 1 0;max-width:68px;font-size:13px}.key.correct{background:var(--green);color:#fff}.key.present{background:var(--yellow);color:#fff}.key.absent{background:#c9c1b6;color:#f6f1e9}.result{text-align:center;padding:0 0 4px}.result h2{margin:0 0 4px;font-size:18px;font-weight:700}.result.won{animation:result-in .26s ease both;animation-delay:var(--reveal)}@keyframes result-in{0%{opacity:0;transform:translateY(6px)}}.found-word{display:flex;justify-content:center;gap:4px;margin-bottom:6px}.found-tile{--size: clamp(28px, 4.2svh, 36px);width:var(--size);height:var(--size);display:grid;place-items:center;border-radius:6px;font-weight:800;font-size:calc(var(--size) * .5);color:#fff}.found-tile.correct{background:var(--green)}.found-tile.bun{background:var(--orange);box-shadow:inset 0 0 0 2px var(--orange-edge)}.found-tile.from-left,.found-tile.from-right{animation:bun-in .38s cubic-bezier(.2,.8,.3,1.15) both;animation-delay:calc(var(--reveal) + .22s)}.filled-with{margin:-2px 0 6px;font-size:13px;line-height:1.3;color:var(--muted)}.filled-word{font-weight:800;letter-spacing:.06em}.filled-outer{color:var(--muted)}.filled-core{color:var(--green)}.found-tile.from-left{--from: -26px}.found-tile.from-right{--from: 26px}@keyframes bun-in{0%{opacity:0;transform:translate(var(--from))}}.result-body{display:flex;justify-content:center;align-items:center;gap:12px}.share{text-align:left;padding:8px 12px;background:#fff;border:1px solid var(--line);border-radius:8px;font-family:inherit;font-size:clamp(11px,1.6svh,15px);line-height:1.25}.share-grid{width:fit-content;margin:.3em auto}.share-row{display:flex;justify-content:center}.share-row span{width:1.25em;display:flex;justify-content:center}.result-actions{display:flex;flex-direction:column;gap:6px}.btn{border:1px solid var(--line);background:#fff;border-radius:8px;padding:9px 14px;font-weight:600;font-size:14px;cursor:pointer}.btn.primary{background:var(--ink);border-color:var(--ink);color:#fff}.dev{position:fixed;top:0;right:0;bottom:0;width:min(340px,92vw);overflow-y:auto;background:#22252a;color:#d8dce2;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px;padding:12px 14px 40px;transform:translate(100%);transition:transform .18s ease;z-index:20;box-shadow:-4px 0 20px #0003}body.dev-open .dev{transform:none}@media(min-width:1100px){body.dev-open .shell{padding-right:340px}}.dev-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.dev-close{background:none;border:0;color:#d8dce2;cursor:pointer;font-size:14px}.dev fieldset{border:1px solid #3a3f46;border-radius:6px;margin:0 0 10px;padding:8px 10px 10px}.dev legend{padding:0 4px;color:#9aa3ad}.dev select,.dev button{background:#30343b;color:#e8ebef;border:1px solid #4a5059;border-radius:4px;padding:6px 8px;font:inherit;cursor:pointer}.dev select{width:100%;margin-bottom:6px}.dev input[type=text]{width:100%;margin:6px 0;background:#30343b;color:#e8ebef;border:1px solid #4a5059;border-radius:4px;padding:6px 8px;font:inherit;text-transform:uppercase}.dev .forced legend,.dev .warn{color:#f0b357}.dev .row{display:flex;gap:6px;flex-wrap:wrap}.segs{display:flex;flex-wrap:wrap;gap:4px}.seg input{position:absolute;opacity:0}.seg span{display:inline-block;padding:5px 9px;border:1px solid #4a5059;border-radius:4px;cursor:pointer}.seg input:checked+span{background:#e8ebef;color:#22252a}.seg input:focus-visible+span{outline:2px solid #8ab4f8}.stats{display:grid;grid-template-columns:1fr auto;gap:3px 10px;margin:10px 0 8px}.stats dt{color:#9aa3ad}.stats dd{margin:0;text-align:right}.check{display:flex;align-items:center;gap:6px;cursor:pointer}.small{color:#9aa3ad;margin:8px 0 4px}.cands{max-height:220px;overflow-y:auto;line-height:1.6;word-spacing:4px;color:#e8ebef}.tracker{margin:10px 0 4px}.tracker strong{color:#e8ebef;word-spacing:2px}.dev details summary{cursor:pointer;color:#9aa3ad;margin-bottom:4px}.rate{display:flex;align-items:center;justify-content:center;gap:8px;margin:4px auto 0;min-height:24px;color:var(--muted);font-size:12px;font-weight:600}.rate-stars{display:flex}.rate-star{padding:0 3px;border:0;background:none;color:var(--muted);font:inherit;font-size:20px;line-height:1;cursor:pointer}.rate-star.on{color:var(--yellow)}.rate-star:hover,.rate-star:focus-visible{transform:scale(1.15)}.rate-clear{padding:1px 8px;border:1px dashed var(--line);border-radius:999px;background:none;color:var(--muted);font:inherit;cursor:pointer}.pt-counts{margin:6px 0}.pt-counts strong{color:#e8ebef}.pt-recent{list-style:none;margin:6px 0 8px;padding:0}.pt-recent li{display:grid;grid-template-columns:auto 1fr auto auto 9ch;align-items:center;gap:8px;padding:2px 0}.pt-word{color:#e8ebef}.pt-won{color:#8fd37f}.pt-lost{color:#f08a7a}.dev select.pt-rating{width:auto;margin:0;padding:1px 2px;color:#f5c542}.pt-dist{margin:0 0 6px}.pt-dist strong{color:#f5c542}.pt-n{color:#9aa3ad}.pt-summary .stats{margin-top:4px}.dev button.danger{display:block;margin-top:12px;background:#3a2326;border-color:#8a3b3f;color:#ffb4b4}.dev button.danger:disabled{opacity:.45;cursor:default}.vm-top{margin:6px 0 8px;padding-left:22px;columns:2}.vm-top li{break-inside:avoid}.vm-top li span+span{margin-left:6px;color:#9aa3ad}
