:root{--bg-color:#0f0f0f;--text-color:#e5e5e5;--header-bg-color:#1a1a1a;--header-text-color:#e5e5e5;--header-title-size:20vh;--header-subtitle-size:2vh;--menu-bg-color:#1a1a1a;--menu-text-color:#e5e5e5;--grid-box-size:clamp(12px, 3vh, 32px);--grid-box-count:15;--grid-bg-color:#1a1a1a;--grid-text-color:#e5e5e5;--tools-bg-color:#1a1a1a;--tools-text-color:#e5e5e5;--footer-bg-color:#1a1a1a;--footer-text-color:#888;--footer-link-color:#c9c9c9;--footer-link-hover:#61dafb;--grid-board-size:min(calc(100vw - 2rem), 580px)}body.light-theme{--bg-color:#f5f5f0;--text-color:#1a1a1a;--header-bg-color:#e8e8e0;--header-text-color:#1a1a1a;--menu-bg-color:#e8e8e0;--menu-text-color:#1a1a1a;--grid-bg-color:#e8e8e0;--grid-text-color:#1a1a1a;--tools-bg-color:#e8e8e0;--tools-text-color:#1a1a1a;--footer-bg-color:#e8e8e0;--footer-text-color:#666;--footer-link-color:#1a1a1a;--footer-link-hover:#007acc}i{color:inherit}body{background-color:var(--bg-color);width:100vw;min-height:100vh;color:var(--text-color);cursor:url(/cursors/cursor.png),auto;background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:column;justify-content:center;align-items:center;margin:0;font-family:cursive;display:flex;overflow-x:hidden}#root{flex-direction:column;align-items:center;width:100%;display:flex}header{background-color:var(--header-bg-color);width:100vw;height:20vh;color:var(--header-text-color);flex-direction:column;justify-content:center;align-items:center;display:flex}.jersey-10-regular{font-family:cursive;font-style:normal;font-weight:400;font-size:var(--header-title-size)}.header-cont{text-align:center;font-family:cursive}.header-title-wrap{display:inline-block;position:relative}.header-cont h1{font-size:var(--header-title-size);margin:0}.header-byline{font-family:cursive;font-size:var(--header-subtitle-size);white-space:nowrap;line-height:1;position:absolute;top:100%;right:0}.menu-cont{width:100vw;height:10vh;color:var(--menu-text-color);justify-content:center;align-items:center;gap:1rem;display:flex}.menu-btn{color:var(--menu-text-color);border:1px solid var(--menu-text-color);cursor:url(/cursors/pointer.png),pointer;background-color:#0000;border-radius:6px;padding:.4rem 1.2rem;font-size:1rem;transition:background-color .2s,color .2s}.menu-btn:hover:not(:disabled){background-color:var(--menu-text-color);color:var(--menu-bg-color)}.menu-btn:disabled,.menu-btn--disabled{opacity:.45;cursor:not-allowed}.grid-size-selector{justify-content:center;align-items:center;gap:.5rem;width:100vw;height:6vh;display:flex}.grid-size-label{color:var(--text-color);margin-right:.25rem;font-size:.95rem}.grid-size-btn{color:var(--text-color);border:1px solid var(--text-color);cursor:url(/cursors/pointer.png),pointer;background-color:#000;border-radius:6px;padding:.3rem .8rem;font-size:.85rem;transition:background-color .2s,color .2s}.grid-size-btn:hover:not(:disabled),.grid-size-btn--active{background-color:var(--text-color);color:var(--bg-color)}.grid-size-btn:disabled{cursor:not-allowed}.grid-size-btn--disabled{opacity:.35}.grid-cont{grid-template-columns:repeat(var(--grid-box-count), minmax(0, 1fr));grid-template-rows:repeat(var(--grid-box-count), minmax(0, 1fr));gap:var(--grid-gap,2px);width:var(--grid-board-size);height:var(--grid-board-size);box-sizing:border-box;background-color:#0000;padding:1.5rem;display:grid}.grid-cell{box-sizing:border-box;cursor:crosshair;background-color:#0000;border:1px solid #3a3a3a;border-radius:5%;width:100%;height:100%;transition:filter 80ms}.grid-cell:hover{filter:brightness(1.4);border-color:#888}.no-border .grid-cell{border:none!important;border-radius:0!important}.no-gap{gap:0!important}body.light-theme .grid-cell{background-color:#0000;border:1px solid #b8b8a8}body.light-theme .color-picker-label:hover{background-color:#d4d4c8}body.light-theme .grid-size-btn{background-color:#f5f5f0}body.light-theme .footer-cont{border-top-color:#00000014}.tools-cont button{background-color:#0000;height:80%}.tools-cont label{background-color:#0000;height:50%}.tools-cont{width:100vw;height:8vh;color:var(--tools-text-color);justify-content:center;align-items:center;gap:.75rem;display:flex}.tool-btn{color:var(--tools-text-color);border:1px solid var(--tools-text-color);cursor:url(/cursors/pointer.png),pointer;border-radius:6px;padding:.4rem 1.1rem;font-size:.95rem;transition:background-color .2s,color .2s,opacity .2s}.tool-btn:hover:not(:disabled){background-color:var(--tools-text-color);color:var(--tools-bg-color)}.tools-cont .tool-btn--active{color:#000;background-color:#fff}.tool-btn--disabled{opacity:.35;cursor:not-allowed}.tool-btn--fill-bg{background-color:#000;border-color:#fff;align-items:center;gap:.4rem;display:flex}.tool-btn--fill-bg:hover:not(:disabled){background-color:#fff;border-color:#fff}.color-picker-label{border:1px solid var(--tools-text-color);cursor:url(/cursors/pointer.png),pointer;color:var(--tools-text-color);border-radius:6px;align-items:center;gap:.5rem;padding:.4rem 1.1rem;font-size:.95rem;transition:background-color .2s;display:flex}.color-picker-label:hover{background-color:#2e2e2e}.color-picker-label--disabled{opacity:.35;cursor:not-allowed}.footer-cont{box-sizing:border-box;background-color:var(--footer-bg-color);width:100vw;min-height:6vh;color:var(--footer-text-color);border-top:1px solid #ffffff14;justify-content:center;align-items:center;margin-top:.5rem;padding:1rem 1.5rem;font-size:.9rem;display:flex}.footer-cont p{text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:.35rem;margin:0;line-height:1.5;display:flex}.footer-cont a{color:var(--footer-link-color);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.footer-cont a:hover{color:var(--footer-link-hover);border-bottom-color:var(--footer-link-hover)}.footer-cont .fa-react{color:#61dafb;font-size:1.05em}.contributors-cont{box-sizing:border-box;background-color:var(--footer-bg-color);width:100%;color:var(--footer-text-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem;padding:1.25rem 1.5rem .75rem;display:flex}.contributors-title{letter-spacing:.08em;text-transform:uppercase;text-align:center;width:100%;color:var(--footer-text-color);margin:0;font-size:.85rem;font-weight:600}.contributors-status{color:var(--footer-text-color);margin:0;font-size:.9rem}.contributors-status a{color:var(--footer-link-color);border-bottom:1px solid #0000;font-weight:500;text-decoration:none;transition:color .2s,border-color .2s}.contributors-status a:hover{color:var(--footer-link-hover);border-bottom-color:var(--footer-link-hover)}.contributors-status--error{color:#f87171}.contributors-marquee{width:100%;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.contributors-marquee-track{width:max-content;animation:contributors-marquee var(--marquee-duration,32s) linear infinite;align-items:stretch;gap:.85rem;padding:.25rem 0;display:flex}.contributors-marquee:hover .contributors-marquee-track{animation-play-state:paused}.contributor-card{min-width:7.5rem;color:var(--footer-link-color);background-color:#ffffff08;border:1px solid #ffffff26;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:.55rem;padding:.85rem 1rem;text-decoration:none;transition:transform .2s,border-color .2s,background-color .2s,box-shadow .2s;display:flex}.contributor-card:hover{border-color:var(--footer-link-hover);background-color:#ffffff0f;transform:translateY(-3px);box-shadow:0 6px 18px #0000002e}.contributor-card-avatar{object-fit:cover;border:2px solid #ffffff1f;border-radius:50%;width:3.5rem;height:3.5rem}.contributor-card-name{text-align:center;text-overflow:ellipsis;white-space:nowrap;max-width:6.5rem;font-size:.85rem;font-weight:500;line-height:1.2;overflow:hidden}.contributors-view-all{color:var(--footer-text-color);border-bottom:1px solid #0000;margin-top:.15rem;font-size:.82rem;text-decoration:none;transition:color .2s,border-color .2s}.contributors-view-all:hover{color:var(--footer-link-hover);border-bottom-color:var(--footer-link-hover)}@keyframes contributors-marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (width<=640px){.contributors-cont{padding:1rem .75rem .75rem}.contributor-card{min-width:6.5rem;padding:.7rem .85rem}.contributor-card-avatar{width:3rem;height:3rem}.contributor-card-name{max-width:5.5rem;font-size:.8rem}}body.light-theme .contributor-card{background-color:#00000008;border-color:#0000001f}body.light-theme .contributor-card:hover{background-color:#0000000d}body.light-theme .contributor-card-avatar{border-color:#0000001a}.contributors-marquee--static{overflow:visible;-webkit-mask-image:none;mask-image:none}.contributors-marquee--static .contributors-marquee-track{flex-wrap:wrap;justify-content:center;width:100%;animation:none}.toast{color:#fff;z-index:9999;background:#1f2937;border-radius:8px;align-items:center;gap:10px;min-width:220px;max-width:300px;padding:12px 16px;font-size:14px;font-weight:500;animation:.3s toast-slide-in,.3s 2.7s forwards toast-fade-out;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 25px #00000040}.toast.success{background:#16a34a}.toast.error{background:#dc2626}.toast.info{background:#2563eb}.toast i{font-size:16px}@media (width<=640px){.grid-cont{padding:.75rem}}@keyframes toast-slide-in{0%{opacity:0;transform:translate(120%)}to{opacity:1;transform:translate(0)}}@keyframes toast-fade-out{to{opacity:0;transform:translate(120%)}}.error-page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:70vh;padding:2rem;display:flex}.error-code{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#0000;-webkit-background-clip:text;background-clip:text;margin:0;font-size:8rem;font-weight:700;animation:3s ease-in-out infinite float}.error-title{color:#333;margin:.5rem 0;font-size:1.75rem}.error-message{color:#666;max-width:400px;font-size:1rem}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}