@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--bg:#041713;--deep:#06251e;--panel:#092d25;--panel2:#0c3c32;--gold:#e9c277;--gold2:#b88731;--mint:#71e5b6;--white:#f7f5ea;--muted:#97b3a7;--stroke:rgba(218,193,129,.18);--shadow:0 24px 70px #0006}*{box-sizing:border-box}body{margin:0;color:var(--white);font-family:'DM Sans',Arial,sans-serif;background:var(--bg);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.ambient{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 80% 2%,#1357447a,transparent 43%),radial-gradient(ellipse at -5% 57%,#133c34,transparent 48%),linear-gradient(120deg,#061b17,#041511)}.ambient i{position:absolute;border:1px solid #d9b56815;border-radius:50%;width:700px;height:700px;right:-260px;top:-240px}.ambient i:nth-child(2){width:540px;height:540px;right:-180px;top:-160px}.ambient i:nth-child(3){width:400px;height:400px;right:-100px;top:-80px}.topbar{max-width:1440px;margin:auto;padding:20px 42px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ecc36b1c}.brand{display:flex;align-items:center;gap:12px}.logo-mark{width:47px;height:47px;border:2px solid var(--gold);border-radius:12px;display:grid;place-items:center;font:900 35px 'Barlow Condensed';color:var(--gold);box-shadow:inset 0 0 20px #ddad2930;position:relative}.logo-mark span{font-size:10px;position:absolute;right:3px;top:1px}.brand strong{font:900 29px/1 'Barlow Condensed';letter-spacing:1.3px}.brand strong em{font-style:normal;color:var(--gold)}.brand small{display:block;font-size:9px;letter-spacing:2.3px;color:var(--muted);margin-top:4px}.top-right{display:flex;align-items:center;gap:15px}.online{color:#b4c8b9;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.3px;font-weight:800}.online b{width:7px;height:7px;border-radius:50%;background:#58df95;box-shadow:0 0 9px #65ffc6}.icon-button,.profile{color:var(--white);background:#113b32;border:1px solid var(--stroke);border-radius:10px;padding:10px}.icon-button{font-size:20px;width:42px;height:42px}.profile{display:flex;align-items:center;gap:9px;font-weight:800;font-size:11px}.avatar{display:grid;place-items:center;width:26px;height:26px;border-radius:7px;color:#10382d;background:var(--gold)}.chev{color:var(--gold)}.view{max-width:1440px;margin:auto;padding:0 42px}.hero{min-height:505px;display:grid;grid-template-columns:1fr 1fr;align-items:center;position:relative;overflow:hidden}.hero-copy{z-index:2;padding:52px 0 40px}.eyebrow{display:block;font-size:10px;letter-spacing:2.5px;color:var(--gold);font-weight:800}.hero h1{font:900 clamp(74px,8vw,132px)/.79 'Barlow Condensed',Impact,sans-serif;letter-spacing:-1px;margin:25px 0 25px;text-shadow:0 6px 25px #0006}.hero h1 span{color:var(--gold)}.hero-copy p{max-width:450px;color:#bdd3c9;line-height:1.8;font-size:14px}.hero-pills{display:flex;gap:9px;flex-wrap:wrap;margin:25px 0 33px}.hero-pills span{font-size:10px;letter-spacing:1px;font-weight:800;color:#dfc58c;border:1px solid var(--stroke);background:#183f33;border-radius:6px;padding:8px 10px}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.btn{min-height:48px;padding:13px 25px;border-radius:9px;letter-spacing:1.2px;font-size:11px;font-weight:900;border:1px solid transparent;transition:.2s transform,.2s filter}.btn:hover{transform:translateY(-2px);filter:brightness(1.13)}.btn.primary{color:#18251d;background:linear-gradient(135deg,#f7d99a,#cf9e46);box-shadow:0 7px 25px #f7c65c30}.btn.secondary{border-color:#a18856;background:#143c31;color:#f2d9a5}.hero-art{height:460px;position:relative;display:grid;place-items:center;overflow:visible}.glow-halo{position:absolute;width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,#20856b75,#0b392c33 50%,transparent 69%);filter:blur(15px)}.prize-ring{position:relative;transform:rotate(-7deg);width:min(380px,90%);aspect-ratio:1;border-radius:50%;border:13px solid #bb913f;box-shadow:0 0 0 8px #082b25,0 0 0 11px #a7813b,0 23px 45px #0009,inset 0 0 55px #1bc28844;background:radial-gradient(circle at 33% 26%,#1e6d58,#0b2f29 70%);display:grid;place-items:center}.prize-ring:before{content:'';position:absolute;inset:12px;border:2px dashed #e9bd6d9c;border-radius:50%}.outer-letters{position:absolute;top:38px;font:800 13px 'Barlow Condensed';letter-spacing:9px;color:#e1c17b}.prize-text{display:flex;flex-direction:column;align-items:center;z-index:1}.prize-text small{font-size:10px;letter-spacing:4px;color:#e8c990}.prize-text b{font:900 93px/.93 'Barlow Condensed';letter-spacing:-3px;color:#fff3cd;text-shadow:0 6px #a58138,0 12px 20px #0009}.prize-text strong{font:900 80px/.85 'Barlow Condensed';color:#e9be64;text-shadow:0 8px #603d10}.prize-text span{color:var(--gold);margin-top:18px}.floating-chip{position:absolute;z-index:2;padding:12px 17px;border:1px solid #ecce776e;border-radius:11px;background:linear-gradient(135deg,#195a49,#092a25);box-shadow:var(--shadow);font-weight:900;font-size:12px;color:#f7d991;transform:rotate(7deg)}.chip-one{top:56px;right:5px}.chip-two{left:18px;bottom:100px;transform:rotate(-9deg)}.chip-three{bottom:30px;right:30px;transform:rotate(4deg)}.home-bottom{display:grid;grid-template-columns:1.65fr 1fr;gap:18px}.panel{background:linear-gradient(125deg,#0b332aee,#09261fee);border:1px solid var(--stroke);border-radius:15px;box-shadow:var(--shadow);padding:23px}.section-line{display:flex;justify-content:space-between;align-items:center;gap:10px}.section-line h2,.section-line h3{font:800 21px 'Barlow Condensed';letter-spacing:1.2px;margin:0}.section-line span{font-size:9px;letter-spacing:1px;font-weight:800;color:var(--gold)}.mode-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.mode{text-align:left;min-height:166px;background:#0d3c32;border:1px solid #41705b73;border-radius:11px;padding:17px 13px;color:#f7f0df;display:flex;flex-direction:column;align-items:flex-start;transition:.2s}.mode:hover,.mode.active{background:linear-gradient(140deg,#1a644e,#0d3b32);border-color:var(--gold);transform:translateY(-2px)}.mode-icon{font-size:30px;color:var(--gold)}.mode b{font:800 18px 'Barlow Condensed';letter-spacing:1px;margin-top:8px}.mode small{color:#b3c9be;font-size:11px;line-height:1.5;margin-top:3px}.mode-foot{margin-top:auto;padding-top:11px;color:var(--gold);font-size:9px;font-weight:800;letter-spacing:.4px}.leader-podium{display:flex;gap:10px;align-items:flex-end;justify-content:center;margin-top:25px}.leader-podium>div{display:flex;flex-direction:column;align-items:center;gap:5px;width:30%;min-height:96px;background:#154338;border:1px solid #47765e6b;border-radius:12px 12px 5px 5px;padding:12px 4px}.leader-podium i{font-size:26px;font-style:normal}.leader-podium b{font:800 14px 'Barlow Condensed'}.leader-podium small{color:var(--gold);font-size:9px}.leader-podium .leader-first{min-height:128px;background:linear-gradient(#785e30,#223e30);border-color:var(--gold)}.leader-note{font-size:10px;color:var(--muted);line-height:1.5;margin:15px 0 0}footer{padding:28px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:9px;letter-spacing:1.5px;color:#799e8c}footer button{border:0;background:none;color:var(--gold);font-size:10px;font-weight:800;letter-spacing:1px}.game-top{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:25px 0}.back-link{background:transparent;border:0;color:#dfc388;font-weight:800;font-size:11px;letter-spacing:1px}.room-tag,.round-tag{display:flex;align-items:center;gap:10px;background:#124135;border:1px solid var(--stroke);padding:9px 14px;border-radius:8px;font-size:11px}.room-tag span{font-size:9px;color:var(--muted)}.room-tag strong{letter-spacing:2px;color:var(--gold)}.room-tag button{border:0;background:transparent;color:var(--white);font-size:16px}.round-tag{font-weight:800;color:var(--gold)}.game-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(270px,.8fr);gap:24px}.play-area{min-width:0}.game-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:10px}.game-heading h2{font:800 30px 'Barlow Condensed';margin:8px 0 14px;letter-spacing:1.2px}.game-heading h2 span{color:var(--gold)}.lines-count{text-align:right;margin-bottom:14px}.lines-count strong{font:900 37px 'Barlow Condensed';color:var(--gold)}.lines-count strong span{font-size:22px;color:#9bbbab}.lines-count small{display:block;font-size:9px;color:var(--muted)}.bingo-shell{border:1px solid #b58b4780;border-radius:17px;background:linear-gradient(145deg,#134737,#05251f);padding:16px;box-shadow:0 0 38px #1caa7040,inset 0 0 27px #0004}.bingo-letters{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;max-width:680px;margin:0 auto 8px}.bingo-letters span{text-align:center;color:#edc97c;font:900 31px 'Barlow Condensed';text-shadow:0 4px 12px #0005}.bingo-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;max-width:680px;margin:auto}.tile{position:relative;aspect-ratio:1;border:1px solid #e3cb8244;border-radius:11px;background:linear-gradient(148deg,#27735a,#0a3b31);color:#faf1d7;box-shadow:inset 0 2px #ffffff13,0 4px 0 #031912;font:800 clamp(17px,3vw,33px) 'Barlow Condensed';transition:background .2s,transform .2s}.tile:not(:disabled):hover{transform:translateY(-2px);border-color:var(--gold);background:#368166}.tile.called{background:linear-gradient(145deg,#e9c875,#b9852c);color:#1a3225;box-shadow:inset 0 2px #fff9c555,0 4px 0 #69481d}.tile.called:after{content:'✓';position:absolute;right:7px;top:3px;font:800 13px 'DM Sans'}.tile.fresh{animation:pop .38s ease}.tile.line-win{outline:2px solid #fcde93;box-shadow:0 0 18px #ffda718c}.tile:disabled{opacity:1}.turn-control{display:flex;align-items:center;gap:10px;padding:13px 15px;margin-top:14px;border:1px solid var(--stroke);border-radius:10px;background:#0c352d}.turn-info{flex:1;min-width:0}.turn-info small{display:block;color:#9ebdb0;font-size:9px;letter-spacing:1.5px}.turn-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f7d68c;font:800 23px 'Barlow Condensed'}.timer-chip,.next-round{border:1px solid #947949;border-radius:8px;padding:9px 12px;background:#214e3e;color:#f6d88c;display:flex;gap:7px;align-items:center;font:800 16px 'Barlow Condensed';white-space:nowrap}.timer-chip.warning{background:#723f2b;color:#fff3a9}.next-round{background:linear-gradient(#f1d495,#d2a44d);color:#14372b;font-size:13px}.call-history{margin:22px 0}.called-numbers{min-height:55px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:12px}.call-chip{width:39px;height:39px;border:1px solid #bb9b53;border-radius:50%;display:grid;place-items:center;background:#1a4e3d;color:#f5d68a;font-weight:900;font-size:13px}.call-chip:last-child{background:var(--gold);color:#163729}.no-calls,.muted{font-size:11px;color:var(--muted)}.side-panel{display:flex;flex-direction:column;gap:16px}.status-chip{color:#85d7ac!important}.player-list{display:flex;flex-direction:column;gap:8px;margin-top:14px;max-height:305px;overflow:auto}.player-item{display:flex;gap:10px;align-items:center;padding:10px;border:1px solid #3a6a543e;border-radius:9px;background:#114235}.player-item.turn{border-color:var(--gold);background:#1c4d3b}.player-face{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;border-radius:9px;background:#c2a15d;color:#143c30;font-weight:900}.player-meta{flex:1;min-width:0}.player-meta b{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player-meta small{color:#a3bfae;font-size:10px}.player-lines{font:800 18px 'Barlow Condensed';color:var(--gold)}.side-divider{border-top:1px solid var(--stroke);margin:18px 0}.powers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:13px}.power{background:#154a3b;color:#ecce8f;border:1px solid #8b7c4e73;border-radius:10px;padding:12px 9px;display:flex;flex-direction:column;align-items:flex-start;gap:5px;text-align:left;min-height:93px}.power b{font-size:12px}.power small{font-size:10px;color:#bed0bf}.power.used{opacity:.35}.mini-rules strong{color:var(--gold);font-size:10px;letter-spacing:1.5px}.mini-rules p{font-size:11px;color:#a7c3b5;line-height:1.7}.feed{display:flex;flex-direction:column;gap:10px;margin-top:14px;max-height:210px;overflow:auto}.feed-item{font-size:11px;color:#b4c9bd;border-bottom:1px solid #ffffff0d;padding-bottom:9px}.feed-item b{color:var(--gold)}.modal-backdrop,.winner-overlay{position:fixed;inset:0;z-index:20;background:#010b09cf;backdrop-filter:blur(9px);display:grid;place-items:center;padding:20px}.modal{width:min(490px,100%);max-height:90vh;overflow:auto;position:relative;background:linear-gradient(145deg,#165243,#092a23);border:1px solid #d3af5f75;border-radius:17px;padding:29px;box-shadow:0 40px 110px #000b}.modal h2{font:900 37px 'Barlow Condensed';margin:9px 0}.modal p{color:#bad1c4;font-size:12px;line-height:1.7}.close-modal{position:absolute;right:17px;top:14px;background:none;border:0;color:#f4d490;font-size:20px}.field{display:flex;flex-direction:column;gap:7px;margin:15px 0}.field label{font-size:10px;font-weight:800;color:#d7c28b;letter-spacing:1px}.field input,.field select{background:#08281f;border:1px solid #a58e5c82;border-radius:8px;color:var(--white);outline:none;width:100%;padding:14px}.field input:focus,.field select:focus{border-color:#f4d187}.field small{color:#9fbab1;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-actions{display:flex;gap:10px;margin-top:18px}.form-actions .btn{flex:1}.form-note{font-size:11px;color:#acbeaf;padding-top:12px}.winner-box{text-align:center;width:min(440px,100%);border:2px solid var(--gold);border-radius:22px;background:radial-gradient(circle at 50% 0%,#356b4c,#062820 75%);box-shadow:0 0 100px #e5c06458;padding:45px 23px}.winner-crown{font-size:65px}.winner-box small{display:block;color:var(--gold);font-weight:900;letter-spacing:3px;margin:13px 0}.winner-box h2{font:900 58px 'Barlow Condensed';color:#f8d785;margin:6px}.winner-box p{font-size:13px;color:#c6d7c3}.toast{position:fixed;top:85px;right:23px;z-index:50;padding:12px 18px;background:#1e654d;border:1px solid #ddb66b;color:#fff7e6;border-radius:9px;font-size:12px;max-width:320px;box-shadow:var(--shadow);opacity:0;pointer-events:none;transform:translateY(-10px);transition:.25s}.toast.show{opacity:1;transform:translateY(0)}@keyframes pop{0%{transform:scale(.88);filter:brightness(2)}70%{transform:scale(1.07)}100%{transform:scale(1)}}@media(min-width:1100px){.bingo-shell{max-width:730px}}@media(max-width:900px){.topbar,.view{padding-left:22px;padding-right:22px}.hero{min-height:440px}.hero-art{height:340px}.prize-ring{width:285px}.prize-text b{font-size:64px}.prize-text strong{font-size:65px}.floating-chip{font-size:9px}.home-bottom{grid-template-columns:1fr}.game-layout{grid-template-columns:1fr}.side-panel{display:grid;grid-template-columns:1fr 1fr}.side-panel .game-side{grid-column:1}.side-panel .activity{grid-column:2}.side-panel .game-side,.side-panel .activity{height:100%}.game-heading h2{font-size:28px}}@media(max-width:620px){.topbar,.view{padding-left:14px;padding-right:14px}.topbar{padding-top:12px;padding-bottom:12px}.brand strong{font-size:23px}.brand small{font-size:7px;letter-spacing:1.1px}.logo-mark{width:38px;height:38px;font-size:29px}.top-right{gap:7px}.online{display:none}.profile{padding:6px}.profile #profileName,.profile .chev{display:none}.icon-button{height:38px;width:38px}.hero{display:flex;flex-direction:column;min-height:auto;align-items:stretch}.hero-copy{padding:36px 0 6px}.hero h1{font-size:80px;margin:19px 0}.hero-copy p{font-size:12px}.hero-pills{margin:17px 0 20px}.hero-pills span{font-size:8px}.hero-art{height:275px}.prize-ring{width:238px;border-width:9px}.outer-letters{top:25px;letter-spacing:6px}.prize-text b{font-size:57px}.prize-text strong{font-size:56px}.floating-chip{padding:8px;font-size:8px}.chip-one{top:20px;right:0}.chip-two{bottom:50px;left:0}.chip-three{bottom:5px;right:3px}.panel{padding:16px}.mode-grid{gap:6px}.mode{min-height:145px;padding:10px 8px}.mode-icon{font-size:24px}.mode b{font-size:15px}.mode small{font-size:9px}.mode-foot{font-size:8px}.game-top{margin:15px 0}.game-heading h2{font-size:24px}.bingo-shell{padding:8px}.bingo-board{gap:4px}.tile{border-radius:7px;font-size:clamp(17px,6vw,29px)}.tile.called:after{font-size:8px;right:3px;top:1px}.bingo-letters span{font-size:25px}.turn-control{padding:9px;gap:5px}.turn-info strong{font-size:18px}.timer-chip,.next-round{padding:8px;font-size:13px}.side-panel{display:flex}.game-side,.activity{width:100%}.form-row{grid-template-columns:1fr}.modal{padding:22px}.modal h2{font-size:32px}footer{flex-direction:column;text-align:center;gap:12px}}