body{background-color:#000!important}.aspect-ratio-16-9{background:0 0;width:100%;height:100%;min-height:0;display:block;position:relative}.aspect-ratio-16-9:before{content:"";padding-bottom:min(100vh,56.25%);display:block}.aspect-ratio-16-9 .aspect-content{flex-direction:column;min-height:0;display:flex;position:absolute;inset:0;overflow:hidden}.main-container{color:#fff;user-select:none;background:0 0;flex-direction:column;align-items:flex-start;width:100%;height:100%;min-height:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji;display:flex;position:relative;overflow:hidden}.timer-container{font-size:clamp(.7rem,1.8vmin,1rem)}.compact-header{height:8%;min-height:unset;backdrop-filter:blur(10px);z-index:10;background:#171717b3;flex-direction:column;width:100%;margin-bottom:6px;display:flex;overflow:hidden;box-shadow:0 4px 30px #0000001a}.header-row{align-items:center;gap:clamp(.2rem,.5vw,.4rem);height:100%;display:flex}.compact-header,.compact-header *{line-height:1.1;font-size:clamp(.7rem,1.8vmin,1rem)!important}.bingo-title{text-transform:uppercase;letter-spacing:1px;cursor:pointer;color:#fff;background:0 0;border:none;margin:0;padding:0;font-family:Inter,sans-serif;font-weight:700;transition:color .3s;position:relative;font-size:clamp(.7rem,1.8vmin,1rem)!important}.bingo-title:after{content:"";transform-origin:100%;background:linear-gradient(90deg,#ff4d4d 0%,#f9cb28 100%);width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.bingo-title:hover{color:#fff}.bingo-title:hover:after{transform-origin:0;transform:scaleX(1)}.legacy-version{color:#ef4444;margin-left:.5rem;font-weight:600;display:inline-block}.new-version{color:#34d399;margin-left:.5rem;font-weight:600;display:inline-block}.sound-button{color:#fff;border-radius:.5rem;padding:.5rem 1rem;font-size:clamp(.7rem,1.8vmin,1rem);font-weight:700;transition:background .3s,transform .3s;position:relative}.cross-lines{width:85%;height:85%;position:relative}.cross-lines:before,.cross-lines:after{content:"";transform-origin:50%;background:#ff4d4d41;border-radius:2px;width:100%;height:4px;transition:all .3s;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #ff4d4da9}.cross-lines:before{transform:translate(-50%,-50%)rotate(45deg)}.cross-lines:after{transform:translate(-50%,-50%)rotate(-45deg)}.action-button{color:#fff;cursor:pointer;background:0 0;border-radius:6px;padding:clamp(.2rem,.6vw,.4rem) clamp(.4rem,1vw,.8rem);font-size:clamp(.7rem,1.8vmin,1rem);font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 6px #0000004d}.action-button:after{content:"";background:linear-gradient(90deg,#ff4d4d,#f9cb28);width:0;height:2px;transition:width .3s;position:absolute;bottom:4px;left:50%;transform:translate(-50%)}.action-button:hover{box-shadow:0 6px 10px #0006}.action-button:hover:after{width:100%}.action-button:active{transform:scale(.98);box-shadow:0 3px 5px #0000004d}.cross-lines-container{pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.sound-text{align-items:center;gap:2px;display:inline-flex}.animate-waves span{animation:1s ease-in-out infinite wave;display:inline-block}.animate-waves span:first-child{animation-delay:0s}.animate-waves span:nth-child(2){animation-delay:.1s}.animate-waves span:nth-child(3){animation-delay:.2s}@keyframes wave{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}.confirm-overlay{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.confirm-backdrop{background:#0000000d;position:absolute;inset:0}.confirm-dialog{background:#111827f2;border:1px solid #374151;border-radius:.75rem;padding:2rem;position:relative;transform:translateZ(0);box-shadow:0 25px 50px -12px #00000040}.confirm-title{text-align:center;color:#f3f4f6;margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.confirm-actions{justify-content:center;gap:1.5rem;display:flex}.confirm-button{color:#fff;cursor:pointer;background:#374151;border:none;border-radius:.5rem;min-width:100px;padding:.75rem 1.5rem;font-weight:500;transition:background-color .2s}.confirm-button:hover{background:#4b5563}.confirm-button.danger{background:#dc2626}.confirm-button.danger:hover{background:#ef4444}#bingo-grid{flex:auto;grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-rows:1fr;align-items:stretch;gap:1px;width:100%;max-width:100%;height:92%;min-height:0;padding:0;display:grid;overflow:auto}.loading-indicator{color:#fff;text-align:center;flex-direction:column;grid-area:1/1/-1/-1;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.loading-indicator p{margin:.5rem 0}.bingo-cell{aspect-ratio:auto;box-sizing:border-box;background:radial-gradient(circle,#1e293b 0%,#0f172a 100%);border-radius:4px;justify-content:center;align-items:center;width:100%;height:100%;margin:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;container:bingo-cell/size}.bingo-cell-text{text-align:center;box-sizing:border-box;-webkit-box-orient:vertical;justify-content:center;align-items:center;width:100%;height:100%;padding-left:.1rem;padding-right:.1rem;font-size:.75rem;line-height:1.1;transition:color .3s,font-size .2s;display:flex;position:absolute;overflow:hidden}@container bingo-cell (height<50px) and (height<40px){.bingo-cell-text{color:#3b82f6;font-size:.55rem}}@container bingo-cell (width>50px) and (height>40px){.bingo-cell-text{color:#3b82f6;font-size:.7rem}}@container bingo-cell (width>80px) and (height>80px){.bingo-cell-text{color:#3b82f6;font-size:.75rem}}@container bingo-cell (width>90px) and (height>90px){.bingo-cell-text{color:#3b82f6;font-size:.85rem}}.bingo-cell-text:hover{color:#f5f5f5;text-decoration:none;position:relative}.bingo-cell-text:hover:after{content:"";background:#ffd700e6;width:60%;height:2px;animation:1s infinite alternate glow;position:absolute;bottom:10%;left:50%;transform:translate(-50%);box-shadow:0 0 8px #ffd70099}.free-cell{pointer-events:none;color:#fff;font-weight:700;position:relative;background:url(free-spot.62e61874.jpg) 50%/cover no-repeat!important}.free-cell:before{content:"";z-index:1;background:#0006;position:absolute;inset:0}.free-cell .bingo-cell-text{z-index:2;font-size:1rem;position:relative}.winning-cell{border:2px solid gold;animation:1.5s infinite glow}@keyframes glow{0%,to{box-shadow:0 0 10px #ffd70080}50%{box-shadow:0 0 20px gold}}.selected-cell{color:#eee;background:radial-gradient(circle at 30% 30%,#501e28e6 0%,#411923f2 45%,#32141e 100%);transition:transform .2s,background .2s;box-shadow:0 0 6px #32141e33,inset 0 0 10px #0000004d}.selected-cell:hover{background:radial-gradient(circle at 70% 70%,#5a232de6 0%,#4b1e28f2 45%,#3c1923 100%);transform:scale(.99);box-shadow:0 0 8px #32141e40,inset 0 0 12px #00000059}.selected-cell .bingo-cell-text{color:#eee}.selected-cell .bingo-cell-text:hover:after{background:#ffffffe6;box-shadow:0 0 8px #fff9}.bingo-text-container{z-index:100;pointer-events:none;perspective:1000px;transform-style:preserve-3d;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;transform:translateZ(50px)}.bingo-text{transform-origin:50%;transform-style:preserve-3d;filter:drop-shadow(0 0 15px #00000080);background:0 0;gap:.5rem;animation:.5s cubic-bezier(.175,.885,.32,1.275) forwards scale-in,3s ease-in-out infinite float;display:flex}.bingo-text span{color:#0000;text-shadow:0 2px 4px #0000001a,0 4px 8px #0000001a;transform-style:preserve-3d;animation:.5s cubic-bezier(.4,0,.2,1) forwards letter-pop,2s ease-in-out infinite pulse;animation-delay:calc(var(--letter-index)*.1s),.5s;opacity:0;background-image:linear-gradient(to bottom right,gold,#f4bd00,gold,#fff3a3,gold);background-clip:text;font-size:5rem;font-weight:900;line-height:1;position:relative;transform:translateZ(50px)}.bingo-text span:after{content:attr(data-text);color:#0000;pointer-events:none;background-image:linear-gradient(90deg,#0000,#fffc,#0000);background-position:-100% 0;background-repeat:no-repeat;background-size:50% 100%;background-clip:text;animation:2s infinite shimmer;position:absolute;inset:0}@keyframes scale-in{0%{transform:scale(0)rotateX(-45deg)}to{transform:scale(1)rotateX(0)}}@keyframes letter-pop{0%{opacity:0;transform:translateZ(50px)rotateY(-45deg)}50%{opacity:1;transform:translateZ(150px)rotateY(25deg)}75%{transform:translateZ(100px)rotateY(-15deg)}to{opacity:1;transform:translateZ(50px)rotateY(0)}}@keyframes pulse{0%,to{text-shadow:0 2px 4px #0000001a,0 4px 8px #0000;transform:scale(1)translateZ(50px)}50%{text-shadow:0 4px 8px #ffd7001a,0 8px 16px #ffd7001a;transform:scale(1.1)translateZ(100px)}}@keyframes float{0%,to{transform:translateY(0)rotateX(0)translateZ(50px)}50%{transform:translateY(-20px)rotateX(5deg)translateZ(75px)}}@keyframes shimmer{0%{background-position:-100% 0}to{background-position:300% 0}}html,body,#app{height:100%;margin:0;padding:0}body{background-color:#000;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#app{flex-direction:column;display:flex}