@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@500;600;700;800&display=swap";.dashboard-heading-actions{align-items:center;gap:10px;display:flex}.history-button{color:#8a64a7;background:#fff;border:1px solid #dfd2e9;border-radius:8px;justify-content:center;align-items:center;gap:7px;padding:13px 17px;font-size:12px;font-weight:600;display:flex}.history-button:hover{background:#f4ecf8}.history-page{min-height:550px;padding-top:38px;padding-bottom:60px}.history-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:28px;display:flex}.history-heading .section-kicker{align-items:center;gap:6px;margin-top:24px;display:flex}.history-heading h1{color:#68477f;letter-spacing:-.8px;margin:10px 0 7px;font-size:29px}.history-heading p{color:#9b89a8;margin:0;font-size:12px;line-height:1.6}.back-link{color:#9276a6;background:0 0;border:none;align-items:center;gap:7px;padding:0;font-size:12px;display:flex}.history-heading .secondary-button{flex-shrink:0}.history-empty{text-align:center;color:#aa8bbc;background:#fff;border:1px dashed #ddcfe8;border-radius:16px;padding:70px 25px}.history-empty h2{color:#826695;margin:17px 0 9px;font-size:19px}.history-empty p{color:#a28daf;max-width:430px;margin:0 auto 20px;font-size:12px;line-height:1.7}.history-empty .primary-button{align-items:center;gap:8px;display:inline-flex}.history-list{flex-direction:column;gap:12px;display:flex}.history-card{text-align:left;background:#fff;border:1px solid #e9e0ee;border-radius:13px;align-items:center;gap:18px;width:100%;padding:20px 22px;transition:all .15s;display:flex}.history-card:hover{border-color:#bea1d3;transform:translateY(-1px);box-shadow:0 5px 18px #56386c0b}.history-card-icon{color:#a378be;background:#f1e7f8;border-radius:12px;flex-shrink:0;place-items:center;width:47px;height:47px;display:grid}.history-card-info{flex:1;min-width:0}.history-card-info h2{color:#715383;text-overflow:ellipsis;white-space:nowrap;margin:0 0 9px;font-size:15px;overflow:hidden}.history-card-info>span{color:#ac98b8;align-items:center;gap:6px;font-size:10px;display:flex}.history-card-stat{color:#a688b9;grid-template-columns:auto auto;justify-content:center;align-items:center;gap:4px 6px;min-width:80px;display:grid}.history-card-stat b{color:#826395;font-size:15px}.history-card-stat span{text-align:center;color:#b09abd;grid-column:1/-1;font-size:9px}.history-card-arrow{color:#c3adcf;flex-shrink:0}.session-summary{background:#e7dcec;border:1px solid #e7dcec;border-radius:13px;grid-template-columns:1fr 1fr 1fr 1.5fr;gap:1px;margin-bottom:28px;display:grid;overflow:hidden}.session-summary>div{background:#fff;grid-template-columns:auto 1fr;gap:4px 9px;padding:18px 20px;display:grid}.session-summary svg{color:#af89c5;grid-row:1/3;align-self:center}.session-summary span{color:#ae99ba;font-size:9px}.session-summary b{color:#80618f;overflow-wrap:anywhere;font-size:12px}.session-results{background:#fff;border:1px solid #e8dfec;border-radius:13px;padding:23px}.session-results .section-heading{margin-bottom:16px}.session-results .section-heading h2{color:#79568d;align-items:center;gap:9px;font-size:18px;display:flex}.session-results .section-heading p{color:#ac98b8;font-size:10px}.session-ranking{flex-direction:column;gap:8px;display:flex}.session-ranking>button{text-align:left;background:#fcfafc;border:1px solid #eee6f2;border-radius:9px;align-items:center;gap:13px;width:100%;padding:12px 15px;display:flex}.session-ranking>button:hover{background:#f7effa;border-color:#d7c1e3}.session-rank{color:#9b82a9;background:#eee6f2;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:11px;font-weight:700;display:grid}.session-rank.rank-1{color:#a47a19;background:#ffedb4}.session-rank.rank-2{color:#838392;background:#e9e9ef}.session-rank.rank-3{color:#a87a4f;background:#f4dfcd}.session-avatar{font-size:25px}.session-player{flex:1;min-width:0}.session-player b{color:#795c89;text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.session-player small{color:#b09bbd;font-size:9px}.session-ranking strong{color:#9167a9;white-space:nowrap;font-size:12px}.session-ranking strong small{font-size:9px;font-weight:400}.session-ranking>button>svg{color:#c2adcd}.answers-modal{text-align:left;width:650px;padding:30px}.answers-player{text-align:center;border-bottom:1px solid #eee6f2;padding:0 20px 22px}.answers-player>span{font-size:35px}.answers-player h2{margin:8px 0}.answers-player p{color:#aa90b8;margin:0;font-size:11px}.answer-history{flex-direction:column;gap:10px;margin-top:20px;display:flex}.answer-history>div{background:#faf7fb;border-left:3px solid #d9a0a5;border-radius:9px;align-items:flex-start;gap:12px;padding:13px;display:flex}.answer-history>div.answer-correct{background:#f4faf6;border-left-color:#70b692}.answer-number{color:#997bab;background:#ede4f1;border-radius:50%;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.answer-history>div>div{flex:1;min-width:0;padding-right:6px}.answer-history b{color:#7b608a;overflow-wrap:anywhere;font-size:12px;line-height:1.5;display:block}.answer-history p{color:#9b81a8;overflow-wrap:anywhere;margin:6px 0 0;font-size:11px;line-height:1.5}.answer-history small{color:#73a084;overflow-wrap:anywhere;margin-top:5px;font-size:10px;line-height:1.5;display:block}.answer-history strong{color:#71a384;white-space:nowrap;font-size:11px}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=700px){.dashboard-heading-actions{flex-wrap:wrap;width:100%}.dashboard-heading-actions>button{flex:1}.history-page{padding:25px 18px 45px}.history-heading{flex-direction:column;align-items:flex-start}.history-heading h1{font-size:24px}.history-heading .secondary-button{align-self:flex-start}.history-card{gap:12px;padding:16px}.history-card-icon{width:40px;height:40px}.history-card-stat{min-width:45px}.session-summary{grid-template-columns:1fr 1fr}.session-results{padding:15px}.session-results .section-heading{align-items:flex-start;gap:10px}.session-ranking>button{gap:9px;padding:11px 9px}.session-ranking strong small{display:none}.answers-modal{padding:48px 19px 22px}.answer-history>div{gap:8px;padding:11px}}@media (width<=390px){.history-card-stat:nth-of-type(4){display:none}.history-card{gap:10px}.history-card-info h2{font-size:13px}.history-card-icon{width:35px;height:35px}.session-avatar{font-size:21px}.session-player b{font-size:11px}.session-ranking strong{font-size:10px}.session-summary>div{padding:14px}.session-summary b{font-size:10px}.dashboard-heading-actions{flex-direction:column}.dashboard-heading-actions>button{width:100%}}:root{color:#29263a;font-synthesis:none;--purple:#7047eb;--dark:#29263a;--muted:#85818f;--border:#eae7e1;--cream:#faf9f5;background:#faf9f5;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #b49af9}button{color:inherit}button:disabled{cursor:not-allowed}button,a{-webkit-tap-highlight-color:transparent}.container{max-width:1160px;margin:auto;padding-left:32px;padding-right:32px}h1,h2,h3,.logo{font-family:Plus Jakarta Sans,sans-serif}.site-header{border-bottom:1px solid var(--border);z-index:10;background:#faf9f5f0;height:79px;position:relative}.header-inner{justify-content:space-between;align-items:center;height:100%;display:flex}.logo{letter-spacing:-1.3px;color:#3c2e68;background:0 0;border:none;align-items:center;gap:9px;padding:0;font-size:25px;font-weight:800;display:inline-flex}.logo-icon{background:var(--purple);color:#fff;border-radius:10px 10px 10px 3px;place-items:center;width:32px;height:34px;font-size:24px;display:grid;transform:rotate(-5deg);box-shadow:inset 0 -3px #00000014}.logo-dot{color:var(--purple)}nav{gap:32px;margin-left:90px;display:flex}.nav-link{color:#7d7888;background:0 0;border:none;padding:29px 0;font-size:13px;position:relative}.nav-link.active{color:#4c3a7f;font-weight:700}.nav-link.active:after{content:"";background:var(--purple);border-radius:50%;width:4px;height:4px;position:absolute;bottom:18px;left:50%;transform:translate(-50%)}.nav-link:hover{color:var(--purple)}.header-actions{align-items:center;gap:19px;display:flex}.teacher-link{color:#635a77;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.header-divider{background:var(--border);width:1px;height:20px}.login-button{background:#fff;border:1px solid #e2dce9;border-radius:8px;align-items:center;gap:7px;padding:8px 19px;font-size:12px;font-weight:600;display:flex}.tiny-avatar{width:21px;height:21px;color:var(--purple);background:#eee8ff;border-radius:50%;place-items:center;display:grid}.menu-button{background:0 0;border:none;display:none}.hero{grid-template-columns:1fr 430px;align-items:center;gap:108px;padding-top:69px;padding-bottom:55px;display:grid;position:relative}.hero-copy{padding-bottom:8px}.eyebrow{color:#7c5bb4;letter-spacing:1.4px;background:#f0eafb;border-radius:5px;align-items:center;gap:7px;margin-bottom:21px;padding:7px 11px;font-size:9px;font-weight:700;display:inline-flex}.hero h1{letter-spacing:-2.8px;color:#2b2838;margin:0 0 19px;font-size:55px;font-weight:800;line-height:1.16}.highlight{color:var(--purple);display:inline-block;position:relative}.highlight svg{fill:none;stroke:#d4bcff;stroke-width:4px;stroke-linecap:round;width:100%;height:12px;position:absolute;bottom:-9px;left:0}.hero-copy>p{color:#87828e;margin:0 0 25px;font-size:15px;line-height:1.85}.explore-button{color:#625075;background:0 0;border:none;align-items:center;gap:21px;padding:0;font-size:12px;font-weight:700;display:flex}.explore-button svg{border:1px solid var(--border);background:#fff;border-radius:50%;width:31px;height:31px;padding:7px;transition:all .2s}.explore-button:hover svg{background:#eee8ff;transform:translate(4px)}.social-proof{align-items:center;gap:12px;margin-top:36px;display:flex}.avatar-stack{display:flex}.avatar-stack span{border:2px solid var(--cream);color:#685465;border-radius:50%;place-items:center;width:29px;height:29px;margin-left:-6px;font-size:10px;font-weight:700;display:grid}.avatar-stack span:first-child{margin-left:0}.avatar-stack .avatar-more{color:#89818b;background:#ede9e3}.mini-stars{letter-spacing:1px;color:#f4b740;font-size:10px;line-height:1.2}.social-proof>div:last-child>span{color:#96909b;font-size:10px}.social-proof b{color:#756e7e;font-weight:600}.join-wrap{position:relative}.join-card{text-align:center;z-index:2;background:#fff;border:1px solid #e9e5e2;border-radius:17px;padding:28px 33px 21px;position:relative;box-shadow:0 14px 40px #30264409,0 3px 5px #30264403}.join-illustration{width:144px;height:92px;margin:0 auto 13px;position:relative}.join-question{color:#fff;z-index:2;background:#7b52ea;border-radius:25px 25px 25px 9px;width:77px;height:73px;margin:auto;font:800 57px/75px Plus Jakarta Sans;position:relative;transform:rotate(-6deg);box-shadow:0 8px #6840ce0b}.join-question:after{content:"";border:2px dashed #ffffff30;border-radius:18px;width:58px;height:50px;position:absolute;inset:10px}.join-shape{z-index:3;font-size:19px;position:absolute}.triangle{color:#fa7168;top:16px;left:2px;transform:rotate(-15deg)}.circle{color:#f5c652;font-size:22px;bottom:13px;right:0}.square{color:#51b6a4;font-size:16px;top:3px;right:10px;transform:rotate(16deg)}.diamond{color:#679bdc;font-size:20px;bottom:2px;left:6px}.join-card h2{letter-spacing:-.6px;margin:0 0 8px;font-size:20px}.join-card>p,.join-card form>p{color:#97909b;margin:0 0 25px;font-size:12px}.join-card form{text-align:left}.join-card label,.modal label{letter-spacing:1.2px;color:#837b8b;margin:0 0 8px;font-size:9px;font-weight:700;display:block}.pin-input,.name-input{text-align:center;letter-spacing:9px;color:#4c3c65;background:#fcfbf9;border:1px solid #e4dfe5;border-radius:8px;outline:none;width:100%;padding:13px 8px;font-size:20px;font-weight:700;transition:all .2s}.pin-input:focus,.name-input:focus{background:#fff;border-color:#9b7ee5}.pin-input::placeholder{color:#c9c2cd;letter-spacing:8px;font-weight:500}.primary-button{background:var(--purple);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:10px;min-height:45px;padding:12px 22px;font-size:12px;font-weight:700;transition:transform .15s,background .15s;display:inline-flex;box-shadow:0 4px #5832c2}.primary-button:hover{background:#6139d9;transform:translateY(-1px)}.primary-button:active{transform:translateY(2px);box-shadow:0 2px #5832c2}.primary-button:disabled{background:#b5a7d4;box-shadow:0 3px #a192bf}.full{width:100%;margin-top:13px}.form-error{text-align:center;color:#db5b5b!important;margin:10px 0 0!important;font-size:11px!important}.demo-pin{color:#a39aa9;border-top:1px solid #f0edf0;margin-top:18px;padding-top:16px;font-size:10px}.demo-pin button{color:#8a6abe;background:0 0;border:0;align-items:center;gap:3px;padding:0 2px;font-size:10px;font-weight:700;display:inline-flex}.join-note{color:#a096a8;justify-content:center;align-items:center;gap:6px;margin-top:17px;font-size:10px;display:flex}.join-note svg{color:#e6b953}.join-sparkle{color:#cfb8f6;font-size:35px;position:absolute;top:-27px;right:-24px;transform:rotate(15deg)}.join-dot{border-radius:50%;position:absolute}.dot-one{background:#e6cd83;width:7px;height:7px;bottom:60px;left:-26px}.dot-two{background:#dbb9ed;width:5px;height:5px;bottom:95px;right:-31px}.back-small{color:#9a8cab;background:0 0;border:0;align-items:center;gap:4px;margin-bottom:16px;padding:0;font-size:10px;display:flex}.name-input{letter-spacing:0;text-align:left;padding:14px;font-size:15px}.name-input::placeholder{color:#b1a9b7;font-size:13px;font-weight:400}.hero-bottom{color:#a59da8;letter-spacing:.1px;border-top:1px solid #eae6e3;justify-content:center;align-items:center;gap:15px;padding-top:19px;padding-bottom:20px;font-size:10px;display:flex}.tiny-arrow{color:#a998bd;font-size:16px}.quiz-section{padding-top:40px;padding-bottom:48px}.section-heading{justify-content:space-between;align-items:flex-end;margin-bottom:23px;display:flex}.section-kicker{letter-spacing:1.6px;color:#9a84bd;font-size:9px;font-weight:700}.section-heading h2{letter-spacing:-1px;margin:7px 0 0;font-size:26px}.quiz-count{color:#a59ba9;margin-bottom:4px;font-size:11px}.quiz-count span{color:#d4b268;margin-left:5px}.categories{gap:8px;margin-bottom:25px;display:flex}.categories button{color:#8c8291;background:#fff;border:1px solid #e9e5e6;border-radius:20px;align-items:center;gap:4px;padding:8px 17px;font-size:11px;transition:all .2s;display:flex}.categories button:hover{border-color:#b4a1d8}.categories .selected{color:#fff;background:#322b42;border-color:#322b42}.quiz-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.quiz-card{cursor:pointer;background:#fff;border:1px solid #e9e5e1;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.quiz-card:hover{transform:translateY(-5px);box-shadow:0 13px 30px #4536580c}.quiz-art{place-items:center;height:143px;display:grid;position:relative;overflow:hidden}.purple{background:#eae0fc}.green{background:#dff0e7}.orange{background:#f9e8d4}.blue{background:#e0eafa}.teal{background:#d9efec}.pink{background:#f8e1e7}.art-dots{background-image:radial-gradient(#ffffff65 1px,#0000 1px);background-size:15px 15px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#000,#0000);mask-image:linear-gradient(90deg,#000,#0000)}.main-art-icon{color:#fff;z-index:1;background:#7b51d8;border-radius:18px;place-items:center;width:70px;height:74px;display:grid;position:relative;transform:rotate(-8deg);box-shadow:6px 7px #ffffff6b}.main-art-icon svg{width:42px;height:42px}.green .main-art-icon{background:#52a582;border-radius:22px 15px 23px 12px}.orange .main-art-icon{background:#ecac58}.blue .main-art-icon{background:#668fd2}.teal .main-art-icon{background:#55aaa2;border-radius:50%}.pink .main-art-icon{background:#d8879a}.float-symbol{font-family:Plus Jakarta Sans;font-weight:800;position:absolute}.sym-one{color:#bea2e6;font-size:25px;top:25px;left:50px;transform:rotate(-17deg)}.sym-two{color:#b294dd;font-size:22px;bottom:24px;right:49px;transform:rotate(17deg)}.sym-three{color:#c4a8ea;font-size:19px;top:22px;right:51px}.art-atom{color:#8fc5ad;font-size:35px;position:absolute;top:21px;right:46px}.orbit{border:1px solid #add5bf;border-radius:50%;width:33px;height:22px;position:absolute;transform:rotate(40deg)}.orbit-one{bottom:27px;left:45px}.orbit-two{top:19px;right:42px}.math-number{color:#d9ad75;font:700 23px Plus Jakarta Sans;position:absolute}.n1{top:20px;left:48px;transform:rotate(-13deg)}.n2{top:27px;right:54px}.n3{bottom:21px;left:51px}.n4{font-size:25px;bottom:20px;right:47px}.english-letter{color:#a2b8dd;font:800 28px Plus Jakarta Sans;position:absolute}.l1{top:22px;left:49px;transform:rotate(-15deg)}.l2{top:25px;right:52px}.l3{font-size:20px;bottom:15px;left:50px}.globe-line{border:1px solid #9accc5;border-radius:50%;width:40px;height:40px;position:absolute}.g1{top:21px;left:42px}.g2{width:27px;height:27px;bottom:18px;right:44px}.location-pin{color:#79bdb3;font-size:30px;position:absolute;top:20px;right:50px}.leaf{color:#dba1b1;position:absolute}.leaf1{font-size:29px;top:22px;left:47px}.leaf2{font-size:23px;bottom:18px;right:51px}.quiz-card-body{padding:17px 19px 14px}.quiz-meta{color:#a199a3;justify-content:space-between;align-items:center;font-size:9px;display:flex}.quiz-meta>span:first-child{color:#9078b4;background:#f6f1fb;border-radius:4px;padding:3px 7px}.quiz-meta>span:last-child{align-items:center;gap:4px;display:flex}.quiz-card h3{letter-spacing:-.3px;margin:10px 0 6px;font-size:14px}.quiz-card-body>p{color:#9d959f;margin:0 0 19px;font-size:10px}.quiz-footer{border-top:1px solid #f0edef;justify-content:space-between;align-items:center;padding-top:12px;display:flex}.quiz-footer>span{color:#9e959f;align-items:center;gap:5px;font-size:9px;display:flex}.quiz-footer button{color:#7753bc;background:#f1ebfc;border:none;border-radius:5px;align-items:center;gap:5px;padding:6px 12px;font-size:10px;font-weight:700;display:flex}.quiz-footer button:hover{background:var(--purple);color:#fff}.bottom-cta{background:#f5f0fa;border:1px solid #e9e2f1;border-radius:12px;align-items:center;gap:17px;margin-top:30px;padding:20px 25px;display:flex}.cta-icon{color:#9672c5;background:#e9def8;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.bottom-cta h3{margin:0 0 4px;font-size:13px}.bottom-cta p{color:#9a8ea1;margin:0;font-size:10px}.bottom-cta>button{color:#7f659c;background:0 0;border:1px solid #d8cae8;border-radius:7px;align-items:center;gap:12px;margin-left:auto;padding:10px 15px;font-size:10px;font-weight:600;display:flex}.bottom-cta>button:hover{background:#eaddf7}footer{border-top:1px solid var(--border)}.footer-inner{justify-content:space-between;align-items:center;padding-top:25px;padding-bottom:25px;display:flex}.footer-inner .logo{gap:6px;font-size:18px}.footer-inner .logo-icon{border-radius:7px 7px 7px 2px;width:24px;height:25px;font-size:18px}.footer-inner>span{color:#a39ba6;font-size:9px}.sound-button{color:#8a7a99;z-index:15;background:#fff;border:1px solid #e9e3ed;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:fixed;bottom:20px;right:20px;box-shadow:0 4px 15px #00000008}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:50;background:#28203670;place-items:center;padding:25px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal{overscroll-behavior:contain;text-align:center;background:#fff;border-radius:20px;grid-template-columns:minmax(0,1fr);width:440px;min-width:0;max-width:100%;max-height:92vh;padding:32px;animation:.25s slideUp;position:relative;overflow-y:auto;box-shadow:0 25px 80px #25153b30}.close-button{color:#9b8fa5;z-index:2;background:#f7f4f9;border:none;border-radius:50%;place-items:center;width:31px;height:31px;display:grid;position:absolute;top:15px;right:15px}.modal-icon{border-radius:19px;place-items:center;width:63px;height:63px;margin:0 auto 20px;font-size:28px;display:grid;transform:rotate(-5deg)}.purple-bg{color:#7a50c7;background:#eee4fc}.yellow-bg{background:#fff0cb}.green-bg{color:#419c70;background:#dcf3e7}.modal h2{letter-spacing:-.8px;margin:9px 0 10px;font-size:23px}.modal>p,.create-intro{color:#9a8fa0;margin:0 0 22px;font-size:12px;line-height:1.7}.modal .quiz-art{border-radius:12px;height:160px;margin:-10px -10px 25px}.modal .primary-button{margin-top:20px}.modal label{text-align:left;margin-top:18px}.modal .name-input{margin:0}.text-button{color:#9a83ac;background:0 0;border:none;margin-top:17px;font-size:11px}.steps{text-align:left;margin:25px 0}.steps>div{gap:16px;margin-bottom:20px;display:flex}.steps>div>span{color:#8e68c5;background:#f1eafb;border-radius:10px;flex-shrink:0;place-items:center;width:37px;height:37px;font-size:12px;font-weight:700;display:grid}.steps h3{margin:0 0 5px;font-size:13px}.steps p{color:#a094a7;margin:0;font-size:11px;line-height:1.5}.preview-info{border-top:1px solid #eee9f1;border-bottom:1px solid #eee9f1;justify-content:center;gap:20px;padding:17px 0;display:flex}.preview-info span{color:#9b88ac;align-items:center;gap:6px;font-size:10px;display:flex}.preview-info svg{color:#ac8bcf}.create-modal{text-align:left;width:510px}.create-modal h2{margin-top:7px}.create-intro{margin-bottom:20px!important}.create-form input,.create-form textarea{background:#fdfcfd;border:1px solid #e4ddea;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:12px}.create-form input:focus,.create-form textarea:focus{border-color:#a98bdb}.create-form textarea{resize:vertical;height:68px}.create-form label{margin:15px 0 7px}.create-form label span{letter-spacing:0;color:#b0a2b9;font-size:9px;font-weight:400}.answer-inputs{grid-template-columns:1fr 1fr;gap:8px;display:grid}.answer-inputs>div{border:1px solid #e9e4ee;border-radius:7px;align-items:center;padding-left:5px;display:flex}.answer-inputs button{color:#ad97c0;background:#f4eff8;border:none;border-radius:5px;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:12px;display:grid}.answer-inputs button.correct{color:#fff;background:#5cba88}.answer-inputs input{background:0 0;border:none;min-width:0;padding:9px 6px}.created-success{padding:20px 0 10px}.creator-modal{text-align:left;width:570px;padding:30px 34px}.creator-modal h2{margin-bottom:8px;font-size:23px}.creator-form input,.creator-form textarea{background:#fdfcfd;border:1px solid #e4ddea;border-radius:7px;outline:none;width:100%;padding:11px 12px;font-size:12px}.creator-form input:focus,.creator-form textarea:focus{border-color:#a98bdb}.creator-form textarea{resize:vertical;height:72px}.creator-form>label{margin:16px 0 7px;display:block}.creator-form>label span{color:#b0a2b9;letter-spacing:0;font-size:9px;font-weight:400}.draft-heading{letter-spacing:1px;color:#887399;justify-content:space-between;align-items:center;margin:22px 0 8px;font-size:9px;font-weight:700;display:flex}.draft-heading small{letter-spacing:0;color:#b0a2b9;font-size:9px;font-weight:400}.saved-questions{border:1px solid #e9e1f0;border-radius:9px;margin-top:20px;overflow:hidden}.saved-questions-title{color:#8f76a2;background:#f7f2fb;justify-content:space-between;padding:10px 13px;font-size:10px;display:flex}.saved-questions-title span{font-size:9px}.saved-question{border-top:1px solid #f0eaf4;align-items:center;gap:10px;padding:9px 12px;display:flex}.saved-question>span{color:#9e7cc3;background:#f0e8f8;border-radius:6px;flex-shrink:0;place-items:center;width:23px;height:23px;font-size:10px;display:grid}.saved-question>button:nth-child(2){text-align:left;background:0 0;border:none;flex:1;padding:2px 0;font-size:11px}.saved-question small{color:#a08aae;margin-top:3px;font-size:9px;display:block}.delete-question{color:#b79dc3;background:0 0;border:none;padding:4px}.delete-question:hover{color:#d27272}.add-question-button{color:#926ab8;background:#faf6fd;border:1px dashed #ccb4e2;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:14px;padding:12px;font-size:11px;font-weight:600;display:flex}.add-question-button:hover{background:#f0e5fa}.creator-submit{border-top:1px solid #eee7f2;justify-content:space-between;align-items:center;margin-top:22px;padding-top:18px;display:flex}.creator-submit>span{color:#aa97b5;font-size:10px}.creator-submit .primary-button{margin:0}.creator-modal .created-success{text-align:center}.created-success p b{color:#846394}.creator-page{z-index:40;background:#f8f6fa;position:fixed;inset:0;overflow-y:auto}.creator-header{z-index:3;background:#fff;border-bottom:1px solid #e8e1ed;justify-content:space-between;align-items:center;height:72px;padding:0 35px;display:flex;position:sticky;top:0}.creator-header .logo{font-size:23px}.creator-header .logo-icon{width:28px;height:29px;font-size:21px}.creator-back{color:#95879e;background:0 0;border:none;align-items:center;gap:7px;font-size:12px;display:flex}.creator-header .primary-button{min-height:38px;font-size:11px}.creator-layout{grid-template-columns:250px minmax(0,690px);justify-content:center;gap:35px;padding:38px 35px 70px;display:grid}.question-sidebar{border-right:1px solid #e6deed;padding-right:23px}.sidebar-heading{letter-spacing:1.2px;color:#9a87aa;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:9px;font-weight:700;display:flex}.sidebar-heading b{color:#9c76bd;background:#eee5f7;border-radius:5px;padding:3px 7px;font-size:10px}.sidebar-questions{flex-direction:column;gap:10px;display:flex}.sidebar-questions>button{text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:9px;padding:6px;display:flex}.sidebar-questions>button.editing{background:#f0e8f8;border-color:#cbb0e3}.sidebar-questions>button>span{color:#9d89ac;font-size:10px}.sidebar-questions>button>div{background:#fff;border:1px solid #e6deed;border-radius:6px;flex:1;overflow:hidden}.sidebar-questions img,.question-placeholder{object-fit:cover;color:#b397cb;background:#ede5f5;place-items:center;width:100%;height:58px;font-size:24px;display:grid}.sidebar-questions strong{white-space:nowrap;text-overflow:ellipsis;color:#85718f;padding:7px;font-size:9px;display:block;overflow:hidden}.new-question{color:#9570b5;background:#f5effa;border:1px dashed #c9b2dd;border-radius:7px;justify-content:center;align-items:center;gap:6px;width:100%;margin-top:17px;padding:11px;font-size:10px;display:flex}.editor-tip{color:#b09bbf;align-items:flex-start;gap:8px;margin-top:28px;display:flex}.editor-tip svg{flex-shrink:0}.editor-tip p{margin:0;font-size:9px;line-height:1.6}.editor-heading{margin-bottom:25px}.editor-heading h1{letter-spacing:-1px;margin:8px 0;font-size:28px}.editor-heading p{color:#a192ac;font-size:12px}.full-editor{background:#fff;border:1px solid #e9e1ef;border-radius:14px;padding:25px}.full-editor>label{letter-spacing:1px;color:#8c7a9a;margin:20px 0 8px;font-size:9px;font-weight:700;display:block}.full-editor>label:first-child{margin-top:0}.full-editor>label span{float:right;letter-spacing:.2px;color:#b2a1bd;font-size:8px;font-weight:400}.full-editor>input,.full-editor>textarea{border:1px solid #e4dcea;border-radius:7px;outline:none;width:100%;padding:12px;font-size:13px}.full-editor>input:focus,.full-editor>textarea:focus{border-color:#ad8bd5}.full-editor>textarea{resize:vertical;height:85px}.image-upload{color:#9e7cb8;background:#faf7fc;border:1px dashed #cdb9dd;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;height:145px;display:flex}.image-upload>span{background:#efe5f7;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.image-upload strong{font-size:11px}.image-upload small{color:#b3a0bf;font-size:9px}.image-upload:hover{background:#f3eaf9}.question-image-preview img{object-fit:contain;background:#f2edf5;border-radius:9px;width:100%;height:230px}.question-image-preview>div{justify-content:center;gap:10px;margin-top:8px;display:flex}.question-image-preview button{color:#9b7daf;background:0 0;border:none;align-items:center;gap:5px;font-size:10px;display:flex}.question-image-preview button:last-child{color:#bd8e92}.game-question-image{object-fit:contain;background:#fff;border-radius:12px;max-width:100%;height:210px;margin:20px auto;display:block}.avatar-picker{grid-template-columns:repeat(8,1fr);gap:5px;display:grid}.avatar-picker button{background:#f6f1f9;border:2px solid #0000;border-radius:8px;padding:7px 2px;font-size:21px;transition:all .15s}.avatar-picker button.selected{background:#ede2fa;border-color:#a784cf;transform:translateY(-2px)}.question-time-setting{background:#faf6fd;border:1px solid #e7dcef;border-radius:9px;align-items:center;gap:10px;margin:0 0 22px;padding:12px 14px;display:flex}.question-time-setting label{color:#8e71a4;align-items:center;gap:6px;margin:0;font-size:10px;display:flex}.question-time-setting select{color:#795298;cursor:pointer;background:#fff;border:1px solid #d9c7e7;border-radius:7px;padding:8px 10px;font-size:12px;font-weight:600}.question-time-setting small{color:#9d8ca8;margin-left:auto;font-size:10px}.synchronized-label{color:#926caf;background:#eee4f8;border-radius:20px;align-items:center;gap:6px;padding:6px 12px;font-size:10px;font-weight:600;display:inline-flex}.synchronized-label+.timer{margin-top:14px}.game-screen{z-index:30;background:#f7f5fa;position:fixed;inset:0;overflow-y:auto}.game-header{background:#fff;border-bottom:1px solid #e9e3f0;justify-content:space-between;align-items:center;height:70px;padding:0 5%;display:flex}.game-header .logo{font-size:21px}.game-header .logo-icon{width:28px;height:29px;font-size:20px}.game-title{color:#92869e;font-size:12px;font-weight:600}.exit-game{color:#9b8da5;background:#fff;border:1px solid #e8e0ec;border-radius:6px;align-items:center;gap:6px;padding:7px 11px;font-size:11px;display:flex}.game-main{max-width:960px;margin:auto;padding:25px 35px 50px}.game-progress{color:#a095aa;align-items:center;gap:20px;font-size:11px;display:flex}.game-progress>div{background:#e7e0ee;border-radius:5px;flex:1;height:5px;overflow:hidden}.game-progress>div>span{background:#8b67d2;border-radius:5px;height:100%;transition:width .4s;display:block}.game-score{color:#a47b2c;background:#f9edcf;border-radius:5px;align-items:center;gap:4px;padding:5px 9px;font-size:11px;font-weight:600;display:flex}.question-top{text-align:center;margin:35px 0 30px;position:relative}.question-top h1{letter-spacing:-.7px;max-width:760px;margin:15px auto;font-size:27px;line-height:1.45}.timer{color:#9870ce;background:#fff;border:4px solid #e9def7;border-radius:50%;justify-content:center;align-items:center;gap:3px;width:60px;height:60px;margin:auto;display:flex}.timer strong{font-size:17px}.timer svg{width:16px}.timer.urgent{color:#e2675c;border-color:#f1aaa4;animation:1s infinite pulse}.streak{color:#a99aae;justify-content:center;align-items:center;gap:5px;font-size:10px;display:flex}.streak svg{color:#e1ad46}.answer-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.answer{color:#fff;text-align:left;border:none;border-radius:12px;align-items:center;gap:17px;min-height:112px;padding:22px 25px;font-size:17px;font-weight:600;transition:all .18s;display:flex;box-shadow:0 5px #00000014}.answer:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-3px)}.answer.red{background:#e87970}.answer.blue{background:#6c9bd6}.answer.yellow{background:#e8b850}.answer.green{background:#65b692}.answer-shape{flex-shrink:0;place-items:center;width:40px;height:40px;font-size:26px;display:grid}.answer.is-correct{background:#5bb58a;outline:5px solid #fff;animation:.3s pop;box-shadow:0 0 0 8px #67bc8e}.answer.is-wrong{opacity:.8;background:#c8bdce;box-shadow:0 5px #b2a7b9}.answer.is-muted{opacity:.35;filter:grayscale(.4)}.answer-feedback{border-radius:8px;justify-content:center;align-items:center;gap:7px;margin:26px auto 0;padding:15px;font-size:12px;animation:.2s slideUp;display:flex}.answer-feedback.good{color:#4c9974;background:#e2f3e9}.answer-feedback.bad{color:#b37973;background:#f8e8e5}.answer-feedback b{margin-left:5px}.leaderboard{text-align:center;max-width:600px;margin:50px auto}.leaderboard h2{margin:8px 0 25px;font-size:27px}.ranking-list{flex-direction:column;gap:10px;margin-bottom:25px;display:flex}.ranking-list>div{background:#fff;border:1px solid #e9e2ee;border-radius:10px;align-items:center;gap:14px;padding:13px 18px;display:flex}.ranking-list>div.you{background:#f0e8fc;border:1px solid #b99be6}.rank-number{color:#c6a151;width:20px;font-size:13px;font-weight:700}.rank-avatar{background:#f6f0f9;border-radius:50%;place-items:center;width:34px;height:34px;font-size:20px;display:grid}.ranking-list strong{text-align:left;flex:1;font-size:13px}.ranking-list strong small{color:#a381cc;margin-top:2px;font-size:9px;font-weight:400;display:block}.ranking-list>div>b{font-size:13px}.ranking-list>div>b small{color:#a99aaf;font-size:9px;font-weight:400}.result-page{text-align:center;max-width:720px;margin:70px auto;padding:20px}.result-trophy{color:#d1a340;background:#f8e9bc;border-radius:50%;place-items:center;width:110px;height:110px;margin:0 auto 25px;animation:.5s pop;display:grid;box-shadow:0 0 0 14px #f4eddd}.result-page h1{margin:10px 0;font-size:34px}.result-page>p{color:#a395aa;font-size:13px}.result-stats{background:#fff;border:1px solid #e9e2ed;border-radius:14px;grid-template-columns:repeat(3,1fr);margin:30px 0;padding:25px 0;display:grid}.result-stats>div{border-right:1px solid #eee8f1}.result-stats>div:last-child{border:none}.result-stats span{letter-spacing:1.2px;color:#aa9bb2;margin-bottom:10px;font-size:9px;display:block}.result-stats strong{color:#72519c;font:700 29px Plus Jakarta Sans}.result-stats small{color:#b2a0be;font-size:15px}.result-actions{justify-content:center;gap:12px;display:flex}.secondary-button{color:#9279a4;background:#fff;border:1px solid #ddd2e6;border-radius:8px;align-items:center;gap:8px;padding:12px 18px;font-size:12px;font-weight:600;display:flex}.confetti{color:#d9b2e0;letter-spacing:30px;margin-bottom:35px;font-size:25px}.confetti span{color:#e8c46d}.result-page .section-kicker{display:block}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pop{0%{transform:scale(.9)}70%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes pulse{50%{transform:scale(1.08)}}.solo-button{color:#9583a4;background:0 0;border:none;justify-content:center;align-items:center;gap:6px;width:100%;padding:16px 0 0;font-size:11px;display:flex}.solo-button:hover{color:var(--purple)}.sidebar-question-item{position:relative}.sidebar-question-item>.delete-question{background:#fffd;border-radius:4px;position:absolute;top:8px;right:8px}.sidebar-question-item>button:first-child{width:100%}@media (width<=800px){.creator-layout{grid-template-columns:170px minmax(0,1fr);gap:20px;padding:28px 20px 50px}.creator-header{padding:0 20px}.creator-header .logo{display:none}.avatar-picker{grid-template-columns:repeat(4,1fr)}.avatar-picker button{font-size:24px}.game-question-image{height:170px}.full-editor>label span{float:none;margin-top:4px;display:block}}@media (width<=600px){.creator-header{gap:10px;height:auto;min-height:65px;padding:12px 16px}.creator-header .primary-button{padding:9px 12px;font-size:10px}.creator-back{font-size:11px}.creator-layout{flex-direction:column;gap:22px;padding:22px 15px 40px;display:flex}.question-sidebar{border-bottom:1px solid #e6deed;border-right:0;padding:0 0 20px}.sidebar-questions{flex-direction:row;padding-bottom:6px;overflow-x:auto}.sidebar-question-item{width:130px;min-width:130px}.new-question{margin-top:10px}.editor-tip{display:none}.editor-heading h1{font-size:24px}.editor-heading{margin-bottom:18px}.full-editor{padding:19px}.creator-submit{align-items:flex-start;gap:12px}.creator-submit>span{max-width:130px;line-height:1.5}.question-image-preview img{height:190px}.game-question-image{height:145px;margin:14px auto}.lobby{padding-left:16px;padding-right:16px}}.dashboard{padding-top:50px;padding-bottom:48px}.dashboard-heading{justify-content:space-between;align-items:center;margin-bottom:48px;display:flex}.dashboard-heading h1{color:#6b477f;margin:15px 0 7px;font-family:Fredoka,sans-serif;font-size:37px;font-weight:500}.dashboard-heading h1>span{font-family:inherit;font-size:32px}.dashboard-heading p{color:#a48bb4;margin:0;font-size:13px}.dashboard-heading .primary-button{padding:13px 19px}.my-quizzes .section-heading{margin-bottom:23px}.quiz-count{color:#ad95bc;font-size:11px}.quiz-count>span{color:#ccad55;margin-left:8px}.dashboard-grid{grid-template-columns:repeat(3,1fr)}.dashboard-grid .quiz-art{height:140px;position:relative}.dashboard-art-label{letter-spacing:1.5px;color:#fffa;font-size:7px;font-weight:700;position:absolute;bottom:12px;left:17px}.dashboard-actions{border-top:1px solid #eee6f3;gap:8px;margin-top:18px;padding-top:15px;display:flex}.host-quiz-button,.play-quiz-button,.delete-quiz-button{border:none;border-radius:7px;justify-content:center;align-items:center;gap:5px;padding:9px 10px;font-size:10px;font-weight:600;display:flex}.host-quiz-button{color:#fff;background:#a281c6;flex:1}.host-quiz-button:hover{background:#9269b9}.play-quiz-button{color:#9c77b9;background:#f5edf9;flex:1}.dashboard-grid .edit-quiz-button{color:#8d65aa;background:#ffffffeb;border:1px solid #fffc;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s;display:flex;position:absolute;top:14px;right:14px;box-shadow:0 3px 10px #49266e15}.dashboard-grid .edit-quiz-button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 5px 12px #49266e30}.dashboard-grid .edit-quiz-button:focus-visible{outline-offset:2px;outline:3px solid #fff9}.delete-quiz-button{color:#beaecb;background:0 0;padding:9px 6px}.delete-quiz-button:hover{color:#d66e76;background:#fff0f0}.empty-dashboard{text-align:center;background:#fffcff;border:1px dashed #dbc8e9;border-radius:16px;padding:48px 20px}.empty-dashboard-icon{color:#a47cc4;background:#f0e4f9;border-radius:18px;place-items:center;width:62px;height:62px;margin:0 auto 20px;display:grid}.empty-dashboard h2{font-size:21px}.empty-dashboard p{color:#ac94bc;margin:10px 0 23px;font-size:12px}.empty-dashboard .primary-button{margin:auto}.dashboard-join{background:#f3ebf9;border-radius:12px;justify-content:space-between;align-items:center;margin-top:36px;padding:20px 24px;display:flex}.dashboard-join h3{margin:0 0 4px;font-size:13px}.dashboard-join p{color:#a28bb1;margin:0;font-size:10px}.dashboard-join button{color:#9469b3;background:0 0;border:none;align-items:center;gap:8px;font-size:11px;font-weight:600;display:flex}.join-pin-modal form{text-align:left}.join-pin-modal .pin-input{width:100%;margin-bottom:17px}@media (width<=800px){.dashboard{padding-top:35px}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.dashboard-heading{margin-bottom:35px}.dashboard-heading h1{font-size:30px}}@media (width<=600px){.dashboard{padding:29px 18px 35px}.dashboard-heading{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:34px}.dashboard-heading .primary-button{width:100%}.dashboard-grid{grid-template-columns:1fr}.dashboard-grid .quiz-art{height:150px}.my-quizzes .section-heading{align-items:flex-start}.quiz-count{padding-top:13px}.dashboard-join{flex-direction:column;align-items:flex-start;gap:10px;padding:18px}.dashboard-join button{padding:12px 0 0}.dashboard-heading h1{font-size:30px}}.auth-modal{padding:29px 34px}.auth-modal .modal-icon{margin-bottom:15px}.auth-modal h2{font-size:23px}.auth-modal>p:not(.auth-switch){margin:8px 0 18px;font-size:11px}.auth-tabs{background:#f5f0f8;border-radius:8px;margin-bottom:20px;padding:4px;display:flex}.auth-tabs button{color:#aa95b7;background:0 0;border:none;border-radius:6px;flex:1;padding:9px;font-size:11px;font-weight:600}.auth-tabs button.active{color:#9470b6;background:#fff;box-shadow:0 2px 7px #4d296013}.auth-form{text-align:left}.auth-form>label{letter-spacing:1px;color:#8c799a;margin:14px 0 7px;font-size:9px;font-weight:700;display:block}.auth-input{color:#b6a1c4;border:1px solid #e4dcea;border-radius:8px;align-items:center;gap:9px;padding:0 12px;display:flex}.auth-input:focus-within{border-color:#a784cf}.auth-input input{background:0 0;border:none;outline:none;width:100%;padding:12px 0;font-size:12px}.auth-input button{color:#b39cc2;background:0 0;border:none;padding:3px}.auth-form .primary-button{margin-top:21px}.auth-note{color:#b5a3c0;justify-content:center;align-items:center;gap:5px;margin-top:18px;font-size:9px;display:flex}.auth-modal .auth-switch{margin:15px 0 0;font-size:10px}.auth-switch button{color:#9b73bb;background:0 0;border:none;padding:0;font-size:10px;font-weight:700}.account-avatar{color:#9f77c3;background:#f0e5fa;border-radius:50%;place-items:center;width:64px;height:64px;margin:0 auto 20px;font-size:26px;font-weight:700;display:grid}.account-modal h2{margin-bottom:8px}.logout-button{color:#b08698;background:0 0;border:none;width:100%;padding:18px 0 0;font-size:11px}.quiz-details{border-bottom:1px solid #e6deed;margin-bottom:24px;padding-bottom:22px}.editor-section-heading{align-items:center;gap:9px;margin-bottom:17px;display:flex}.editor-section-heading>span{color:#a17cc0;background:#eee3f8;border-radius:7px;place-items:center;width:25px;height:25px;font-size:9px;font-weight:700;display:grid}.editor-section-heading h2{color:#7e658f;margin:0;font-size:14px}.quiz-details>label{letter-spacing:1px;color:#9b89a9;margin:13px 0 6px;font-size:8px;font-weight:700;display:block}.quiz-details>label span{float:right;color:#b6a4c1;font-size:7px;font-weight:400}.quiz-details>input,.quiz-details>textarea{background:#fff;border:1px solid #e4dcea;border-radius:7px;outline:none;width:100%;padding:10px;font-size:10px}.quiz-details>input:focus,.quiz-details>textarea:focus{border-color:#a784cf}.quiz-details>textarea{resize:vertical;height:67px}.question-form-heading{border-bottom:1px solid #eee6f3;margin-bottom:20px;padding-bottom:16px}.full-editor .question-form-heading+label{margin-top:0}.live-badge{color:#58ae87;letter-spacing:1px;margin-left:10px;font-size:8px}.lobby{text-align:center;max-width:690px;margin:40px auto;padding:10px 25px 45px}.lobby-heading h1{letter-spacing:-1px;margin:9px 0;font-size:29px}.lobby-heading p{color:#9c8fa7;font-size:12px}.room-pin-card{color:#fff;background:#30253f;border-radius:15px;margin:26px 0;padding:20px;position:relative;box-shadow:0 8px #e8e0ef}.room-pin-card>span{letter-spacing:2px;color:#c7b9d7;font-size:9px;display:block}.room-pin-card strong{letter-spacing:12px;color:#fff;margin:7px 0;font:800 51px Plus Jakarta Sans;display:block}.room-pin-card button{color:#d6c7e6;background:#ffffff09;border:1px solid #665375;border-radius:6px;align-items:center;gap:6px;padding:7px 12px;font-size:10px;display:inline-flex}.lobby-players{text-align:left;background:#fff;border:1px solid #e9e2ee;border-radius:12px;min-height:135px;padding:19px}.lobby-players-title{justify-content:space-between;align-items:center;display:flex}.lobby-players-title h2{align-items:center;gap:7px;margin:0;font-size:12px;display:flex}.lobby-players-title>span{color:#ac9db6;font-size:10px}.player-chips{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.player-chips>div{background:#f7f3fa;border:1px solid #ebe2f2;border-radius:7px;align-items:center;gap:6px;padding:8px 11px;font-size:12px;animation:.3s pop;display:flex}.player-chips small{color:#a184bb;font-size:8px}.empty-players{text-align:center;color:#c5b7ce;padding:18px}.empty-players p{margin:6px;font-size:10px}.start-room{margin-top:24px}.waiting-host{color:#9b87aa;justify-content:center;align-items:center;gap:8px;margin:25px;font-size:11px;display:flex}.loading-dot{background:#ad88da;border-radius:50%;width:9px;height:9px;animation:1s infinite pulse;display:inline-block}.connecting-room,.room-error{text-align:center;max-width:450px;margin:160px auto;padding:25px}.connecting-room h2,.room-error h2{font-size:23px}.connecting-room p,.room-error p{color:#a193ad;font-size:12px}.connecting-room .loading-dot{width:18px;height:18px}.room-error>div{font-size:40px}.room-error .primary-button{margin-top:15px}.host-view-note,.answer-locked{text-align:center;color:#a392ae;background:#ede6f4;border-radius:7px;margin-top:18px;padding:15px;font-size:11px}.answer-locked{color:#69947e;background:#e7f3ec;justify-content:center;align-items:center;gap:7px;display:flex}.chosen-answer{opacity:.85;outline:4px solid #fff;box-shadow:0 0 0 7px #9c7ac7}.multi-answer-result{border-radius:7px;margin:-12px 0 20px;padding:12px;font-size:13px}.multi-answer-result.good{color:#4a9c73;background:#e1f3e8}.multi-answer-result.bad{color:#b77871;background:#f8e7e4}.final-podium{justify-content:center;align-items:flex-end;gap:10px;margin:30px 0;display:flex}.podium-place{flex-direction:column;flex:1;align-items:center;max-width:150px;display:flex;position:relative}.podium-place>span{margin-bottom:7px;font-size:30px}.podium-place strong{font-size:12px}.podium-place b{color:#9d87ad;margin:5px 0 12px;font-size:10px}.podium-place>div{color:#a17ec1;background:#e5d8f1;border-radius:7px 7px 0 0;place-items:center;width:100%;height:65px;font:700 26px Plus Jakarta Sans;display:grid}.podium-place.place-1{order:2}.podium-place.place-1>div{color:#c9a24d;background:#f1dba1;height:90px}.podium-place.place-2{order:1}.podium-place.place-3{order:3}.podium-place.place-3>div{color:#bd967a;background:#e8d7cb;height:50px}.result-home{margin:15px auto}.thanks-playing{color:#9a84a8;margin-top:22px;font-size:12px}@media (width>=1200px){.hero{padding-top:79px;padding-bottom:64px}.quiz-section{padding-top:44px}.hero h1{font-size:58px}.quiz-art{height:155px}.quiz-card-body{padding:18px 21px 15px}}@media (width<=1000px){.hero{grid-template-columns:1fr 370px;gap:45px}.hero h1{font-size:45px}.join-card{padding-left:25px;padding-right:25px}nav{gap:20px;margin-left:20px}.quiz-grid{gap:16px}.quiz-card h3{font-size:13px}.quiz-card-body{padding:14px}.quiz-card-body>p{min-height:24px}.quiz-footer>span{font-size:8px}.quiz-footer button{padding:6px 8px}.teacher-link{font-size:11px}}@media (width<=760px){.container{padding-left:22px;padding-right:22px}.site-header{height:66px}.logo{font-size:23px}nav{background:#fff;border-bottom:1px solid #e8e1ed;margin:0;padding:15px 25px;display:none;position:absolute;top:65px;left:0;right:0;box-shadow:0 8px 15px #00000008}nav.open{flex-direction:column;gap:0;display:flex}nav .nav-link{text-align:left;padding:13px}nav .nav-link:after{display:none}.menu-button{display:block}.header-divider,.teacher-link{display:none}.header-actions{gap:12px}.login-button{padding:7px 12px}.hero{text-align:center;grid-template-columns:1fr;gap:38px;padding-top:43px}.hero-copy{padding:0}.hero h1{letter-spacing:-2px;font-size:48px}.hero-copy>p{font-size:14px}.eyebrow{margin-bottom:18px;font-size:8px}.explore-button{margin:auto}.social-proof{justify-content:center;margin-top:27px}.join-wrap{width:100%;max-width:420px;margin:auto}.join-card{text-align:center;padding:25px 32px}.join-sparkle{right:0}.join-dot{display:none}.hero-bottom{margin-top:5px}.quiz-section{padding-top:30px}.section-heading h2{font-size:23px}.quiz-count{display:none}.categories{padding-bottom:4px;overflow-x:auto}.categories button{white-space:nowrap}.quiz-grid{grid-template-columns:1fr 1fr;gap:17px}.quiz-art{height:140px}.quiz-card-body>p{min-height:auto}.bottom-cta{flex-wrap:wrap;padding:17px}.bottom-cta>button{margin-left:65px}.footer-inner{flex-wrap:wrap;gap:15px}.footer-inner>span:nth-child(2){text-align:center;order:3;width:100%}.game-title{display:none}.question-top h1{font-size:23px}.answer{min-height:100px;padding:15px;font-size:14px}.answer-shape{width:28px;font-size:22px}.game-main{padding:22px}.result-page{margin:35px auto}.result-page h1{font-size:29px}}@media (width<=480px){.hero h1{font-size:40px}.hero{padding-top:35px}.hero-copy>p{font-size:13px}.desktop{display:none}.join-card{padding:23px}.quiz-grid{grid-template-columns:1fr}.quiz-art{height:165px}.quiz-card-body{padding:18px}.quiz-card h3{font-size:16px}.quiz-card-body>p{font-size:12px}.quiz-footer>span{font-size:10px}.quiz-footer button{padding:7px 12px;font-size:11px}.section-heading{margin-bottom:18px}.section-heading h2{font-size:21px}.bottom-cta{gap:12px}.bottom-cta p{font-size:10px;line-height:1.5}.bottom-cta>button{margin-left:60px}.modal-overlay{grid-template-columns:minmax(0,1fr);padding:15px;overflow-y:auto}.modal{max-height:calc(100dvh - 30px);padding:28px 23px}.auth-modal{padding:52px 20px 24px}.auth-modal .modal-icon{width:56px;height:56px;margin-bottom:14px}.auth-modal h2{line-height:1.35}.auth-modal .close-button{top:12px;right:12px}.auth-form input{min-width:0;font-size:16px}.modal h2{font-size:20px}.answer-inputs{grid-template-columns:1fr}.game-header{padding:0 20px}.game-main{padding:20px 16px 35px}.game-progress{gap:10px;font-size:9px}.game-score{white-space:nowrap;font-size:9px}.question-top{margin-top:25px}.question-top h1{font-size:21px}.answer-grid{gap:10px}.answer{flex-direction:column;justify-content:center;align-items:flex-start;gap:8px;min-height:106px;padding:13px;font-size:13px}.answer-shape{height:23px}.answer-feedback{flex-wrap:wrap;font-size:10px;line-height:1.6}.result-stats{padding:20px 0}.result-stats strong{font-size:23px}.result-stats span{font-size:7px}.result-actions{flex-direction:column}.result-actions button{justify-content:center}.leaderboard{margin-top:35px}.ranking-list>div{gap:9px;padding:11px}}