:root{color:#f8f4ff;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090611;font-family:Inter,Segoe UI,Arial,sans-serif}html,body{background:#090611;width:100%;min-width:320px;min-height:100%;margin:0;padding:0}body{min-height:100dvh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible{outline-offset:3px;outline:2px solid #ff4fcb}#root{width:100%;min-width:320px;min-height:100dvh;margin:0;padding:0}:root{--bg:#090611;--panel:#181027e0;--panel-soft:#231636b8;--line:#c28bff29;--pink:#ff42c8;--purple:#a855f7;--cyan:#4bdcf2;--muted:#a99bb9;--white:#fbf7ff}*{box-sizing:border-box}body{color:var(--white);background:linear-gradient(120deg,#080411d1,#10051cad,#080411d1),url(/images/cassamo-achtergrond.png) 50%/cover no-repeat fixed,#090611;font-family:Inter,Segoe UI,Arial,sans-serif}button{color:inherit}.app-shell{flex-direction:column;min-height:100vh;display:flex}.topbar{border-bottom:1px solid var(--line);background:#0a0613e0;justify-content:space-between;align-items:center;gap:20px;min-height:82px;padding:12px clamp(18px,4vw,58px);display:flex}.brand{text-align:left;background:0 0;border:0;align-items:center;gap:14px;padding:0;display:flex}.brand img{object-fit:contain;filter:drop-shadow(0 0 12px #ff36cc59);width:60px;height:52px}.brand span{flex-direction:column;gap:4px;display:flex}.brand strong{letter-spacing:2px;font-size:15px}.brand small{color:var(--pink);letter-spacing:2.3px;font-size:10px}.topbar-right{color:var(--muted);letter-spacing:1.5px;align-items:center;gap:26px;font-size:10px;display:flex}.secure-label{align-items:center;gap:9px;display:flex}.secure-label i,.live-dot:before{background:#56e5b2;border-radius:50%;width:7px;height:7px;display:inline-block;box-shadow:0 0 10px #56e5b2}.main-nav{border-bottom:1px solid var(--line);background:#110a1de6;align-items:stretch;gap:5px;min-height:58px;padding:0 clamp(12px,4vw,58px);display:flex;overflow-x:auto}.nav-item{color:#b9a9c9;background:0 0;border:0;flex:none;padding:0 19px;font-size:12px;font-weight:650;transition:color .2s,background .2s;position:relative}.nav-item:hover,.nav-item.active{color:#fff;background:#a855f71a}.nav-item.active:after{content:"";background:linear-gradient(90deg, var(--purple), var(--pink));height:2px;box-shadow:0 0 12px var(--pink);position:absolute;bottom:0;left:18px;right:18px}.main-content{flex:1;width:min(1500px,100%);margin:0 auto;padding:34px clamp(18px,4vw,58px) 54px}.page-heading{justify-content:space-between;align-items:end;gap:15px;margin-bottom:25px;display:flex}.eyebrow{color:var(--pink);letter-spacing:2.2px;font-size:9px;font-weight:800}.page-heading h2{letter-spacing:-.5px;margin:7px 0 0;font-size:25px}.date-chip{border:1px solid var(--line);color:#c7b5d9;letter-spacing:1.3px;border-radius:30px;padding:8px 13px;font-size:9px}.welcome-banner{background:linear-gradient(110deg,#4f1969c7,#231139c7 55%,#66195ba6);border:1px solid #e05bdd40;border-radius:19px;justify-content:space-between;align-items:center;min-height:205px;padding:34px 40px;display:flex;position:relative;overflow:hidden;box-shadow:0 15px 45px #0003}.welcome-banner:after{content:"";border:1px solid #ffffff1f;border-radius:50%;width:330px;height:330px;position:absolute;top:-210px;right:10%;box-shadow:0 0 0 35px #ffffff06,0 0 0 70px #ffffff05}.welcome-banner h1{letter-spacing:-1.2px;margin:12px 0 8px;font-size:clamp(25px,3.5vw,39px)}.welcome-banner h1 span{color:#ff8cdd}.welcome-banner p{color:#d4c5e2;font-size:13px}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:19px 0;display:grid}.stat-card,.panel-card{border:1px solid var(--line);background:var(--panel);border-radius:15px;box-shadow:0 12px 30px #00000021}.stat-card{flex-direction:column;align-items:flex-start;gap:5px;min-height:135px;padding:17px 19px;display:flex}.stat-icon{text-align:center;color:#ff8cdd;letter-spacing:1px;background:#ff42c81f;border-radius:6px;min-width:36px;padding:5px 7px;font-size:9px;font-weight:900}.stat-label{color:var(--muted);margin-top:5px;font-size:10px}.stat-card strong{font-size:17px}.stat-card small{font-size:10px}.status-muted{color:#a99bb9}.status-good{color:#64e8b5}.dashboard-grid{grid-template-columns:1.1fr .9fr;gap:17px;display:grid}.panel-card{min-width:0;padding:22px}.section-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:17px;display:flex}.section-heading h2,.panel-card h2{margin:6px 0 0;font-size:17px}.live-dot{color:#68dfb0;letter-spacing:1px;font-size:9px}.live-dot:before{content:"";margin-right:7px}.person-row{border-top:1px solid var(--line);align-items:center;gap:13px;padding:13px 0;display:flex}.avatar{border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:11px;font-weight:900;display:grid}.dj-avatar{color:#ff9bdd;background:#ff42c824}.co-avatar{color:#8ceafa;background:#4bdcf21f}.person-info{flex-direction:column;flex:1;gap:4px;display:flex}.person-info strong{font-size:12px}.person-info span{color:var(--muted);font-size:10px}.small-action{color:#ff9bdd;background:#ff42c814;border:1px solid #ff42c859;border-radius:8px;padding:8px 11px;font-size:10px}.small-action:hover{background:#ff42c82e}.notice{color:#9384a2;font-size:10px;line-height:1.6}.announcement-card p{color:#d5c8e2;margin-top:13px;font-size:12px;line-height:1.6}.quick-links{grid-template-columns:1fr 1fr;gap:8px;margin-top:14px;display:grid}.quick-links button{border:1px solid var(--line);color:#ded2e9;text-align:left;background:#ffffff06;border-radius:8px;justify-content:space-between;padding:10px 12px;font-size:10px;display:flex}.quick-links button:hover{color:#ff9bdd;border-color:#ff42c880}.app-footer{border-top:1px solid var(--line);color:#83758f;justify-content:space-between;gap:15px;padding:17px clamp(18px,4vw,58px);font-size:9px;display:flex}.content-panel{min-height:350px;padding:clamp(22px,4vw,38px)}.content-panel>h1{margin:9px 0;font-size:clamp(26px,4vw,36px)}.section-intro{color:var(--muted);margin:8px 0 25px;font-size:13px}.schedule-line{border-top:1px solid var(--line);gap:20px;padding:17px 0;display:flex}.schedule-time{color:#ff83d7;min-width:55px;font-size:13px;font-weight:800}.schedule-line strong{font-size:13px}.schedule-line p{color:var(--muted);margin-top:5px;font-size:11px}.content-panel>.notice{margin-top:20px}.request-form{gap:10px;margin:20px 0 28px;display:flex}.request-form input,.login-modal input{border:1px solid var(--line);color:#fff;background:#04020a80;border-radius:9px;flex:1;min-width:0;padding:13px 14px}.primary-button{color:#fff;background:linear-gradient(100deg,#812ed0,#df3ca9);border:0;border-radius:9px;padding:12px 18px;font-size:11px;font-weight:800}.subheading{margin:0 0 12px;font-size:15px}.empty-state{border:1px dashed var(--line);color:var(--muted);border-radius:9px;padding:18px;font-size:12px}.request-list{color:#e3d5ed;padding-left:20px;font-size:12px;line-height:2}.feature-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.feature-tile{border:1px solid var(--line);background:var(--panel-soft);border-radius:12px;padding:20px}.tile-icon{color:var(--pink);font-size:12px;font-weight:900}.feature-tile h2{margin:12px 0 7px}.feature-tile p{color:var(--muted);font-size:11px;line-height:1.6}.coming-soon{color:var(--cyan);letter-spacing:.5px;margin-top:17px;font-size:9px;display:inline-block}.scoreboard{justify-content:center;align-items:center;gap:clamp(15px,5vw,65px);margin:35px auto;display:flex}.team-score{flex-direction:column;align-items:center;gap:12px;min-width:130px;display:flex}.team-score>span{color:var(--muted);letter-spacing:2px;font-size:11px}.team-score>strong{color:#ff8cdd;font-size:clamp(48px,8vw,76px)}.team-score div{gap:10px;display:flex}.team-score button,.reset-button{border:1px solid var(--line);color:#fff;background:#ffffff0d;border-radius:8px;width:38px;height:34px}.team-score button:hover,.reset-button:hover{border-color:var(--pink)}.score-divider{color:var(--muted);font-size:12px;font-weight:900}.reset-button{width:auto;padding:0 15px;font-size:10px}.planning-list{grid-template-columns:1fr 1fr;gap:12px;display:grid}.planning-list label{border:1px solid var(--line);color:#dfd2e9;background:#ffffff06;border-radius:9px;align-items:center;gap:11px;padding:14px;font-size:12px;display:flex}.planning-list input{accent-color:#d943b4;width:16px;height:16px}.modal-backdrop{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#040209c7;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.login-modal{background:#170e25;border:1px solid #ff42c859;border-radius:17px;width:min(420px,100%);padding:30px;position:relative;box-shadow:0 20px 70px #00000080}.modal-close{color:#c8b5d8;background:0 0;border:0;font-size:25px;position:absolute;top:12px;right:15px}.login-modal h2{margin:10px 0;font-size:23px}.login-modal>p{color:var(--muted);margin:0 0 20px;font-size:12px}.login-modal form{flex-direction:column;gap:10px;display:flex}.login-modal form label{color:#d8c8e5;font-size:11px}.login-modal form .primary-button{margin-top:5px}.login-modal .notice{margin-top:17px}@media (width<=850px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.feature-grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.topbar{min-height:70px}.brand img{width:48px;height:43px}.brand strong{font-size:12px}.brand small{font-size:8px}.topbar-right{display:none}.main-nav{min-height:51px;padding:0 10px}.nav-item{padding:0 13px;font-size:11px}.main-content{padding-top:24px}.page-heading h2{font-size:22px}.date-chip{font-size:8px}.welcome-banner{min-height:170px;padding:25px 20px}.welcome-banner p{max-width:230px;font-size:11px}.stats-grid{gap:10px}.stat-card{min-height:125px;padding:13px}.stat-card strong{font-size:14px}.panel-card{padding:17px}.feature-grid,.planning-list{grid-template-columns:1fr}.request-form,.app-footer{flex-direction:column}}.login-page{isolation:isolate;background:linear-gradient(120deg,#080411d1,#10051c94,#080411d1),url(/images/cassamo-achtergrond.png) 50%/cover no-repeat,#090611;justify-content:center;align-items:center;width:100%;min-height:100dvh;padding:35px 20px;display:flex;position:relative;overflow:hidden}.login-overlay{z-index:-1;background:radial-gradient(at 50% 42%,#ad31ae33,#0000 55%),linear-gradient(#0000 45%,#05020c7a);position:absolute;inset:0}.login-screen{text-align:center;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#0d0717d6;border:1px solid #ff7de252;border-radius:24px;width:min(520px,100%);padding:clamp(28px,5vw,48px);box-shadow:0 25px 90px #0000007a,0 0 55px #c030b221}.login-logo{object-fit:contain;filter:drop-shadow(0 0 20px #ff42c852);width:min(230px,75%);height:120px;margin:0 auto 20px;display:block}.login-eyebrow,.selected-role{color:#ff75d5;letter-spacing:3px;font-size:10px;font-weight:800;display:block}.login-screen h1{color:#fff;letter-spacing:-1px;margin:14px 0 10px;font-size:clamp(25px,5vw,34px)}.login-screen h1 span{color:#ff8cdd;margin-top:5px;display:block}.login-intro{color:#c7b7d5;max-width:360px;margin:0 auto 28px;font-size:13px;line-height:1.7}.role-selection{gap:12px;margin-top:25px;display:grid}.role-button{text-align:left;cursor:pointer;background:#231636d1;border:1px solid #ffffff1f;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:76px;margin-bottom:14px;padding:18px 20px;transition:all .2s;display:flex}.role-button:hover{background:#ff42c81a;border-color:#ff5acfb3;transform:translateY(-2px);box-shadow:0 8px 25px #0003}.role-symbol{color:#ff9bdd;background:#ff42c824;border-radius:12px;flex:none;place-items:center;width:48px;height:48px;font-size:13px;font-weight:900;display:grid}.cohost-role .role-symbol{color:#8ceafa;background:#4bdcf21f}.role-button>span:nth-child(2){flex-direction:column;flex:1;gap:5px;display:flex}.role-button strong{color:#fff;font-size:13px}.role-button small{color:#a99bb9;font-size:11px}.role-arrow{color:#ff8cdd;font-size:27px}.login-form{text-align:left;flex-direction:column;gap:12px;margin-top:26px;display:flex}.login-form label{color:#e8dced;font-size:12px;font-weight:650}.login-form input{color:#fff;background:#0301098c;border:1px solid #c28bff4d;border-radius:10px;outline:none;width:100%;padding:15px}.login-form input:focus{border-color:#ff55ce;box-shadow:0 0 0 3px #ff42c81a}.login-submit{color:#fff;letter-spacing:.5px;cursor:pointer;background:linear-gradient(100deg,#812ed0,#e33ba9);border:0;border-radius:10px;width:100%;margin-top:5px;padding:14px;font-size:12px;font-weight:850}.login-submit:hover{filter:brightness(1.12)}.back-to-roles{color:#c8b5d8;cursor:pointer;background:0 0;border:0;padding:8px;font-size:11px}.back-to-roles:hover{color:#ff8cdd}.login-footer{color:#8f809e;letter-spacing:.3px;border-top:1px solid #c28bff24;margin-top:30px;padding-top:17px;font-size:10px}.logout-button{color:#ff9bdd;cursor:pointer;background:#ff42c814;border:1px solid #ff42c859;border-radius:8px;padding:8px 13px;font-size:10px}.logout-button:hover{background:#ff42c82e}@media (width<=700px){.topbar-right{gap:10px}.topbar-date,.secure-label{display:none}}@media (width<=480px){.login-page{padding:18px 12px}.login-screen{border-radius:18px;padding:28px 20px}.login-logo{height:95px}}.chatter-leader{background:linear-gradient(120deg,#812ed02e,#e33ba91f);border:1px solid #ff42c84d;border-radius:14px;flex-direction:column;align-items:center;gap:8px;margin:22px 0;padding:25px;display:flex}.chatter-leader strong{color:#fff;font-size:25px}.chatter-leader>span:last-child{color:#ff8cdd;font-size:13px;font-weight:700}.chatter-form{gap:10px;margin:25px 0;display:flex}.chatter-form input{border:1px solid var(--line);color:#fff;background:#04020a80;border-radius:9px;flex:1;min-width:0;padding:13px 14px}.chatter-list-heading{justify-content:space-between;align-items:center;gap:12px;margin:25px 0 12px;display:flex}.chatter-list-heading h2{margin:0}.chatter-list-heading>span{color:var(--muted);font-size:11px}.chatter-list{gap:9px;display:grid}.chatter-row{border:1px solid var(--line);background:#ffffff09;border-radius:10px;align-items:center;gap:13px;padding:13px;display:flex}.chatter-rank{color:#ff9bdd;background:#ff42c821;border-radius:9px;flex:none;place-items:center;width:34px;height:34px;font-size:12px;font-weight:900;display:grid}.chatter-info{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.chatter-info strong{overflow-wrap:anywhere;font-size:13px}.chatter-info span{color:var(--muted);font-size:10px}.chatter-actions{align-items:center;gap:7px;display:flex}.chatter-actions button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;min-width:34px;height:34px;padding:0 9px;font-weight:800}.chatter-actions button:disabled{opacity:.35;cursor:not-allowed}.chatter-actions .chatter-remove{color:#ff9bdd;border-color:#ff42c840;font-size:10px;font-weight:600}.chatter-reset{margin:20px 0 10px}@media (width<=560px){.chatter-form{flex-direction:column}.chatter-row{flex-wrap:wrap}.chatter-actions{justify-content:flex-end;width:100%}}.role-symbol{display:none!important}.role-selection{flex-direction:column;gap:12px;display:flex}.role-button{margin-bottom:0}.role-button>span:first-child{text-align:left;flex-direction:column;flex:1;gap:5px;display:flex}.role-symbol,.role-arrow{display:none!important}.dj-role strong{color:#8ceafa}.dj-role small{color:#a4dce8}.cohost-role strong{color:#ff5acf}.cohost-role small{color:#e6a1d2}.games-panel{width:100%}.games-toolbar{justify-content:space-between;align-items:center;gap:15px;margin:25px 0 18px;display:flex}.games-toolbar h2,.saved-games h2{margin:0 0 6px;font-size:17px}.games-toolbar p,.saved-games>p,.game-question-section>p{color:var(--muted);font-size:11px}.game-editor{border:1px solid var(--line);background:var(--panel-soft);border-radius:13px;flex-direction:column;gap:16px;padding:20px;display:flex}.game-editor label{color:#e5d8ef;flex-direction:column;gap:7px;font-size:12px;font-weight:700;display:flex}.game-editor input,.game-editor textarea,.game-question-form input{border:1px solid var(--line);color:#fff;width:100%;min-width:0;font:inherit;background:#04020a8c;border-radius:8px;padding:12px 13px}.game-editor textarea{resize:vertical}.game-question-section{flex-direction:column;gap:10px;display:flex}.game-question-section h3{margin:0;font-size:15px}.game-question-form{grid-template-columns:1fr 1fr auto;gap:9px;display:grid}.game-question-item,.saved-game-item{border:1px solid var(--line);background:#04020a40;border-radius:9px;justify-content:space-between;align-items:center;gap:15px;padding:13px;display:flex}.game-question-item>div,.saved-game-item>div:first-child{flex-direction:column;gap:6px;min-width:0;display:flex}.game-question-item strong,.saved-game-item strong{color:#f5eafa;overflow-wrap:anywhere;font-size:12px}.game-question-item span,.saved-game-item span{color:var(--muted);overflow-wrap:anywhere;font-size:11px}.secondary-button,.game-delete-button{border:1px solid var(--line);color:#fff;cursor:pointer;background:#ffffff0d;border-radius:8px;padding:9px 12px;font-size:10px;font-weight:700}.game-delete-button{color:#ff9ab6}.game-save-button{align-self:flex-start}.saved-games{margin-top:30px}.saved-games-list{flex-direction:column;gap:10px;margin-top:15px;display:flex}.saved-game-actions{flex-wrap:wrap;gap:8px;display:flex}@media (width<=700px){.game-question-form{grid-template-columns:1fr}.games-toolbar,.game-question-item,.saved-game-item{flex-direction:column;align-items:flex-start}}.bingo-panel{background:linear-gradient(145deg,#231339f5,#0e0a19fa);border:1px solid #ae75ff4d;border-radius:22px;width:100%;margin:30px 0;padding:26px;box-shadow:0 16px 45px #00000040}.bingo-heading{margin-bottom:26px}.bingo-heading h2{margin:8px 0;font-size:1.7rem}.bingo-heading p,.bingo-result-area p,.bingo-history-heading p{color:var(--muted,#b8a9ca)}.bingo-layout{grid-template-columns:minmax(0,1.3fr) minmax(220px,.7fr);align-items:center;gap:28px;display:grid}.bingo-wheel-area{flex-direction:column;align-items:center;gap:24px;min-width:0;display:flex}.bingo-wheel{aspect-ratio:1;background:repeating-conic-gradient(from -2deg,#291344 0deg 3.5deg,#542b7c 3.5deg 4deg);border:9px solid #b68aff;border-radius:50%;width:min(100%,360px);position:relative;box-shadow:0 0 0 5px #b68aff26,0 0 35px #9655ff40,inset 0 0 25px #0009}.bingo-wheel:before{content:"";pointer-events:none;border:2px solid #ffffff40;border-radius:50%;position:absolute;inset:12%}.bingo-wheel-numbers{border-radius:50%;position:absolute;inset:0}.bingo-wheel-number{color:#fff;text-align:center;text-shadow:0 1px 3px #000;border-radius:5px;width:19px;margin:-8px 0 0 -9px;font-size:8px;font-weight:700;line-height:16px;position:absolute;top:50%;left:50%}.bingo-wheel-number.bingo-number-drawn{color:#ffd66b;text-shadow:0 0 7px #ffbd35}.bingo-wheel-center{color:#fff;background:linear-gradient(145deg,#8d42d4,#40166f);border:3px solid #d7b5ff;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:35%;box-shadow:0 0 25px #be7dff80}.bingo-wheel-center span{letter-spacing:2px;font-size:12px;font-weight:900}.bingo-wheel-center strong{font-size:24px}.bingo-draw-button{min-width:220px;padding:14px 24px;font-size:1rem}.bingo-draw-button:disabled{opacity:.55;cursor:not-allowed}.bingo-result-area{text-align:center;background:#0805118c;border:1px solid #be91ff33;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:300px;padding:24px;display:flex}.bingo-result-ball{color:#39164f;background:radial-gradient(circle at 32% 25%,#fff1c8,#e6a52f 45%,#9c4d12 100%);border:7px solid #f0d6ff;border-radius:50%;justify-content:center;align-items:center;width:150px;height:150px;font-size:3.4rem;font-weight:900;display:flex;box-shadow:0 12px 35px #0006,inset 0 -8px 15px #64280040}.bingo-history{border-top:1px solid #be91ff33;margin-top:30px;padding-top:24px}.bingo-history-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.bingo-history-heading h3{margin:0 0 5px}.bingo-drawn-list{flex-wrap:wrap;gap:9px;display:flex}.bingo-drawn-number{color:#fff;cursor:pointer;background:#67319740;border:1px solid #be91ff4d;border-radius:12px;min-width:65px;padding:9px 12px;font-weight:800;transition:background .2s,transform .2s}.bingo-drawn-number:hover{background:#8f4ccd80;transform:translateY(-2px)}@media (width<=700px){.bingo-panel{padding:17px}.bingo-layout{grid-template-columns:1fr}.bingo-wheel{width:min(100%,330px)}.bingo-result-area{min-height:250px}.bingo-history-heading{flex-direction:column;align-items:flex-start}}.bingo-cards-panel{background:linear-gradient(145deg,#1e1130f5,#110b1df5);border:1px solid #be91ff38;border-radius:22px;width:100%;margin:30px 0;padding:26px}.bingo-cards-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.bingo-cards-heading h2{margin:8px 0}.bingo-cards-heading p{color:#c6b7d8;margin:0}.bingo-card-info{color:#d8c8ed;background:#7e4bae29;border-radius:13px;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;padding:14px 17px;display:flex}.bingo-card-info strong{color:#fff;font-size:25px}.bingo-cards-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.bingo-card-item{background:#0c0815b3;border:1px solid #be91ff3d;border-radius:17px;min-width:0;padding:15px}.bingo-card-preview{background:linear-gradient(145deg,#160d27,#30164b);border-radius:12px;padding:12px}.bingo-card-preview-heading{color:#fff;text-align:center;flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.bingo-card-preview-heading strong{color:#d6adff;letter-spacing:1px;font-size:12px}.bingo-card-preview-heading span{overflow-wrap:anywhere;color:#cbb6e9;font-size:10px}.bingo-card-grid{grid-template-columns:repeat(9,minmax(0,1fr));gap:3px;display:grid}.bingo-card-cell{aspect-ratio:1;color:#28133f;background:#f5efff;border-radius:4px;justify-content:center;align-items:center;min-width:0;font-size:clamp(10px,2vw,17px);font-weight:900;display:flex}.bingo-card-empty{background:#ffffff14}.bingo-card-marked{color:#fff;background:#7040a0;box-shadow:inset 0 0 0 2px #d6adff}.bingo-card-actions{flex-wrap:wrap;gap:9px;margin-top:14px;display:flex}.bingo-card-actions button{flex:1}@media (width<=700px){.bingo-cards-panel{padding:17px}.bingo-cards-heading,.bingo-card-info{flex-direction:column;align-items:flex-start}}