:root{--bg-top: #ff9f4a;--bg-bottom: #ff6b8a;--panel-purple: #7b4fd4;--panel-purple-dark: #4f2f9c;--panel-cream: #fff8ee;--text-dark: #2a1648;--text-light: #ffffff;--btn-green: #3ecf6a;--btn-green-dark: #1f9f4a;--btn-coral: #ff5f52;--gold: #ffc93a;--gold-dark: #d99a12;--tile-border: #5a3a9e;--outline: #2a1648;--shadow: 0 8px 0 rgba(42, 22, 72, .22);--shadow-soft: 0 6px 18px rgba(74, 34, 120, .2)}*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:Fredoka,Trebuchet MS,Segoe UI,sans-serif;color:var(--text-dark);background:radial-gradient(circle at 15% 12%,rgba(255,255,255,.28) 0%,transparent 28%),radial-gradient(circle at 85% 8%,rgba(255,240,150,.35) 0%,transparent 30%),linear-gradient(180deg,var(--bg-top) 0%,#ff7f6b 45%,var(--bg-bottom) 100%)}.app-shell{max-width:480px;margin:0 auto;padding:.75rem .75rem 1.5rem}.game-header{position:relative;margin-bottom:.75rem;text-align:center}.hamburger-wrap{position:absolute;top:0;left:0;z-index:30}.hamburger-button{width:46px;height:46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;border:3px solid var(--panel-purple-dark);border-radius:12px;background:linear-gradient(180deg,#fff8ef,#ffe9c8);box-shadow:0 4px #4f2f9c40}.hamburger-button span{display:block;width:20px;height:3px;border-radius:999px;background:var(--panel-purple-dark);transition:transform .16s ease,opacity .16s ease}.hamburger-button.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}.hamburger-button.is-open span:nth-child(2){opacity:0}.hamburger-button.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.hamburger-panel{position:absolute;top:calc(100% + .45rem);left:0;width:min(220px,72vw);display:grid;gap:.45rem;padding:.7rem;margin:0;z-index:40}.hamburger-panel button{width:100%;min-height:44px;border:3px solid var(--panel-purple);border-radius:12px;background:linear-gradient(180deg,#fff,#f3e8ff);color:var(--panel-purple-dark);font-family:inherit;font-size:1rem;font-weight:700}.site-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:grid;place-items:center;padding:.85rem;background:#2a16488c}.site-modal{width:min(100%,520px);max-height:min(86vh,760px);margin:0;display:flex;flex-direction:column;overflow:hidden;z-index:81}.site-modal-small{width:min(100%,380px);max-height:min(70vh,420px)}.site-modal-header{position:relative;flex:0 0 auto;padding-right:2.4rem}.site-modal-header .panel-title{margin-bottom:.35rem}.site-modal-close{position:absolute;top:-.15rem;right:-.15rem;width:40px;height:40px;border:3px solid #b91c1c;border-radius:999px;background:linear-gradient(180deg,#ff7b6b,#e11d48);color:#fff;font-size:1.5rem;line-height:1;font-weight:700;box-shadow:0 3px #9f1239}.site-modal-body{flex:1 1 auto;overflow-y:auto;padding-right:.15rem;-webkit-overflow-scrolling:touch}.page-copy{font-size:.95rem;line-height:1.45;color:var(--text-dark)}.page-copy p{margin:0 0 .8rem}.page-copy h3{margin:1rem 0 .4rem;color:var(--panel-purple-dark);font-size:1.02rem}.page-copy ul{margin:0 0 .85rem;padding-left:1.15rem}.page-copy a{color:var(--panel-purple-dark);font-weight:700}.privacy-copy{font-size:.88rem}.contact-panel{display:grid;gap:.35rem}.contact-form-frame{display:block;min-height:420px;margin-top:.35rem}.privacy-frame{display:block;width:100%;min-height:min(65vh,560px);border:3px solid #c9b0ef;border-radius:14px;background:#fffdf8}.game-title{margin:0;padding:.55rem 1rem;display:inline-block;font-size:clamp(1.35rem,5.5vw,1.75rem);font-weight:700;letter-spacing:.04rem;color:var(--text-light);text-transform:uppercase;background:linear-gradient(180deg,#9b6df0 0%,var(--panel-purple) 55%,var(--panel-purple-dark) 100%);border:4px solid var(--gold);border-radius:18px;box-shadow:var(--shadow);text-shadow:0 3px 0 rgba(42,22,72,.35)}.card{position:relative;margin-bottom:.85rem;padding:.9rem;border-radius:22px;border:4px solid var(--panel-purple-dark);background:linear-gradient(180deg,#fffdf8 0%,var(--panel-cream) 100%);box-shadow:var(--shadow-soft)}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;pointer-events:none;box-shadow:inset 0 4px #ffffffa6}.panel-title,.winner h3{margin:0 0 .7rem;text-align:center;font-size:1.15rem;font-weight:700;color:var(--panel-purple-dark);text-shadow:0 2px 0 rgba(255,255,255,.8)}.start-panel{text-align:center}.start-lead{margin:0 0 1rem;font-size:1rem;font-weight:600;line-height:1.35;color:var(--text-dark)}.start-error{margin:0 0 .85rem;padding:.65rem .75rem;border-radius:12px;border:2px solid #d91f52;background:#ffe8ef;color:#7a1238;font-size:.9rem;line-height:1.35;text-align:center}.app-banner{margin-bottom:.75rem}button{min-height:48px;font-family:inherit;font-weight:700;cursor:pointer}.primary,.ghost{width:100%;border-radius:16px;padding:.85rem 1rem;font-size:1.05rem;letter-spacing:.03rem}.primary{color:var(--text-light);border:4px solid var(--btn-green-dark);background:linear-gradient(180deg,#5ce07f 0%,var(--btn-green) 55%,var(--btn-green-dark) 100%);box-shadow:0 6px 0 var(--btn-green-dark);text-shadow:0 2px 0 rgba(20,80,40,.35)}.primary:active:not(:disabled){transform:translateY(3px);box-shadow:0 3px 0 var(--btn-green-dark)}.primary:disabled{opacity:.7;cursor:not-allowed}.ghost{color:var(--panel-purple-dark);border:4px solid var(--gold-dark);background:linear-gradient(180deg,#fff6d8,#ffe9a8);box-shadow:0 5px 0 var(--gold-dark)}.ghost:active{transform:translateY(2px);box-shadow:0 3px 0 var(--gold-dark)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.35rem;padding:.45rem;border-radius:16px;border:4px solid var(--panel-purple);background:linear-gradient(180deg,#f3e8ff,#ffe8f0);box-shadow:inset 0 3px 8px #5a3a9e1f}.bingo-card{overflow:hidden}.tile{position:relative;min-height:64px;padding:0;overflow:hidden;color:var(--text-dark);border:3px solid var(--tile-border);border-radius:12px;background:linear-gradient(180deg,#fff,#fff4dc);box-shadow:inset 0 2px #ffffffe6,0 3px #5a3a9e2e;transition:transform .1s ease}.tile:nth-child(5n+1){background:linear-gradient(180deg,#fff0f5,#ffd6e8)}.tile:nth-child(5n+2){background:linear-gradient(180deg,#f0fff8,#c9f5de)}.tile:nth-child(5n+3){background:linear-gradient(180deg,#f3f0ff,#ddd4ff)}.tile:nth-child(5n+4){background:linear-gradient(180deg,#fff8eb,#ffe2b8)}.tile:nth-child(5n+5){background:linear-gradient(180deg,#eef8ff,#cbe8ff)}.tile.free{border-color:var(--gold-dark);background:linear-gradient(180deg,#fff9d6,#ffd86b)}.tile:active:not(:disabled){transform:scale(.96)}.tile.winning{border-color:#ff3d6a;box-shadow:0 0 0 3px #ffc93ae6,0 4px #b4284659;animation:win-pulse 1.1s ease-in-out infinite}.tile-label{display:flex;align-items:center;justify-content:center;min-height:100%;padding:.22rem .18rem;font-size:clamp(.58rem,2.6vw,.68rem);line-height:1.12;font-weight:600;text-align:center;text-wrap:balance}.tile.free .tile-label{font-size:clamp(.72rem,3vw,.82rem);font-weight:700;color:#7a4a00}.stamp{position:absolute;top:.02rem;right:.02rem;bottom:.02rem;left:.02rem;width:calc(100% - .04rem);height:calc(100% - .04rem);object-fit:contain;pointer-events:none;opacity:.96;transform:rotate(-4deg);filter:drop-shadow(0 2px 3px rgba(30,58,138,.35));animation:stamp-pop .22s ease-out}@keyframes stamp-pop{0%{transform:rotate(-4deg) scale(.58);opacity:.2}to{transform:rotate(-4deg) scale(1);opacity:.96}}.sheep-overlay{position:absolute;top:3.1rem;right:.7rem;bottom:.7rem;left:.7rem;border-radius:14px;pointer-events:none;overflow:hidden;background:#ffffff14}.sheep-parade{position:absolute;top:50%;width:130%;font-size:3.2rem;white-space:nowrap;transform:translateY(-50%);animation:sheep-run 5.5s linear infinite;filter:drop-shadow(0 4px 4px rgba(42,22,72,.25))}.sheep-parade span{display:inline-block;margin:0 .35rem;animation:leap .85s infinite ease-in-out}.bingo-banner{font-size:1.8rem;font-weight:700;letter-spacing:.06rem;color:#fff;padding:.2rem .75rem;border-radius:999px;background:linear-gradient(180deg,#ff7b6b,#ff3d6a 55%,#d91f52);border:4px solid var(--gold);text-shadow:0 3px 0 rgba(120,20,50,.4);box-shadow:0 5px #8c193c59;transform:rotate(-4deg)}.winner input{width:100%;margin-bottom:.45rem;padding:.7rem .75rem;border:3px solid #c9b0ef;border-radius:12px;font-family:inherit;font-size:1rem;font-weight:500;color:var(--text-dark);background:#fff}.winner input:focus{outline:3px solid rgba(123,79,212,.35);border-color:var(--panel-purple)}.winner-grid{display:grid;grid-template-columns:1fr;gap:.35rem .75rem}.winner-field label{display:block;margin-bottom:.2rem;font-size:.92rem;font-weight:700;color:var(--panel-purple-dark)}.winner-field-full{width:100%}.winner p{margin:.6rem 0 0;font-weight:600;text-align:center;color:var(--panel-purple-dark)}.winner-note{margin:0 0 .75rem;font-size:.9rem;line-height:1.35;text-align:center}.winner-submit-button{display:inline-block;text-align:center;text-decoration:none;margin-bottom:.5rem}.winner-form-frame{width:100%;border:3px solid #c9b0ef;border-radius:14px;background:#fff}.winner-form-frame-desktop{display:none;min-height:460px;margin-top:.5rem}@keyframes leap{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes sheep-run{0%{transform:translate(100%,-50%)}to{transform:translate(-115%,-50%)}}@keyframes win-pulse{0%,to{filter:brightness(1)}50%{filter:brightness(1.08)}}@media (min-width: 768px){.winner-form-frame-desktop{display:block}.winner-grid{grid-template-columns:1fr 1fr}.winner-field-full{grid-column:1 / -1}.tile{min-height:72px}.tile-label{font-size:.68rem}}@media (prefers-reduced-motion: reduce){.sheep-parade span,.sheep-parade,.tile,.tile.winning,.stamp{animation:none!important;transition:none!important}}