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}.V{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.B,.r{place-items:center;display:grid}.B{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){.B{max-width:initial;grid-template-rows:min-content auto;grid-template-columns:1fr}}.N{--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){.N{--s-size:calc(calc(min(100vw,100vh - 13.5rem - 2.5rem) - 2rem - 1px*(var(--s-cnt,5) - 1))/(var(--s-cnt,5) + .2))}}.N .M{display:contents}.u:not(.i) .N{--t:#0e140c;border-color:#0e150b}.V{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 _}.r .y{z-index:2;transition:transform .3s,opacity .3s}.r>.t,.r>.y{grid-area:1/1}@keyframes _{0%{filter:hue-rotate()}to{filter:hue-rotate(360deg)}}.S,.S>button,.D{place-items:center;display:grid}.F{animation:2s ease-in-out infinite G}.S{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){.S{grid-area:span 3/2}}.S>button{color:#e02890}.S.H>.o{pointer-events:none;opacity:0}.S .o{width:3.5rem;height:3.5rem;margin:-.25rem}@media (max-height:700px){.S .o{width:3rem;height:3rem}}.S .o.J{grid-area:1/2}.S .o.K{grid-area:2/3}.S .o.L{grid-area:3/2}.S .o.Z{grid-area:2/1}.D{gap:.75rem}.D button{width:100%;font-size:.9em;display:grid}.D button.H{pointer-events:none}.D button.H .X{display:block}.D button.H>:not(.X){opacity:.1;filter:grayscale(80%)}.D button>span{color:#e02890;grid-area:1/1}.D .X{grid-area:1/1;display:none}.D .X: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}.C kbd{opacity:1}.D kbd,button.w kbd{bottom:.15rem;right:.15rem}.J kbd{bottom:-.2rem}.K kbd{left:-.2rem}.L kbd{top:-.2rem}.Z kbd{right:-.2rem}@keyframes G{0%{box-shadow:0 0 #f0f0f080}60%{box-shadow:0 0 0 1rem #f0f0f000}to{box-shadow:0 0 #f0f0f000}}.E{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%}.E{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}.E svg{color:currentColor}.R{color:#ff2ea6;--d:#aa1f6fb3}.T{color:#c09402;--d:#906f02bf}.Y{color:#009e28;--d:#00771ebf}.U{color:#106dff;--d:#0c52bfbf}.r .E:not(.R){transform:scale(.65)translate(var(--t-x,0),27%)}.r ellipse{transform-box:fill-box;transform-origin:50%;animation:8s 4s infinite I}@keyframes I{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 .q2:before{content:"";background:#3d2209;border-radius:15%/10%;width:20%;height:35%;position:absolute;bottom:10%;left:40%}.y .q2:after{content:"";filter:brightness(.6);background:#009e28;border-radius:50%;width:60%;height:60%;position:absolute;bottom:35%;left:20%}.y .w2{background:#105a99;border-radius:55% 45% 62% 38%/48% 60% 40% 52%;width:80%;height:80%;position:absolute;top:10%;left:10%}.y .e2{z-index:1;background:#ffb450;border-radius:50%;width:50%;height:50%;position:absolute;top:5%;left:50%;transform:translate(-50%)}.y .e2:after{content:"";background:var(--t);border-radius:50%;width:90%;height:90%;position:absolute;transform:translate(40%)}.x{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%))}.x.c{opacity:1;transition:transform .3s,opacity .3s;transform:translate(-50%)translateY(-100%)}.x: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%)}.j{place-items:center;width:100%;height:100%;transition:transform .3s;display:grid}.j svg{color:currentColor;width:75%;height:75%}.j.k{transform:rotate(180deg)}.j.l{transform:rotate(270deg)}.j.z{transform:rotate(90deg)}.t .j{opacity:.15;z-index:-1;position:absolute;top:0}.o2{flex-direction:column;justify-self:start;gap:.25rem;display:flex}.p2:before{content:"⏳ "}.a2,.s2{color:#9ab;gap:.4rem;font-size:.8em;display:flex}.a2>*{gap:.25rem;display:flex}.a2>.d2{color:green}.a2>.f2{color:orange}.a2>.g2{color:red}.h{padding:.5rem 1rem;transition:transform 1s ease-in,opacity 1.5s linear;position:absolute;top:0;right:0}.r2{place-items:center;display:grid}.t2{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}.t2:not(.y2){opacity:0;pointer-events:none;transform:translateY(100%)}.t2 .u2{display:grid;overflow:hidden auto}.t2 .u2.i2{align-content:start}.r2{padding:1rem 1rem 2rem}.v{place-items:center;display:grid}.b,.n{justify-content:center;align-items:center;gap:2rem;display:flex}.b{flex-direction:column}.v{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){.v{font-size:1.5em}}.v.m{transform:translateX(var(--t-x,0))scale(1.2);pointer-events:none}.v .t{pointer-events:none;width:60%}.Q{max-width:90vw;font-size:1.2em;transition:transform .3s,opacity .3s}.Q:not(.W){opacity:.7;transform:scale(.6)}.Q:before{content:"💡 "}.O{place-items:center;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.P{gap:1rem;width:fit-content;height:fit-content;display:grid;position:relative}@media (orientation:landscape){.P{justify-items:center}}@media (max-height:700px){.P{font-size:.9em}}.P>*{transition:opacity .3s}.P button{position:relative}.O{z-index:6;text-align:center;gap:.5rem}.A{font-size:.8em}