:root{--page:#08090a;--lime:#c6ff4d;--lime-rgb:198 255 77}*,:before,:after{box-sizing:border-box}body{background:var(--page);place-items:center;min-height:100svh;margin:0;padding:clamp(20px,5vw,56px) 18px;display:grid;overflow-x:hidden}.room{z-index:0;pointer-events:none;background:radial-gradient(44% 34% at 50% 42%, rgb(var(--lime-rgb) / .09), transparent 70%), radial-gradient(70% 50% at 50% 96%, rgb(var(--lime-rgb) / .035), transparent 74%);position:fixed;inset:-20%}.stage{z-index:1;grid-template-columns:1fr 1fr;gap:clamp(10px,2.4vw,18px);width:100%;max-width:560px;display:grid;position:relative}@media (orientation:portrait){.stage{grid-template-columns:1fr}}.tile{aspect-ratio:1;border:1px solid;border-radius:clamp(14px,3vw,20px);place-items:center;display:grid}.tile--dark{color:#b7f53f;--loader-bloom:.85;--loader-track:#333c2b;background:#101310;border-color:#262b23}.tile--light{color:#4c7a00;--loader-bloom:0;--loader-track:#c4c9b2;background:#f0f1ea;border-color:#d6d9c9}.loader{--loader-size:4rem;--loader-weight:4;--loader-speed:1.9s;--loader-delay:.3s;--loader-curve:path("M50 12C70.987 12 88 29.013 88 50C88 70.987 70.987 88 50 88C29.013 88 12 70.987 12 50C12 29.013 29.013 12 50 12Z");width:var(--loader-size);aspect-ratio:1;animation:loader-appear .16s ease-out var(--loader-delay) both;display:block}.loader__svg{width:100%;height:100%;display:block;overflow:visible}@keyframes loader-appear{0%{opacity:0}to{opacity:1}}.loader__track{fill:none;stroke:var(--loader-track,color-mix(in srgb, currentColor 15%, transparent));stroke-width:var(--loader-weight)}.loader__bead{fill:currentColor;offset-path:var(--loader-curve);offset-rotate:0deg;transform-box:fill-box;offset-anchor:50% 50%;opacity:calc(1 - var(--i) * .185);animation:loader-run var(--loader-speed) linear infinite;animation-delay:calc(var(--i) * -.038 * var(--loader-speed));filter:drop-shadow(0 0 2px color-mix(in srgb, currentColor calc(var(--loader-bloom,0) * 90%), transparent)) drop-shadow(0 0 6px color-mix(in srgb, currentColor calc(var(--loader-bloom,0) * 55%), transparent))}@keyframes loader-run{0%{offset-distance:0%}4.1667%{offset-distance:2.251%}8.3333%{offset-distance:4.59%}12.5%{offset-distance:7.108%}16.6667%{offset-distance:9.897%}20.8333%{offset-distance:13.053%}25%{offset-distance:16.667%}29.1667%{offset-distance:20.823%}33.3333%{offset-distance:25.582%}37.5%{offset-distance:30.964%}41.6667%{offset-distance:36.924%}45.8333%{offset-distance:43.336%}50%{offset-distance:50%}54.1667%{offset-distance:56.664%}58.3333%{offset-distance:63.076%}62.5%{offset-distance:69.036%}66.6667%{offset-distance:74.418%}70.8333%{offset-distance:79.177%}75%{offset-distance:83.333%}79.1667%{offset-distance:86.947%}83.3333%{offset-distance:90.103%}87.5%{offset-distance:92.892%}91.6667%{offset-distance:95.41%}95.8333%{offset-distance:97.749%}to{offset-distance:100%}}@media (prefers-reduced-motion:reduce){.loader__bead{offset-distance:50%;opacity:0;animation:none}.loader__bead:last-child{opacity:1;animation:2s ease-in-out infinite loader-breathe}.loader__track{animation:2s ease-in-out infinite loader-breathe}@keyframes loader-breathe{0%,to{opacity:1}50%{opacity:.35}}}.tile .loader{--loader-size:58%}@media (width<=420px){.loader{--loader-weight:4.6}}