:root{--ink:#2b2420;--background:#f8f6f2;--border:#d7d2cb;--accent:#24436b;--rose:#732f42;--rose-dark:#8a4a58;--gold:#9c7a3c}body{background-color:var(--background);justify-content:center;align-items:center;min-height:100vh;font-family:Lora,serif;font-size:clamp(1rem,2.5vw + .5rem,1.75rem);display:flex}.app{justify-content:center;align-items:center;min-height:100vh;display:flex}input[type=number]::-webkit-inner-spin-button{opacity:1}.input{background-color:var(--background);box-sizing:border-box;border-radius:.4rem;height:2.5rem;margin-right:.75rem;padding-left:.5rem;font-family:inherit;font-size:.95rem;font-weight:600}.submit-button{background-color:var(--rose);color:var(--background);border:1.5px solid var(--accent);cursor:pointer;border-radius:.4rem;padding:.55rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s}.submit-button:hover{background-color:var(--rose-dark)}.submit-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.share-url{color:var(--ink);background-color:var(--background);border:1.5px solid var(--border);text-overflow:ellipsis;white-space:nowrap;border-radius:.4rem;max-width:500px;padding:.5rem 1rem;font-family:inherit;font-size:1.1rem;overflow:hidden}.copy-button{color:var(--ink);border:1.5px solid var(--accent);cursor:pointer;background-color:#fff;border-radius:.4rem;padding:.55rem 1.1rem;font-family:inherit;font-size:.95rem;transition:background-color .15s}.copy-button:hover{background-color:var(--background)}.copy-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.play-button{background-color:var(--rose);color:var(--background);border:1.5px solid var(--accent);cursor:pointer;border-radius:.4rem;padding:.55rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:background-color .15s}.play-button:hover{background-color:var(--rose-dark)}.play-button:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.home-page{justify-content:center;align-items:center;min-height:100vh;display:flex}.home-card{border:1.5px solid var(--accent);background-color:#fff;border-radius:.5rem;flex-direction:column;align-items:center;gap:1.5rem;max-width:90vw;padding:2.5rem 3rem;display:flex;box-shadow:3px 3px #2b24201f}.home-card>p{color:var(--ink);margin:0;font-family:inherit;font-size:1.5rem}.home-card .row{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.cell{aspect-ratio:1;border:1px solid var(--border);background-color:inherit;justify-content:center;align-items:center;width:100%;font-family:Playfair Display,serif;font-size:clamp(1.5rem,12vw,3rem);font-style:italic;line-height:1;display:flex;overflow:hidden}.board{aspect-ratio:1;border:2px solid var(--accent);grid-template-columns:repeat(var(--grid-length), 1fr);grid-template-rows:repeat(var(--grid-length), 1fr);border-radius:.4rem;width:min(90vw,600px);display:grid}.status{justify-content:center;padding-bottom:2rem;display:flex}.board-skeleton-simple{aspect-ratio:1;border:2px solid var(--accent);border-radius:.4rem;width:min(90vw,600px);margin-top:5rem;animation:1.4s ease-in-out infinite pulse}