:root{--blue:#0877d8;--navy:#07377f;--green:#18b84b;--yellow:#ffcf35;--red:#ef2929;--ink:#092b68;--line:#d8e6ef}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden;font-family:Arial,Helvetica,sans-serif;background:#eaf7ff;color:var(--ink)}button,select,a{font:inherit}[hidden]{display:none!important}.game{height:100dvh;display:grid;grid-template-rows:clamp(90px,12vh,145px) 68px minmax(0,1fr)}.hero{background:url('assets/banner-bingo.jpg') center/cover no-repeat;border-bottom:4px solid #0877d8}.controls{padding:7px 14px;background:#e7f7ff;display:grid;grid-template-columns:1.05fr .8fr 1.35fr .8fr;gap:9px;border-bottom:3px solid #119de9}.control,.time{height:50px;border-radius:14px;border:2px solid #fff;box-shadow:0 3px 0 #0a5c9d33;display:flex;align-items:center;justify-content:center;gap:9px;font-weight:900;text-decoration:none;white-space:nowrap}.control{cursor:pointer}.start{background:linear-gradient(#35d65d,#14a83d);color:#fff}.pause{background:linear-gradient(#ffe78a,#f4c74f);color:#75570a}.cards{background:linear-gradient(#a84cf0,#7624d5);color:#fff}.time{background:#fff;color:var(--navy);padding:0 12px}.time i{font-size:21px}.time select{margin-left:auto;padding:6px 9px;border:1px solid #bfd9ed;border-radius:8px;background:#f8fcff;font-weight:900}.time b{font-size:11px}.board{min-height:0;display:grid;grid-template-columns:minmax(0,70fr) minmax(310px,30fr);gap:9px;padding:9px;background:linear-gradient(135deg,#e8f8ff,#dcf5ff 55%,#eaffd9)}.history,.current{min-height:0;border:3px solid #159ee7;border-radius:22px;overflow:hidden;box-shadow:0 8px 22px #003c7d1f}.history{background:#fff;display:grid;grid-template-rows:58px minmax(0,1fr)}.section-head,.current-head{display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(#ddf5ff,#c8edff);border-bottom:2px solid #b9def0}.section-head h1,.current-head h1{margin:0;font-size:clamp(19px,1.7vw,30px);font-weight:1000}.section-head h1 i{margin-right:8px}.counter{position:absolute;right:15px;background:linear-gradient(#2199f1,#0767c8);color:#fff;border-radius:999px;padding:7px 13px;font-size:13px;font-weight:1000}.history-grid{min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;display:grid;grid-template-columns:repeat(8,minmax(92px,1fr));grid-auto-rows:max-content;gap:9px;align-content:start;overscroll-behavior:contain;scrollbar-color:#75b8e4 #eaf6fd;scrollbar-width:thin}.history-grid::-webkit-scrollbar{width:10px}.history-grid::-webkit-scrollbar-track{background:#eaf6fd;border-radius:10px}.history-grid::-webkit-scrollbar-thumb{background:#75b8e4;border-radius:10px}.called{background:#fff;border:2px solid #e3e5e7;border-radius:15px;padding:6px;text-align:center;box-shadow:0 3px 8px #002b5c0d;animation:pop .18s ease-out}.obj-icon{height:92px;border:2px solid currentColor;border-radius:12px;display:grid;place-items:center;background:#f7fbff;font-size:42px}.called b{display:block;margin-top:6px;padding:5px 3px;border-radius:8px;background:#fff7ce;color:var(--ink);font-size:10px;line-height:1.05;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.c-blue{color:#138ed6;background:#e9f7ff}.c-pink{color:#ef4a94;background:#fff0f7}.c-green{color:#21b95a;background:#ecfff2}.c-yellow{color:#e99b00;background:#fff9e5}.c-purple{color:#9b4de4;background:#f7efff}.c-cyan{color:#0aa7b7;background:#ebfcff}.empty{grid-column:1/-1;min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:#8192a5}.question{width:70px;height:70px;border-radius:20px;background:#f0f2f3;display:grid;place-items:center;font-size:48px;font-weight:900}.empty strong{color:var(--navy)}@keyframes pop{from{transform:scale(.88);opacity:.2}to{transform:scale(1);opacity:1}}.current{background:linear-gradient(145deg,#b4f06f,#8ce24f);display:grid;grid-template-rows:58px minmax(0,1fr) 90px;padding-bottom:8px}.current-head{background:transparent;border:0}.current-head h1{background:linear-gradient(#1050a4,#073779);color:#fff;border-radius:999px;padding:9px 38px;font-size:clamp(17px,1.4vw,24px)}.status{position:absolute;right:12px;background:#fff;color:#14873b;border-radius:999px;padding:5px 8px;font-size:9px;font-weight:1000}.object-card{min-height:0;margin:0 10px 8px;background:radial-gradient(circle,#fff 0,#f8ffe9 48%,#efffd7 100%);border:2px solid #77c844;border-radius:22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:12px;overflow:hidden}.obj-icon.big{width:min(72%,260px);height:auto;aspect-ratio:1/1;border:0;border-radius:50%;font-size:clamp(75px,8vw,145px);box-shadow:0 10px 24px #23490020}.object-card h1{width:94%;margin:12px 0 0;background:linear-gradient(#fff4b3,#ffe077);border-radius:16px;padding:9px;color:var(--navy);font-size:clamp(23px,2.2vw,38px);line-height:1;text-transform:uppercase}.object-card h2{font-size:26px;margin:10px 0}.object-card p{margin:0;color:#648057}.ball{width:82px;height:82px;border-radius:24px;background:#0b55a5;color:#fff;display:grid;place-items:center;font-size:40px;font-weight:900}.bottom-controls{height:82px;margin:0 7px;display:grid;grid-template-columns:42% 58%;background:linear-gradient(#0b4c98,#052f70);border:3px solid #168fdc;border-radius:18px;overflow:hidden}.countdown{display:flex;align-items:center;justify-content:center;gap:12px;color:#fff}.countdown div{display:flex;flex-direction:column}.countdown span{font-size:11px;font-weight:900}.countdown small{font-size:9px;font-weight:800}.countdown strong{font-size:44px}.bingo{margin:6px;border:3px solid #fff;border-radius:14px;background:linear-gradient(#ff4141,#e71515);color:#fff;font-size:clamp(18px,1.8vw,30px);font-weight:1000;cursor:pointer;box-shadow:0 4px 0 #b00000}.overlay{position:fixed;inset:0;background:#00295cbd;backdrop-filter:blur(5px);display:grid;place-items:center;z-index:50}.dialog{width:min(400px,92vw);background:#fff;border:6px solid var(--yellow);border-radius:25px;text-align:center;padding:28px}.trophy{font-size:50px;color:#f2aa00}.dialog h2{font-size:40px;color:var(--red);margin:7px}.dialog button{border:0;border-radius:11px;background:var(--navy);color:#fff;padding:11px 25px;font-weight:900}
@media(max-width:1250px){.history-grid{grid-template-columns:repeat(6,minmax(88px,1fr))}.time span{display:none}}
@media(max-width:850px){html,body{height:auto;min-height:100%;overflow:auto}.game{height:auto;min-height:100dvh;display:flex;flex-direction:column}.hero{height:105px;flex:none}.controls{grid-template-columns:1fr 1fr}.time{grid-column:1/-1}.board{display:flex;flex-direction:column}.current{order:1;min-height:530px}.history{order:2;height:600px}.history-grid{grid-template-columns:repeat(4,1fr)}.obj-icon.big{width:min(62%,240px)}}
@media(max-width:520px){.hero{height:78px}.controls{padding:5px;gap:5px}.control,.time{height:45px;font-size:11px}.board{padding:5px}.current,.history{border-radius:16px}.current{min-height:500px}.history{height:560px}.history-grid{grid-template-columns:repeat(3,1fr);padding:7px;gap:6px}.obj-icon{height:78px;font-size:35px}.called b{font-size:8px}.section-head h1{font-size:16px}.counter{right:7px;font-size:10px;padding:5px 7px}.current-head h1{font-size:15px;padding:8px 28px}.status{right:6px;font-size:7px}.bottom-controls{height:75px}.countdown strong{font-size:38px}.bingo{font-size:19px}}