@import "https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700;800;900&display=swap";.bingo-card{--cream:#fbf7ec;--mint:#86d1a6;--mint-deep:#3c8560;--grid-line:#a9dcc1;--ink:#5d5749;--mark:#ef7f45;--line-text:#35543f;box-sizing:border-box;background:var(--cream);border-radius:28px;width:1000px;padding:22px;font-family:Nunito,Helvetica,Arial,sans-serif;box-shadow:0 6px 22px #0000002e}.bingo-header{background:var(--mint);border-radius:16px 16px 0 0;grid-template-columns:repeat(5,1fr);margin-bottom:6px;padding:10px 0 22px;display:grid;position:relative}.bingo-header span{color:#fff;letter-spacing:3px;text-align:center;text-shadow:0 2px #00000014;font-size:52px;font-weight:900}.bingo-header:after{content:"";background:radial-gradient(circle at 18px 18px, var(--cream) 17px, transparent 18px) 0 0 / 36px 36px repeat-x;height:18px;position:absolute;bottom:-1px;left:0;right:0}.bingo-grid{border-top:3px solid var(--grid-line);border-left:3px solid var(--grid-line);grid-template-columns:repeat(5,1fr);display:grid}.bingo-tile{box-sizing:border-box;border-right:3px solid var(--grid-line);border-bottom:3px solid var(--grid-line);aspect-ratio:1/.78;color:var(--ink);text-align:center;justify-content:center;align-items:center;padding:10px;font-size:19px;font-weight:700;line-height:1.25;display:flex;position:relative;overflow:hidden}.bingo-tile:before{content:"";opacity:.55;pointer-events:none;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='40'><path d='M8 30 C8 16 20 8 32 8 C32 22 20 30 8 30 Z' fill='none' stroke='%23e3d9c6' stroke-width='2'/><path d='M8 30 C16 24 24 16 32 8' fill='none' stroke='%23e3d9c6' stroke-width='2'/></svg>") 0 0/64px 64px;position:absolute;inset:0}.bingo-tile>span,.bingo-tile>textarea{z-index:1;position:relative}.bingo-tile.is-marked:after{content:"";z-index:2;border:7px solid var(--mark);opacity:.92;border-radius:50%;position:absolute;inset:8% 4%;transform:rotate(-4deg)}.bingo-tile.is-marked>span{opacity:.85}.bingo-tile.in-line{background:var(--mint)}.bingo-tile.in-line:before{opacity:.2;filter:brightness(2.4)}.bingo-tile.in-line.is-marked:after{border-color:var(--mint-deep);opacity:.6}.bingo-tile.in-line>span{color:var(--line-text);opacity:1}.bingo-tile textarea{width:100%;height:100%;color:inherit;font:inherit;resize:none;text-align:inherit;background:0 0;border:0;padding:0}.bingo-tile textarea:focus{outline:2px solid var(--mint-deep);outline-offset:-2px}.bingo-tile.is-clickable{cursor:pointer}html,body{background:0 0;height:100%;margin:0;overflow:hidden}#bingo-root{justify-content:center;align-items:center;height:100vh;display:flex}#bingo-root .bingo-card{transform-origin:50%}