.bingobar-logo{width:clamp(110px,14vw,230px);height:auto;display:block;object-fit:contain}.welcome-logo{width:min(300px,80%);height:auto;margin:0 0 22px}.mobile-only,#rotateScreen{display:none}
#rotateScreen{position:fixed;inset:0;z-index:10000;background:radial-gradient(ellipse at top,#751638,#240916 65%,#080609);align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px;color:#ffe6a1;border:5px ridge #d5a738}#rotateScreen img{width:min(280px,55vw)}#rotateScreen h1{font:normal 28px Georgia;margin:14px}#rotateScreen p{max-width:360px;line-height:1.5}#rotateScreen small{color:#c8bca9}.rotate-device{margin-top:30px;border:3px solid #ffd76b;border-radius:13px;padding:8px 22px;font-size:60px;color:#ffd76b}.rotate-required #rotateScreen{display:flex}.rotate-required #game,.rotate-required #welcome,.rotate-required dialog,.rotate-required #chatPanel{visibility:hidden}.rotate-required body{overflow:hidden}
.phone body{height:100dvh;overflow:hidden;display:block;padding:0;background:#250916}.phone #game{width:100%;height:100dvh;max-height:none;display:flex;flex-direction:column;border:0;border-radius:0;padding:env(safe-area-inset-top) 0 calc(49px + env(safe-area-inset-bottom));margin:0;background:radial-gradient(ellipse at top,#54112a,#110a0e 70%)}.phone footer{display:none}
.phone .nav{order:-2;flex:none;display:flex;align-items:center;justify-content:space-between;min-height:52px;height:52px;padding:4px 10px;border-width:2px;background:linear-gradient(#58152b,#190a12);box-shadow:inset 0 0 9px #c8923755}.phone .nav-brand{padding:0;border:0;flex:none}.phone .bingobar-logo{width:135px}.phone .nav-account{display:flex;padding:0;gap:5px;border:0}.phone .nav-account .wallet{font-size:13px;padding:7px 9px}.phone .nav-account #sound{font-size:9px;min-height:36px;padding:5px}.phone #full{display:none}.phone .nav-links{position:fixed;bottom:0;left:0;right:0;z-index:25;height:calc(49px + env(safe-area-inset-bottom));padding:3px 5px calc(3px + env(safe-area-inset-bottom));background:linear-gradient(#52152a,#1b0a12);border-top:2px ridge #e0ba53;display:flex;justify-content:space-around}.phone .nav-links button{font-size:9px;letter-spacing:0;min-height:40px;padding:5px;color:#ffe6a1}
.phone .stage{order:-1;position:relative;display:grid;grid-template-columns:1fr 130px;grid-template-rows:143px 49px;gap:0;flex:0 0 192px;width:100%;height:192px;max-height:none;min-height:0;aspect-ratio:auto;padding:0;background:radial-gradient(ellipse at 20% 30%,#861d49,#240b17);border-bottom:2px ridge #c59a38;overflow:visible}.phone .hand{position:relative;grid-column:1;grid-row:1;width:139px;height:143px;min-height:0;justify-self:center;clip-path:none;overflow:hidden}.phone .hand img{display:block;position:absolute;width:370.277%;height:auto;left:0;top:0}.phone #globeCanvas{inset:0;width:100%;height:100%}.phone .pattern-wrap{position:relative;grid-column:2;grid-row:1;margin:6px 14px 3px 0;width:auto;height:134px;padding:5px;border:3px ridge #ecc25b;border-radius:12px;background:#030505;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;overflow:hidden}.phone .pattern-wrap .bingo-heading{position:static;font-size:12px;letter-spacing:1px;line-height:16px}.phone .pattern-wrap #patternName{position:static;order:0;width:100%;height:auto;min-height:0;font-size:9px;line-height:12px;padding:2px;color:#ffe4a0}.phone .pattern-wrap .pattern-board{position:static;order:1;width:76px;max-width:100%;height:76px;max-height:none;aspect-ratio:1;padding:2px;margin:auto;gap:3px!important;flex:none;border:0}.phone .pattern-wrap .pattern-board.pattern90{height:46px;aspect-ratio:5/3}.phone .pattern-board i{width:100%;height:auto;aspect-ratio:1}.phone .main-board{display:contents}.phone .main-board .marquee{display:none}.phone .main-board .last-balls{position:static;grid-column:1/-1;grid-row:2;width:auto;height:43px;min-height:0;margin:2px 8px 4px;padding:0;display:flex;gap:5px!important;border:0;background:none}.phone .call-chip{flex:1;min-width:0;padding:3px;border:1px solid #9b7835;border-radius:6px;background:linear-gradient(#332014,#110b08)}.phone .call-chip>small{font-size:6px!important;margin:0 0 2px}.phone .call-chip strong{font-size:19px!important}.phone .last-balls .call-chip span{font-size:10px!important}.phone .call-chip.newest{background:linear-gradient(#fff0ad,#e8b74a);border-color:#ffed9b;box-shadow:0 0 7px #ffd46870}
.phone .mobile-only{display:block}.phone #mobileBoard{position:absolute;top:6px;left:8px;z-index:3;font-size:9px;padding:5px;min-height:30px;background:#220d19e8}.phone .main-board .number-board{display:none}.phone.show-board .main-board .number-board{display:grid;position:fixed;z-index:40;top:115px;bottom:auto;left:8px;right:8px;height:230px;padding:12px 8px;border:3px ridge #e2bc4d;border-radius:12px;background:#080907;box-shadow:0 10px 40px #000}.phone.show-board #mobileBoard{position:fixed;top:72px;left:8px;z-index:41;min-height:38px}.phone .number-board span{font-size:12px!important}.phone .number-board.board75{grid-template-columns:14px repeat(15,minmax(0,1fr));gap:2px}.phone .number-board .board-letter{font-size:11px}
.phone .lower{display:block;flex:1;min-height:0;height:auto}.phone .slot-panel{display:none!important}.phone .play-area{display:flex;flex-direction:column;height:100%;min-height:0;padding:5px 8px;gap:4px}.phone .game-info{display:contents}.phone .round-tabs{order:0;display:flex;min-height:34px;gap:4px}.phone .round-tabs button{font-size:10px;min-height:32px;padding:5px 9px}.phone .zoom{margin-left:auto}.phone .zoom span{display:none}.phone .zoom button{min-width:32px}.phone .status-line{order:1;min-height:22px;height:auto;display:flex;align-items:center;padding:0;font-size:9px;gap:5px}.phone #countdown{font-size:11px}.phone .cards{order:2;flex:1;height:auto!important;min-height:0;overflow-y:auto;grid-template-columns:repeat(var(--phoneColumns,1),minmax(0,1fr))!important;padding:3px 2px 8px;gap:8px!important}.phone .card:not(.ninety){width:min(100%,310px)!important;justify-self:center}.phone .card.ninety{width:100%!important}.phone .card th{font-size:clamp(12px,6cqw,22px)!important}.phone .card-foot{font-size:clamp(8px,3.3cqw,11px)}.phone .legend{order:3;min-height:22px;padding:0;gap:6px;font-size:8px}.phone .legend label{font-size:9px}.phone .info-heading,.phone .footline,.phone .stage-prizes{display:none}.phone .display{order:4;display:grid;grid-template-columns:1fr;padding:5px 2px;border-top:1px solid #a07c33;gap:0}.phone .display dl{display:grid;grid-template-columns:1fr auto 1fr auto;gap:3px 7px;margin:0;padding:0;border:0}.phone .display dt{font:600 9px Arial;color:#c9b88f;align-self:center}.phone .display dd{font:700 12px Arial;color:#ffe49a}.phone .display dl+dl{display:none}.phone #mobileDetails{order:5;position:absolute;right:12px;bottom:calc(140px + env(safe-area-inset-bottom));display:none}.phone .purchase-bar{order:6;display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px;padding:0;margin:0}.phone .purchase-bar label{font-size:10px;grid-column:1;gap:4px;justify-content:center}.phone .purchase-bar select{padding:5px;font-size:12px}.phone .purchase-bar button{min-height:34px;font-size:10px;padding:5px}.phone .purchase-bar .gold-button{grid-column:2/4;font-size:14px;padding:5px}.phone .purchase-bar #replace{grid-column:1}.phone .purchase-bar .auto{grid-column:2}.phone .purchase-bar .start{grid-column:3;min-width:0;margin:0;font-size:8px}.phone dialog{width:calc(100% - 20px);max-height:85dvh;padding:16px}.phone .welcome{padding:24px;background:radial-gradient(ellipse at top,#761638,#180913)}.phone .welcome h1{font-size:38px}.phone .welcome p{font-size:14px}.phone #chatPanel{width:calc(100% - 16px);right:8px;bottom:58px;max-height:65dvh}.phone .celebration{width:calc(100% - 30px);max-height:80dvh;overflow:auto}
@media(max-height:740px){.phone .stage{flex-basis:159px;height:159px;grid-template-rows:112px 47px}.phone .hand{width:108px;height:112px}.phone .pattern-wrap{height:106px}.phone .pattern-wrap .pattern-board{width:55px;height:55px}.phone .pattern-wrap .pattern-board.pattern90{height:33px}.phone .stage{grid-template-columns:1fr 112px}.phone .nav{height:48px;min-height:48px}}
.phone #mobileDetails{display:block;position:static;padding:3px 5px;min-height:27px;font-size:8px;white-space:nowrap}.phone .status-line #statusText{flex:1}.phone.show-details .display{position:fixed;z-index:45;left:12px;right:12px;bottom:calc(156px + env(safe-area-inset-bottom));padding:18px;background:linear-gradient(#441126,#120a10);border:3px ridge #d6b04c;border-radius:12px;box-shadow:0 0 0 100vmax #0009;gap:15px}.phone.show-details .display dl{grid-template-columns:1fr auto}.phone.show-details .display dl+dl{display:grid}.phone.show-details .display dt{font-size:12px}.phone.show-details .display dd{font-size:16px}.phone.show-details #mobileDetails{position:fixed;z-index:46;bottom:calc(112px + env(safe-area-inset-bottom));right:12px;min-height:38px;font-size:12px}
.phone .cards{container-type:size}.phone .card:not(.ninety){width:min(100%,max(200px,calc(100cqh - 52px)),310px)!important}.phone .hand{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
.phone #showSlot{display:none}.phone .welcome button{min-height:44px}.rotate-required footer{display:none}
@media(max-height:650px){.phone .stage{height:110px;flex-basis:110px;grid-template-rows:70px 40px;grid-template-columns:1fr 105px}.phone .hand{height:70px;width:68px}.phone .pattern-wrap{height:66px;margin:2px 10px 2px 0;padding:2px;border-width:2px}.phone .pattern-wrap .bingo-heading{font-size:9px;line-height:10px}.phone .pattern-wrap #patternName{font-size:7px;line-height:9px;padding:0}.phone .pattern-wrap .pattern-board{width:37px;height:37px;gap:2px!important;padding:0}.phone .pattern-wrap .pattern-board.pattern90{height:23px}.phone .main-board .last-balls{height:36px;margin-bottom:2px}.phone .call-chip strong{font-size:16px!important}.phone .display{display:none}.phone.show-details .display{display:grid}.phone .nav{height:44px;min-height:44px}.phone .card:not(.ninety){width:min(100%,max(165px,calc(100cqh - 48px)),310px)!important}}
.phone .display .pink{color:#ffe49a!important}
/* A single aligned art coordinate system for the glass, balls and foreground. */
.globe-art{position:absolute;inset:0}
#boardCountdown[hidden]{display:none!important}
#boardCountdown{position:absolute;top:28%;bottom:29%;left:10%;right:9%;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:radial-gradient(ellipse,#251a07 0,#090904 55%,#000 85%);border-radius:15px;color:#ffe7a0;pointer-events:none}
#boardCountdown:before,#boardCountdown:after{content:'';width:52%;height:1px;background:linear-gradient(90deg,transparent,#d3a342,transparent);position:absolute;left:24%}#boardCountdown:before{top:9%}#boardCountdown:after{bottom:9%}
#boardCountdown>span{font:700 clamp(8px,1vw,17px) Arial;letter-spacing:.28em}#boardCountdown strong{font:700 clamp(24px,5.4vw,90px)/1 Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:.04em;background:linear-gradient(#fff8cf 5%,#ffe08b 38%,#b97c23 55%,#ffe3a0 80%,#c99335);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 2px 1px #5c340d) drop-shadow(0 0 13px #dca83a50)}#boardCountdown small{font-size:clamp(7px,.8vw,13px);letter-spacing:.15em;color:#c6ad72}.waiting-round{visibility:hidden}
.phone .stage{grid-template-columns:1fr 128px;background:radial-gradient(ellipse at 28% 65%,#8c184b,#3d0d25 60%,#210917);padding:0 7px}
.phone .hand{width:180px;height:143px;mask-image:none;clip-path:none;overflow:hidden;justify-self:center}
.phone .globe-art{inset:auto;top:-43px;left:0;width:180px;height:186px;clip-path:polygon(0% 79%,8% 74%,8% 58%,10% 48%,14% 40%,15% 35%,24% 35%,28% 31%,39% 28%,52% 28%,66% 33%,74% 42%,81% 46%,86% 52%,82% 65%,77% 78%,81% 81%,77% 88%,71% 94%,60% 100%,0% 100%)}
.phone .hand img{width:370.277%;height:auto;top:0;left:0}.phone .hand #globeCanvas{width:100%;height:100%;inset:0}.phone .pattern-wrap{margin-right:0;background:radial-gradient(ellipse,#111413,#000 70%);box-shadow:inset 0 0 6px #c7952860}
.phone #mobileBoard{top:5px;left:8px;font-size:8px;min-height:27px;z-index:4}
.phone #boardCountdown{position:absolute;top:36px;left:11px;right:145px;bottom:53px;background:radial-gradient(ellipse,#241605ee,#090807e8);border:1px solid #c49a45;border-radius:9px;gap:3px}.phone #boardCountdown>span{font-size:9px}.phone #boardCountdown strong{font-size:36px}.phone #boardCountdown small{font-size:8px}.phone #boardCountdown:before,.phone #boardCountdown:after{display:none}
.phone.show-board .number-board.waiting-round{visibility:visible}
@media(max-height:740px){.phone .hand{width:145px;height:112px}.phone .globe-art{width:145px;height:150px;top:-38px}.phone .stage{grid-template-columns:1fr 110px}.phone #boardCountdown{right:128px;top:32px;bottom:51px}.phone #boardCountdown strong{font-size:28px}.phone #boardCountdown small{display:none}}
@media(max-height:650px){.phone .hand{width:90px;height:70px}.phone .globe-art{width:90px;height:93px;top:-23px}.phone .stage{grid-template-columns:1fr 103px}.phone #boardCountdown{left:92px;right:116px;top:5px;bottom:44px;min-width:80px}.phone #boardCountdown>span{font-size:6px;letter-spacing:.1em}.phone #boardCountdown strong{font-size:22px}}
/* Runway-rendered plain glass bulbs, with distinct illuminated and unlit states. */
.pattern-board i{background:#000 url('assets/pattern-unlit.png') center/120% 120% no-repeat!important;border:0!important;border-radius:50%;box-shadow:none!important;filter:brightness(.55);overflow:hidden}
.pattern-board i.on{background-image:url('assets/pattern-lit.png')!important;filter:none;box-shadow:0 0 5px #55baff70!important}
.pattern-board i:after,.pattern-board i.on:after{display:none!important}
.phone .pattern-wrap .pattern-board{width:88px;height:88px}.phone .pattern-wrap .pattern-board.pattern90{height:53px}
@media(max-height:740px){.phone .pattern-wrap .pattern-board{width:66px;height:66px}.phone .pattern-wrap .pattern-board.pattern90{height:40px}}
@media(max-height:650px){.phone .pattern-wrap .pattern-board{width:37px;height:37px}.phone .pattern-wrap .pattern-board.pattern90{height:23px}}
/* Bingobar luxury ticket chrome and desktop toolbar. */
html:not(.phone) .nav{order:-1}
.play-area{background:radial-gradient(ellipse at top,#521b31,#240e1a 65%,#170b12)}
.cards{background:linear-gradient(120deg,#381022aa,#160c15aa);border-radius:8px;padding:8px}
.legend{background:#230e1b;border-top-color:#956e35}
.card{background:linear-gradient(120deg,#fff1b0,#ad762b 12%,#f4d47b 45%,#7a4c21 80%,#f6da86)!important;border-color:#ccab67;box-shadow:inset 0 0 0 1px #fff1a8,0 3px 8px #0008}
.card th{background:linear-gradient(#67243d,#290d1d)!important;color:#ffe4a1}
.card-foot{background:linear-gradient(#48172d,#210e1a);color:#e7d8bb;border-top-color:#b28a46}
.card[data-tg="1"] th,.card[data-tg="2"] th,.card[data-tg="3"] th{background:linear-gradient(var(--tg-top),#290d1d)!important}
.mobile-called-ball{display:none}
.phone .hand{display:none!important}
.phone .mobile-called-ball{display:flex;grid-column:1;grid-row:1;align-self:end;justify-self:center;align-items:center;flex-direction:column;padding:0 0 5px;gap:3px}
.mobile-called-ball>small{font-size:9px;letter-spacing:2px;color:#ffe2a1}
.mobile-called-ball>div{width:100px;aspect-ratio:1;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(circle at 30% 20%,#fff 0,#bdf7ff 9%,#31c9ec 30%,#06729d 65%,#042c56 90%);box-shadow:inset -5px -7px 12px #001c3c,0 4px 13px #0009;color:#142535;position:relative}
.mobile-called-ball>div:before{content:'';position:absolute;inset:19%;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#ffefcb);box-shadow:0 2px 5px #002c4a80}
.mobile-called-ball span,.mobile-called-ball strong{position:relative;z-index:1;line-height:1}.mobile-called-ball span{font-size:14px;font-weight:bold}.mobile-called-ball strong{font-size:39px}
.phone .mobile-called-ball.waiting{visibility:hidden}
.phone #boardCountdown{left:12px;right:145px;top:35px;bottom:55px}
@media(max-height:740px){.phone .mobile-called-ball>div{width:75px}.phone .mobile-called-ball strong{font-size:29px}.phone .mobile-called-ball span{font-size:11px}.phone .mobile-called-ball>small{font-size:7px}.phone #boardCountdown{right:125px}}
@media(max-height:650px){.phone .mobile-called-ball{justify-self:end;margin-right:14px}.phone .mobile-called-ball>div{width:55px}.phone .mobile-called-ball strong{font-size:21px}.phone .mobile-called-ball span{font-size:8px}.phone .mobile-called-ball>small{display:none}.phone #boardCountdown{left:90px;right:115px;top:8px;bottom:43px}}
#chatPanel{max-width:calc(100vw - 8px);max-height:calc(100dvh - 8px);overflow:hidden;border:2px solid #c5a252;border-radius:12px;background:#24121f;color:#f5e9d8;box-shadow:0 12px 50px #0009}
#chatPanel .modal-head{cursor:grab;touch-action:none;user-select:none;gap:7px;background:linear-gradient(#65213b,#351125);margin:-15px -15px 10px;padding:10px 12px;color:#ffe5a6}
#chatPanel.dragging .modal-head{cursor:grabbing}#chatPanel .modal-head h2{flex:1;font-size:17px;margin:0}#chatPanel .modal-head button{font-size:12px;padding:6px 9px}#chatPanel #closeChat{font-size:20px}
#chatPanel #messages{overflow-y:auto;max-height:35dvh}#chatPanel .muted{color:#cbbabf}#chatPanel input{background:#130c14;color:#fff;border-color:#967b55}
#chatPanel.chat-light{background:#fff6e6;color:#392330;color-scheme:light}#chatPanel.chat-light #messages{background:#fffaf1;color:#392330}#chatPanel.chat-light .muted{color:#75616c}#chatPanel.chat-light input{background:#fff;color:#392330;border-color:#b59c78}

#chatPanel.chat-light button{color:#fff1cb}
.card[data-tg="1"] th,.card[data-tg="2"] th,.card[data-tg="3"] th{background:linear-gradient(#ffffffa0,var(--tg-top) 35%,var(--tg-top) 70%,var(--tg-dark))!important;color:#071715}

/* Original theatrical palette with transparent globe over the continuous stage. */
html:not(.phone) .stage{background-image:url('assets/stage-empty-globe.png')}
html:not(.phone) .hand{background:none;clip-path:none;mask-image:none;overflow:hidden;height:100%}

html:not(.phone) .hand .globe-art{inset:0;width:100%;height:100%}
html:not(.phone) .hand img{display:block}
html:not(.phone) #globeCanvas{width:100%;height:100%}
.nav,.phone .nav,.phone .nav-links{background:linear-gradient(#9b354b 0%,#5c132d 12%,#350b20 52%,#1d0714 85%,#671d36);border-color:#e2b853;box-shadow:inset 0 1px 0 #ffe6a1,inset 0 -1px 0 #926321}
.nav-brand{border-right:3px ridge #e5bf61}.nav-account{border-left:3px ridge #e5bf61}
.nav-links button{border-radius:0}.nav-links button+button{border-left:1px solid #c49a4d55}
.nav-account button{background:linear-gradient(#6d2b3e,#29101e);border-color:#b99856}
.phone .nav-brand{border-right:0}.phone .nav-account{border-left:2px ridge #d4ac54;padding-left:7px}.phone .nav-links button+button{border-left:1px solid #ba914d66}
.play-area,.cards,.legend{background:#030303}
.legend{display:flex;flex-wrap:wrap;align-items:center;gap:7px;min-height:38px;height:auto;padding:5px 7px;border-top:1px solid #bb934a}
.legend .status-line{display:flex;flex-direction:column;align-items:flex-start;gap:2px;margin:0 auto 0 0;padding:0;min-height:0;line-height:1.2;font-size:9px;border:0;background:none;flex:1 1 130px}
.legend #countdown{font-size:12px;white-space:nowrap;color:#ffdf83}.legend label{margin-left:auto}
html:not(.phone) .play-area{grid-template-rows:minmax(0,1fr) auto}
.phone .legend{order:3;min-height:45px;gap:5px;padding:3px 0;flex:none}
.phone .legend .status-line{order:0;flex:0 0 100%;flex-direction:row;align-items:center;justify-content:space-between;font-size:8px;min-height:20px}
.phone .legend #countdown{font-size:10px}.phone .legend #mobileDetails{position:static;display:block;margin:0;padding:3px 4px;font-size:7px;min-height:20px}
html:not(.phone) .legend{font-size:clamp(9px,.72vw,13px)}html:not(.phone) .legend .status-line{font-size:clamp(10px,.8vw,14px)}html:not(.phone) .legend #countdown{font-size:clamp(12px,1vw,18px)}html:not(.phone) .legend label{font-size:clamp(9px,.72vw,13px)}

/* Original single stage artwork restored, with no replacement background patches. */
.nav-links button+button,.phone .nav-links button+button{border-left:0}
.nav-brand,.nav-account,.phone .nav-account{border-left:0;border-right:0}
.lower{border-top:5px solid transparent;border-image:linear-gradient(to bottom,#6e3908,#fce68d 28%,#c38a24 52%,#fff0ae 70%,#78420e) 1}
/* Reference palette: magenta menu, silver tickets and luminous cyan details. */
.nav,.phone .nav,.phone .nav-links{background:linear-gradient(100deg,#650b36,#b20c55 43%,#760b40 75%,#430923);border-block-width:1px;box-shadow:inset 0 1px #fbe49b66,inset 0 -1px #7d4a16}
.lower{border-top-width:2px}
.card{background:linear-gradient(135deg,#f6f9fc,#87939f 35%,#e0e6eb 65%,#64707c)!important;border:2px solid #aab4bd;border-radius:4px;box-shadow:inset 0 0 0 1px #f4faff,0 2px 5px #0008;padding:3px}
.card th{background:#020406!important;color:#00e9ff;text-shadow:0 0 3px #007bff;letter-spacing:2px}
.card-foot{background:linear-gradient(#141b23,#030507);color:#bcefff;border-color:#8c9ba7;border-radius:0;padding:4px 5px}
.card:not(.ninety) td,.card.ninety td{background:linear-gradient(135deg,#fff,#e7edf5 55%,#c6ceda);box-shadow:inset 1px 1px #fff,inset -1px -1px #8e99a6;color:#06090d}
.card[data-tg="1"],.card[data-tg="2"],.card[data-tg="3"]{border-color:var(--tg-top)}
.card[data-tg="1"] th,.card[data-tg="2"] th,.card[data-tg="3"] th{background:linear-gradient(#ffffffa0,var(--tg-top) 35%,var(--tg-top) 70%,var(--tg-dark))!important;color:#071715;text-shadow:none}
.game-info .info-heading{color:#24e9ff;text-shadow:0 0 4px #006cff;font-size:clamp(12px,1vw,17px)}
.game-info .display dt{color:#18e4ff;font-weight:800;font-style:italic;text-shadow:0 0 3px #005dff;line-height:1.25}
.game-info .display dd,.game-info .display dd button{color:#4df5ff;font-weight:800;line-height:1.25}
html:not(.phone) .game-info .display dt{font-size:clamp(11px,1vw,18px)}
html:not(.phone) .game-info .display dd,html:not(.phone) .game-info .display dd button{font-size:clamp(14px,1.25vw,23px)}
html:not(.phone) .game-info .display dl{row-gap:clamp(4px,.65vh,8px)}
.phone .display dt{color:#18e4ff}.phone .display dd{color:#4df5ff}
.game-info .display dt.pink{color:#ff315b!important;text-shadow:0 0 3px #8900ff}.game-info .display dd.pink{color:#ff44db!important}
.pattern-wrap .bingo-heading{color:#05f4ff;font-family:Arial,sans-serif;font-weight:900;text-shadow:0 0 2px #fff,0 0 5px #008cff,0 0 9px #003dff,0 0 14px #0028ec}
html:not(.phone) .pattern-wrap .bingo-heading{font-size:clamp(16px,1.8vw,29px);letter-spacing:2px}
.pattern-wrap .bingo-heading{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));text-align:center;align-items:center}
html:not(.phone) .pattern-wrap .bingo-heading{left:19.5%;right:auto;width:61%;padding-inline:2%;column-gap:4%;letter-spacing:0;font-size:clamp(13px,1.5vw,25px)}
.phone .pattern-wrap .bingo-heading{width:88px;left:auto;right:auto;margin-inline:auto;padding-inline:2px;gap:3px;letter-spacing:0}
@media(max-height:740px){.phone .pattern-wrap .bingo-heading{width:66px}}
@media(max-height:650px){.phone .pattern-wrap .bingo-heading{width:37px;padding-inline:0;gap:2px;font-size:7px}}
/* Black navigation and blue ticket surrounds. */
.nav,.phone .nav,.phone .nav-links{background:#030303;box-shadow:inset 0 1px #ffdf8d66,inset 0 -1px #663b11}
.card th{background:linear-gradient(#193d8c,#07256e)!important;color:#17f2ff}
.card-foot{background:linear-gradient(#153b87,#092466);color:#d4f4ff;border-color:#8aafe3}
.card[data-tg="1"] th,.card[data-tg="2"] th,.card[data-tg="3"] th{background:linear-gradient(#ffffffa0,var(--tg-top) 35%,var(--tg-top) 70%,var(--tg-dark))!important}
html:not(.phone) .game-info{container-type:size;gap:4px}
html:not(.phone) .game-info .display dt{font-size:clamp(10px,min(1vw,3cqh),17px);line-height:1.15}
html:not(.phone) .game-info .display dd,html:not(.phone) .game-info .display dd button{font-size:clamp(12px,min(1.25vw,3.6cqh),21px);line-height:1.15}
html:not(.phone) .game-info .display dl{gap:clamp(2px,1cqh,5px);margin-bottom:0}
html:not(.phone) .game-info .display dl+dl{margin-top:5px;padding-top:5px}
html:not(.phone) .game-info .info-heading{font-size:clamp(11px,3cqh,16px)}
html:not(.phone) .game-info .purchase-bar{padding-top:4px;gap:4px}

html:not(.phone) .game-info{gap:2px}
@container (max-height:280px){
 .game-info .display dl{row-gap:1px!important}
 .game-info .display dt,.game-info .display dd,.game-info .display dd button{line-height:1!important}
 .game-info .display dl+dl{margin-top:3px!important;padding-top:3px!important}
 .game-info .purchase-bar{gap:3px!important;padding-top:2px!important}
}
/* Match the blue-violet pattern globes without changing column alignment. */
.pattern-wrap .bingo-heading span{color:#a6baff;background:linear-gradient(#b8fbff 5%,#62cfff 28%,#9b86ff 52%,#674bdf 72%,#28dfff 95%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;filter:drop-shadow(0 0 2px #087fff) drop-shadow(0 0 4px #6241ff)}
/* Supplied ticket reference: black header, cyan letters, blue shaded grid. */
.card{background:#000!important;border:1px solid #8d98a5;border-radius:0;padding:0;box-shadow:none}
.card th{background:#000!important;color:#00e9ff;text-shadow:1px 1px #174be8;letter-spacing:0;font-family:Arial,sans-serif;font-weight:700}
.card:not(.ninety) tbody,.card.ninety tbody{background:#fff}
.card:not(.ninety) td,.card.ninety td{background:#fff;box-shadow:inset 0 0 0 1px #7c838b;color:#000;font-family:Arial,sans-serif;font-weight:700;border-color:#4f5563;text-shadow:none}
.card-foot{background:#000;color:#bcefff;border-color:#4f5563}
.card td.free>span:before,.card td.free>span:after{display:none!important}
.card td.free>span{font-family:Arial,sans-serif;font-style:normal;font-weight:400;color:#000;text-shadow:none}
.card[data-tg="1"] th,.card[data-tg="2"] th,.card[data-tg="3"] th{background:var(--tg-top)!important;color:#071715;text-shadow:none}
.pattern-wrap .bingo-heading span{background:none;-webkit-text-fill-color:#8ba9ff;color:#8ba9ff;text-shadow:0 0 3px #218fff;filter:none}
/* Both section dividers use the same gold finish. */
.nav{border-color:transparent;border-image:linear-gradient(to bottom,#6e3908,#fce68d 28%,#c38a24 52%,#fff0ae 70%,#78420e) 1;box-shadow:none}
/* Prefer Nasalization where installed; hosted webfont awaits licensed asset. */
:root{--title-font:'Nasalization','Nasalization Rg',Arial,sans-serif}
h1,h2,h3,h4,h5,h6,.info-heading,.slot-heading,.bingo-heading,.pattern-wrap .bingo-heading,.card th,#patternName,#hallTitle,#roundState,.nav-links button,.round-tabs button,.mobile-called-ball small,#boardCountdown>span{font-family:var(--title-font)!important}

/* Reference BINGO strip: one continuous black-to-electric-blue background. */
.card thead{background:linear-gradient(90deg,#000 0%,#010131 25%,#09017b 46%,#090ab2 65%,#1301f0 90%,#0a01c8 100%)}
.card th{background:transparent!important;border-top:0;border-bottom:1px solid #7c838b}
.card[data-tg="1"] th,.card[data-tg="2"] th,.card[data-tg="3"] th{background:var(--tg-top)!important}

html:not(.phone) .game-info .round-tabs{padding-bottom:7px}
/* Fixed PNG artwork rendered in Nasalization; no font file is served. */
.card thead{background-image:url('assets/headings/bingo-card-nasalization.png'),linear-gradient(90deg,#000 0%,#010131 25%,#09017b 46%,#090ab2 65%,#1301f0 90%,#0a01c8 100%);background-size:100% 100%;background-repeat:no-repeat}
.card th,.card[data-tg="1"] th,.card[data-tg="2"] th,.card[data-tg="3"] th{background:transparent!important;color:transparent!important;text-shadow:none!important}
.card[data-tg="1"] thead,.card[data-tg="2"] thead,.card[data-tg="3"] thead{background-image:url('assets/headings/bingo-card-nasalization.png'),linear-gradient(var(--tg-top),var(--tg-top))}
.pattern-wrap .bingo-heading span{display:block;align-self:stretch;background:url('assets/headings/bingo-board-nasalization.png') 0 center/500% 100% no-repeat;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;filter:none}
.pattern-wrap .bingo-heading span:nth-child(2){background-position:25% center}.pattern-wrap .bingo-heading span:nth-child(3){background-position:50% center}.pattern-wrap .bingo-heading span:nth-child(4){background-position:75% center}.pattern-wrap .bingo-heading span:nth-child(5){background-position:100% center}
/* Compact navigation with prominent round prize displays. */
.nav-prizes{display:none}
html:not(.phone) .nav{grid-template-columns:minmax(125px,16%) minmax(165px,1fr) minmax(240px,30%) auto;gap:10px;align-items:center;padding:3px 10px;flex-basis:64px;min-height:64px}
html:not(.phone) .nav-brand{padding:0;min-width:0}
html:not(.phone) .nav-brand .bingobar-logo{width:100%;max-width:210px;height:auto;max-height:49px;object-fit:contain}
html:not(.phone) .nav-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px 5px;padding:0;justify-content:center}
html:not(.phone) .nav-links button{font-size:clamp(9px,.8vw,13px);padding:4px 2px;min-height:22px;letter-spacing:.3px;white-space:nowrap}
html:not(.phone) .nav-prizes{display:grid;grid-template-columns:1fr 1fr;gap:9px;min-width:0;height:50px}
.nav-prize{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-width:0;border:1px solid #eac765;border-radius:10px;background:radial-gradient(ellipse at top,#562336,#150b12 70%);box-shadow:inset 0 0 0 2px #4a351b,inset 0 1px 7px #d9a84855,0 1px 5px #000;padding:3px 8px}
.nav-prize>span{font:700 9px Arial,sans-serif;letter-spacing:1.6px;color:#ffe4a1;white-space:nowrap}
.nav-prize>strong{font:800 clamp(17px,1.65vw,29px)/1 Arial,sans-serif;letter-spacing:.5px;color:#57efff;text-shadow:0 0 8px #00bbff55;font-variant-numeric:tabular-nums}
.jackpot-display{background:radial-gradient(ellipse at top,#443211,#120e07 70%)}.jackpot-display>strong{color:#ffe48a;text-shadow:0 0 8px #e8a00055}
html:not(.phone) .nav-account{gap:5px;padding:0}
html:not(.phone) .nav-account .wallet{padding:7px 9px;font-size:clamp(11px,1vw,16px)}
html:not(.phone) .nav-account button{padding:6px;font-size:10px}
html:not(.phone) #prizeLabel,html:not(.phone) #prize,html:not(.phone) #detailJackpotLabel,html:not(.phone) #jackpot{display:none}
html:not(.phone) .game-info .display dt{font-size:clamp(11px,min(1.2vw,4cqh),20px);line-height:1.1}
html:not(.phone) .game-info .display dd,html:not(.phone) .game-info .display dd button{font-size:clamp(13px,min(1.5vw,4.7cqh),25px);line-height:1.1}
html:not(.phone) .game-info .display dl{row-gap:clamp(3px,1.2cqh,9px)}
html:not(.phone) .game-info .info-heading{font-size:clamp(12px,min(1.2vw,3.8cqh),20px);margin-bottom:5px}
/* Near-win status is an outer halo only, on 75- and 90-ball tickets. */
.card:is([data-tg="1"],[data-tg="2"],[data-tg="3"]),.card.ninety:is([data-tg="1"],[data-tg="2"],[data-tg="3"]){border:1px solid #8d98a5;box-shadow:0 0 3px 1px var(--tg-top),0 0 9px 2px color-mix(in srgb,var(--tg-top) 70%,transparent)}
.card:is([data-tg="1"],[data-tg="2"],[data-tg="3"]) thead{background-image:url('assets/headings/bingo-card-nasalization.png'),linear-gradient(90deg,#000 0%,#010131 25%,#09017b 46%,#090ab2 65%,#1301f0 90%,#0a01c8 100%)}
.card:is([data-tg="1"],[data-tg="2"],[data-tg="3"]) th{border-color:#7c838b}
.card:is([data-tg="1"],[data-tg="2"],[data-tg="3"]) .card-foot{background:#000;color:#bcefff;border-color:#4f5563}
.cards{padding:8px!important}

/* Desktop toolbar sits between the stage and the tickets. */
html:not(.phone) .nav{order:0}
/* Larger, heavier PNG lettering, retaining the five column centres. */
.pattern-wrap .bingo-heading span{transform:scale(1.9,1.85);transform-origin:center;filter:drop-shadow(.8px 0 0 #2bdcff) drop-shadow(-.8px 0 0 #2bdcff) drop-shadow(0 .45px 0 #2bdcff)}
/* Equal-sized navigation buttons with rounded gold outlines. */
html:not(.phone) .nav-links{gap:4px 7px}
html:not(.phone) .nav-links button{width:100%;height:24px;min-height:24px;border:1px solid #b89342;border-radius:7px;padding:3px 6px;background:linear-gradient(#17130a,#070706);box-shadow:inset 0 1px #f8db7833;line-height:1.1}
html:not(.phone) .nav-links button:hover{border-color:#ffe49a;background:#29200f}

/* Game-detail values remain white at every size. */
.game-info .display dd,.game-info .display dd button,.game-info .display dd span{color:#fff!important;text-shadow:none!important}

.game-info .display dd.pink{color:#fff!important}
/* Strong near-win border and halo, with unchanged ticket faces. */
.card:is([data-tg="1"],[data-tg="2"],[data-tg="3"]),.card.ninety:is([data-tg="1"],[data-tg="2"],[data-tg="3"]){border:3px solid var(--tg-top)!important;box-shadow:0 0 4px 2px var(--tg-top),0 0 13px 4px color-mix(in srgb,var(--tg-top) 85%,transparent),inset 0 0 3px var(--tg-top)!important}
.cards{gap:16px!important;padding:12px!important}

#detailCoinsLabel,#displayCoins{display:none!important}

/* Electric-blue pattern title with a clean solid face and royal-blue glow. */
.pattern-wrap .bingo-heading span{background:#00aaff!important;mask-image:url('assets/headings/bingo-board-nasalization.png');mask-size:500% 100%;mask-repeat:no-repeat;mask-position:0 center;-webkit-mask-image:url('assets/headings/bingo-board-nasalization.png');-webkit-mask-size:500% 100%;-webkit-mask-repeat:no-repeat;-webkit-mask-position:0 center;filter:drop-shadow(.8px 0 #008cff) drop-shadow(-.8px 0 #008cff) drop-shadow(0 0 2px #002fff)}
.pattern-wrap .bingo-heading span:nth-child(2){mask-position:25% center;-webkit-mask-position:25% center}.pattern-wrap .bingo-heading span:nth-child(3){mask-position:50% center;-webkit-mask-position:50% center}.pattern-wrap .bingo-heading span:nth-child(4){mask-position:75% center;-webkit-mask-position:75% center}.pattern-wrap .bingo-heading span:nth-child(5){mask-position:100% center;-webkit-mask-position:100% center}

.pattern-wrap .bingo-heading{filter:drop-shadow(0 0 1px #007aff) drop-shadow(0 0 3px #002bff) drop-shadow(0 0 5px #002bff)}