:root{--cream: #fbf1dd;--paper: #fffaf0;--ink: #2b2118;--brown: #6b4226;--maroon: #a13d3d;--teal: #1f7a6c;--mustard: #e2a233;--sky: #2f80a3;--shadow: rgba(43, 33, 24, .18);font-family:"Baloo 2",system-ui,sans-serif;color-scheme:light}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--cream);background-image:radial-gradient(circle at 8% 12%,rgba(226,162,51,.18) 0,transparent 40%),radial-gradient(circle at 92% 88%,rgba(31,122,108,.16) 0,transparent 40%);color:var(--ink)}#app{max-width:900px;margin:0 auto;padding:2rem 1.25rem 4rem}h1,h2{font-weight:800;margin:0 0 .5rem}p{line-height:1.5}.back-link{display:inline-block;margin-bottom:1.25rem;color:var(--brown);text-decoration:none;font-weight:700}.back-link:hover{text-decoration:underline}.hub-header{text-align:center;margin-bottom:2rem}.hub-header h1{font-size:clamp(2.2rem,6vw,3.2rem);color:var(--maroon);text-shadow:3px 3px 0 var(--mustard)}.doodle{display:inline-block;transform:rotate(-8deg)}.subtitle{color:var(--brown);font-size:1.1rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem}.game-card{position:relative;display:block;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:1.5rem;text-decoration:none;color:var(--ink);box-shadow:6px 6px 0 var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.game-card:not(.disabled):hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--shadow)}.game-card.disabled{opacity:.55;cursor:default}.game-card-emoji{font-size:2.5rem;margin-bottom:.5rem}.game-card-emoji.big{font-size:4rem}.game-card h2{font-size:1.3rem}.game-card p{margin:.25rem 0 .75rem;color:var(--brown)}.badge{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:.25rem .6rem;border-radius:999px;background:#e5d9c3;color:var(--brown)}.badge-play{background:var(--teal);color:var(--paper)}.coming-soon-body{text-align:center;padding:3rem 1rem}.book-cricket h1{color:var(--maroon)}.rules{color:var(--brown);margin-top:0}.scoreboards{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}.scoreboard{flex:1;min-width:160px;background:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:.9rem 1.1rem;display:flex;flex-direction:column;box-shadow:5px 5px 0 var(--shadow)}.scoreboard-label{font-weight:700;color:var(--brown);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.scoreboard-score{font-family:Space Mono,monospace;font-size:2rem;font-weight:700;color:var(--ink)}.scoreboard-balls{font-size:.85rem;color:var(--brown)}.mode-select{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-top:1.5rem}.mode-card{font-family:inherit;text-align:center;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:1.75rem 1.25rem;cursor:pointer;color:var(--ink);box-shadow:6px 6px 0 var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.mode-card:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--shadow)}.mode-card-emoji{display:block;font-size:2.5rem;margin-bottom:.5rem}.mode-card h2{font-size:1.2rem;color:var(--maroon)}.mode-card p{margin:.25rem 0 0;color:var(--brown);font-size:.95rem}.pass-hint{font-weight:700;color:var(--teal)}.toss{text-align:center;padding:2.5rem 1rem;background:var(--paper);border:3px dashed var(--brown);border-radius:18px;margin-top:1.5rem}.coin{font-size:4rem;margin-bottom:1rem}.coin.flipping{animation:flip .35s ease-in-out infinite}.toss-prompt{font-size:1.15rem;font-weight:700;color:var(--ink);margin:.4rem 0}.toss-choices{display:flex;gap:1rem;justify-content:center;margin-top:1rem;flex-wrap:wrap}.book{text-align:center;padding:2rem 1rem;background:var(--paper);border:3px dashed var(--brown);border-radius:18px;margin-bottom:1.5rem}.book-emoji{font-size:4rem;transition:transform .25s ease}.book.flipping .book-emoji{animation:flip .55s ease-in-out infinite}@keyframes flip{0%{transform:rotateY(0)}50%{transform:rotateY(180deg)}to{transform:rotateY(360deg)}}.page-reveal{margin-top:.75rem;font-family:Space Mono,monospace;font-size:1.2rem;font-weight:700}.page-reveal.out{color:var(--maroon)}.page-reveal.muted,.page-reveal.flipping-text{color:var(--brown);font-weight:400;opacity:.8}.page-number{display:block;font-size:.85rem;color:var(--brown);font-weight:400}.controls{text-align:center;margin-bottom:1.5rem}.btn{font-family:inherit;font-weight:700;font-size:1.05rem;padding:.75rem 1.75rem;border-radius:999px;border:3px solid var(--ink);cursor:pointer;background:var(--mustard);color:var(--ink);box-shadow:4px 4px 0 var(--shadow);transition:transform .1s ease,box-shadow .1s ease}.btn:hover:not(:disabled){transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--shadow)}.btn:disabled{opacity:.6;cursor:default}.btn-primary{background:var(--teal);color:var(--paper)}.handover,.result{background:var(--paper);border:3px solid var(--ink);border-radius:14px;padding:1.25rem;box-shadow:5px 5px 0 var(--shadow)}.result-text{font-weight:700;font-size:1.1rem}.ball-log{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.ball{width:2.2rem;height:2.2rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--sky);color:var(--paper);font-family:Space Mono,monospace;font-weight:700}.ball-out{background:var(--maroon)}.site-footer{position:fixed;right:1.25rem;bottom:1.25rem;display:flex;align-items:center;gap:.75rem;background:var(--paper);border:3px solid var(--ink);border-radius:999px;padding:.5rem .6rem .5rem 1rem;box-shadow:5px 5px 0 var(--shadow);z-index:10}.created-by{font-size:.85rem;font-weight:700;color:var(--brown);text-decoration:none}.created-by:hover{text-decoration:underline}.feedback-btn{font-family:inherit;font-weight:700;font-size:.9rem;padding:.5rem 1rem;border-radius:999px;border:3px solid var(--ink);cursor:pointer;background:var(--mustard);color:var(--ink);transition:transform .1s ease}.feedback-btn:hover{transform:translate(-2px,-2px)}.feedback-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#2b21188c;display:flex;align-items:center;justify-content:center;padding:1.25rem;z-index:20}.feedback-overlay[hidden]{display:none}.feedback-modal{position:relative;width:100%;max-width:420px;background:var(--paper);border:3px solid var(--ink);border-radius:18px;padding:2rem 1.5rem 1.5rem;box-shadow:8px 8px 0 var(--shadow)}.feedback-modal h2{color:var(--maroon);margin-top:0}.feedback-close{position:absolute;top:.75rem;right:.75rem;width:2rem;height:2rem;border-radius:50%;border:2px solid var(--ink);background:var(--cream);font-size:1.2rem;line-height:1;cursor:pointer;color:var(--ink)}#feedback-form{display:flex;flex-direction:column;gap:.9rem}#feedback-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:700;font-size:.9rem;color:var(--brown)}#feedback-form input,#feedback-form textarea{font-family:inherit;font-size:1rem;padding:.6rem .75rem;border:2px solid var(--ink);border-radius:10px;background:var(--cream);color:var(--ink);resize:vertical}#feedback-form input:focus,#feedback-form textarea:focus{outline:2px solid var(--teal);outline-offset:1px}.feedback-status{margin:0;font-weight:700;font-size:.9rem;min-height:1.2em}.feedback-status-success{color:var(--teal)}.feedback-status-error{color:var(--maroon)}@media(max-width:480px){.site-footer{left:1rem;right:1rem;justify-content:space-between}}