:root{--bg-main: #0f172a;--bg-card: #020617;--bg-square: #020617;--bg-square-hover: #1e293b;--bg-square-marked: #2563eb;--text-main: #e5e7eb;--text-muted: #94a3b8;--text-marked: #ffffff;--border-card: #334155;--border-square: #475569;--border-square-hover: #60a5fa;--accent: #3b82f6;font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--text-main);background-color:var(--bg-main);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;justify-content:center;align-items:center;min-width:320px;min-height:100vh}.boardContainer{display:flex;justify-content:center;align-items:flex-start;width:100%;min-height:100vh;padding-top:1rem}button{margin-bottom:.5rem;border-radius:10px;border:1px solid var(--border-card);padding:.6em 1.4em;font-size:1rem;font-weight:600;background-color:var(--bg-card);color:var(--text-main);cursor:pointer;transition:background-color .2s ease,border-color .2s ease}button:hover{background-color:#020617;border-color:var(--accent)}#bingoCard{display:grid;grid-template-columns:repeat(5,1fr);gap:.6rem;width:fit-content;margin:1.25rem auto;background-color:var(--bg-card);padding:1.25rem;border-radius:20px;border:2px solid var(--border-card)}.square{width:120px;height:120px;padding:.85rem;box-sizing:border-box;display:flex;align-items:center;justify-content:center;text-align:center;white-space:normal;word-break:normal;overflow-wrap:break-word;font-size:.95rem;line-height:1.25;background-color:var(--bg-square);color:var(--text-main);border:1px solid var(--border-square);border-radius:14px;cursor:pointer;transition:background-color .2s ease,border-color .2s ease,transform .15s ease}.square:hover{background-color:var(--bg-square-hover);border-color:var(--border-square-hover)}.square:active{transform:scale(.97)}.square.marked{background-color:var(--bg-square-marked);color:var(--text-marked);border-color:#1d4ed8}.square.free{background-color:var(--bg-square-marked);color:#fff;font-weight:700;border-color:#ffc400}a{font-weight:500;color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}@media(prefers-color-scheme:light){:root{--bg-main: #f8fafc;--bg-card: #ffffff;--bg-square: #ffffff;--bg-square-hover: #e5e7eb;--text-main: #0f172a;--text-muted: #475569;--border-card: #cbd5f5;--border-square: #cbd5e1;--border-square-hover: #60a5fa}}.adoptionHeader{display:grid;grid-column:1 / -1;text-align:center;font-size:2rem;font-weight:700;letter-spacing:.5rem;line-height:.75rem;color:var(--accent);padding-bottom:.5rem;min-width:0}.bingoHeader{text-align:center;font-size:1.25rem;font-weight:700;color:var(--accent);padding-bottom:.5rem;min-width:0}@media(max-width:1200px){#bingoCard{transform:scale(.9);transform-origin:top center}}@media(max-width:768px){#bingoCard{transform:scale(.7);transform-origin:top center}}@media(max-width:480px){#bingoCard{transform:scale(.6);transform-origin:top center}}ul>li{list-style:none}.aboutCard{max-width:640px;margin:2rem auto;padding:2rem;background-color:var(--bg-card);border:2px solid var(--border-card);border-radius:20px;display:flex;flex-direction:column;gap:1.25rem;text-align:center}.aboutTitle{font-size:2rem;font-weight:800;letter-spacing:.08em;color:var(--accent);margin:0}.aboutText{font-size:1rem;line-height:1.6;color:var(--text-main);margin:0}@media(max-width:480px){.aboutCard{padding:1.5rem;margin:1.25rem}.aboutTitle{font-size:1.6rem;letter-spacing:.05em}}.appHeader{display:flex;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;background-color:var(--bg-card);border-bottom:2px solid var(--border-card);position:sticky;top:0;z-index:50}.headerLeft,.headerRight{display:flex;align-items:center;gap:1rem}.findMe{position:relative}.findMe summary{cursor:pointer;list-style:none;font-weight:600;color:var(--accent)}.findMe summary::-webkit-details-marker{display:none}.findMe ul{position:absolute;top:2.2rem;left:0;background-color:var(--bg-card);border:1px solid var(--border-card);border-radius:12px;padding:.5rem;min-width:180px;display:flex;flex-direction:column;gap:.25rem}.findMe li{list-style:none}.findMe a{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;border-radius:8px;color:var(--text-main);font-weight:500}.findMe a:hover{background-color:var(--bg-square-hover);text-decoration:none}.headerRight button{margin-bottom:0}.topLevelMenuItem,.findMe>summary{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .5rem;font-size:.95rem;font-weight:600;color:var(--text-main);cursor:pointer;border-radius:8px;transition:color .2s ease,background-color .2s ease}.topLevelMenuItem:hover,.findMe>summary:hover,.topLevelMenuItem:focus-visible,.findMe>summary:focus-visible{color:var(--accent);background-color:#3b82f61f;outline:none}.findMe>summary{list-style:none}.findMe>summary::-webkit-details-marker{display:none}.pyro{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:1000}.pyro>.before,.pyro>.after{position:absolute;width:5px;height:5px;border-radius:50%;box-shadow:-120px -218.66667px #00f,248px -16.66667px #00ff84,190px 16.33333px #002bff,-113px -308.66667px #ff009d,-109px -287.66667px #ffb300,-50px -313.66667px #ff006e,226px -31.66667px #ff4000,180px -351.66667px #ff00d0,-12px -338.66667px #00f6ff,220px -388.66667px #9f0,-69px -27.66667px #ff0400,-111px -339.66667px #6200ff,155px -237.66667px #0df,-152px -380.66667px #00ffd0,-50px -37.66667px #0fd,-95px -175.66667px #a6ff00,-88px 10.33333px #0d00ff,112px -309.66667px #005eff,69px -415.66667px #ff00a6,168px -100.66667px #ff004c,-244px 24.33333px #f60,97px -325.66667px #f06,-211px -182.66667px #00ffa2,236px -126.66667px #b700ff,140px -196.66667px #9000ff,125px -175.66667px #0bf,118px -381.66667px #ff002f,144px -111.66667px #ffae00,36px -78.66667px #f600ff,-63px -196.66667px #c800ff,-218px -227.66667px #d4ff00,-134px -377.66667px #ea00ff,-36px -412.66667px #ff00d4,209px -106.66667px #00fff2,91px -278.66667px #000dff,-22px -191.66667px #9dff00,139px -392.66667px #a6ff00,56px -2.66667px #09f,-156px -276.66667px #ea00ff,-163px -233.66667px #00fffb,-238px -346.66667px #00ff73,62px -363.66667px #08f,244px -170.66667px #0062ff,224px -142.66667px #b300ff,141px -208.66667px #9000ff,211px -285.66667px #f60,181px -128.66667px #1e00ff,90px -123.66667px #c800ff,189px 70.33333px #00ffc8,-18px -383.66667px #0f3,100px -6.66667px #ff008c;-moz-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-webkit-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-o-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;-ms-animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards;animation:1s bang ease-out infinite backwards,1s gravity ease-in infinite backwards,5s position linear infinite backwards}.pyro>.after{-moz-animation-delay:1.25s,1.25s,1.25s;-webkit-animation-delay:1.25s,1.25s,1.25s;-o-animation-delay:1.25s,1.25s,1.25s;-ms-animation-delay:1.25s,1.25s,1.25s;animation-delay:1.25s,1.25s,1.25s;-moz-animation-duration:1.25s,1.25s,6.25s;-webkit-animation-duration:1.25s,1.25s,6.25s;-o-animation-duration:1.25s,1.25s,6.25s;-ms-animation-duration:1.25s,1.25s,6.25s;animation-duration:1.25s,1.25s,6.25s}@-webkit-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-moz-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-o-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-ms-keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@keyframes bang{0%{box-shadow:0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff,0 0 #fff}}@-webkit-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-moz-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-o-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-ms-keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@keyframes gravity{to{transform:translateY(200px);-moz-transform:translateY(200px);-webkit-transform:translateY(200px);-o-transform:translateY(200px);-ms-transform:translateY(200px);opacity:0}}@-webkit-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-moz-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-o-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@-ms-keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}@keyframes position{0%,19.9%{margin-top:10%;margin-left:40%}20%,39.9%{margin-top:40%;margin-left:30%}40%,59.9%{margin-top:20%;margin-left:70%}60%,79.9%{margin-top:30%;margin-left:20%}80%,99.9%{margin-top:30%;margin-left:80%}}#root{max-width:1280px;margin:0 auto;padding:.25rem;text-align:center}