.canvas.quordle{--qd-ink:#2e0b3b;--qd-grape:#4b1659;--qd-amber:#f2b544;--qd-amber-d:#b57f18;--qd-paper:#f8f2e6;--qd-edge:#bfaf92;--cv-ink:#fbf3e2;--cv-btn-bg:#f6eedd;--cv-btn-ink:#2e0b3b;--cv-btn-edge:#bfaf92;--cv-main-bg:#f2b544;--cv-main-ink:#2e0b3b;--cv-main-edge:#b57f18;--cv-well:#10021675;--cv-on-bg:#f6eedd;--cv-on-ink:#2e0b3b;--cv-on-edge:#bfaf92;--cv-card-bg:#fbf5e8;--cv-card-ink:#2e0b3b;--cv-card-edge:#bfaf92;--cv-card-sub:#efe5d0;--cv-card-mute:#6b5a74;--cv-ok:#f2b544;--cv-ok-edge:#b57f18;background:radial-gradient(120% 90% at 22% 0,#7b2b90 0%,#4d1660 45%,#240a30 100%)}.canvas.quordle .scene{background-image:repeating-linear-gradient(0deg,#fbf3e20b 0 1px,#0000 1px 30px);overflow:hidden}.canvas.quordle .s1{background:#e8aaf024;width:460px;height:460px;top:-220px;right:-160px}.canvas.quordle .s2{background:#0e02145c;width:340px;height:340px;bottom:-190px;left:-130px}.canvas.quordle .s3{display:none}.canvas.quordle .stage{align-items:flex-start}.canvas.quordle .qd,.canvas.quordle .qd *,.canvas.quordle .qd :before,.canvas.quordle .qd :after{box-sizing:border-box}.canvas.quordle .qd{border-radius:var(--rl);outline:none;flex-direction:column;gap:16px;width:100%;display:flex}.canvas.quordle .qd:focus-visible{outline-offset:6px;outline:2px dashed #fbf3e266}.canvas.quordle .qd[data-over=true]:focus-visible{outline:none}.canvas.quordle .qd[data-over=true] .qd-dock{display:none}.canvas.quordle .qd-lanes{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;width:100%;max-width:1040px;margin:0 auto;display:grid}.canvas.quordle .qd-lane{--lp:var(--qd-paper);--le:var(--qd-edge);--tx:var(--qd-ink);--slot:#ece3d2;--exb:var(--qd-grape);--exc:#fbf3e2;--prb:#fffdf7;--abb:#e4dac8;--abc:#a39784;--hat:#2e0b3b1a;border-radius:var(--rl);background:var(--lp);color:var(--tx);box-shadow:0 6px 0 var(--le), 0 16px 24px #0a001073;padding:7px 11px 12px;position:relative}.canvas.quordle .qd-lane.sealed{--lp:#2b0b36;--le:#12031a;--tx:#f6eedd;--slot:#3b1949;--exb:var(--qd-amber);--exc:var(--qd-ink);--prb:#47245a;--abb:#3b1949;--abc:#8d7499;--hat:#f6eedd29;box-shadow:0 6px 0 var(--le), 0 16px 24px #0a001080, 0 0 0 3px var(--qd-amber)}.canvas.quordle .ln-h{align-items:center;gap:8px;height:34px;font-weight:700;display:flex}.canvas.quordle .ln-n{background:var(--qd-grape);color:#fbf3e2;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;font-size:13px;display:grid;box-shadow:0 2px #1e0626}.canvas.quordle .sealed .ln-n{background:var(--qd-amber);color:var(--qd-ink);box-shadow:0 2px 0 var(--qd-amber-d)}.canvas.quordle .ln-s{letter-spacing:.12em;text-transform:uppercase;opacity:.62;white-space:nowrap;font-size:11px}.canvas.quordle .ln-s.sealed{opacity:1;color:var(--qd-amber);align-items:center;gap:5px;display:flex}.canvas.quordle .ln-s.sealed .ic{stroke-width:2.6px;width:15px;height:15px}.canvas.quordle .ln-a{border:2px dashed var(--qd-amber-d);background:#fff3d6;border-radius:8px;align-items:baseline;gap:7px;min-width:0;margin-left:-2px;padding:2px 8px;display:flex}.canvas.quordle .ln-a small{letter-spacing:.1em;text-transform:uppercase;opacity:.65;font-size:10.5px}.canvas.quordle .ln-a b{letter-spacing:.1em;color:var(--qd-grape);font-size:19px}.canvas.quordle .ln-rows{gap:4px;margin:0;padding:0;list-style:none;display:grid}.canvas.quordle .r{grid-template-columns:repeat(5,1fr);gap:4px;display:grid}.canvas.quordle .t{height:38px;font:700 21px var(--game);letter-spacing:0;border-radius:7px;place-items:center;font-style:normal;line-height:1;display:grid;position:relative}.canvas.quordle[data-level=E] .t{height:34px}.canvas.quordle[data-level=H] .t{height:42px}.canvas.quordle .t.em{background:var(--slot);box-shadow:inset 0 2px 3px #0000001f}.canvas.quordle .t.em.nx{box-shadow:inset 0 2px 3px #0000001f, 0 0 0 3px var(--qd-amber)}.canvas.quordle .r.now .t.em{box-shadow:inset 0 2px 3px #0000001a, inset 0 -3px 0 var(--qd-amber);background:#f4ead6}.canvas.quordle .t.ty{color:var(--qd-ink);box-shadow:inset 0 0 0 2px var(--qd-ink), 0 2px 0 #00000026;background:#fff}.canvas.quordle .t.hn{color:var(--qd-grape);box-shadow:inset 0 -3px 0 var(--qd-amber);opacity:.85;background:#f4ead6}.canvas.quordle .t.ex{background:var(--exb);color:var(--exc);box-shadow:inset 0 -4px #00000047}.canvas.quordle .t.pr{background:var(--prb);color:var(--tx);box-shadow:inset 0 0 0 2.5px var(--exb)}.canvas.quordle .t.pr:after{content:"";background:var(--exb);border-radius:50%;width:7px;height:7px;position:absolute;top:3px;right:3px}.canvas.quordle .t.ab{background:var(--abb);color:var(--abc);font-weight:600}.canvas.quordle .t.lk{background:repeating-linear-gradient(135deg, var(--hat) 0 3px, transparent 3px 8px);box-shadow:inset 0 0 0 1px var(--hat)}.canvas.quordle .qd-dock{grid-template-columns:1fr minmax(0,600px) 1fr;align-items:end;gap:16px;width:100%;max-width:1228px;margin:0 auto;display:grid}.canvas.quordle .qd-meta{background:#10021666;border-radius:14px;place-self:center start;gap:6px;min-width:0;padding:10px 14px;display:grid;box-shadow:inset 0 2px 4px #00000047}.canvas.quordle .qd-meta-in{gap:8px;display:grid}.canvas.quordle .qd-meta-n{opacity:.88;font-size:13px;font-weight:600}.canvas.quordle .qd-meta-n b{font-variant-numeric:tabular-nums;margin-right:2px;font-size:22px;font-weight:700}.canvas.quordle .qd-pp{gap:5px;display:flex}.canvas.quordle .qd-pp i{opacity:.5;border:2px solid;border-radius:3px;width:11px;height:11px}.canvas.quordle .qd-pp i.u{opacity:1;background:currentColor}.canvas.quordle .qd-note{max-width:150px;min-height:16px;color:var(--qd-amber);visibility:hidden;margin:0;font-size:12px;font-weight:600;line-height:1.3}.canvas.quordle .qd-note.on{visibility:visible}.canvas.quordle .qd-leg{background:var(--qd-paper);color:var(--qd-ink);box-shadow:0 4px 0 var(--qd-edge), 0 10px 16px #0a001059;--exb:#4b1659;--exc:#fbf3e2;--prb:#fffdf7;--abb:#e4dac8;--abc:#a39784;--tx:#2e0b3b;border-radius:14px;place-self:center end;gap:6px;margin:0;padding:10px 12px;font-size:12.5px;font-weight:600;list-style:none;display:grid}.canvas.quordle .qd-leg li{align-items:center;gap:9px;display:flex}.canvas.quordle .qd-leg .t{border-radius:5px;flex:none;width:22px;height:26px;font-size:13px}.canvas.quordle .qd-leg .t.pr:after{width:5px;height:5px;top:2px;right:2px}.canvas.quordle .qd-kb{gap:6px;width:100%;display:grid}.canvas.quordle .kr{justify-content:center;gap:6px;display:flex}.canvas.quordle .k{max-width:58px;height:48px;color:var(--qd-ink);font:700 18px var(--game);box-shadow:0 3px 0 var(--qd-edge), 0 6px 8px #0c00124d;cursor:pointer;background:#f6eedd;border:0;border-radius:10px;flex:1 1 0;place-items:center;padding:0;transition:transform 80ms,box-shadow 80ms;display:grid;position:relative}.canvas.quordle .k:active{box-shadow:0 1px 0 var(--qd-edge);transform:translateY(2px)}.canvas.quordle .k.wide{letter-spacing:.02em;flex:1.7 1 0;max-width:96px;font-size:14px}.canvas.quordle .k.enter{background:var(--qd-amber);box-shadow:0 3px 0 var(--qd-amber-d), 0 6px 8px #0c00124d}.canvas.quordle .k .ic{width:22px;height:22px}.canvas.quordle .k.ex{background:var(--qd-grape);color:#fbf3e2;box-shadow:0 3px #1e0626,0 6px 8px #0c00124d}.canvas.quordle .k.pr{box-shadow:inset 0 0 0 2.5px var(--qd-grape), 0 3px 0 var(--qd-edge), 0 6px 8px #0c00124d;background:#fffdf7}.canvas.quordle .k.pr:before{content:"";background:var(--qd-grape);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:4px}.canvas.quordle .k.dead{color:#f6eedd61;background:0 0;transform:translateY(3px);box-shadow:inset 0 0 0 1.5px #f6eedd38}.canvas.quordle .kn{opacity:.9;font-size:10.5px;font-weight:700;line-height:1;position:absolute;bottom:3px;right:4px}.canvas.quordle .qd.lost{gap:12px}@media (prefers-reduced-motion:no-preference){.canvas.quordle .t.flip{animation:qd-flip .42s var(--d,0s) both ease-out}.canvas.quordle .t.pop{animation:.14s ease-out qd-pop}.canvas.quordle .qd.shake .qd-lanes{animation:.3s qd-shake}@keyframes qd-flip{0%{opacity:.2;transform:rotateX(90deg)}to{opacity:1;transform:none}}@keyframes qd-pop{0%{transform:scale(.86)}60%{transform:scale(1.08)}to{transform:none}}@keyframes qd-shake{0%,to{transform:none}25%{transform:translate(-5px)}75%{transform:translate(5px)}}}@media (width<=1100px){.canvas.quordle .qd-dock{grid-template-columns:minmax(0,600px);grid-auto-flow:row;justify-content:center}.canvas.quordle .qd-meta{order:1;justify-self:stretch;align-items:center;gap:12px;display:flex}.canvas.quordle .qd-meta-in{align-items:center;gap:12px;display:flex}.canvas.quordle .qd-note{text-align:right;flex:1;max-width:none}.canvas.quordle .qd-leg{flex-wrap:wrap;order:3;justify-content:center;justify-self:stretch;gap:8px 16px;display:flex}.canvas.quordle .qd-kb{order:2}}@media (width<=640px){.canvas.quordle .qd{gap:10px}.canvas.quordle .qd-lanes{gap:5px}.canvas.quordle .qd-lane{box-shadow:0 4px 0 var(--le), 0 10px 16px #0a001073;border-radius:10px;padding:4px 3px 6px}.canvas.quordle .qd-lane.sealed{box-shadow:0 4px 0 var(--le), 0 10px 16px #0a001080, 0 0 0 2px var(--qd-amber)}.canvas.quordle .ln-h{justify-content:center;gap:4px;height:26px}.canvas.quordle .ln-n{border-radius:6px;width:20px;height:20px;font-size:11.5px}.canvas.quordle .ln-s:not(.sealed),.canvas.quordle .ln-s.sealed span{display:none}.canvas.quordle .ln-s.sealed .ic{width:16px;height:16px}.canvas.quordle .qd-lane.miss .ln-h{flex-direction:column;gap:3px;height:auto;padding:2px 0 4px}.canvas.quordle .qd-lane.miss .ln-n{display:none}.canvas.quordle .ln-a{border-width:1.5px;border-radius:6px;flex-direction:column;align-items:center;gap:0;width:100%;margin:0;padding:2px 0}.canvas.quordle .ln-a small{letter-spacing:.06em;font-size:8px}.canvas.quordle .ln-a b{letter-spacing:.04em;font-size:13px}.canvas.quordle .ln-rows{gap:3px}.canvas.quordle .r{gap:2px}.canvas.quordle .t{border-radius:3.5px;height:30px;font-size:12px}.canvas.quordle[data-level=E] .t{height:27px}.canvas.quordle[data-level=H] .t{height:33px}.canvas.quordle .t.pr{box-shadow:inset 0 0 0 1.8px var(--exb)}.canvas.quordle .t.pr:after{width:4px;height:4px;top:1.5px;right:1.5px}.canvas.quordle .t.ex{box-shadow:inset 0 -2.5px #00000047}.canvas.quordle .qd-dock{gap:8px}.canvas.quordle .qd-meta{gap:10px;padding:6px 10px}.canvas.quordle .qd-meta-n b{font-size:18px}.canvas.quordle .qd-pp i{border-width:1.5px;width:9px;height:9px}.canvas.quordle .qd-leg{gap:4px 10px;padding:6px 8px;font-size:11px}.canvas.quordle .qd-leg .t{width:16px;height:20px;font-size:10px}.canvas.quordle .qd-leg li,.canvas.quordle .qd-kb{gap:5px}.canvas.quordle .kr{gap:4px}.canvas.quordle .k{border-radius:8px;max-width:none;height:46px;font-size:16px}.canvas.quordle .k.wide{font-size:12px}.canvas.quordle .k .ic{width:19px;height:19px}.canvas.quordle .kn{font-size:9px;bottom:2px;right:3px}.canvas.quordle .k.pr:before{width:6px;height:6px;top:3px;left:3px}}@media (width<=640px) and (height<=560px){.canvas.quordle .t,.canvas.quordle[data-level=E] .t,.canvas.quordle[data-level=H] .t{height:21px;font-size:11px}.canvas.quordle .ln-h{height:22px}.canvas.quordle .k{height:38px}.canvas.quordle .qd-leg{display:none}.canvas.quordle .qd-meta{padding:3px 10px}}