@font-face{font-family:"Young Serif";src:url(/fonts/young-serif-400.woff2) format("woff2");font-weight:400;font-display:swap}body[data-game=trellis]{--paper: #f5efe6;--card: #fffcf7;--ink: #2a1f2d;--ink-2: #4d3f50;--ink-3: #66576a;--line: #e4d9df;--line-2: #c9b6c6;--accent: #7a3b84;--accent-ink: #ffffff;--link: #6b2f75;--leaf: #4f7a35;--leaf-hi: #6f9c4f;--bloom: #b07cc0;--bloom-hi: #d9b4e3;--gold: #b8892a;--slat: #fbf8f1;--slat-edge: #d8cdbf;--tile: #fffdf9;--tile-ink: #2a1f2d;--good: #3f6e2a;--warn: #8f5a0c;--bad: #a3302a;--display: "Young Serif", Georgia, "Times New Roman", serif;--tile-font: var(--display);--wm-font: var(--display);--r: 12px;--r-sm: 8px;--btn-r: 999px;--bg-motif: linear-gradient(90deg, rgba(122, 59, 132, .07) 1.5px, transparent 1.5px), linear-gradient(rgba(122, 59, 132, .07) 1.5px, transparent 1.5px);--bg-size: 28px 28px;--shadow: 0 1px 0 rgba(42, 31, 45, .05), 0 10px 22px -14px rgba(42, 31, 45, .4)}@media (prefers-color-scheme: dark){body[data-game=trellis]{--paper: #15111a;--card: #1f1925;--ink: #f1e8f3;--ink-2: #cbbdd0;--ink-3: #a999ae;--line: #322a38;--line-2: #4a3e52;--accent: #dba6e6;--accent-ink: #1d1022;--link: #e4b8ec;--leaf: #8cc06a;--leaf-hi: #a8d888;--bloom: #b386c4;--bloom-hi: #e4c4ee;--gold: #e2b85a;--slat: #3b3243;--slat-edge: #4f4458;--tile: #261f2d;--tile-ink: #f1e8f3;--good: #8cc06a;--warn: #f0a860;--bad: #f08a80;--bg-motif: linear-gradient(90deg, rgba(219, 166, 230, .05) 1.5px, transparent 1.5px), linear-gradient(rgba(219, 166, 230, .05) 1.5px, transparent 1.5px);--shadow: 0 1px 0 rgba(0, 0, 0, .4), 0 12px 26px -12px rgba(0, 0, 0, .85)}}body[data-game=trellis] .cj-wm{color:var(--accent);letter-spacing:.02em}body[data-game=trellis] .cj-title h1{font-size:27px}body[data-game=trellis] .cj-top{box-shadow:0 1px 0 var(--line-2)}body[data-game=trellis] .cj-mark{border-radius:50% 50% 50% 4px;background:var(--accent);transform:rotate(-45deg)}body[data-game=trellis] .cj-h2,body[data-game=trellis] .cjd-title,body[data-game=trellis] .cj-about h2,body[data-game=trellis] .cj-modal-head h2{font-weight:400}body[data-game=trellis] .cj-score .big{font-weight:400;color:var(--accent)}body[data-game=trellis] .cj-btn{background:var(--accent);color:var(--accent-ink)}body[data-game=trellis] .cj-btn-quiet{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line-2)}.tr-play{display:flex;flex-direction:column;align-items:center;gap:10px}.tr-status{width:min(100%,420px)}.tr-rankline{display:flex;justify-content:space-between;align-items:baseline;gap:10px}.tr-rank{display:inline-flex;align-items:center;gap:8px;font:400 22px/1.2 var(--display);color:var(--accent)}.tr-score{font-size:16px;color:var(--ink-2);font-variant-numeric:tabular-nums}.tr-score strong{font:400 24px var(--display);color:var(--ink)}.tr-meter{position:relative;height:10px;margin:8px 0 4px;border-radius:99px;background:color-mix(in srgb,var(--leaf) 16%,var(--card));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--leaf) 30%,transparent)}.tr-fill{position:absolute;left:0;top:0;bottom:0;border-radius:99px;background:linear-gradient(90deg,var(--leaf),var(--leaf-hi) 70%,var(--bloom));transition:width .45s cubic-bezier(.2,.8,.2,1)}.tr-tick{position:absolute;top:50%;width:9px;height:9px;margin:-4.5px 0 0 -4.5px;border-radius:50% 0;transform:rotate(45deg);background:var(--card);box-shadow:0 0 0 1.5px var(--leaf)}.tr-next-rank{margin:0;font-size:14px;color:var(--ink-3);text-align:right}.tr-ico{width:18px;height:18px;flex:none;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--leaf)}.tr-ico-seed{width:10px;height:10px;border-radius:50%;background:var(--gold);transform:none}.tr-ico-sprout{width:12px;height:12px}.tr-ico-bloom,.tr-ico-full{border-radius:50%;transform:none;background:radial-gradient(circle,var(--gold) 0 22%,var(--bloom) 24% 100%)}.tr-ico-full{box-shadow:0 0 0 3px color-mix(in srgb,var(--bloom) 35%,transparent)}.tr-wordrow{position:relative;width:100%;display:flex;justify-content:center}.tr-word{min-width:8ch;min-height:42px;padding:6px 12px 2px;border-bottom:2px solid var(--line-2);font:400 28px/1.2 var(--display);letter-spacing:.12em;text-align:center;color:var(--ink)}.tr-word.bad{color:var(--bad);border-color:var(--bad)}.tr-float{position:absolute;top:0;left:50%;font:400 24px var(--display);color:var(--leaf);pointer-events:none;animation:trfloat 1s ease-out forwards}.tr-float.big{font-size:34px;color:var(--accent)}@keyframes trfloat{0%{transform:translate(40px,6px);opacity:0}20%{opacity:1}to{transform:translate(64px,-30px);opacity:0}}.tr-feedback{margin:0;min-height:1.4em;font-size:15px;color:var(--ink-2);text-align:center}.tr-feedback.good{color:var(--good)}.tr-feedback.bad{color:var(--bad)}.tr-feedback.gold{color:var(--accent)}.tr-grid{position:relative;width:min(100%,420px);aspect-ratio:1;display:grid;grid-template-columns:repeat(5,1fr);gap:9px;padding:11px;background:var(--slat);border-radius:10px;box-shadow:inset 0 0 0 1px var(--slat-edge),var(--shadow);touch-action:none;user-select:none;-webkit-user-select:none}.tr-cell{position:relative;display:grid;place-items:center;min-width:44px;min-height:44px;padding:0;border:0;border-radius:9px;background:var(--tile);cursor:pointer;box-shadow:0 0 0 1px var(--line-2),0 2px 0 var(--line-2);transition:background .1s ease,transform .1s ease,box-shadow .1s ease}.tr-ch{position:relative;z-index:3;font:400 clamp(24px,7.6vw,34px)/1 var(--display);color:var(--tile-ink);padding-top:.06em}.tr-cell.next{box-shadow:0 0 0 2px color-mix(in srgb,var(--leaf) 55%,transparent),0 2px 0 var(--line-2)}.tr-cell.on{background:color-mix(in srgb,var(--bloom) 30%,var(--tile));box-shadow:0 0 0 2px var(--accent),0 2px 0 var(--line-2)}.tr-cell.head{transform:scale(1.04)}.tr-cell.hinted:after{content:"";position:absolute;inset:4px;border-radius:7px;border:2px dashed var(--gold);z-index:1}.tr-badge{position:absolute;z-index:4;top:3px;right:6px;font:700 12px/1 var(--body);color:var(--warn)}.tr-vine{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.tr-vine polyline{fill:none;stroke:color-mix(in srgb,var(--leaf) 70%,transparent);stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.tr-cell.bloom{animation:trbloom .7s ease calc(var(--k, 0) * 45ms) both}@keyframes trbloom{0%{transform:scale(1)}35%{transform:scale(1.12);background:var(--bloom-hi)}to{transform:scale(1)}}.tr-cell.bloom-gold{animation:trgold .9s ease calc(var(--k, 0) * 60ms) both}@keyframes trgold{0%{transform:scale(1)}40%{transform:scale(1.15) rotate(-3deg);background:var(--accent)}to{transform:scale(1)}}.tr-cell.bloom-gold .tr-ch{animation:trgoldch .9s ease calc(var(--k, 0) * 60ms) both}@keyframes trgoldch{40%{color:var(--accent-ink)}}.tr-cell.nope{animation:trnope .35s ease}@keyframes trnope{25%{transform:translate(-4px)}60%{transform:translate(3px)}to{transform:none}}.tr-jackpot{position:absolute;inset:0;z-index:6;display:grid;place-items:center;pointer-events:none;overflow:hidden;border-radius:10px}.tr-jackpot-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:14px 22px 12px;border-radius:14px;background:var(--card);box-shadow:0 0 0 2px var(--accent),var(--shadow);animation:trpop 2.6s ease forwards}@keyframes trpop{0%{transform:scale(.6);opacity:0}12%{transform:scale(1.05);opacity:1}20%{transform:scale(1)}85%{opacity:1}to{opacity:0;transform:scale(.96)}}.tr-jackpot-label{font-size:13px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700}.tr-jackpot-word{font:400 32px/1.1 var(--display);letter-spacing:.1em;color:var(--accent)}.tr-jackpot-pts{font:400 20px var(--display);color:var(--leaf)}.tr-petal{position:absolute;top:-20px;left:calc(var(--i) * 7.2%);width:12px;height:16px;border-radius:50% 50% 50% 0;background:var(--bloom);opacity:.9;animation:trpetal 2.4s ease-in calc(var(--i) * 70ms) forwards}.tr-petal:nth-child(3n){background:var(--bloom-hi)}.tr-petal:nth-child(4n){background:var(--accent)}@keyframes trpetal{to{transform:translate(calc((var(--i) - 7) * 4px),460px) rotate(400deg);opacity:0}}@media (prefers-reduced-motion: reduce){.tr-cell.bloom,.tr-cell.bloom-gold,.tr-cell.bloom-gold .tr-ch,.tr-cell.nope,.tr-float,.tr-petal{animation:none}.tr-petal{display:none}.tr-fill{transition:none}}.tr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.tr-eight{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--ink-2);text-align:center}.tr-eight.got{color:var(--accent);font-weight:700}.tr-eight-ico{width:16px;height:16px;flex:none;border-radius:50%;background:radial-gradient(circle,var(--gold) 0 24%,var(--bloom) 26%)}.tr-eight-ico.off{background:none;box-shadow:inset 0 0 0 2px var(--bloom)}.tr-found{width:100%;max-width:520px;margin-top:4px}.tr-found-h{margin:6px 0 8px;font:400 18px var(--display);color:var(--ink)}.tr-group{display:grid;grid-template-columns:1fr;gap:4px;margin-bottom:10px}.tr-glabel{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);font-weight:700}.tr-chips{display:flex;flex-wrap:wrap;gap:6px}.tr-chip{display:inline-flex;align-items:baseline;gap:4px;padding:4px 10px 3px;border-radius:99px;font:400 15px var(--display);letter-spacing:.04em;background:color-mix(in srgb,var(--bloom) 22%,var(--card));color:var(--ink)}.tr-chip.bonus{background:color-mix(in srgb,var(--leaf) 18%,var(--card))}.tr-chip.eight{background:var(--accent);color:var(--accent-ink)}.tr-chip small{font:700 11px var(--body);color:var(--ink-3)}.tr-chip.missed{background:transparent;color:var(--ink-3);box-shadow:inset 0 0 0 1px var(--line-2)}.tr-done{display:flex;flex-direction:column;align-items:center;gap:6px;margin-top:8px;padding-top:12px;border-top:1px dashed var(--line-2);width:100%}.tr-note{margin:0;font-size:14px;color:var(--ink-3);text-align:center;max-width:34em}.tr-detail{text-align:center;color:var(--ink-2);margin:0 0 12px}.tr-reveal{display:flex;flex-direction:column;align-items:center;gap:10px}.tr-small{width:min(100%,290px);gap:6px;padding:8px;touch-action:auto}.tr-small .tr-cell{min-width:0;min-height:0;cursor:default}.tr-small .tr-ch{font-size:clamp(18px,5.4vw,24px)}.tr-grid.reveal .tr-vine polyline{stroke-dasharray:2400;stroke-dashoffset:2400;animation:trdraw 1.4s .2s ease forwards;stroke:color-mix(in srgb,var(--accent) 65%,transparent)}@keyframes trdraw{to{stroke-dashoffset:0}}.tr-answer{margin:0;text-align:center}.tr-answer-label{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:700}.tr-answer-word{font:400 32px/1.1 var(--display);letter-spacing:.12em;color:var(--accent)}.tr-all{margin-top:14px;text-align:left}.tr-all summary{cursor:pointer;font:400 17px var(--display);color:var(--link);margin-bottom:10px}.tr-field{text-align:center;font-size:15px;color:var(--ink-2);margin:12px 0 0}@media (max-width: 380px){.tr-grid{gap:7px;padding:9px}.tr-rank{font-size:20px}}