:root{--red:#d62a1f;--red-deep:#b8201a;--cream:#f2d5c4;--cream-deep:#e9c4af;--ink:#c8281c;--stamp:#2b3cc4;--mono:"Space Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--display:"Antonio", "Arial Narrow", Impact, sans-serif;--card-pad:clamp(10px, 3.5vw, 18px);--gap:2px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{min-height:100%;margin:0}body{color:var(--cream);font-family:var(--mono);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;padding:max(12px, env(safe-area-inset-top)) 12px max(24px, env(safe-area-inset-bottom));background:#0d0d0d;justify-content:center;display:flex}#app{width:min(100%,440px)}.card{background:var(--red);border:3px solid var(--cream);padding:var(--card-pad);isolation:isolate;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 18px 50px #0009}.card:after{content:"";pointer-events:none;opacity:.22;mix-blend-mode:multiply;z-index:3;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.card__title{font-family:var(--display);color:var(--cream);letter-spacing:0;justify-content:space-between;margin:4px 0 14px;padding:0 4px;font-size:clamp(56px,19vw,84px);font-weight:700;line-height:.9;display:flex}.card__title span{display:inline-block;transform:scaleY(1.05)}.card__footer{color:var(--cream);text-transform:uppercase;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;padding:0 6px;display:flex}.card__footer-side{letter-spacing:.08em;opacity:.95;font-size:11px}.card__footer-title{font-family:var(--display);letter-spacing:.04em;font-size:clamp(24px,8vw,34px);line-height:1}.grid{gap:var(--gap);background:var(--ink);border:2px solid var(--ink);border-radius:4px;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;overflow:hidden}.cell{appearance:none;aspect-ratio:1/1.05;background:var(--cream);min-width:0;color:var(--ink);font-family:var(--mono);text-transform:uppercase;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;border:0;flex-direction:column;justify-content:space-between;align-items:center;margin:0;padding:5px 2px 4px;transition:background-color .12s;display:flex;position:relative}.cell:active{background:var(--cream-deep)}.cell.is-free{cursor:default}.cell__label,.cell__sub{letter-spacing:.02em;text-align:center;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%;font-size:clamp(7px,2.3vw,10px);line-height:1.05;display:-webkit-box;overflow:hidden}.cell__icon{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;display:flex}.cell__icon .icon{width:58%;max-width:44px;height:58%;max-height:44px}.cell.is-free .cell__icon .icon{width:52%;height:52%}.cell__stamp{pointer-events:none;color:var(--stamp);opacity:0;transform:rotate(var(--rot,0deg)) scale(1.6);mix-blend-mode:multiply;z-index:2;justify-content:center;align-items:center;transition:opacity .14s,transform .18s cubic-bezier(.2,1.4,.4,1);display:flex;position:absolute;inset:0}.cell__stamp .stamp{filter:drop-shadow(0 0 .4px #2b3cc499);width:86%;height:86%}.cell.is-marked .cell__stamp{opacity:.88;transform:rotate(var(--rot,0deg)) scale(1)}.cell.is-marked .cell__label,.cell.is-marked .cell__sub,.cell.is-marked .cell__icon{opacity:.8}.cell.is-free .cell__stamp{transition:none}.cell.in-line{background:#f6e2d4}.status{color:var(--cream);margin:18px 4px 0}.status__row{justify-content:space-between;align-items:center;gap:12px;display:flex}.status__row+.status__row{margin-top:8px}.status__name{letter-spacing:.02em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;overflow:hidden}.status__count{font-family:var(--display);font-size:30px;line-height:1}.status__of{opacity:.6;font-size:16px}.status__msg{opacity:.75;margin:0;font-size:12px}.status__msg.is-bingo{opacity:1;color:#ffd166;font-weight:700}.intro{background:var(--cream);color:var(--ink);text-transform:uppercase;text-align:center;border-radius:6px;flex-direction:column;gap:12px;padding:22px 18px 18px;display:flex}.intro__eyebrow{letter-spacing:.12em;opacity:.85;margin:0;font-size:11px}.intro__lede{margin:0 0 6px;font-size:13px;line-height:1.5}.intro__label{letter-spacing:.1em;font-size:11px}.intro__input{width:100%;font:inherit;text-align:center;text-transform:none;color:var(--ink);border:0;border-bottom:2px solid var(--ink);background:0 0;border-radius:0;outline:none;padding:8px 4px;font-size:18px}.intro__input::placeholder{color:var(--ink);opacity:.4}.intro__hint{opacity:.7;margin:4px 0 0;font-size:10px;line-height:1.5}.btn{font:inherit;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;touch-action:manipulation;border-radius:999px;padding:12px 20px;font-size:13px;font-weight:700}.btn--primary{background:var(--ink);color:var(--cream);border:2px solid var(--ink);margin-top:6px}.btn--primary:active{background:var(--red-deep)}.btn--ghost{color:var(--cream);background:0 0;border:1.5px solid #f2d5c499;padding:8px 14px;font-size:11px}.btn--ghost:active{background:#f2d5c426}.toast{pointer-events:none;font-family:var(--display);color:var(--cream);text-shadow:0 0 0 var(--red), 6px 6px 0 var(--stamp);z-index:10;place-items:center;font-size:clamp(72px,26vw,140px);animation:2.2s forwards pop;display:grid;position:fixed;inset:0}.toast[hidden]{display:none}@keyframes pop{0%{opacity:0;transform:scale(.6)rotate(-8deg)}15%{opacity:1;transform:scale(1.05)rotate(-4deg)}80%{opacity:1;transform:scale(1)rotate(-4deg)}to{opacity:0;transform:scale(1.1)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.cell__stamp,.cell{transition:none}.toast{animation:none}}