:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0a1020;color:#f7f8ff;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#392665 0%,transparent 40%),#0a1020;min-height:100vh}.shell{max-width:620px;margin:auto;min-height:100vh}header{padding:32px 24px 18px}.brand{font-size:13px;font-weight:900;letter-spacing:2.4px;margin-bottom:45px}.brandmark{color:#a78bfa;font-size:24px;vertical-align:middle}.muted{color:#aab3c9}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#b5a1fa;margin-bottom:12px}h1{font-size:clamp(32px,8vw,46px);line-height:1.1;letter-spacing:-1.4px;margin:0 0 12px}main{padding:8px 18px 32px}.question{background:#171e32;border:1px solid #343c54;border-radius:24px;padding:26px 22px;margin:14px 0 20px;box-shadow:0 15px 40px #0002}h2{font-size:25px;letter-spacing:-.6px;line-height:1.3;margin:20px 0}p{color:#c0c8da;line-height:1.6}.pill{display:inline-block;background:#332956;color:#d9cbff;border-radius:100px;padding:9px 13px;font-size:11px;font-weight:850;letter-spacing:1px}.pill.outline{background:#202940;color:#c4cce0}.pill.green{background:#153c36;color:#79f3be}.question-meta{display:flex;gap:8px;flex-wrap:wrap;margin:18px 2px}.inputlabel{display:block;color:#c7cee0;font-size:14px;font-weight:650;margin:24px 0 16px}input:not([type=radio]){width:100%;display:block;margin-top:10px;background:#10182b;border:1px solid #45506b;color:#fff;border-radius:15px;padding:17px;font:inherit;font-size:17px;outline:none}input:focus{border-color:#a78bfa}button{cursor:pointer;border:0;border-radius:15px;font-size:15px;font-weight:800;padding:15px 19px;transition:background .15s}button:disabled{opacity:.35;cursor:default}.primary{width:100%;color:#fff;background:linear-gradient(110deg,#7952ed,#a157db)}.secondary{background:#29334c;color:#e8eaff}.navigation{display:flex;justify-content:space-between;gap:12px}.navigation button{flex:1}.options{display:grid;gap:12px}.option{display:flex;gap:14px;align-items:center;border:1px solid #424d68;border-radius:15px;padding:16px;background:#111a2e;cursor:pointer;font-size:16px}.option.selected{border-color:#ae8dff;background:#322851}.option input{accent-color:#a58aff;width:18px;height:18px}.answer-status{font-size:13px;color:#95e5c1;margin:22px 0 14px}.hint{font-size:12px;text-align:center}.warning{border:1px solid #705a37;background:#2b2530;border-radius:18px;padding:20px 22px}.warning strong{color:#ffdb96}.warning p{margin-bottom:0}.tabs{display:flex;background:#182036;border-radius:16px;padding:5px;gap:5px;margin:16px 0}.tabs button{flex:1;background:transparent;color:#b4bed3}.tabs button.active{background:#56419c;color:#fff}.tiles{display:flex;gap:6px;flex-wrap:wrap;margin:16px 0}.tile{display:grid;place-items:center;min-width:35px;height:42px;padding:0 7px;background:#e5ddff;color:#241344;border-radius:9px;font-weight:900;font-size:20px}.notice{background:#2b344c;border-radius:13px;padding:15px;color:#d1d7e5;font-size:14px}.error{padding:14px;background:#602738;border-radius:12px;color:#ffd4df;margin-top:16px}footer{font-size:12px;text-align:center;color:#8d98ae;padding:30px 15px}[hidden]{display:none!important}.question-type-heading{display:flex;align-items:center;gap:13px;margin:2px 0 24px;color:#f1eaff;font-size:clamp(23px,6.5vw,33px);font-weight:900;line-height:1.12;letter-spacing:-.65px;text-transform:uppercase;overflow-wrap:anywhere}.question-type-accent{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:14px;background:#44316e;color:#d4bcff;font-size:24px}.question .question-type-heading+h2{margin-top:0}.question-type-heading{font-size:13px;letter-spacing:1.6px;gap:9px;margin:0 0 17px;color:#cdb8ff;font-weight:850}.question-type-accent{width:29px;height:29px;border-radius:9px;font-size:16px}.question-prompt{padding:22px 20px;background:linear-gradient(145deg,#26314e,#1e2944);border:1px solid #637398;border-left:4px solid #a78bfa;border-radius:18px;margin-bottom:20px}.prompt-label{display:block;font-size:10px;letter-spacing:1.8px;font-weight:850;color:#c3afff;margin-bottom:12px}.question-prompt h2{font-size:clamp(26px,6vw,34px);line-height:1.25;margin:0;color:#fff;font-weight:850}.question-picture{margin:18px 0 22px;border-radius:16px;overflow:hidden;background:#0c1427;border:1px solid #4a5775}.question-picture img{display:block;width:100%;height:auto;max-height:420px;object-fit:contain}.image-fallback{margin:18px 0;padding:20px;border:1px dashed #bc8b68;background:#302838;color:#f5d9c5;border-radius:15px;font-size:14px;line-height:1.5}footer{display:flex;flex-direction:column;align-items:center;gap:7px;padding:24px 24px 38px;border-top:1px solid #252e44;margin:22px 18px 0;line-height:1.5}footer strong{color:#cdb8ff;font-size:13px}footer span{max-width:440px;color:#aebbd2}footer small{color:#8592a9;font-size:11px}.bingo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.bingo-card{display:flex;align-items:center;flex-direction:column;gap:9px;background:#2a3453;color:#fff;border:2px solid #65708d;padding:18px 10px;min-height:108px}.bingo-card span{font-size:32px;font-weight:850}.bingo-card small{font-size:12px}.bingo-card.bingo-marked{background:#184b3f;border-color:#61e6b1}.bingo-card:disabled{opacity:.5}.bingo-player{width:100%;max-width:100%;margin:auto}.bingo-instructions{font-size:13px;line-height:1.4;margin:8px 0 12px;color:#b7c0d7}.bingo-packs{display:grid;grid-template-columns:1fr;gap:9px}.bingo-pack{padding:9px;background:#182039;border:1px solid #39446b;border-radius:13px}.bingo-pack-head{display:flex;justify-content:space-between;align-items:center;font-size:12px;margin-bottom:6px;color:#e7e9fb}.bingo-pack .bingo-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px;margin:0}.bingo-pack .bingo-card{position:relative;min-width:0;min-height:52px;padding:5px 0;gap:0;border-radius:7px;border:1px solid #7882a0;background:#2b3654;opacity:1;justify-content:center}.bingo-pack .bingo-card span{font-size:clamp(12px,3.8vw,21px);font-weight:850;white-space:nowrap}.bingo-pack .bingo-card small{position:absolute;right:1px;top:0;font-size:10px;color:#baffd8}.bingo-pack .bingo-card.bingo-marked{background:#205d50;border-color:#8ff1bd}.bingo-pack .bingo-claim{width:100%;margin-top:6px;padding:8px;border-radius:8px;background:#753be7;color:#fff;border:0;font-size:12px;font-weight:700}.bingo-pack .bingo-claim:disabled{opacity:.35}.bingo-win{font-size:12px;color:#a8ffd5;text-align:center;padding:7px}@media(min-width:750px){.bingo-packs{grid-template-columns:repeat(2,minmax(0,1fr))}.bingo-pack .bingo-card span{font-size:21px}}@media(max-width:380px){.bingo-pack{padding:6px}.bingo-pack .bingo-card{min-height:43px}.bingo-pack .bingo-card span{font-size:12px}}body:has(.bingo-player) .shell{min-height:100dvh;padding-top:12px}body:has(.bingo-player) header{margin-bottom:8px;padding-bottom:0}body:has(.bingo-player) header h1{font-size:clamp(20px,6vw,30px);margin:4px 0}body:has(.bingo-player) footer{display:none}body:has(.bingo-player) main{padding-top:0}.bingo-finale{position:relative;overflow:hidden;text-align:center;padding:42px 20px 55px;border-radius:24px;background:radial-gradient(circle at 50% 0%,#493281,#17243b 58%,#0c1729);border:1px solid #7657b9;min-height:320px}.bingo-finale h2{font-size:clamp(1.7rem,6vw,2.6rem);color:#fff;margin:12px auto;max-width:28rem;position:relative;z-index:1}.bingo-finale p,.bingo-finale-foot{color:#e7dcff;position:relative;z-index:1}.bingo-trophy{font-size:4.5rem;position:relative;z-index:1;animation:bingo-pop .8s both}.bingo-finale-foot{font-weight:700;margin-top:25px}.bingo-confetti{position:absolute;inset:0;overflow:hidden;pointer-events:none}.bingo-confetti i{position:absolute;top:-25px;left:var(--x);width:8px;height:16px;opacity:.95;background:hsl(calc(var(--i)*53) 90% 65%);transform:rotate(18deg);animation:bingo-fall var(--duration) linear var(--delay) infinite}@keyframes bingo-fall{to{transform:translate(40px,430px) rotate(740deg)}}@keyframes bingo-pop{0%{transform:scale(.3);opacity:0}75%{transform:scale(1.16);opacity:1}to{transform:scale(1)}}@media(prefers-reduced-motion:reduce){.bingo-confetti i,.bingo-trophy{animation:none}.bingo-confetti i{display:none}}.bingo-pack .bingo-card span{font-size:clamp(15px,4.4vw,25px)}@media(max-width:380px){.bingo-pack .bingo-card span{font-size:clamp(13px,4vw,18px)}}.bingo-paused{border:1px solid #c79d5b}body{background:radial-gradient(ellipse at 95% 0%,#351060 0%,transparent 45%),radial-gradient(ellipse at 0% 90%,#062d64 0%,transparent 48%),#070b1b}.brand{letter-spacing:2px}.brandmark{color:#45d7ff}.primary,.bingo-claim{background:linear-gradient(110deg,#176cfa,#783df3,#a226dc)!important}footer a{color:#a8caff;text-decoration:none}footer a:hover{text-decoration:underline}.legal-wrap{max-width:850px;margin:0 auto;padding:30px 22px 70px;line-height:1.7}.legal-wrap h1{font-size:clamp(30px,6vw,50px)}.legal-wrap h2{margin-top:32px;font-size:22px}.legal-wrap li{margin-bottom:9px}.legal-wrap a{color:#a8caff}.legal-consent{margin-top:20px;padding:16px;border:1px solid rgba(150,163,255,.25);border-radius:14px;background:#463e821f;text-align:left}.legal-consent-label{display:flex;align-items:flex-start;gap:12px;line-height:1.5;font-size:14px;cursor:pointer}.legal-consent-label input{width:21px;height:21px;flex:0 0 21px;margin-top:1px;accent-color:#8e7dff}.legal-consent a{color:#aab8ff;text-decoration:underline;text-underline-offset:3px}.legal-consent p{font-size:12px;opacity:.75;margin:12px 0 0}button:disabled{cursor:not-allowed;opacity:.48}
