@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}:root{--primary:#8434d4;--secondary:#686de0;--accent:#22a6b3;--danger:#eb4d4b;--light:#f9f9f9;--dark:#130f40}body{font-family:"Inter",system-ui,-apple-system,sans-serif;background:#f0f2f5;color:var(--dark);margin:0;display:flex;flex-direction:column;align-items:center;min-height:100vh}header{background:var(--primary);color:#fff;width:100%;padding:2rem 0;clip-path:polygon(0 0,100%0,100% 85%,0 100%)}.container{max-width:500px;width:90%;margin-top:-20px}.card,header{text-align:center}.card{background:#fff;padding:25px;border-radius:16px;box-shadow:0 15px 35px rgba(0,0,0,.1);position:relative}.id-section{background:var(--light);padding:15px;border-radius:12px;border:1px dashed var(--secondary);margin:15px 0;cursor:pointer;position:relative}.id-section:active{transform:scale(.98)}.copy-hint{font-size:.7rem;color:var(--secondary);display:block;margin-top:5px}.btn,input{border-radius:8px;width:100%}input{padding:12px;box-sizing:border-box;border:2px solid #ddd;font-size:1rem;margin:10px 0}.btn{background:var(--primary);color:#fff;border:0;padding:14px 28px;font-weight:700;cursor:pointer;transition:.3s;margin-bottom:5px}.btn:hover{background:var(--secondary)}.btn-outline{background:0 0;color:var(--danger);border:1px solid var(--danger);margin-top:5px}.btn-outline:hover{background:#fff5f5}#game-area{margin-top:20px}.locked{filter:blur(2px) grayscale(50%);pointer-events:none;user-select:none;opacity:.7;transition:.5s filter ease}.bingo-progress{font-size:2.5rem;font-weight:900;letter-spacing:8px;margin:20px 0}.letter{color:#ddd;transition:color .4s}.letter.active{color:var(--accent);text-shadow:0 0 15px rgba(34,166,179,.5)}.status-pill{padding:8px 16px;border-radius:20px;font-weight:700;display:inline-block;margin-bottom:20px}.my-turn{background:#dff9fb;color:var(--accent);border:1px solid var(--accent)}.wait-turn{background:#fee;color:var(--danger);border:1px solid var(--danger)}.grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;background:var(--dark);padding:12px;border-radius:12px;user-select:none;-webkit-user-drag:none}::selection{background:#8434d4;color:#fff}.cell{aspect-ratio:1;background:#fff;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;border-radius:6px;cursor:pointer;transition:.2s}.cell.marked{background:var(--accent);color:#fff;transform:scale(.9)}.shake{animation:shake .3s ease-in-out}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(19,15,64,.95);color:#fff;display:none;flex-direction:column;justify-content:center;align-items:center;z-index:1000}.instructions-card{margin-top:20px;padding:20px;text-align:left}.steps-grid{display:flex;flex-direction:column;gap:15px;margin-top:15px}.step-item{display:flex;align-items:flex-start;gap:15px}.step-number{background:var(--primary);color:#fff;min-width:28px;height:28px;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:.9rem;font-weight:700;flex-shrink:0;box-shadow:0 4px 10px rgba(132,52,212,.3)}.step-content strong{display:block;font-size:.95rem;color:var(--dark)}.step-content p{margin:3px 0 0;font-size:.85rem;color:#666;line-height:1.4}@media (max-width:400px){.instructions-card{padding:15px}}