.bingo-root{min-height:100vh;background:#fffaf2;color:#172744;font-family:Nunito,Arial,sans-serif;padding:24px clamp(20px,5vw,70px) 60px}.bingo-screen{max-width:1260px;margin:auto}.bingo-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:48px}.bingo-back{font-weight:800;font-size:14px}.bingo-brand{font:700 36px Fredoka,sans-serif;color:#172744}.bingo-brand b{color:#e4482e}.bingo-brand i{font-style:normal;color:#09838b;font-size:25px;margin-left:7px}.bingo-header>span{font-size:10px;letter-spacing:1.2px;font-weight:900;color:#087983}.bingo-root h1,.bingo-root h2{font-family:Fredoka,sans-serif;letter-spacing:-.03em;color:#172744}.bingo-root h1{font-size:clamp(46px,5vw,74px);line-height:1.04;margin:14px 0 16px}.bingo-root h2{font-size:30px;line-height:1.12;margin:0 0 18px}.bingo-root p{line-height:1.6}.bingo-kicker{font-size:11px;font-weight:900;letter-spacing:1.8px;color:#a63723}.bingo-setup{display:grid;grid-template-columns:1fr 1fr;grid-gap:70px;gap:70px;align-items:start}.bingo-intro h1{font-size:clamp(72px,8vw,108px)}.bingo-intro h1 em{font-style:normal;color:#087e87}.bingo-intro>p{max-width:410px;font-size:19px;color:#65564d}.bingo-example{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:8px;gap:8px;max-width:390px;background:#172744;padding:17px;border-radius:23px;transform:rotate(-4deg);margin:36px 0 32px;box-shadow:8px 10px 0 #cdd9c6}.bingo-example span{display:grid;place-items:center;min-height:71px;background:#fff9e9;border-radius:10px;font-weight:900;font-size:16px}.bingo-example span.bingo-example-star{background:#ffc95b;color:#172744;font:700 20px Fredoka,sans-serif}.bingo-intro-tags{display:flex;gap:10px;flex-wrap:wrap}.bingo-intro-tags span{background:#e5f3eb;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;color:#075d62}.bingo-panel{background:#fffdf8;border:2px solid #e6ddcd;border-radius:24px;padding:30px;box-shadow:0 7px 0 #e6ddcd70}.bingo-steps{padding-left:21px;color:#62564c;line-height:1.6;margin:0 0 24px}.bingo-steps li{padding-left:4px;margin-bottom:4px}.bingo-root label{display:flex;flex-direction:column;gap:8px;margin-bottom:18px;font-size:13px;font-weight:900}.bingo-root input,.bingo-root select{width:100%;min-height:47px;border:2px solid #ded8cc;border-radius:11px;padding:10px 12px;background:#fff;color:#172744;font:700 15px Nunito,Arial,sans-serif}.bingo-root fieldset{border:0;padding:0;margin:0 0 18px}.bingo-root legend{font-size:13px;font-weight:900;margin-bottom:9px}.bingo-choice-row{display:flex;gap:9px;flex-wrap:wrap}.bingo-root button{cursor:pointer;font-family:inherit}.bingo-choice-row button{border:2px solid #ded8cc;border-radius:11px;padding:10px 19px;background:#fff;color:#172744;font-size:14px;font-weight:900}.bingo-choice-row button[aria-pressed=true]{background:#075d62;border-color:#075d62;color:#fff}.bingo-root button:disabled{opacity:.45;cursor:not-allowed}.bingo-root :is(button,a,input,select,summary):focus-visible{outline:3px solid #087e87;outline-offset:4px}.bingo-primary,.bingo-secondary{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;min-height:49px;padding:13px 20px;font-size:15px;font-weight:900;border:2px solid transparent;line-height:1.3}.bingo-primary{background:#e4482e;color:#fff;border-color:#b73824;box-shadow:0 4px 0 #b73824}.bingo-secondary{background:#eef7f1;color:#075d62;border-color:#bcded4}.bingo-text{background:transparent;border:0;color:#775247;font-weight:800;padding:12px 4px}.bingo-note{font-size:13px;color:#6b5c52}.bingo-error{background:#ffe7e0;color:#a43220;border-radius:10px;padding:11px 14px;font-weight:800}.bingo-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}.bingo-panel>.bingo-primary{width:100%}.bingo-session-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:30px}.bingo-session-heading p{color:#6b5c52;margin:0}.bingo-progress{display:flex;flex-direction:column;align-items:center;white-space:nowrap;background:#e5f3eb;color:#075d62;font:700 33px Fredoka,sans-serif;padding:20px 25px;border-radius:18px}.bingo-progress small{font:900 9px Nunito,Arial,sans-serif;letter-spacing:1px;margin-top:5px}.bingo-ready{display:grid;grid-template-columns:1.2fr 1fr;grid-gap:42px;gap:42px;align-items:center}.bingo-ready p{color:#63564c}.bingo-preview>small{display:block;font-size:12px;color:#6b5c52;margin-top:12px}.bingo-card-grid{display:grid;grid-gap:5px;gap:5px;margin-top:16px;min-width:0}.bingo-card-grid>span{display:flex;align-items:center;justify-content:center;text-align:center;background:#fffaf2;border:1px solid #dcd5c9;min-height:62px;border-radius:8px;padding:8px 4px;font-size:12px;line-height:1.25;font-weight:800;overflow-wrap:anywhere}.bingo-caller{background:#075d62;color:#fffaf2;border-radius:28px;padding:45px 35px;text-align:center;box-shadow:0 8px 0 #d4e5da}.bingo-caller .bingo-kicker{color:#9ce5d5}.bingo-caller h2{color:#fffaf2;font-size:clamp(35px,5vw,72px);line-height:1.15;min-height:1.2em;max-width:1000px;margin:25px auto;overflow-wrap:anywhere}.bingo-answer{min-height:38px;font-size:22px;color:#c2efe4;margin-bottom:30px}.bingo-caller .bingo-actions{justify-content:center}.bingo-caller .bingo-note{color:#c2efe4}.bingo-teacher{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:28px;padding:24px 30px}.bingo-teacher p{font-size:13px;color:#6b5c52;margin:10px 0 0}.bingo-teacher .bingo-choice-row{margin-top:12px}.bingo-history{margin:25px 0;border:1px solid #ddd4c7;border-radius:14px;padding:17px 23px;background:#fffdf8;color:#675750}.bingo-history summary{font-weight:900;cursor:pointer}.bingo-history ol{column-count:3;line-height:1.8;font-size:14px;padding-left:22px}.bingo-history li{page-break-inside:avoid;break-inside:avoid;padding:4px 10px 4px 0}.bingo-notice{background:#e0f5e7;color:#126751;padding:12px 16px;border-radius:11px;font-weight:900}.bingo-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#152744a8;display:flex;align-items:center;justify-content:center;padding:22px}.bingo-modal{width:min(620px,100%);max-height:90vh;overflow:auto}.bingo-modal .bingo-card-grid>span.bingo-marked{background:#c7eed6;border-color:#16835e;color:#125a42}.bingo-modal .bingo-actions{margin-top:20px}.bingo-results{max-width:780px;margin:auto}.bingo-results ul{list-style:none;padding:0;margin:24px 0}.bingo-results li{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #e6ddcd}.bingo-results li span{font-size:14px;color:#6b5c52}.bingo-print{display:none}@media(max-width:850px){.bingo-setup{gap:30px}.bingo-ready{grid-template-columns:1fr;gap:25px}.bingo-preview{max-width:500px}.bingo-header>span{display:none}.bingo-teacher{align-items:flex-start;flex-direction:column}.bingo-history ol{column-count:2}}@media(max-width:600px){.bingo-root{padding:20px 18px 40px}.bingo-header{margin-bottom:26px}.bingo-brand{font-size:30px}.bingo-setup{grid-template-columns:1fr}.bingo-intro h1{font-size:68px}.bingo-intro h1 br{display:none}.bingo-intro>p{font-size:16px}.bingo-example{display:none}.bingo-intro-tags{margin:20px 0}.bingo-panel{padding:23px}.bingo-session-heading{align-items:flex-start}.bingo-session-heading h1{font-size:39px}.bingo-progress{padding:14px;font-size:23px}.bingo-caller{padding:32px 20px}.bingo-caller h2{font-size:35px}.bingo-answer{font-size:18px}.bingo-actions{gap:12px}.bingo-actions>*{width:100%}.bingo-history ol{column-count:1}.bingo-results li{flex-direction:column;gap:5px}.bingo-modal-backdrop{padding:12px}.bingo-modal{padding:20px}}.bingo-join{margin:30px 0;max-width:450px}.bingo-code{display:block;font:700 clamp(48px,9vw,88px) Fredoka,sans-serif;letter-spacing:.14em;color:#075d62;margin:22px 0}.bingo-lobby{text-align:center}.bingo-roster{display:flex;justify-content:center;flex-wrap:wrap;gap:10px}.bingo-roster span{background:#e5f3eb;color:#075d62;padding:9px 15px;border-radius:99px;font-weight:800}.bingo-lobby .bingo-actions{justify-content:center}.bingo-student{max-width:700px;margin:28px auto}.bingo-card-grid>button{position:relative;min-height:84px;display:flex;align-items:center;justify-content:center;border:2px solid #ded8cc;background:#fffaf2;border-radius:12px;padding:10px 5px;color:#172744;font-size:clamp(12px,2.5vw,18px);font-weight:900;overflow-wrap:anywhere;line-height:1.3}.bingo-card-grid>button.bingo-marked{background:#075d62;color:white;border-color:#075d62}.bingo-card-grid>button>span{position:absolute;right:4px;top:2px;font-size:12px}.bingo-card-grid>button:disabled{opacity:1}.bingo-claim{width:100%;margin-top:24px}.bingo-winners{margin-top:28px}.bingo-winners ul{padding:0;list-style:none}.bingo-winners li{display:flex;justify-content:space-between;gap:15px;padding:12px 0;border-bottom:1px solid #e6ddcd}.bingo-winners li span{font-size:14px}.bingo-student h2{margin-bottom:10px}@media(max-width:600px){.bingo-student{padding:16px}.bingo-card-grid>button{min-height:74px;font-size:12px}.bingo-winners li{flex-direction:column}.bingo-code{letter-spacing:.08em}}.bingo-error{position:-webkit-sticky;position:sticky;top:12px;z-index:20;box-shadow:0 4px 14px #17274420}.bingo-join{margin-top:24px}.bingo-intro .bingo-example{max-width:270px;margin:24px 0}.bingo-intro .bingo-example span{min-height:45px;font-size:12px}.bingo-sound{margin-top:24px;font-size:13px}.bingo-celebration{position:fixed;inset:0;width:min(680px,calc(100vw - 32px));max-height:90vh;margin:auto;overflow:auto;border:3px solid #075d62;border-radius:30px;background:#fffdf8;color:#172744;padding:clamp(28px,5vw,60px);text-align:center;box-shadow:0 18px 80px #17274450}.bingo-celebration::-webkit-backdrop{background:#172744bb}.bingo-celebration::backdrop{background:#172744bb}.bingo-celebration h2{position:relative;font-size:clamp(64px,12vw,112px);color:#e4482e;margin:12px 0 20px}.bingo-celebration .bingo-kicker,.bingo-celebration button,.bingo-celebration p{position:relative}.bingo-winner-announcement{margin:16px 0;font-size:clamp(23px,4vw,34px);line-height:1.3}.bingo-winner-announcement span,.bingo-winner-announcement strong{display:block;overflow-wrap:anywhere}.bingo-winner-announcement strong{color:#075d62}.bingo-celebration>.bingo-primary{width:100%;margin-top:16px}.bingo-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none;border-radius:27px}.bingo-confetti i{position:absolute;left:calc(var(--piece)*4.1%);top:-20px;width:10px;height:18px;background:#087e87;animation:bingo-confetti-fall 2.8s ease-in calc(var(--piece)*-.09s) 2 both}.bingo-confetti i:nth-child(3n){background:#e4482e}.bingo-confetti i:nth-child(3n+1){background:#8950b8}.bingo-confetti i:nth-child(4n){background:#ffc95b;border-radius:50%}@keyframes bingo-confetti-fall{0%{transform:translateY(-30px) rotate(0);opacity:1}90%{opacity:1}to{transform:translateY(650px) rotate(440deg);opacity:0}}@media(prefers-reduced-motion:reduce){.bingo-confetti{display:none}}.bingo-festival .bingo-intro h1{font-size:clamp(48px,5vw,74px)}.bingo-festival .bingo-intro h1 em{color:#643998}.bingo-festival .bingo-caller{background:#382252}.bingo-festival .bingo-primary{background:#643998;border-color:#4b2678;box-shadow:0 4px 0 #4b2678}.bingo-festival .bingo-example{background:#382252}.bingo-festival .bingo-example .bingo-example-star{background:#b8e9db}.bingo-festival .bingo-card-grid>button.bingo-marked{background:#643998;border-color:#643998}.bingo-festival .bingo-code{color:#643998}