@font-face{font-family:Nautilus;src:url(/assets/Nautilus-B0cOwngd.otf) format("opentype");font-weight:400;font-style:normal}:root{--bg-primary: #050511;--bg-secondary: #0f172a;--neon-blue: #6366f1;--neon-blue-glow: 0 0 10px rgba(99, 102, 241, .6), 0 0 20px rgba(99, 102, 241, .4);--neon-gold: #fbbf24;--neon-gold-glow: 0 0 10px rgba(251, 191, 36, .6), 0 0 20px rgba(251, 191, 36, .4);--neon-green: #34d399;--neon-green-glow: 0 0 10px rgba(52, 211, 153, .6);--neon-red: #f87171;--neon-red-glow: 0 0 10px rgba(248, 113, 113, .6);--glass-panel: rgba(15, 23, 42, .6);--glass-border: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .05);--text-primary: #f8fafc;--text-secondary: #94a3b8;--font-main: "Outfit", "Inter", system-ui, sans-serif;--font-display: "Nautilus", cursive}*{box-sizing:border-box}.no-scroll{overflow:hidden!important;touch-action:none}#root{width:100%}body{margin:0;font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);min-height:100vh;display:flex;justify-content:center;align-items:center;align-items:flex-start;background-image:linear-gradient(to bottom,#050511cc,#050511e6),url(/assets/bg_game-BLmg5lIm.png);background-size:cover;background-position:center;background-attachment:fixed;background-repeat:no-repeat;overflow-x:hidden;width:100%}h1,h2,h3,h4,.nautilus-text{font-family:var(--font-display);letter-spacing:1px}.neon-box{background:var(--glass-panel);border:1px solid rgba(99,102,241,.3);box-shadow:0 0 15px #6366f11a,inset 0 0 20px #6366f10d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;position:relative;overflow:hidden}.neon-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--neon-blue),transparent);opacity:.8}.neon-text-glow{text-shadow:0 0 10px rgba(255,255,255,.5)}.container{width:100%;max-width:1200px;padding:1rem;box-sizing:border-box}.card{background:#0f172ab3;border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.15);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:1.5rem;padding:2.5rem;box-shadow:0 20px 50px #00000080;transition:transform .3s cubic-bezier(.175,.885,.32,1.275)}@media (max-width: 768px){.container{padding:.5rem}.card{padding:1.5rem;border-radius:1rem}.mobile-flex-col{flex-direction:column!important;gap:1rem!important;align-items:stretch!important}.mobile-w-100{width:100%!important}.mobile-hidden{display:none!important}.header-controls{flex-direction:column;width:100%}.header-title{text-align:center!important;margin-bottom:1rem!important}.bingo-card-container{width:100%!important;max-width:340px!important}button{font-size:1rem!important;padding:12px 20px!important}.host-controls-row{flex-wrap:wrap;justify-content:center}.vertical-board-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:2000;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}.master-board-vertical{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;width:100%;max-width:400px;max-height:80vh;overflow-y:auto}.mb-cell{width:100%;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;font-weight:700;border-radius:4px;border:1px solid #333}}.card:hover{transform:translateY(-5px);border-color:#6366f166;box-shadow:0 20px 50px #00000080,0 0 30px #6366f11a}h1{font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:700;color:#fff;text-shadow:0 0 20px rgba(99,102,241,.8);margin-bottom:.5rem;letter-spacing:-.02em}button{background:transparent;color:var(--neon-blue);border:2px solid var(--neon-blue);padding:.8rem 2rem;border-radius:.75rem;font-weight:700;font-size:1rem;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .3s ease;box-shadow:0 0 10px #6366f133;position:relative;overflow:hidden}button.btn-primary{background:var(--neon-blue);color:#fff;border:2px solid var(--neon-blue);box-shadow:var(--neon-blue-glow)}button:hover{transform:scale(1.05);box-shadow:0 0 20px #6366f199;text-shadow:0 0 8px white}button.btn-primary:hover{background:#4f46e5;border-color:#4f46e5}button.btn-secondary{border-color:var(--text-secondary);color:var(--text-secondary);box-shadow:none}button.btn-secondary:hover{border-color:#fff;color:#fff;box-shadow:0 0 15px #ffffff4d}input{background:#0000004d;border:1px solid var(--glass-border);border-radius:.5rem;color:#fff;padding:.8rem;font-size:1rem;width:100%;box-sizing:border-box;transition:all .3s}input:focus{outline:none;border-color:var(--neon-blue);box-shadow:0 0 15px #6366f133;background:#00000080}.status-badge{display:inline-flex;align-items:center;gap:6px;padding:.35rem 1rem;background:#10b9811a;border:1px solid rgba(16,185,129,.3);color:var(--neon-green);border-radius:9999px;font-size:.875rem;font-weight:600;margin-top:1rem;box-shadow:0 0 10px #34d3991a}.status-dot{width:8px;height:8px;border-radius:50%;background-color:var(--neon-red);box-shadow:var(--neon-red-glow);transition:all .3s}.status-dot.connected{background-color:var(--neon-green);box-shadow:var(--neon-green-glow)}.dashboard-container{width:100%;max-width:1200px;padding:1rem;box-sizing:border-box}.host-header{padding:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center;color:#fff}.host-header-left{display:flex;align-items:center;gap:1rem}.host-header-right{display:flex;align-items:center}.host-nav-controls{display:flex;align-items:center;gap:10px}.host-title{margin:0;font-size:1.8rem}.lobby-code-badge{margin-left:10px;background:#fff3;padding:2px 8px;border-radius:4px;font-weight:700}.btn-exit{background:#0003;border:1px solid rgba(255,255,255,.3);color:#fff;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.credit-display{padding:5px 12px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;margin-right:10px}.host-content{display:flex;gap:2rem;flex-wrap:wrap}.host-panel-left{flex:2;min-width:300px}@media (max-width: 768px){body{justify-content:flex-start;align-items:flex-start;padding-top:20px;padding-bottom:20px;height:auto;min-height:100vh}.host-header{flex-direction:column;gap:1.5rem;align-items:stretch;padding:1rem}.host-header-left{justify-content:space-between;width:100%}.host-header-right{justify-content:center;width:100%}.host-nav-controls{flex-wrap:wrap;justify-content:center}.host-title{font-size:1.4rem}.host-content{flex-direction:column;gap:1rem}.host-panel-left{min-width:100%}.card-grid{grid-template-columns:repeat(auto-fill,minmax(80px,1fr))!important}.dashboard-container{padding:.5rem}.neon-box{padding:1rem!important}}.bingo-header-cell{display:flex;align-items:center;justify-content:center;font-weight:900;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.5);font-family:Orbitron,sans-serif}.header-b{background:linear-gradient(135deg,#ef4444,#b91c1c);box-shadow:inset 0 0 5px #0003}.header-i{background:linear-gradient(135deg,#f59e0b,#d97706);box-shadow:inset 0 0 5px #0003}.header-n{background:linear-gradient(135deg,#10b981,#059669);box-shadow:inset 0 0 5px #0003}.header-g{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:inset 0 0 5px #0003}.header-o{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:inset 0 0 5px #0003}.raccoon-cell{background-size:80%;background-position:center;background-repeat:no-repeat;image-rendering:high-quality}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.pattern-grid{display:flex;flex-wrap:wrap;gap:15px;max-height:400px;overflow-y:auto;padding:5px}.pattern-card{min-width:120px;flex:1 1 120px;max-width:150px;border-radius:8px;padding:10px;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .2s;position:relative}.pattern-card:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000004d}.pattern-label{margin-top:8px;font-size:.8rem;text-align:center;color:#ccc}.pattern-card.selected .pattern-label{color:var(--neon-green);font-weight:700}.pattern-author-tag{position:absolute;top:5px;right:5px;font-size:.6rem;background:var(--neon-blue);color:#fff;padding:1px 3px;border-radius:3px}@media (max-width: 768px){.pattern-grid{justify-content:center;max-height:350px}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000c;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:2rem 1rem;z-index:1000;animation:fadeIn .3s ease;overscroll-behavior:contain;touch-action:auto}.modal-content{margin:auto;background:#1e293b;border:1px solid rgba(255,255,255,.1);padding:2rem;border-radius:1rem;width:90%;max-width:500px;max-height:85dvh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;color:#fff;text-align:center;position:relative}.modal-content h3{margin-top:0;color:var(--neon-blue);font-size:1.5rem;margin-bottom:1.5rem}.modal-close-btn{position:absolute;top:10px;right:15px;background:none;border:none;color:#94a3b8;font-size:1.5rem;cursor:pointer;padding:0}.modal-close-btn:hover{color:#fff;transform:none;box-shadow:none}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cards-container{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center;width:100%}@media (max-width: 768px){.cards-container{flex-direction:column;align-items:center;flex-wrap:nowrap}.bingo-card{width:100%!important;max-width:350px!important}}@media (min-width: 1024px){body{padding-right:350px}.desktop-shift-fab,.desktop-shift-container{right:370px!important}.modal-overlay{padding-right:350px}}.public-chat-overlay{z-index:1100;display:none}.public-chat-overlay.is-open{display:flex}.public-chat-wrapper{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;justify-content:center;align-items:center}.public-chat-content{max-width:430px;width:90%;height:550px;display:flex;flex-direction:column;background:#1f2937;color:#fff;border:1px solid #374151;border-radius:8px;overflow:hidden;box-shadow:0 10px 25px #00000080}@media (min-width: 1024px){.public-chat-overlay{display:flex!important}.public-chat-wrapper{background:transparent;pointer-events:none}.public-chat-content{position:fixed;right:0;top:0;bottom:0;width:350px;height:100%;max-width:none;border-radius:0;border:none;border-left:2px solid rgba(255,255,255,.1);pointer-events:auto;box-shadow:-5px 0 20px #000c}.chat-close-btn,.chat-fab-btn{display:none!important}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.anim-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;animation-iteration-count:infinite;animation-delay:2s}