._5n6895a{--_5n68950:#0f172a;--_5n68951:#1e293b;--_5n68952:#27364b;--_5n68953:#3a4a61;--_5n68954:#145c38;--_5n68955:#24734a;--_5n68956:#e2e8f0;--_5n68957:#94a3b8;--_5n68958:#38bdf8;--_5n68959:#0f172a}._5n6895b{--_5n68950:#edf3f8;--_5n68951:#fff;--_5n68952:#d7e2ec;--_5n68953:#b7c6d5;--_5n68954:#4b8068;--_5n68955:#376b54;--_5n68956:#172033;--_5n68957:#526174;--_5n68958:#0f766e;--_5n68959:#fff}*{box-sizing:border-box}body{background:var(--_5n68950);color:var(--_5n68956);min-height:100dvh;margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif}._5n6895a{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}._5n6895b{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}#root{max-width:720px;padding:1.5rem 1rem calc(1.5rem + env(safe-area-inset-bottom));margin:0 auto}button{font:inherit;cursor:pointer;background:var(--_5n68958);color:var(--_5n68959);border:none;border-radius:.5rem;padding:.5rem 1rem;font-weight:600}button:hover{filter:brightness(1.1)}input,select{font:inherit;border:1px solid var(--_5n68953);background:var(--_5n68951);color:var(--_5n68956);border-radius:.5rem;padding:.5rem}._152wqrd0{flex:none;width:2.5rem;height:2rem;display:block;position:relative}._152wqrd1{z-index:2;color:#172033;background:#f8fafc;border:1px solid #cbd5e1;border-radius:2px;place-items:center;width:1rem;height:1.45rem;font-family:Georgia,Times New Roman,serif;font-size:.7rem;line-height:1;display:grid;position:absolute;top:.28rem;left:0;box-shadow:0 1px 2px #0000004d}._152wqrd2{grid-template-columns:repeat(2,1fr);gap:.15rem;width:1.3rem;height:1.75rem;display:grid;position:absolute;top:.1rem;right:0}._152wqrd3{border:1px solid var(--_5n68957);opacity:.65;border-radius:2px}._152wqrd4{color:#dbeafe;background:#1d4ed8;border:2px solid #f8fafc;border-radius:2px;place-items:center;width:1.15rem;height:1.65rem;font-family:Georgia,Times New Roman,serif;font-size:.7rem;line-height:1;display:grid;position:absolute;top:.1rem;left:.2rem;box-shadow:inset 0 0 0 1px #1e3a8a,0 1px 2px #0000004d}._152wqrd5{border:1px solid #ffffffa6;place-items:center;width:70%;height:75%;font-size:.55rem;display:grid}._152wqrd6{z-index:2;color:#c82032;background:#f8fafc;border:1px solid #cbd5e1;border-radius:2px;place-items:center;width:1.15rem;height:1.65rem;font-family:Georgia,Times New Roman,serif;font-size:.9rem;line-height:1;display:grid;position:absolute;top:.35rem;left:1.1rem;box-shadow:0 1px 2px #0000004d}.zhb21s0{width:var(--playing-card-width,4.75rem);aspect-ratio:5/7;text-align:left;-webkit-tap-highlight-color:transparent;background:#f8fafc;border:1px solid #cbd5e1;border-radius:.5rem;min-width:0;padding:0;font-family:Georgia,Times New Roman,serif;display:block;position:relative;overflow:hidden;box-shadow:0 1px 2px #00000059;container-type:inline-size}.zhb21s0:hover{filter:brightness(1.03);transform:translateY(-1px)}.zhb21s0:focus-visible{outline-offset:1px;z-index:20;outline:3px solid #facc15}.zhb21s0:disabled{cursor:default;filter:none}.zhb21s1{color:#c82032}.zhb21s2{color:#172033}.zhb21s3{color:#dbeafe;background:#1d4ed8;border:3px solid #f8fafc;box-shadow:inset 0 0 0 2px #1e3a8a,0 1px 2px #00000059}.zhb21s4{border:1px solid #ffffffa6;place-items:center;font-size:clamp(1rem,38cqw,1.8rem);display:grid;position:absolute;inset:12%}.zhb21s5{flex-direction:column;align-items:center;font-size:clamp(.72rem,25cqw,1.08rem);font-weight:700;line-height:.86;display:flex;position:absolute;top:.22rem;left:.28rem}.zhb21s6{place-items:center;padding-top:16%;font-size:clamp(1.15rem,44cqw,2.1rem);line-height:1;display:grid;position:absolute;inset:0}.zhb21s7{z-index:15;border-color:#facc15;transform:translateY(-3px);box-shadow:0 0 0 3px #facc15,0 3px 8px #0006}.zhb21s8{z-index:14;box-shadow:0 0 0 3px #67e8f9,0 3px 8px #0006}._19zzac60{width:100vw;margin-left:calc(50% - 50vw);overflow-x:auto}._19zzac61{--tile:clamp(1.6rem, min((100vw - 2rem - 2px * (var(--cols) - 1)) / var(--cols), (62vh - 2px * (var(--rows) - 1)) / var(--rows)), 2.6rem);touch-action:none;grid-template-columns:repeat(var(--cols), var(--tile));-webkit-user-select:none;user-select:none;gap:2px;width:fit-content;margin:1rem auto;display:grid}._19zzac62{width:var(--tile);height:var(--tile);font-size:calc(var(--tile) * .42);-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;display:flex}.qxxsm70{flex:none;place-items:center;width:2.5rem;height:2.5rem;padding:0;line-height:1;display:grid}.qxxsm70:disabled{cursor:default;opacity:.4;filter:none}.s95mr10{align-items:center;gap:.5rem;min-height:2.5rem;margin-bottom:.75rem;display:flex}.s95mr11{color:var(--_5n68957);font-variant-numeric:tabular-nums;font-size:.875rem}.s95mr12{flex:1}.s95mr13{padding-bottom:.5rem}.s95mr14{--playing-card-width:clamp(2rem, min(calc((100vw - 2.125rem - 7 * .25rem) / 8), 15lvh), 4.75rem);border:1px solid var(--_5n68955);background:var(--_5n68954);border-radius:.5rem;width:fit-content;min-height:min(31rem,82lvh);margin:0 auto;padding:clamp(.5rem,3lvh,1rem) .5rem clamp(3.25rem,min(10vw,16lvh),5rem);box-shadow:inset 0 1px #ffffff14}.s95mr15{gap:.25rem;margin-bottom:clamp(.75rem,4lvh,1.5rem);display:flex}.s95mr16{grid-template-columns:repeat(4,clamp(2rem,min(12.5vw - .484375rem,15lvh),4.75rem));gap:.25rem;display:grid}.s95mr17{aspect-ratio:5/7;cursor:pointer;background:#0000001f;border:1px solid #ffffff59;border-radius:.5rem;place-items:center;width:clamp(2rem,min(12.5vw - .484375rem,15lvh),4.75rem);display:grid;position:relative}.s95mr18{background:#0000002e}.s95mr19{background:0 0;width:100%;padding:0;position:absolute;inset:0}.s95mr19:focus-visible{outline-offset:1px;outline:3px solid #facc15}.s95mr1a{place-items:center;display:grid}.s95mr1b{opacity:.42;color:#fecaca;font-size:clamp(1.35rem,5vw,2.5rem);line-height:1}.s95mr1c{opacity:.42;color:#d1d5db;font-size:clamp(1.35rem,5vw,2.5rem);line-height:1}.s95mr1d{grid-template-columns:repeat(8,clamp(2rem,min(12.5vw - .484375rem,15lvh),4.75rem));align-items:start;gap:.25rem;display:grid}.s95mr1e{cursor:pointer;border-radius:.5rem;grid-auto-rows:clamp(1.45rem,min(5vw,6lvh),2rem);width:clamp(2rem,min(12.5vw - .484375rem,15lvh),4.75rem);min-height:calc(clamp(2rem,min(12.5vw - .484375rem,15lvh),4.75rem) + 1.15rem);display:grid}.s95mr1f{aspect-ratio:5/7;color:#ffffff47;border:1px dashed #ffffff47;border-radius:.5rem;place-items:center;width:clamp(2rem,min(12.5vw - .484375rem,15lvh),4.75rem);display:grid}.s95mr1g{grid-column:1}.s95mr1h{z-index:14;box-shadow:0 0 0 3px #67e8f9,0 3px 8px #0006}.s95mr1i{outline-offset:2px;outline:3px dashed #67e8f9}.s95mr1j{min-height:1.5rem;color:var(--_5n68957);text-align:center;margin-top:.75rem;font-size:.875rem}.s95mr1k{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}._7dtlp80{align-items:center;gap:.5rem;min-height:2.5rem;margin-bottom:.75rem;display:flex}._7dtlp81{color:var(--_5n68957);font-variant-numeric:tabular-nums;font-size:.875rem}._7dtlp82{flex:1}._7dtlp83{padding-bottom:.5rem}._7dtlp84{--playing-card-width:clamp(2.35rem, min(calc((100vw - 2.125rem - 6 * .35rem) / 7), 17lvh), 5rem);border:1px solid var(--_5n68955);background:var(--_5n68954);border-radius:.5rem;width:fit-content;min-height:min(32rem,84lvh);margin:0 auto;padding:clamp(.5rem,3lvh,1rem) .5rem clamp(3.5rem,min(11vw,18lvh),5.5rem);box-shadow:inset 0 1px #ffffff14}._7dtlp85{grid-template-columns:repeat(7,clamp(2.35rem,min(14.2857vw - .603571rem,17lvh),5rem));gap:.35rem;margin-bottom:clamp(.8rem,4lvh,1.5rem);display:grid}._7dtlp86{aspect-ratio:5/7;cursor:pointer;background:#0000001f;border:1px solid #ffffff59;border-radius:.5rem;place-items:center;width:clamp(2.35rem,min(14.2857vw - .603571rem,17lvh),5rem);display:grid;position:relative;container-type:inline-size}._7dtlp87{background:#0000002e}._7dtlp88{aspect-ratio:5/7;width:clamp(2.35rem,min(14.2857vw - .603571rem,17lvh),5rem)}._7dtlp89{color:#ffffff73;background:0 0;place-items:center;width:100%;padding:0;font-size:clamp(1.25rem,42cqw,2rem);display:grid;position:absolute;inset:0}._7dtlp8a{opacity:.5;color:#fecaca;font-size:clamp(1.35rem,44cqw,2.5rem);line-height:1}._7dtlp8b{opacity:.5;color:#d1d5db;font-size:clamp(1.35rem,44cqw,2.5rem);line-height:1}._7dtlp8c{border:1px dashed #ffffff2e;border-radius:.5rem;position:absolute;inset:10%}._7dtlp8d{z-index:20;color:#f8fafc;text-align:center;pointer-events:none;background:#0f172a;border-radius:999px;min-width:1.15rem;padding:.1rem .25rem;font-size:.65rem;font-weight:700;line-height:1.2;position:absolute;bottom:.2rem;right:.2rem}._7dtlp8e{grid-template-columns:repeat(7,clamp(2.35rem,min(14.2857vw - .603571rem,17lvh),5rem));align-items:start;gap:.35rem;display:grid}._7dtlp8f{cursor:pointer;border-radius:.5rem;grid-auto-rows:clamp(1.5rem,min(6vw,7lvh),2.15rem);width:clamp(2.35rem,min(14.2857vw - .603571rem,17lvh),5rem);min-height:calc(clamp(2.35rem,min(14.2857vw - .603571rem,17lvh),5rem) + 1.25rem);display:grid;container-type:inline-size}._7dtlp8g{grid-column:1}._7dtlp8h{aspect-ratio:5/7;color:#ffffff47;background:0 0;border:1px dashed #ffffff47;place-items:center;width:clamp(2.35rem,min(14.2857vw - .603571rem,17lvh),5rem);padding:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.25rem,40cqw,2rem);display:grid}._7dtlp8i{z-index:14;box-shadow:0 0 0 3px #67e8f9,0 3px 8px #0006}._7dtlp8j{outline-offset:2px;outline:3px dashed #67e8f9}._7dtlp8k{min-height:1.5rem;color:var(--_5n68957);text-align:center;margin-top:.75rem;font-size:.875rem}._7dtlp8l{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;margin-top:1rem;display:flex}._1e0nl3v0{flex-wrap:wrap;align-items:center;gap:1rem;margin:.75rem 0;display:flex}._1e0nl3v1{font-variant-numeric:tabular-nums;font-weight:600}._1e0nl3v2{flex:1}._1e0nl3v3{padding-bottom:.5rem}._1e0nl3v4{cursor:pointer;border-radius:.5rem;font-weight:700}._1e0nl3v5{background:var(--_5n68952)}._1e0nl3v5:hover{filter:brightness(1.15)}._1e0nl3v6{cursor:default;background:0 0}._1e0nl3v7{background:var(--_5n68952)}._1e0nl3v8{background:var(--_5n68958);color:var(--_5n68959)}._1e0nl3v9{color:#2563eb}._1e0nl3va{color:#16a34a}._1e0nl3vb{color:#dc2626}._1e0nl3vc{color:#7c3aed}._1e0nl3vd{color:#b45309}._1e0nl3ve{color:#0891b2}._1e0nl3vf{color:#be185d}._1e0nl3vg{color:#6b7280}._1e0nl3vh{margin-top:1rem}@keyframes _3tpr0cm{0%,to{border-color:var(--_5n68953);transform:scale(1);box-shadow:0 .4rem 1.2rem #00000038}25%{border-color:var(--clear-cyan);box-shadow:0 0 1.1rem color-mix(in srgb, var(--clear-cyan) 70%, transparent);transform:scale(1.012)}52%{border-color:var(--clear-purple);box-shadow:0 0 1.3rem color-mix(in srgb, var(--clear-purple) 72%, transparent);transform:scale(.997)}78%{border-color:var(--clear-yellow);box-shadow:0 0 1rem color-mix(in srgb, var(--clear-yellow) 65%, transparent);transform:scale(1.006)}}@keyframes _3tpr0cn{0%{background:var(--clear-neutral);box-shadow:0 0 .25rem var(--clear-neutral);transform:scale(.82)}28%{background:var(--clear-cyan);box-shadow:0 0 .7rem var(--clear-cyan);transform:scale(1.08)}56%{background:var(--clear-purple);box-shadow:0 0 .8rem var(--clear-purple);transform:scale(.92)}82%{background:var(--clear-yellow);box-shadow:0 0 .65rem var(--clear-yellow);transform:scale(1.06)}to{background:var(--clear-neutral);box-shadow:0 0 .25rem var(--clear-neutral);transform:scale(1)}}._3tpr0c0{--tetris-cell:clamp(.75rem, min(calc((100vw - 8.5rem) / 10), 3.6lvh), 1.8rem);--preview-cell:clamp(.55rem, calc(var(--tetris-cell) * .62), 1rem);--clear-neutral:#f8fafc;--clear-cyan:#22d3ee;--clear-purple:#c084fc;--clear-yellow:#facc15;-webkit-user-select:none;user-select:none;width:fit-content;max-width:100%;margin:0 auto}._5n6895b ._3tpr0c0{--clear-neutral:#e9eff3;--clear-cyan:#20c9e5;--clear-purple:#bb80f4;--clear-yellow:#f3c513}._3tpr0c1{align-items:center;gap:.75rem;min-height:2.5rem;margin-bottom:.75rem;display:flex}._3tpr0c2{color:var(--_5n68957);text-transform:uppercase;gap:.1rem;font-size:.68rem;line-height:1;display:grid}._3tpr0c3{color:var(--_5n68956);font-variant-numeric:tabular-nums;font-size:.92rem}._3tpr0c4{flex:1}._3tpr0c5{justify-items:center;gap:.75rem;display:grid}._3tpr0c6{touch-action:none;justify-content:center;align-items:flex-start;gap:.75rem;display:flex}._3tpr0c7{border:2px solid var(--_5n68953);background:var(--_5n68952);border-radius:.5rem;flex:none;position:relative;overflow:hidden;box-shadow:0 .4rem 1.2rem #00000038}._3tpr0c8{grid-template-columns:repeat(10, var(--tetris-cell));grid-template-rows:repeat(20, var(--tetris-cell));gap:1px;padding:1px;display:grid}._3tpr0c9{--piece-color:#64748b;width:var(--tetris-cell);height:var(--tetris-cell);border-radius:2px}._3tpr0ca{background:0 0}._3tpr0cb{--piece-color:#22d3ee}._5n6895b ._3tpr0cb{--piece-color:#1aadc8}._3tpr0cc{--piece-color:#facc15}._5n6895b ._3tpr0cc{--piece-color:#deae0f}._3tpr0cd{--piece-color:#c084fc}._5n6895b ._3tpr0cd{--piece-color:#ab73da}._3tpr0ce{--piece-color:#4ade80}._5n6895b ._3tpr0ce{--piece-color:#46be72}._3tpr0cf{--piece-color:#f87171}._5n6895b ._3tpr0cf{--piece-color:#e56767}._3tpr0cg{--piece-color:#60a5fa}._5n6895b ._3tpr0cg{--piece-color:#5694e0}._3tpr0ch{--piece-color:#fb923c}._5n6895b ._3tpr0ch{--piece-color:#e68438}._3tpr0ci,._3tpr0cj{background:var(--piece-color)}._3tpr0ck{border:2px solid var(--piece-color);background:color-mix(in srgb, var(--piece-color) 12%, transparent)}._3tpr0cl{background:var(--clear-neutral);box-shadow:0 0 .55rem var(--clear-neutral)}._3tpr0co{animation:.5s ease-out _3tpr0cm}._3tpr0cp{animation:.36s ease-out both _3tpr0cn}._3tpr0cq{z-index:2;background:color-mix(in srgb, var(--_5n68950) 84%, transparent);color:var(--_5n68956);text-align:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);flex-direction:column;justify-content:center;align-items:center;gap:.75rem;display:flex;position:absolute;inset:0}._3tpr0cr{font-size:1.35rem}._3tpr0cs{width:calc(var(--preview-cell) * 4 + 1rem);flex:none;align-content:start;gap:1rem;display:grid}._3tpr0ct{color:var(--_5n68957);text-transform:uppercase;margin:0 0 .25rem;font-size:.68rem;line-height:1}._3tpr0cu{gap:.25rem;display:grid}._3tpr0cv{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:var(--_5n68951);width:100%;height:calc(var(--preview-cell) * 3 + .55rem);border-radius:.5rem;place-items:center;display:grid}._3tpr0cw{border:1px solid color-mix(in srgb, currentColor 16%, transparent);background:var(--_5n68951);width:100%;height:calc(var(--preview-cell) * 2.45 + .35rem);opacity:.78;border-radius:.5rem;place-items:center;display:grid}._3tpr0cx{gap:1px;display:grid}._3tpr0cy{width:var(--preview-cell);height:var(--preview-cell);background:var(--piece-color);border-radius:2px}._3tpr0cz{grid-template-columns:repeat(7,minmax(0,1fr));gap:.25rem;width:100%;min-width:0;display:grid}._3tpr0c10{touch-action:none;-webkit-tap-highlight-color:transparent;place-items:center;width:100%;height:2.75rem;padding:0;font-size:1.3rem;line-height:1;display:grid}._3tpr0c10:disabled{cursor:default;opacity:.35;filter:none}._3tpr0c11{color:#1f2937;background:#f59e0b}._3tpr0c12{grid-template-rows:repeat(2,.68rem);grid-template-columns:repeat(3,.68rem);place-content:center;gap:2px;width:2.35rem;height:2rem;display:grid}._3tpr0c13{grid-area:1/2}._3tpr0c14{grid-area:2/1}._3tpr0c15{grid-area:2/2}._3tpr0c16{grid-area:2/3}._3tpr0c17{background:var(--piece-color);border-radius:2px;width:.68rem;height:.68rem}@media (orientation:landscape) and (height<=600px){._3tpr0c0{--tetris-cell:clamp(.7rem, min(calc((100vw - 16rem) / 10), 3.45lvh), 1.35rem)}._3tpr0c5{grid-template-columns:auto auto;align-items:center}._3tpr0cz{grid-template-columns:repeat(2,2.75rem);align-self:center;width:auto}}@media (prefers-reduced-motion:reduce){._3tpr0co{border-color:var(--clear-cyan);box-shadow:0 0 .65rem color-mix(in srgb, var(--clear-cyan) 55%, transparent);animation:none}._3tpr0cp{background:var(--clear-cyan);box-shadow:0 0 .4rem var(--clear-cyan);animation:none}}.wv787q0{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:1rem;display:flex}.wv787q1{color:var(--_5n68957);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.wv787q2{background:var(--_5n68952);cursor:pointer;border-radius:.5rem;font-weight:600}.wv787q3{background:var(--_5n68958);color:var(--_5n68959)}.wv787q4{background:var(--_5n68958);color:var(--_5n68959);opacity:.55}.wv787q5{flex-wrap:wrap;justify-content:center;gap:.25rem 1rem;margin:1rem 0;padding:0;list-style:none;display:flex}.wv787q6{color:var(--_5n68956)}.wv787q7{color:var(--_5n68957);text-decoration:line-through}.wv787q8{text-align:center;margin-top:1rem}.wv787q9{margin-top:.5rem}.tz52p0{flex:none;justify-content:center;align-items:center;width:2.5rem;height:2rem;font-size:2rem;line-height:1;display:flex}.pc53az0{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.pc53az1{color:var(--_5n68956);font-size:1.5rem;line-height:1;text-decoration:none}.pc53az2{flex:1;align-items:center;gap:.5rem;margin:0;font-size:1.25rem;display:flex}.pc53az3{color:var(--_5n68957);margin-top:2.5rem;font-size:.75rem}._1nkdnj20{align-items:center;gap:.75rem;display:flex}._1nkdnj21{margin:0;font-size:2rem}._1nkdnj22{color:var(--_5n68957);margin:.25rem 0 1.5rem}._1nkdnj23{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}._1nkdnj24{background:var(--_5n68951);border:1px solid var(--_5n68953);height:100%;color:inherit;border-radius:.75rem;flex-direction:column;gap:.25rem;padding:1.5rem;text-decoration:none;transition:transform .1s;display:flex;box-shadow:0 2px 8px #0f172a14}._1nkdnj24:hover{transform:translateY(-2px)}._1nkdnj25{font-weight:700}._1nkdnj26{color:var(--_5n68957);font-size:.875rem}._16cpcq30{border-top:1px solid var(--_5n68951);gap:.75rem;margin-top:2.5rem;padding-top:1.5rem;display:grid}._16cpcq31{justify-content:space-between;align-items:center;max-width:240px;display:flex}