:root{--black: #14110e;--panel: #1e1a16;--panel-2: #26211c;--line: #37302a;--paper: #ece7dd;--amber: #ffb000;--amber-dim: #c98a17;--red: #e23a2e;--text: #efe9e0;--muted: #a99c8c;--display: "Archivo", system-ui, sans-serif;--body: "Inter", system-ui, sans-serif;--mono: "Share Tech Mono", ui-monospace, monospace}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:radial-gradient(120% 80% at 50% -10%,#211c17 0%,var(--black) 55%) fixed;color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none}button{font-family:inherit;cursor:pointer;border:none;background:none;color:inherit}.btn-primary{font-family:var(--display);font-weight:800;letter-spacing:.04em;text-transform:uppercase;font-size:.95rem;color:var(--black);background:var(--amber);padding:.85rem 1rem;border-radius:10px;width:100%;transition:transform .08s ease,filter .15s ease}.btn-primary:active{transform:translateY(1px)}.btn-primary:disabled{filter:saturate(.4) brightness(.8)}.btn-ghost{font-family:var(--display);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.9rem;color:var(--text);background:var(--panel-2);border:1px solid var(--line);padding:.85rem 1rem;border-radius:10px;flex:1}.loading{min-height:100dvh;display:grid;place-items:center;font-family:var(--mono);color:var(--amber);letter-spacing:.2em}.onboard{min-height:100dvh;display:grid;place-items:center;padding:1.5rem}.onboard-card{width:100%;max-width:380px}.rec{font-family:var(--mono);color:var(--red);font-size:.8rem;letter-spacing:.25em;display:flex;align-items:center;gap:.4rem;margin-bottom:1rem}.rec-dot{width:9px;height:9px;border-radius:50%;background:var(--red);animation:blink 1.4s steps(1) infinite}@keyframes blink{50%{opacity:.25}}.wordmark{font-family:var(--display);font-weight:900;font-size:clamp(2.8rem,16vw,4.4rem);line-height:.88;letter-spacing:-.02em;margin:0 0 .8rem;text-transform:uppercase}.wordmark:after{content:"";display:block;width:46px;height:6px;margin-top:.7rem;background:var(--amber)}.tagline{color:var(--muted);margin:0 0 2rem;font-size:.95rem}.field-label{display:block;font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--amber-dim);margin-bottom:.5rem}.text-input{width:100%;background:var(--panel);border:1px solid var(--line);border-radius:10px;color:var(--text);font-family:var(--body);font-size:1.05rem;padding:.85rem .9rem;margin-bottom:.9rem;outline:none}.text-input:focus{border-color:var(--amber)}.err{color:var(--red);font-size:.85rem;margin:.7rem 0 0}.returning{margin-top:2rem;border-top:1px solid var(--line);padding-top:1.3rem}.chip-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.7rem}.chip{background:var(--panel-2);border:1px solid var(--line);color:var(--text);padding:.5rem .85rem;border-radius:999px;font-size:.9rem}.chip:active{border-color:var(--amber)}.app{max-width:560px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;justify-content:space-between;padding:calc(env(safe-area-inset-top) + .9rem) 1rem .9rem;border-bottom:1px solid var(--line);position:sticky;top:0;background:linear-gradient(var(--black),rgba(20,17,14,.86));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.brand{display:flex;align-items:center;gap:.55rem}.lens{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#6c6157 0,#6c6157 20%,#1b1712 55%);box-shadow:0 0 0 2px var(--line),inset 0 0 4px #000}.brand-name{font-family:var(--display);font-weight:900;letter-spacing:.02em;font-size:.98rem}.counter{display:flex;align-items:center;gap:.6rem}.count-num{font-family:var(--mono);font-size:1.35rem;color:var(--amber);text-shadow:0 0 8px rgba(255,176,0,.35);line-height:1}.count-den{color:var(--amber-dim);font-size:.85rem}.bingo-badge{font-family:var(--mono);font-size:.68rem;letter-spacing:.12em;color:var(--black);background:var(--amber);padding:.25rem .4rem;border-radius:4px}.tabs{display:flex;gap:.4rem;padding:.7rem 1rem 0}.tab{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.03em;font-size:.82rem;color:var(--muted);padding:.55rem .9rem;border-radius:8px 8px 0 0;border-bottom:2px solid transparent}.tab.active{color:var(--text);border-bottom-color:var(--amber)}.content{flex:1;padding:1rem 1rem calc(env(safe-area-inset-bottom) + 1.5rem)}.board-region{position:relative}.hint{text-align:center;color:var(--muted);font-size:.85rem;margin-top:1rem}.back{font-family:var(--mono);color:var(--amber-dim);font-size:.85rem;letter-spacing:.08em;padding:.2rem 0;margin-bottom:.4rem}.viewing-name{font-family:var(--display);font-weight:900;text-transform:uppercase;font-size:1.4rem;margin:0 0 .8rem}.you{color:var(--amber);font-weight:600;font-family:var(--body);text-transform:none;font-size:.85rem}.board{display:grid;grid-template-columns:repeat(5,1fr);gap:5px}.cell{position:relative;aspect-ratio:1;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4px;text-align:center}.cell.empty{background:var(--panel);border:1px solid var(--line)}.cell.empty:active{border-color:var(--amber)}.cell.empty:disabled{opacity:.9}.prompt{font-size:clamp(8px,2.7vw,12px);line-height:1.15;color:var(--text);letter-spacing:.01em;word-break:break-word}.shutter{position:absolute;bottom:3px;right:4px;color:var(--amber-dim);font-size:.7rem}.cell.shot{padding:0;background:#000}.cell.shot img{width:100%;height:100%;object-fit:cover;display:block}.stamp{position:absolute;bottom:2px;right:3px;font-family:var(--mono);font-size:clamp(7px,2vw,10px);color:var(--amber);text-shadow:0 0 4px rgba(0,0,0,.9),0 0 6px rgba(255,176,0,.5);letter-spacing:.02em}.cell.free{background:repeating-linear-gradient(45deg,#2a2018,#2a2018 6px,#241b13 6px,#241b13 12px);border:1px solid var(--amber-dim);gap:2px}.free-star{color:var(--amber);font-size:1.1rem;line-height:1}.free-text{font-family:var(--mono);font-size:clamp(7px,2vw,10px);letter-spacing:.08em;color:var(--amber-dim)}.cell.bingo{outline:2px solid var(--amber);outline-offset:-2px;box-shadow:inset 0 0 14px #ffb00066}.spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--amber);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.flash{position:fixed;top:0;right:0;bottom:0;left:0;background:#fff;z-index:60;animation:flash .22s ease-out forwards;pointer-events:none}@keyframes flash{0%{opacity:.85}to{opacity:0}}.everyone{display:flex;flex-direction:column;gap:.7rem}.player-card{text-align:left;background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:.8rem;display:block;width:100%}.player-card:active{border-color:var(--amber-dim)}.pc-head{display:flex;align-items:baseline;gap:.6rem;margin-bottom:.6rem}.rank{font-family:var(--mono);color:var(--amber);font-size:1rem}.pc-name{font-family:var(--display);font-weight:800;text-transform:uppercase;letter-spacing:.02em;font-size:1rem;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pc-stats{display:flex;align-items:center;gap:.5rem;font-family:var(--mono);font-size:.72rem}.pc-bingo{color:var(--black);background:var(--amber);padding:.15rem .35rem;border-radius:4px}.pc-shots{color:var(--muted)}.mini{display:grid;grid-template-columns:repeat(5,1fr);gap:2px}.mini-cell{aspect-ratio:1;border-radius:2px;background:#2a241e;overflow:hidden;position:relative}.mini-cell.on{background:var(--amber-dim)}.mini-cell.free{background:var(--amber)}.mini-cell img{width:100%;height:100%;object-fit:cover}.empty-note{color:var(--muted);text-align:center;margin-top:2rem}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;background:#080604e6;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:50;display:grid;place-items:center;padding:1.2rem}.lb-inner{width:100%;max-width:420px}.lb-frame{position:relative;background:var(--paper);padding:10px 10px 46px;border-radius:4px;box-shadow:0 20px 50px #0009}.lb-frame img{width:100%;display:block;border-radius:2px}.lb-stamp{bottom:16px;right:18px;font-size:.9rem;color:var(--amber-dim);text-shadow:none}.lb-label{font-family:var(--display);font-weight:700;text-transform:uppercase;letter-spacing:.02em;text-align:center;margin:1rem 0}.lb-actions{display:flex;gap:.6rem}@media (min-width: 561px){.app{border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media (prefers-reduced-motion: reduce){*{animation:none!important}}