html,body{width:100%;height:100%;margin:0;padding:0}html{font-size:18px}@media (min-width:600px){html{font-size:22px}}*,:before,:after{box-sizing:border-box}body{color:#f0f0f0;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-hyphens:auto;hyphens:auto;text-wrap:balance;background:#0e120c;grid-template-rows:min-content 1fr;font-family:sans-serif;display:grid;overflow:hidden}button{cursor:pointer;color:#f0f0f0;-webkit-hyphens:none;hyphens:none;background:#ffffff0d;border:none;border-radius:.4rem;padding:.5rem 1rem;font-size:1em}@media (hover:hover) and (pointer:fine){button:hover{background:#ffffff1a}}button.q:not([disabled]){background:#e02890}@media (hover:hover) and (pointer:fine){button.q:not([disabled]):hover{background:#e02890b3}}button.w{color:#9ab;padding:.25rem 1rem;font-size:.8em}button.e{color:#f094c8;cursor:pointer;background:0 0;border-radius:0;width:fit-content;padding:0;font-size:.8em;text-decoration:underline}button[disabled]{opacity:.3;pointer-events:none}button.o{border-radius:50%;width:2rem;height:2rem;padding:.5rem;font-size:.9em;line-height:1}button.o.w{background:0 0}@media (hover:hover) and (pointer:fine){button.o.w:hover{background-color:#ffffff0d}}.p{display:none!important}.a{opacity:0!important;pointer-events:none!important}.d{color:#e02890}.f{justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 1rem 0;font-family:monospace;display:flex}.g{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.h{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.j,.r{place-items:center;display:grid}.j{grid-template-columns:minmax(min-content,1fr) minmax(360px,1fr);gap:1rem;max-width:min-content;margin:0 auto;padding:0 1rem 1rem;overflow:auto}@media (orientation:portrait){.j{max-width:initial;grid-template-rows:min-content auto;grid-template-columns:1fr}}.k{--t:#102508;border:calc(var(--s-size)/10)solid #102508bf;grid-template-columns:repeat(var(--s-cnt,5),var(--s-size));grid-template-rows:repeat(var(--s-cnt,5),var(--s-size));height:fit-content;font-size:calc(.6*var(--s-size));--s-size:calc(calc(min(100vw - 17rem - 3rem,100vh - 2.5rem) - 1rem - 1px*(var(--s-cnt,5) - 1))/(var(--s-cnt,5) + .2));justify-content:center;gap:1px;margin:0 auto;line-height:1;transition:border-color .3s;display:grid;position:relative;overflow:hidden}@media (orientation:portrait){.k{--s-size:calc(calc(min(100vw,100vh - 13.5rem - 2.5rem) - 2rem - 1px*(var(--s-cnt,5) - 1))/(var(--s-cnt,5) + .2))}}.k .l{display:contents}.u:not(.i) .k{--t:#0e140c;border-color:#0e150b}.h{opacity:.5;white-space:nowrap;z-index:5;font-family:monospace}.r{background-color:var(--t);transition:background .3s;position:relative}.r .t{z-index:3;transition:transform .3s}.i .r .t{animation:1s linear .5s 3 z}.r .y{z-index:2;transition:transform .3s,opacity .3s}.r>.t,.r>.y{grid-area:1/1}@keyframes z{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.Z,.Z>button,.X{place-items:center;display:grid}.C{animation:2s ease-in-out infinite V}.Z{grid-template-rows:repeat(3,auto);grid-template-columns:repeat(3,auto);place-self:center;width:fit-content;position:relative}@media (orientation:portrait) or (max-height:700px){.Z{grid-area:span 3/2}}.Z>button{color:#e02890}.Z.B>.o{pointer-events:none;opacity:0}.Z .o{width:3.5rem;height:3.5rem;margin:-.25rem}@media (max-height:700px){.Z .o{width:3rem;height:3rem}}.Z .o.N{grid-area:1/2}.Z .o.M{grid-area:2/3}.Z .o._{grid-area:3/2}.Z .o.q2{grid-area:2/1}.X{gap:.75rem}.X button{width:100%;font-size:.9em;display:grid}.X button.B{pointer-events:none}.X button.B .w2{display:block}.X button.B>:not(.w2){opacity:.1;filter:grayscale(80%)}.X button>span{color:#e02890;grid-area:1/1}.X .w2{grid-area:1/1;display:none}.X .w2:before{content:"⏳ "}kbd{opacity:0;color:#ccc;background-color:#ffffff0d;border:1px solid #ffffff1a;border-radius:.2rem;padding:.05rem .25rem;font-family:monospace;font-size:.45rem;line-height:1.2;transition:opacity .1s;position:absolute}.e2 kbd{opacity:1}.X kbd,button.w kbd{bottom:.15rem;right:.15rem}.N kbd{bottom:-.2rem}.M kbd{left:-.2rem}._ kbd{top:-.2rem}.q2 kbd{right:-.2rem}@keyframes V{0%{box-shadow:0 0 #f0f0f080}60%{box-shadow:0 0 0 1rem #f0f0f000}to{box-shadow:0 0 #f0f0f000}}.W{place-items:center;display:grid}.t{color:#ffc0e4;--d:#ff45b05e;width:100%;height:100%;transition:color .2s;position:relative}.t:nth-child(2){--t-x:-35%}.t:nth-child(3){--t-x:35%}.W{width:100%;height:100%;filter:drop-shadow(1px -1px 0px var(--d))drop-shadow(-1px 1px 0px var(--d))drop-shadow(1px 1px 0px var(--d))drop-shadow(-1px -1px 0px var(--d));position:relative}.W svg{color:currentColor}.E{color:#ff2ea6;--d:#aa1f6fb3}.R{color:#c09402;--d:#906f02bf}.T{color:#009e28;--d:#00771ebf}.Y{color:#106dff;--d:#0c52bfbf}.r .W:not(.E){transform:scale(.65)translate(var(--t-x,0),27%)}.r ellipse{transform-box:fill-box;transform-origin:50%;animation:8s 4s infinite U}@keyframes U{0%{transform:scaleY(1)}3%{transform:scaleY(0)}6%{transform:scaleY(1)}9%{transform:scaleY(0)}12%{transform:scaleY(1)}}.y{width:100%;height:100%;transition:opacity .3s;position:relative}.u:not(.i) .y{opacity:.2}.y .J:before{content:"";background:#3d2209;border-radius:15%/10%;width:20%;height:35%;position:absolute;bottom:10%;left:40%}.y .J:after{content:"";filter:brightness(.6);background:#009e28;border-radius:50%;width:60%;height:60%;position:absolute;bottom:35%;left:20%}.y .K{background:#105a99;border-radius:55% 45% 62% 38%/48% 60% 40% 52%;width:80%;height:80%;position:absolute;top:10%;left:10%}.y .L{z-index:1;background:#ffb450;border-radius:50%;width:50%;height:50%;position:absolute;top:5%;left:50%;transform:translate(-50%)}.y .L:after{content:"";background:var(--t);border-radius:50%;width:90%;height:90%;position:absolute;transform:translate(40%)}.m{z-index:9;pointer-events:none;opacity:0;white-space:nowrap;color:#ff2ea6;background:#fff;border-radius:.8rem;padding:.5rem;font-family:monospace;font-size:.8em;transition:transform .1s,opacity .1s;position:absolute;top:0;left:50%;transform:translate(-50%)translateY(calc(2rem - 100%))}.m.Q{opacity:1;transition:transform .3s,opacity .3s;transform:translate(-50%)translateY(-100%)}.m:before{content:"";border-top:.5rem solid #fff;border-left:.5rem solid #0000;border-right:.5rem solid #0000;width:0;height:0;position:absolute;top:100%;left:50%;transform:translate(-50%)}.c{place-items:center;width:100%;height:100%;transition:transform .3s;display:grid}.c svg{color:currentColor;width:75%;height:75%}.c.v{transform:rotate(180deg)}.c.b{transform:rotate(270deg)}.c.n{transform:rotate(90deg)}.t .c{opacity:.15;z-index:-1;position:absolute;top:0}.r2{flex-direction:column;justify-self:start;gap:.25rem;display:flex}.t2:before{content:"⏳ "}.y2,.u2{color:#9ab;gap:.4rem;font-size:.8em;display:flex}.y2>*{gap:.25rem;display:flex}.y2>.i2{color:green}.y2>.o2{color:orange}.y2>.p2{color:red}.x{padding:.5rem 1rem;transition:transform 1s ease-in,opacity 1.5s linear;position:absolute;top:0;right:0}.a2{place-items:center;display:grid}.s2{color:#f0f0f0;text-align:center;z-index:50;background:#000000f2;grid-template-rows:1fr min-content;width:100%;height:100%;transition:transform .5s,opacity .5s;display:grid;position:absolute;bottom:0;left:0}.s2:not(.d2){opacity:0;pointer-events:none;transform:translateY(100%)}.s2 .f2{display:grid;overflow:hidden auto}.s2 .f2.g2{align-content:start}.a2{padding:1rem 1rem 2rem}.A{place-items:center;display:grid}.S,.D{justify-content:center;align-items:center;gap:2rem;display:flex}.S{flex-direction:column}.A{color:#e653a6;-webkit-hyphens:auto;hyphens:auto;width:min(30vh,40vw);height:min(30vh,40vw);padding:.25rem;transition:transform .3s,opacity .3s}@media (min-height:750px){.A{font-size:1.5em}}.A.F{transform:translateX(var(--t-x,0))scale(1.2);pointer-events:none}.A .t{pointer-events:none;width:60%}.G{max-width:90vw;font-size:1.2em;transition:transform .3s,opacity .3s}.G:not(.H){opacity:.7;transform:scale(.6)}.G:before{content:"💡 "}.I{place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.O{gap:1rem;width:fit-content;height:fit-content;display:grid;position:relative}@media (orientation:landscape){.O{justify-items:center}}@media (max-height:700px){.O{font-size:.9em}}.O>*{transition:opacity .3s}.O button{position:relative}.I{z-index:6;text-align:center;gap:.5rem}.P{font-size:.8em}