@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Figtree:ital,wght@0,700;1,800&display=swap";:root{color:#17242c;font-synthesis:none;background:#f7f5ef;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.home{max-width:1280px;min-height:100vh;margin:auto;padding:28px 64px}.home header,.pageHead,.playerTop{justify-content:space-between;align-items:center;display:flex}.brand{letter-spacing:.06em;align-items:center;gap:11px;font-family:Figtree;font-size:20px;font-weight:800;display:flex}.brand small{letter-spacing:.24em;color:#819099;font-family:DM Sans;font-size:8px;display:block}.logo{color:#fff;background:#ef5a48;border-radius:50%;place-items:center;width:40px;height:40px;font-size:22px;display:grid}.icon,.back{background:0 0;border:0}.icon{border:1px solid #ddd7ca;border-radius:50%;width:42px;height:42px}.back{z-index:4;align-items:center;gap:6px;display:flex;position:fixed;top:24px;left:24px}.back svg{width:18px}.hero{grid-template-columns:1.1fr .9fr;align-items:center;min-height:440px;display:grid}.eyebrow,.step{letter-spacing:.18em;color:#ef5a48;font-size:12px;font-weight:700}.hero h1,.narrow h2,.lobby h2,.mobile h2,.pageHead h2{letter-spacing:-.05em;margin:18px 0;font-family:Figtree;font-size:64px;line-height:.95}.hero h1 i,h2 i{color:#ef5a48;font-style:italic}.hero p{color:#65727a;max-width:600px;font-size:19px;line-height:1.6}.balls{height:390px;position:relative}.balls b,.bigBall{border-radius:50%;place-items:center;font-family:Figtree;font-size:48px;display:grid;position:absolute;box-shadow:0 16px 35px #1b2a3229}.balls b:first-child{color:#fff;background:#ef5a48;width:150px;height:150px;top:30%;left:33%}.balls b:nth-child(2){background:#ffd34e;width:105px;height:105px;top:5%;left:5%;transform:rotate(-10deg)}.balls b:nth-child(3){color:#fff;background:#5dbcb8;width:120px;height:120px;top:6%;right:2%}.balls b:nth-child(4){background:#fff;width:75px;height:75px;bottom:5%;right:5%}.balls b:nth-child(5){color:#fff;background:#283e49;width:85px;height:85px;bottom:2%;left:8%}.choices{grid-template-columns:1fr 1fr;gap:20px;display:grid}.choice{text-align:left;border:0;border-radius:20px;align-items:center;gap:22px;padding:30px;transition:all .2s;display:flex}.choice:hover{transform:translateY(-4px);box-shadow:0 14px 30px #1426301f}.choice.yellow{background:#ffd34e}.choice.blue{color:#102b30;background:#5dbcb8}.choiceIcon{background:#fff9;border-radius:50%;place-items:center;width:64px;height:64px;display:grid}.choiceIcon svg{width:30px;height:30px}.choice span:nth-child(2){flex:1}.choice small,.choice strong,.choice em{display:block}.choice small{letter-spacing:.14em;margin-bottom:8px;font-size:10px;font-weight:700}.choice strong{font-family:Figtree;font-size:28px;line-height:1.05}.choice em{opacity:.7;margin-top:9px;font-size:13px;font-style:normal}.choice>svg{width:28px}.home footer{text-align:center;color:#98a0a3;padding:36px;font-size:12px}.narrow,.lobby,.mobile{text-align:center;max-width:920px;margin:auto;padding:70px 28px}.narrow .brand,.lobby .brand,.mobile .brand{justify-content:center;margin-bottom:70px}.narrow h2,.lobby h2{font-size:54px}.modeCards{grid-template-columns:1fr 1fr;gap:18px;margin:38px 0;display:grid}.modeCards>button{text-align:left;background:#fff;border:2px solid #0000;border-radius:20px;padding:28px;position:relative}.modeCards>button.selected{border-color:#ef5a48;box-shadow:0 10px 28px #1b2a3214}.modeIcon{border-radius:14px;place-items:center;width:50px;height:50px;margin-bottom:22px;display:grid}.coral{color:#ef5a48;background:#ffe0d9}.mint{color:#2f8885;background:#d7f1ed}.modeCards b{font:700 22px Figtree}.modeCards p{color:#718087;line-height:1.55}.tick{color:#fff;background:#ef5a48;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:18px;right:18px}.tick svg{width:16px}.primary{color:#fff;background:#ef5a48;border:0;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:15px 26px;font-weight:700;display:inline-flex}.primary:hover{background:#d94837}.primary:disabled{opacity:.35;cursor:not-allowed}.primary svg{width:18px}.huge{padding:19px 32px;font-size:18px}.page{max-width:1200px;margin:auto;padding:32px 60px}.pageHead{margin-bottom:35px}.pageHead h2{margin:0;font-size:38px}.pill{background:#fff;border:1px solid #ddd7ca;border-radius:999px;align-items:center;gap:7px;padding:10px 16px;display:flex}.pill svg{width:17px}.pill.active{color:#fff;background:#17242c}.instruction{background:#fff1c3;border-radius:16px;align-items:center;gap:22px;margin-bottom:25px;padding:18px 50px;display:flex;position:relative}.instruction span{font-size:13px;display:grid}.instruction span strong{color:#97771b;font-size:11px}.instruction>button{background:0 0;border:0;position:absolute;right:14px}.caller{background:#fff;border-radius:24px;padding:35px;box-shadow:0 8px 30px #17242c0c}.callerTop{grid-template-columns:1fr 1fr;align-items:center;gap:50px;display:grid}.callerTop>div:first-child{text-align:center}.bigBall{background:#ffd34e;width:260px;height:260px;margin:15px auto 0;font-size:112px;position:static;box-shadow:inset -12px -15px #e8b933,0 22px 40px #17242c24}.controls{flex-direction:column;gap:14px;display:flex}.controls label{background:#f7f5ef;border-radius:12px;grid-template-columns:24px 1fr auto;align-items:center;gap:9px;padding:12px;display:grid}.controls label svg{width:18px}.controls select{background:0 0;border:0}.history{border-top:1px solid #eee9df;margin-top:30px;padding-top:22px}.history>span{letter-spacing:.14em;color:#879399;font-size:11px}.history div{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.history b{border:1px solid #e5e1d9;border-radius:50%;place-items:center;width:42px;height:42px;display:grid}.history b.latest{color:#fff;background:#17242c}.win{background:#d7f1ed;border-radius:18px;align-items:center;gap:20px;margin-top:25px;padding:20px 25px;display:flex}.win>span{font-size:50px}.win h2{margin:2px 0}.win p{margin:0}.win button{margin-left:auto}.scores{margin-top:25px}.scores span{border-top:1px solid #eee9df;align-items:center;gap:12px;padding:10px;display:flex}.scores span>b{background:#ffd34e;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.scores strong{margin-left:auto}.roomTag{background:#fff;border-radius:999px;padding:10px 16px;font-size:12px;font-weight:700}.lobbyGrid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.qr,.waiting{background:#fff;border-radius:22px;padding:30px}.qr svg{max-width:100%;height:auto}.qr b{letter-spacing:.18em;margin-top:18px;font:800 40px Figtree;display:block}.qr small{color:#849097}.waiting{grid-template-columns:1fr 1fr;align-content:center;gap:14px;display:grid}.count{background:#f7f5ef;border-radius:16px;place-items:center;padding:20px;display:grid}.count svg{color:#ef5a48}.count strong{font:700 48px Figtree}.count span{color:#7d898f}.count.ready svg{color:#2f8885}.waiting p,.waiting .huge{grid-column:1/-1}.url{color:#849097;font-size:13px}.mobile{max-width:600px}.mobile .brand{margin-bottom:60px}.mobile h2{font-size:48px}.name{text-align:left;margin:45px 0 25px;font-weight:700;display:block}.name input{background:#fff;border:2px solid #ddd7ca;border-radius:14px;outline:none;width:100%;margin-top:9px;padding:18px;font-size:20px;display:block}.name input:focus{border-color:#ef5a48}.mobile .huge{width:100%}.build p{color:#65727a;line-height:1.5}.grid{grid-template-columns:repeat(5,1fr);gap:8px;margin:28px 0;display:grid}.grid button{aspect-ratio:1;background:#fff;border:1px solid #e2ded5;border-radius:12px;font:700 22px Figtree;position:relative}.grid button small{color:#a2aaad;font:500 10px DM Sans}.grid button.marked{background:#ffd34e;border-color:#e5ba34}.grid button.marked:after{content:"✓";color:#8f7010;font:700 11px DM Sans;position:absolute;top:2px;right:5px}.overlay{z-index:8;background:#17242ccc;place-items:end center;display:grid;position:fixed;inset:0}.picker{background:#f7f5ef;border-radius:25px 25px 0 0;width:min(600px,100%);padding:30px;position:relative}.picker h3{font:700 28px Figtree}.picker>div{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.picker>div button{aspect-ratio:1;background:#fff;border:0;border-radius:12px;font-weight:700}.picker>div button:disabled{opacity:.2}.close{background:0 0;border:0;position:absolute;top:20px;right:20px}.playerTop .brand{margin:0}.playerTop>span{color:#2f8885;font-size:12px}.play>h2{margin:25px;font-size:68px}.hint{color:#849097;font-size:13px}.personalWin{background:#ffd34e;border-radius:22px;margin:35px 0;padding:32px}.personalWin>span{font-size:58px}.personalWin h1{margin:5px;font:800 58px Figtree}.blocked{background:#ffe0d9;border-radius:18px;margin:30px 0;padding:20px}.loading{align-content:center;place-items:center;gap:20px;height:100vh;display:grid}.loading>div{border:4px solid #ddd;border-top-color:#ef5a48;border-radius:50%;width:38px;height:38px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.home{padding:22px}.hero{grid-template-columns:1fr;min-height:0;padding:70px 0 35px}.hero h1{font-size:47px}.balls{display:none}.choices,.modeCards,.lobbyGrid,.callerTop{grid-template-columns:1fr}.choice{padding:22px}.choice strong{font-size:22px}.narrow h2,.lobby h2{font-size:42px}.back{position:absolute;top:72px}.page{padding:25px 15px}.pageHead{margin-top:48px}.pageHead h2{display:none}.instruction{flex-wrap:wrap;align-items:flex-start;padding:20px}.caller{padding:18px}.bigBall{width:210px;height:210px;font-size:90px}.callerTop{gap:25px}.win{flex-wrap:wrap}.win button{width:100%;margin:0}.grid{gap:5px}.grid button{border-radius:8px;font-size:18px}.mobile{padding:28px 16px}.mobile h2{font-size:42px}}.endButton{color:#b63d30;background:#fff;border:1px solid #e9aaa1;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:11px 18px;font-weight:700;display:inline-flex}.endButton:hover{background:#ffe5e1}.endButton svg{width:17px}.waiting .endButton{grid-column:1/-1}.build,.play{flex-direction:column;justify-content:center;min-height:100svh;display:flex}.build .grid,.play .grid{width:min(100%,520px);margin:clamp(12px,3vh,28px) auto}.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(4px,1.5vw,8px)}.grid button{touch-action:manipulation;min-width:0;font-size:clamp(16px,5vw,22px)}.overlay{place-items:center;padding:12px}.picker{border-radius:25px;width:min(560px,100%);max-height:calc(100svh - 24px);padding:clamp(18px,4vw,30px);overflow:hidden}.picker h3{margin:12px 0;font-size:clamp(22px,6vw,28px)}.picker>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(5px,1.5vw,8px)}.picker>div button{touch-action:manipulation;min-width:0;font-size:clamp(14px,4vw,18px)}@media (width<=700px){.mobile{padding:clamp(14px,3vh,28px) 16px}.mobile .brand{margin-bottom:clamp(12px,4vh,36px)}.mobile h2{margin:14px 0;font-size:clamp(34px,10vw,42px)}.grid button{font-size:clamp(15px,5vw,18px)}}@media (height<=680px){.mobile .brand{margin-bottom:10px}.build p,.hint{margin:5px 0}.build .grid,.play .grid{max-width:390px;margin:9px auto}.picker{padding:14px 18px}.picker h3{margin:6px 0}.picker>div{gap:4px}}.visibilityBar{justify-content:flex-end;gap:9px;margin-bottom:10px;display:flex}.visibility{color:#77848a;background:#f7f5ef;border:1px solid #ddd7ca;border-radius:999px;align-items:center;gap:7px;padding:8px 13px;font-size:12px;font-weight:700;display:flex}.visibility svg{width:16px}.visibility.active{color:#17242c;background:#fff;border-color:#bfc6c7}.numberHidden{color:#9aa2a5;border:2px dashed #d7d4cc;border-radius:50%;place-content:center;gap:8px;width:260px;height:260px;margin:15px auto 0;display:grid}.numberHidden svg{width:34px;height:34px;margin:auto}.numberHidden span{font-size:12px}.historyHidden{color:#9aa2a5;border-top:1px solid #eee9df;justify-content:center;align-items:center;gap:9px;margin-top:30px;padding:25px;font-size:13px;display:flex}.historyHidden svg{width:18px}@media (width<=700px){.visibilityBar{flex-wrap:wrap;justify-content:center}.numberHidden{width:210px;height:210px}}.boardPage{flex-direction:column;height:100svh;display:flex;overflow:hidden}.boardPage .pageHead{flex:none;margin-bottom:12px}.boardPage .caller{flex-direction:column;flex:1;min-height:0;padding:clamp(16px,2.5vh,28px);display:flex}.boardPage .callerTop{grid-template-columns:minmax(280px,.8fr) minmax(380px,1.2fr);gap:clamp(20px,4vw,50px)}.boardPage .bigBall,.boardPage .numberHidden{width:clamp(180px,25vh,240px);height:clamp(180px,25vh,240px);font-size:clamp(72px,12vh,105px)}.actionRow{grid-template-columns:1.25fr 1fr;gap:9px;display:grid}.controls{gap:9px}.controls label{padding:9px 12px}.callerLower{grid-template-columns:minmax(0,1fr) minmax(220px,300px);gap:18px;min-height:0;margin-top:14px;display:grid}.callerLower .history{height:100%;margin:0}.history header{justify-content:space-between;align-items:center;gap:15px;display:flex}.historyModes{gap:5px!important;margin:0!important;display:flex!important}.historyModes button{background:#eeeae1;border:0;border-radius:999px;padding:6px 10px;font-size:11px;font-weight:700}.historyModes button.active{color:#fff;background:#17242c}.numberList{align-content:flex-start;max-height:22vh;overflow:hidden}.scores{background:#f7f5ef;border-radius:14px;min-height:0;margin:0;padding:12px;overflow:hidden}.scores h3{margin:0 0 7px;font-size:15px}.scores p{color:#8b969a;font-size:12px}.scores span{padding:6px 2px;font-size:13px}.scores span>b{width:21px;height:21px;font-size:11px}.endScreen{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100svh;padding:28px;display:flex}.endScreen .brand{margin-bottom:clamp(24px,6vh,55px)}.endEmoji{font-size:clamp(60px,11vw,110px)}.endScreen h1{margin:12px 0 22px;font:800 clamp(38px,7vw,78px)/1 Figtree}.endLead{color:#7b878c;text-transform:uppercase;letter-spacing:.18em;font-weight:700}.finalRanking{background:#fff;border-radius:20px;width:min(620px,100%);margin:0 auto 28px;padding:12px 24px}.finalRanking>div{text-align:left;border-bottom:1px solid #eee9df;grid-template-columns:40px 1fr auto;align-items:center;padding:12px 0;display:grid}.finalRanking>div:last-child{border:0}.finalRanking>div>b{background:#ffd34e;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.finalRanking>div>span{font-weight:700}.finalRanking>div>strong{color:#ef5a48}.hostEnd{background:linear-gradient(145deg,#f7f5ef,#fff1c3)}@media (width<=800px){.callerLower{grid-template-columns:1fr}.callerLower .scores{max-height:150px}.boardPage{height:auto;overflow:visible}.boardPage .callerTop,.actionRow{grid-template-columns:1fr}.numberList{max-height:none}}@media (height<=750px) and (width>=801px){.visibilityBar{margin-bottom:2px}.win{margin-top:8px;padding:10px 18px}.win>span{font-size:34px}.win h2{font-size:22px}.callerLower{margin-top:8px}.history{padding-top:10px}.numberList{margin-top:7px!important}.numberList b{width:34px;height:34px}.scores span:nth-of-type(n+7){display:none}}.history:has(.historySizeModes button:first-child.active) .numberList{grid-template-columns:repeat(20,minmax(0,1fr));gap:4px;display:grid}.history:has(.historySizeModes button:first-child.active) .numberList b{aspect-ratio:1;width:100%;height:auto;font-size:clamp(9px,1vw,13px)}.boardPage .callerTop{grid-template-columns:minmax(210px,.75fr) minmax(280px,1fr) minmax(150px,.55fr);align-items:center;gap:clamp(12px,2.2vw,28px)}.boardPage .controls{gap:6px}.boardPage .controls label{padding:7px 9px;font-size:13px}.boardPage .controls .primary,.boardPage .controls .pill,.boardPage .controls .endButton{padding:9px 12px;font-size:13px}.topScores{align-self:stretch;width:100%;max-width:220px}.topScores span{white-space:nowrap;grid-template-columns:21px minmax(0,1fr) auto;gap:6px}.topScores span:not(:last-child){border-bottom:1px solid #e5e1d9}.topScores span strong{font-size:13px}.fullHistory{width:100%;min-height:0;margin-top:clamp(10px,2vh,22px)}.fullHistory .numberList{width:100%;max-height:none;overflow:visible}.fullHistory .numberList:not(:has(b:nth-child(11))){justify-content:center}.boardPage .fullHistory:has(.historySizeModes button:first-child.active) .numberList{grid-template-columns:repeat(20,minmax(0,1fr))}@media (width<=950px){.boardPage .callerTop{grid-template-columns:1fr 1fr}.topScores{grid-column:1/-1;max-width:none;max-height:120px}.topScores span{width:calc(33.333% - 5px);margin-right:5px;display:inline-grid}.boardPage{height:auto;overflow:visible}}.studentHeader{text-align:left;border-bottom:1px solid #e4e0d7;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:8px 0 14px;display:grid}.studentHeader img{object-fit:contain;object-position:left center;width:clamp(72px,21vw,105px);height:34px}.studentHeader strong{border-left:1px solid #d8d3c9;padding-left:10px;font:800 19px Figtree}.studentHeader>span{text-overflow:ellipsis;white-space:nowrap;font-weight:700;overflow:hidden}.studentHeader small{color:#2f8885;white-space:nowrap;font-size:10px}.build .studentHeader{margin-bottom:clamp(12px,3vh,28px)}.play{position:relative}.play .studentHeader{position:absolute;top:0;left:0;right:0}.personalWin{z-index:7;clip-path:inset(-100vmax);width:min(88%,390px);margin:0;padding:clamp(24px,6vw,38px);animation:.25s ease-out winPop;position:absolute;top:52%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 60px #17242c66,0 0 0 100vmax #17242c70}.personalWin h1{font-size:clamp(48px,15vw,72px)}@keyframes winPop{0%{opacity:0;transform:translate(-50%,-45%)scale(.88)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@media (width<=430px){.studentHeader{grid-template-columns:auto auto 1fr;gap:7px}.studentHeader img{width:68px}.studentHeader strong{padding-left:7px;font-size:17px}.studentHeader small{display:none}.studentHeader>span{text-align:right;font-size:13px}}.controls button:disabled{opacity:.35;cursor:not-allowed;filter:grayscale(.4)}.boardPage{padding-top:clamp(12px,2.4vh,28px);padding-bottom:clamp(12px,2.4vh,28px)}.boardPage .pageHead{min-height:40px}.boardPage .visibilityBar{justify-content:center;width:clamp(280px,31vw,390px);margin-left:auto;margin-right:clamp(165px,18vw,245px)}.boardPage .visibility{padding:6px 10px;font-size:11px}.boardPage .callerTop{flex:0 auto;min-height:0}.boardPage .topScores{flex-direction:column;align-self:stretch;max-height:calc(clamp(180px,25vh,240px) + 45px);margin-top:-45px;padding-top:12px;display:flex}.boardPage .topScores h3{flex:none}.boardPage .topScores p{margin:auto 0}.boardPage .topScores span{flex:none}.boardPage .controls{justify-content:center;align-self:stretch}.boardPage .fullHistory{flex-direction:column;flex:auto;display:flex;overflow:hidden}.boardPage .fullHistory .numberList{flex:auto;align-content:start;min-height:0}@media (height<=800px) and (width>=951px){.boardPage .pageHead{margin-bottom:6px}.boardPage .caller{padding-top:12px;padding-bottom:12px}.boardPage .bigBall,.boardPage .numberHidden{width:clamp(160px,23vh,205px);height:clamp(160px,23vh,205px);font-size:clamp(62px,10vh,88px)}.boardPage .topScores{max-height:calc(clamp(160px,23vh,205px) + 42px);margin-top:-42px}.boardPage .visibilityBar{margin-bottom:5px}.boardPage .win{margin-top:6px;padding:8px 16px}.boardPage .fullHistory{margin-top:7px}.boardPage .history header{min-height:28px}.boardPage .numberList b{width:32px;height:32px}}@media (height<=650px) and (width>=951px){.boardPage .pageHead{display:none}.boardPage{padding-top:8px;padding-bottom:8px}.boardPage .caller{padding:10px 18px}.boardPage .visibilityBar{margin-bottom:2px}.boardPage .bigBall,.boardPage .numberHidden{width:145px;height:145px;font-size:64px}.boardPage .topScores{max-height:185px}.boardPage .controls label{padding:5px 8px}.boardPage .controls .primary,.boardPage .controls .pill,.boardPage .controls .endButton{padding:7px 9px}.boardPage .fullHistory{margin-top:5px}}@media (width<=950px){.boardPage .visibilityBar{justify-content:center;width:auto;margin:0 0 10px}.boardPage .topScores{max-height:120px;margin-top:0}}.logo{font-size:17px}.brand{grid-template-columns:40px auto;gap:3px 11px;display:grid}.brandName{align-self:center}.brand small{letter-spacing:.02em;white-space:nowrap;grid-column:1/-1;font-size:9px;font-weight:500}.home header .icon{cursor:default;background:url(/assets/jgames-logo-Dc2Daw8b.png) 50%/contain no-repeat;border:0;border-radius:0;width:160px;height:48px}.home header .icon svg{display:none}@media (width<=700px){.home header .icon{width:120px;height:38px}}.actionRow{grid-template-columns:.8fr 1.2fr}.automationButton{justify-content:center;position:relative;overflow:hidden}.automationButton.active:before{content:"";width:var(--remaining);background:#2f8885;transition:width .1s linear;position:absolute;inset:0 auto 0 0}.automationButton span{z-index:1;position:relative}@media (width<=800px){.actionRow{grid-template-columns:1fr}}html,body,#root{max-width:100%;min-height:100%}body{overflow-x:hidden}.home{min-height:100svh;padding:clamp(20px,3vw,34px) clamp(22px,5vw,64px)}.appToolbar{justify-content:flex-end;align-items:center;gap:10px;max-width:1500px;height:54px;margin:auto;padding:8px clamp(16px,4vw,60px);display:flex}.appToolbar:has(.back){justify-content:space-between}.appToolbar .back{position:static}.fullscreenButton{background:#fff;border:1px solid #d8d3c9;border-radius:999px;align-items:center;gap:8px;padding:9px 14px;font-size:12px;font-weight:700;display:flex}.fullscreenButton:hover{background:#fff;border-color:#aeb8bb}.fullscreenButton svg{width:18px;height:18px}.home{min-height:calc(100svh - 54px)}.boardPage{height:calc(100svh - 54px)}.build,.play,.endScreen{min-height:calc(100svh - 54px)}.appToolbar+.home{padding-top:4px}.appToolbar+.page{padding-top:8px}.appToolbar+.narrow,.appToolbar+.lobby,.appToolbar+.mobile{padding-top:12px}.hero h1{font-size:clamp(46px,5vw,64px)}.hero{min-height:clamp(330px,43vh,440px)}.balls{height:clamp(300px,38vh,390px)}.page,.narrow,.lobby,.mobile{width:100%}.page{padding-left:clamp(15px,4vw,60px);padding-right:clamp(15px,4vw,60px)}.narrow,.lobby,.mobile{padding-left:clamp(16px,4vw,28px);padding-right:clamp(16px,4vw,28px)}.instruction{overflow-wrap:anywhere}.callerTop>*{min-width:0}.controls select,.controls input{min-width:0;max-width:100%}.url{overflow-wrap:anywhere}@media (width>=1500px){.home,.page{max-width:1500px}.hero p{font-size:clamp(19px,1.35vw,22px)}.choice strong{font-size:clamp(28px,2vw,34px)}.caller{padding:clamp(28px,2.5vw,42px)}}@media (width<=950px){.fullscreenButton span{display:none}.fullscreenButton{padding:10px}.boardPage{height:auto;min-height:calc(100svh - 54px)}.instruction{padding-left:clamp(18px,5vw,50px);padding-right:48px}}@media (width<=700px){.home{padding-top:18px}.hero{min-height:0}.choice,.choice>*{min-width:0}.choice em{overflow-wrap:anywhere}.lobby,.narrow{padding-top:12px}.qr,.waiting{padding:clamp(18px,5vw,30px)}.waiting{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.count{padding:clamp(12px,4vw,20px)}.count strong{font-size:clamp(34px,12vw,48px)}}@media (width<=420px){.brand small{white-space:normal;max-width:230px}.choiceIcon{flex:0 0 50px;width:50px;height:50px}.choice{gap:14px}.waiting{grid-template-columns:1fr}.waiting p,.waiting .huge,.waiting .endButton{grid-column:1}.finalRanking{padding:10px 14px}.finalRanking>div{grid-template-columns:34px minmax(0,1fr) auto;gap:5px}}@media (height<=650px) and (width>=701px){.home{padding-top:14px;padding-bottom:14px}.hero{min-height:300px}.hero h1{margin:10px 0;font-size:clamp(40px,8vh,54px)}.hero p{margin:10px 0;font-size:16px}.balls{height:280px}.choice{padding:20px 24px}.home footer{padding:18px}.narrow,.lobby{padding-top:35px;padding-bottom:25px}.narrow .brand,.lobby .brand{margin-bottom:28px}.narrow h2,.lobby h2{margin:12px 0;font-size:42px}.modeCards{margin:20px 0}}.historyOptions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (width<=700px){.history header{align-items:flex-start}.historyOptions{justify-content:flex-end}}.setup{padding-top:18px;padding-bottom:35px}.setup .brand{margin-bottom:28px}.setup h2{margin:12px 0 26px;font-size:46px}.setup>h3{text-align:left;letter-spacing:.04em;margin:20px 0 8px;font:700 15px Figtree}.modeCards.compact{margin:0 0 18px}.modeCards.compact>button{min-height:148px;padding:18px 22px}.modeCards.compact .modeIcon{width:40px;height:40px;margin-bottom:12px}.modeCards.compact b{font-size:19px}.modeCards.compact p{margin-bottom:0;font-size:13px}.bingoButton{color:#fff;letter-spacing:.08em;background:#ef5a48;border:0;border-radius:18px;width:min(100%,520px);margin:0 auto;padding:18px;font:800 30px Figtree;box-shadow:0 10px 24px #ef5a4840}.bingoButton:disabled{color:#999;box-shadow:none;cursor:not-allowed;background:#d7d4cc}.play:has(.bingoButton) .grid{margin-bottom:10px}.play:has(.bingoButton) .hint{margin:2px auto 12px}@media (width<=700px){.setup h2{font-size:38px}.modeCards.compact{grid-template-columns:1fr 1fr}.modeCards.compact>button{min-height:165px;padding:15px}.modeCards.compact b{font-size:16px}.modeCards.compact p{font-size:12px}.modeCards.compact .modeIcon{margin-bottom:9px}}@media (width<=450px){.modeCards.compact{grid-template-columns:1fr}.modeCards.compact>button{min-height:0}.setup>h3{margin-top:16px}}.mobile.play{justify-content:flex-start;padding-top:64px}.play>.step{margin-top:6px}.play>h2{margin:7px 0 clamp(8px,2vh,15px);font-size:clamp(23px,6vw,31px);line-height:1.05}.play .grid{flex:none;width:min(100%,560px,100svh - 215px);margin:0 auto}.play .hint{flex:none}.play:has(.bingoButton) .grid{width:min(100%,530px,100svh - 290px)}@media (height<=680px){.mobile.play{padding-top:62px}.play>h2{margin:3px 0 6px;font-size:22px}.play>.step{margin-top:3px;font-size:10px}.play .grid{width:min(100%,500px,100svh - 190px)}.play:has(.bingoButton) .grid{width:min(100%,450px,100svh - 260px)}.bingoButton{padding:13px;font-size:25px}}