@font-face{font-family:MrlyFont;font-style:normal;font-weight:400;src:url(/MrlyFont.woff2) format("woff2"),url(/MrlyFont.woff) format("woff"),url(/MrlyFont.ttf) format("truetype")}:root{--unit: clamp(3px, 1vw, 5px);--max-width: 500px;--body-color: white;--background-color: white;--border-color: black;--border-radius: var(--unit);--border-style: solid;--border-width: 0px;--gap: var(--unit);--padding: var(--unit);--font-color: black;--font-size: clamp(5px, 3vw, 15px);--box-height: calc(var(--font-size) * 3.5);--font-mono: "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Courier New"}body.mrlymode{--body-color: black;--background-color: black;--border-color: white;--font-color: white}body.mrlyfont{--font-mono: "MrlyFont"}*{box-sizing:border-box;color:var(--font-color);font-family:var(--font-mono);font-size:var(--font-size);margin:0;padding:0;text-decoration:none}body{background-attachment:fixed;background-position:center;min-height:100vh;padding:var(--padding);width:100%}main{width:100%}#root{margin:0 auto;max-width:1500px;width:100%}.border-box{background-color:var(--background-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);overflow:hidden;padding:var(--padding)}.card-box{align-items:center;aspect-ratio:1/1;background-color:var(--body-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);cursor:pointer;display:flex;flex-direction:column;justify-content:center;overflow:hidden;position:relative;text-align:center}.container-box{margin:0 auto;max-width:var(--max-width);width:100%}.grid-box{display:grid;gap:var(--gap);grid-template-columns:repeat(auto-fill,minmax(var(--min-col-width, 100px),1fr));width:100%}.info-box{align-items:center;background-color:var(--body-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);display:flex;height:var(--box-height);justify-content:center;padding:var(--font-size);text-align:center;white-space:normal}.text-box{align-items:center;background-color:var(--body-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);display:flex;justify-content:center;padding:calc(var(--padding) * 4);text-align:center;white-space:normal;font-size:calc(var(--font-size) * 1);width:100%}.link-box{align-items:center;background-color:var(--body-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);cursor:pointer;display:flex;height:var(--box-height);justify-content:center;padding:var(--font-size);text-align:center;text-decoration:none;white-space:normal;width:100%}.link-box.active,.link-box.active *{background-color:var(--font-color);color:var(--body-color)}.link-box.disabled{opacity:.5;pointer-events:none}.list-box{display:flex;flex-direction:column;gap:var(--gap);width:100%}.out-box{align-items:center;background-color:var(--body-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);cursor:pointer;display:flex;height:var(--box-height);justify-content:center;padding:var(--font-size);text-align:center;white-space:normal;width:100%}.overlay-box{align-items:center;display:flex;height:100dvh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;width:100dvw;z-index:9999}@media(hover:hover){.link-box:hover,.link-box:hover *{background-color:var(--font-color);color:var(--body-color)}.out-box:hover,.out-box:hover *{background-color:var(--font-color);color:var(--body-color);text-decoration:underline}}.matrix-box{aspect-ratio:1/1;background-color:var(--body-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);display:grid;gap:0;grid-template-columns:repeat(var(--matrix-cols, 16),1fr);grid-template-rows:repeat(var(--matrix-rows, 16),1fr);overflow:hidden;width:100%}.matrix-cell{aspect-ratio:1/1;background-color:var(--body-color);border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);cursor:pointer;touch-action:none;user-select:none;-webkit-user-select:none;width:100%}.matrix-cell.active{background-color:var(--font-color)}.matrix-cell.void{background-color:transparent;cursor:default;pointer-events:none}.clickable{cursor:pointer}.fill{display:block;height:100%;width:100%}.no-click{cursor:default}.emoji-container{container-type:size}.emoji-small{font-size:25cqmin}.emoji-large{font-size:50cqmin}.carousel{aspect-ratio:1/1;border-color:var(--border-color);border-radius:var(--border-radius);border-style:var(--border-style);border-width:var(--border-width);cursor:pointer;overflow:hidden;position:relative}.carousel .image{aspect-ratio:1/1;display:block;left:0;object-fit:cover;opacity:0;position:absolute;top:0;width:100%}.carousel .image.visible{opacity:1;pointer-events:auto;z-index:1}.image{aspect-ratio:1/1;background-color:var(--body-color);display:block;object-fit:cover;width:100%}