:root{--text:#615d59;--text-strong:#000000f0;--muted:#7c7771;--bg:#fbfaf8;--surface:#f6f5f4;--border:#0000001a;--blue:#0075de;--blue-active:#005bab;--blue-soft:#f2f9ff;--green:#1aae39;--focus:#097fe8;--shadow:#0000000a 0 8px 18px, #00000007 0 2px 8px, #00000005 0 1px 3px;--shadow-soft:#00000008 0 4px 14px, #00000005 0 1px 4px;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100svh;margin:0}#root{min-height:100svh}h1,p{margin:0}h1{color:var(--text-strong);letter-spacing:-1.4px;font-size:clamp(38px,7vw,64px);font-weight:800;line-height:1}@media (width<=640px){h1{letter-spacing:-.5px;font-size:36px}}.app-shell{width:min(1180px,100vw - 32px);margin:0 auto;padding:48px 0 56px}.hero{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:32px;padding:32px 0 28px;display:flex}.hero-copy{text-align:left;max-width:690px}.eyebrow,.save-pill,.difficulty{border-radius:9999px;align-items:center;width:fit-content;font-size:12px;font-weight:700;line-height:1.35;display:inline-flex}.eyebrow{color:var(--blue);background:var(--blue-soft);padding:5px 10px}.hero h1{max-width:760px;margin:18px 0 16px}.hero p{max-width:620px;color:var(--muted);font-size:18px}.hero-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;display:flex}button{font:inherit}.primary-action{color:#fff;background:var(--blue);cursor:pointer;border:1px solid #0000;border-radius:5px;align-items:center;gap:8px;min-height:40px;padding:8px 16px;font-size:15px;font-weight:700;transition:background-color .16s,transform .16s,box-shadow .16s;display:inline-flex}.primary-action:hover{background:var(--blue-active);box-shadow:var(--shadow)}.primary-action:active{transform:translateY(1px)}.save-pill{min-height:30px;color:var(--text);background:var(--surface);border:1px solid var(--border);padding:4px 10px}.stats-row{grid-template-columns:repeat(3,1fr);gap:12px;margin:24px 0;display:grid}.stats-row>div{text-align:left;border:1px solid var(--border);min-height:82px;box-shadow:var(--shadow-soft);background:#fff;border-radius:8px;padding:16px}.stats-row strong,.stats-row span{display:block}.stats-row strong{color:var(--text-strong);font-size:24px;line-height:1.1}.stats-row span{color:var(--muted);margin-top:8px;font-size:14px}.bingo-banner{color:#17692a;text-align:left;background:#eef9f0;border:1px solid #1aae3940;border-radius:8px;margin-bottom:18px;padding:14px 16px;font-weight:700}.board-wrap{border:1px solid var(--border);box-shadow:var(--shadow-soft);background:linear-gradient(#f6f5f4b8,#ffffffe6),#fff;border-radius:8px;padding:16px}.board{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;display:grid}.board-cell{text-align:left;min-height:138px;color:var(--text-strong);border:1px solid var(--border);cursor:pointer;background:#fff;border-radius:8px;flex-direction:column;justify-content:space-between;gap:12px;padding:12px;transition:border-color .16s,box-shadow .16s,transform .16s,background-color .16s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 1px #00000005}.board-cell:hover{box-shadow:var(--shadow);border-color:#0075de57;transform:translateY(-1px)}.board-cell:focus-visible,.primary-action:focus-visible{outline:2px solid var(--focus);outline-offset:3px}.board-cell.is-complete{background:#f4fbf2;border-color:#1aae394d}.board-cell.is-bingo{border-color:#dd5b0059;box-shadow:inset 0 0 0 2px #dd5b001a}.difficulty{text-transform:uppercase;letter-spacing:.125px;padding:3px 7px}.difficulty.easy{color:#17692a;background:#eef9f0}.difficulty.medium{color:#73510b;background:#fff4d8}.difficulty.hard{color:#903b00;background:#fff0e6}.cell-text{color:var(--text-strong);font-size:15px;font-weight:700;line-height:1.28;display:block}.checkmark{color:#fff;background:var(--green);opacity:0;border-radius:9999px;place-items:center;width:28px;height:28px;font-size:18px;font-weight:800;transition:opacity .16s,transform .16s;display:grid;position:absolute;bottom:8px;right:10px;transform:scale(.78)}.board-cell.is-complete .checkmark{opacity:1;transform:scale(1)}@media (width<=860px){.app-shell{width:min(100vw - 24px,680px);padding:24px 0 36px}.hero{flex-direction:column;align-items:flex-start;gap:20px}.hero-actions{justify-content:space-between;width:100%}.stats-row{grid-template-columns:1fr}.board-wrap{padding:10px}.board{gap:7px}.board-cell{min-height:116px;padding:9px}.difficulty{font-size:10px}.cell-text{font-size:12px;line-height:1.22}}@media (width<=520px){.app-shell{width:calc(100vw - 16px)}.board{gap:5px}.board-wrap{padding:6px}.board-cell{border-radius:6px;min-height:104px;padding:7px}.difficulty{text-overflow:ellipsis;max-width:100%;overflow:hidden}.checkmark{width:22px;height:22px;font-size:14px}}