:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}#main-container{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:30px;padding:10px 10px 20px;box-sizing:border-box;background-color:#ce90f8}.wrapper{flex-grow:0;display:flex;justify-content:center;align-items:center;width:100%;height:auto}.responsive-flex{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;gap:50px;justify-content:center}.column-wrapper{display:flex;justify-content:center;padding:0 20px}.row-display{display:flex;flex-direction:row;gap:50px}.column-display{display:flex;flex-direction:column;gap:50px;align-items:center}.column-display a{display:flex;justify-content:center;width:80%}.menu-icon{position:fixed;top:15px;right:10px;background-color:#7a39e0;color:#fff;padding:8px;border-radius:8px;cursor:pointer;z-index:1000;box-shadow:0 2px 8px #0003}.dropdown-menu{position:fixed;top:64px;right:10px;background-color:#faf7ff;border:2px solid #7a39e0;border-radius:8px;padding:10px;z-index:999;display:flex;flex-direction:column;gap:10px;box-shadow:0 4px 12px #00000026}.dropdown-menu button{background:none;border:none;color:#7a39e0;font-weight:700;font-size:1rem;cursor:pointer;transition:color .2s,transform .2s}.dropdown-menu button:hover{color:#5b28c1;background-color:#f4e4ff;transform:scale(1.05)}.scaled-img{margin-top:-120px;width:60%;height:auto;object-fit:contain;aspect-ratio:4 / 3;flex-shrink:0;align-self:center}.scaled-merch-img{margin-top:-100px;width:70%;height:auto;object-fit:contain;aspect-ratio:4 / 3;flex-shrink:0;align-self:center;transition:transform .3s ease}.scaled-merch-img:hover{transform:translateY(-5px)}.merch-text{font-family:Impact,Anton,Bebas Neue,sans-serif;font-size:64px;color:#a472e3;text-shadow:2px 2px 0 #4b2177,-2px -2px 0 #4b2177,0 0 10px rgba(108,62,187,.5);letter-spacing:2px;text-transform:uppercase;align-self:center}.merch-text-small{margin-top:-120px;font-family:Impact,Anton,Bebas Neue,sans-serif;font-size:32px;color:#a472e3;text-shadow:1.5px 1.5px 0 #4b2177,-1.5px -1.5px 0 #4b2177,0 0 10px rgba(108,62,187,.5);letter-spacing:2px;text-transform:uppercase;align-self:center}@media (max-width: 768px){.navbar{font-size:1rem}.navbar button{font-size:.9rem}.responsive-flex{flex-direction:column}}#twitch-container{width:100%;max-width:883px;min-height:552px;height:552px;position:relative;border:5px solid #9147ff;border-radius:15px;box-shadow:0 0 20px #7825f580;overflow:hidden}#twitch-embed iframe{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;border:none}@media (max-width: 768px){#twitch-container{width:100%;height:50vw;max-height:552px;max-width:95vw}}@font-face{font-family:Roobert;src:url(fonts/Roobert-Regular.woff2) format("woff2"),url(fonts/Roobert-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.burgie{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;box-sizing:border-box;text-align:center}#burgie-container{display:flex;gap:20px;font-family:Roobert,sans-serif;margin-top:20px;justify-content:center;flex-wrap:wrap}.burgie-title{font-size:xx-large;font-weight:600;font-family:Roobert,sans-serif;text-align:center;margin:0 0 20px;transition:all .3s ease;cursor:pointer}.burgie-title:hover{color:#f5b041;text-shadow:0 0 5px #fdd835;transform:rotate(-1deg) scale(1.02)}#burgie-row-container{display:flex;flex-direction:row}#burgie-column-container{display:flex;flex-direction:column}#burgie-img-container{display:flex;flex-direction:row;gap:20px;font-family:Roobert,sans-serif;max-width:400px}#burgie-img-column{display:flex;flex-direction:column;padding-top:10px}.burgie-img{width:100px;height:auto}.burgie-label{font-size:x-large;font-weight:600}.burgie-textbox{font-size:large;text-align:left;padding-left:10px;max-width:400px;line-height:1.2}.burgie-long-textbox{font-size:large;text-align:left;padding-left:10px;max-width:820px}@media (min-width: 769px){.onboarding-message{display:none}}@media (max-width: 768px){.onboarding-message{position:absolute;top:20px;left:50%;transform:translate(-50%);background-color:#7a39e0;color:#fff;padding:10px;border-radius:8px;font-size:16px;z-index:1000}#burgie-container{flex-direction:column;align-items:center}#burgie-row-container{flex-direction:column;gap:10px}#burgie-img-container{flex-direction:row;max-width:100%}.burgie-textbox,.burgie-long-textbox{max-width:100%}}*{box-sizing:border-box}@font-face{font-family:Roobert;src:url(fonts/Roobert-Regular.woff2) format("woff2"),url(fonts/Roobert-Regular.ttf) format("truetype");font-weight:400;font-style:normal}.quiz-container{background-color:#f7f58c;padding:2em;border-radius:8px;max-width:600px;font-family:Roobert,sans-serif;color:#000;box-shadow:0 4px 6px #0000001a;align-self:flex-start;flex-shrink:0;margin:0 auto;box-sizing:border-box}.quiz-title{font-size:2em;margin-bottom:.5em}.quiz-question{font-size:1.2em;margin-bottom:1em}.quiz-options{display:flex;flex-direction:column;gap:.5em}.quiz-option{color:#000;padding:.75em 1em;background-color:#fff;border:2px solid #ccc;border-radius:4px;cursor:pointer;text-align:left;transition:background-color .3s,border-color .3s}.quiz-option:hover{background-color:#e0dac5}.quiz-option.correct{background-color:#c8e6c9;border-color:#2e7d32}.quiz-option.incorrect{background-color:#ffcdd2;border-color:#c62828}.quiz-score{font-size:1.5em;text-align:center}@media (max-width: 768px){.quiz-container{width:100%;max-width:95vw;height:auto;padding:1.2em;margin:0 auto;box-sizing:border-box;align-self:flex-start}.quiz-title{font-size:1.6em}.quiz-question{font-size:1em}.quiz-option{font-size:.95em;padding:.75em 1em}.quiz-score{font-size:1.2em}}#bingobaker-container{width:525px;height:465px;margin:0 auto;box-shadow:0 0 20px #7825f566;border-radius:8px;overflow:hidden;position:relative}.bingobaker-wrapper{transform:scale(.75);transform-origin:top left;box-shadow:0 0 20px #7825f566;width:700px;height:620px;top:0;left:0}.bingobaker-iframe{width:100%;height:100%;border:none;border-radius:8px;display:block}@media (max-width: 768px){#bingobaker-container{width:378px;max-width:95vw;height:334.8px;margin:0 auto;box-shadow:0 0 20px #7825f566;border-radius:8px;overflow:hidden;position:relative}.bingobaker-wrapper{transform:scale(.54);transform-origin:top left;box-shadow:0 0 20px #7825f566;width:700px;height:620px;top:0;left:0}.bingobaker-iframe{width:100%;height:100%;border:none;border-radius:8px;display:block}}.bingo-box{width:500px;height:auto;min-height:523;background:#fff;border-radius:24px;box-shadow:0 8px 24px #00000014;padding:16px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;font-family:Segoe UI,sans-serif}.start-new-game{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.start-new-game h2{font-size:2rem;margin-bottom:20px;color:#222}.start-new-game button{background-color:#f78fb3;color:#fff;padding:12px 20px;font-size:1.2rem;border:none;border-radius:12px;cursor:pointer;transition:background-color .3s ease}.start-new-game button:hover{background-color:#ff6b9d}.top-buttons{display:flex;justify-content:flex-end;gap:10px}.new-board-button{background-color:#ff6b9d;color:#fff;padding:8px 16px;font-size:.95rem;line-height:1;border:none;border-radius:10px;cursor:pointer;margin-bottom:16px;align-self:flex-end;transition:background-color .3s ease}.new-board-button:hover{background-color:#e55c8c}.clear-button{background-color:#ff6b9d;color:#fff;padding:8px 16px;font-size:.95rem;line-height:1;border:none;border-radius:10px;cursor:pointer;margin-bottom:16px;align-self:flex-end;transition:background-color .3s ease}.clear-button:hover{background-color:#e55c8c}.bingo-board{width:100%;aspect-ratio:1 / 1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;flex-grow:1}.bingo-cell{background:#fff;border:2px solid #f0c9d1;border-radius:12px;padding:2px;text-align:center;cursor:pointer;transition:transform .2s,border-color .2s;display:flex;flex-direction:column;justify-content:space-between;height:100%;position:relative;overflow:hidden;background-color:#fdfcfc;white-space:nowrap}.bingo-cell .cross-image{position:absolute;top:-20px;left:0;right:0;bottom:0;width:70%;height:70%;object-fit:contain;margin:auto;opacity:.7;pointer-events:none;z-index:2}.bingo-cell:hover{transform:scale(1.03);border-color:#f78fb3}.bingo-cell.free-cell{transition:border-color .3s ease}.bingo-cell.free-cell:hover{transform:none;border-color:#e48da1}.image-wrapper{width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:8px}.bingo-cell img{width:100%;height:100%;object-fit:contain;transform:scale(1.2);transform-origin:top;z-index:1}.bingo-cell span{position:absolute;bottom:-2px;left:50%;transform:translate(-50%);background-color:#fff;padding-left:6px;padding-right:6px;padding-bottom:3px;line-height:1.1;border-radius:4px;font-weight:500;font-size:.9rem;color:#333;text-shadow:0 1px 3px rgba(0,0,0,.2);border:2px solid #f0c9d1;border-bottom:none;z-index:1}.bingo-cell.checked{background-color:#ffeaf0;border-color:#e55c8c;opacity:.85;position:relative}.free-text{width:100%;height:100%;display:flex;justify-content:center;align-items:center;font-size:2rem;font-weight:700;color:#333;background-color:#ffeaf0;border-radius:8px;z-index:1}@media (max-width: 768px){.bingo-box{width:95vw;height:auto;min-height:400px;padding:12px;border-radius:16px;overflow:hidden}.clear-button{font-size:.85rem;padding:6px 12px}.bingo-board{gap:6px}.bingo-cell{aspect-ratio:1 / 1;height:auto;border-radius:8px;padding:1px}.image-wrapper{aspect-ratio:1 / 1;height:auto}.bingo-cell span{font-size:.75rem;padding-left:4px;padding-right:4px;padding-bottom:2px;border-radius:3px}.free-text{font-size:1.2rem}.start-new-game h2{font-size:1.5rem}.start-new-game button{font-size:1rem;padding:10px 16px}}