@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap";@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:"DM Sans", ui-sans-serif, system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Manrope", ui-sans-serif, system-ui, sans-serif;--color-ink:#17152a;--color-muted:#6f6b7e;--color-purple:#6253e9;--color-purple-dark:#4c3ed1;--color-lime:#d8fa6c;--color-cream:#fbfaf5;--color-rose:#d63b64;--color-teal:#2fb6a3}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}html{scroll-behavior:smooth}body{background:var(--color-cream);min-width:320px;min-height:100vh;color:var(--color-ink);font-family:var(--font-sans)}button,a,input{outline-offset:3px}button,a{-webkit-tap-highlight-color:transparent}h1,h2,h3{font-family:var(--font-display)}}@layer components{.app-shell{background:radial-gradient(circle at 77% 10%,#d8fa6c47,#0000 22rem),linear-gradient(#fffef9 0%,#fbfaf5 100%);flex-direction:column;min-height:100vh;display:flex;overflow:hidden}.landing-shell{height:100dvh;overflow-y:auto}.landing-shell .hero{min-height:0;padding:clamp(16px,3.5vh,43px) 0 clamp(20px,4vh,74px)}.landing-shell .hero-visual{min-height:0}.nav{z-index:20;justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:88px;margin:0 auto;display:flex;position:relative}.logo{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-1px;align-items:center;gap:9px;font-size:22px;font-weight:800;text-decoration:none;display:flex}.logo-mark,.mini-logo{background:var(--color-purple);color:#fff;border-radius:10px 10px 10px 3px;place-items:center;width:34px;height:34px;display:grid;transform:rotate(-3deg);box-shadow:0 4px #32269b}.nav-links{align-items:center;gap:31px;display:flex}.nav-signin{color:#4f4b5f;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s}.nav-signin:hover{color:var(--color-purple)}.nav-signin{cursor:pointer;align-items:center;gap:7px;display:flex}.nav-create{background:var(--color-ink);color:#fff;cursor:pointer;border-radius:11px;align-items:center;gap:8px;height:44px;padding:0 18px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s;display:flex;box-shadow:0 4px #cbc8bd}.nav-create:hover{transform:translateY(-2px);box-shadow:0 6px #cbc8bd}.menu-button{display:none}.hero{flex:1;grid-template-columns:.91fr 1.09fr;align-items:center;gap:34px;width:min(1180px,100% - 48px);min-height:620px;margin:0 auto;padding:43px 0 74px;display:grid}.hero-copy{z-index:4;position:relative}.social-proof{color:#6a6678;align-items:center;gap:12px;margin-bottom:25px;font-size:12px;font-weight:600;display:flex}.avatar-stack{align-items:center;display:flex}.avatar-stack .avatar{border:2px solid #fff;margin-left:-7px}.avatar-stack .avatar:first-child{margin-left:0}.avatar{background:#d9d2ff;border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}.avatar img{width:100%;height:100%;display:block}.hero h1{max-width:570px;font-family:var(--font-display);letter-spacing:-5.5px;font-size:clamp(54px,5.1vw,78px);font-weight:800;line-height:.98}.hero h1 span{color:var(--color-purple);display:inline-block;position:relative}.hero h1 span:after{content:"";border-top:4px solid #ff6b93;border-radius:50%;height:10px;position:absolute;bottom:-9px;left:1%;right:-2%;transform:rotate(-2deg)}.hero-subtitle{color:#676274;max-width:505px;margin-top:25px;font-size:18px;line-height:1.55}.join-box{grid-template-columns:1fr auto;gap:10px;width:min(490px,100%);margin-top:31px;display:grid;position:relative}.pin-input-wrap{background:#fff;border:1.5px solid #ddd9e7;border-radius:13px;flex-direction:column;height:64px;padding:8px 48px 7px 17px;transition:border .2s,box-shadow .2s;display:flex;position:relative;box-shadow:0 7px 20px #2a24490f}.pin-input-wrap:focus-within{border-color:var(--color-purple);box-shadow:0 0 0 4px #6253e91a}.pin-label{color:#8b8797;letter-spacing:1.3px;font-size:9px;font-weight:800}.pin-input-wrap input{width:100%;min-width:0;color:var(--color-ink);font-family:var(--font-display);letter-spacing:4px;background:0 0;border:0;outline:none;font-size:22px;font-weight:700}.pin-input-wrap input::placeholder{color:#c0bdc9}.digit-count{color:#aaa5b4;font-size:10px;font-weight:700;position:absolute;bottom:17px;right:14px}.primary-button{background:var(--color-purple);color:#fff;cursor:pointer;border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;font-weight:700;transition:transform .18s,box-shadow .18s,background .18s;display:flex;box-shadow:0 5px #3e32ae}.primary-button:hover{background:var(--color-purple-dark);transform:translateY(-2px);box-shadow:0 7px #3e32ae}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #3e32ae}.primary-button:disabled{opacity:.5;cursor:not-allowed}.join-button{min-width:153px;padding:0 20px}.pin-error{color:var(--color-rose);align-items:center;gap:5px;font-size:11px;display:flex;position:absolute;top:72px;left:5px}.host-link{color:#747080;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;margin-top:21px;padding:0;font-size:13px;display:flex}.host-link strong{color:var(--color-ink)}.hero-visual{place-items:center;min-height:500px;display:grid;position:relative}.burst{border-radius:48% 52% 46% 54%;position:absolute;transform:rotate(-6deg)}.burst-one{background:#e6e1ff;width:590px;height:465px;top:9px;right:-36px}.burst-two{background:var(--color-lime);border-radius:54% 43% 52% 47%;width:480px;height:374px;top:56px;right:-10px;transform:rotate(6deg)}.quiz-window{z-index:2;border:7px solid var(--color-ink);background:#fff;border-radius:24px;width:490px;max-width:calc(100% - 44px);position:relative;overflow:hidden;transform:rotate(1.5deg);box-shadow:14px 16px #17152a21,0 26px 45px #281f5b2e}.quiz-topbar{border-bottom:1px solid #eceaf1;justify-content:space-between;align-items:center;height:51px;padding:0 16px;display:flex}.mini-logo{width:26px;height:26px;box-shadow:none;border-radius:8px 8px 8px 3px}.question-count{letter-spacing:1.1px;font-size:9px;font-weight:800}.question-count span{color:#a6a2b0}.live-pill{color:#e34369;letter-spacing:.7px;background:#fff0f4;border-radius:20px;align-items:center;gap:5px;padding:5px 8px;font-size:8px;font-weight:800;display:flex}.live-pill span{background:#e34369;border-radius:50%;width:5px;height:5px;animation:1.5s infinite pulse}.timer-row{align-items:center;gap:10px;padding:12px 18px 4px;display:flex}.timer-icon{width:31px;height:31px;color:var(--color-purple);background:#f0edff;border-radius:50%;place-items:center;display:grid}.timer-track{background:#ebe9f1;border-radius:10px;flex:1;height:6px;overflow:hidden}.timer-track span{border-radius:inherit;background:linear-gradient(90deg,#7567f1,#ff6d96);height:100%;transition:width .2s linear;display:block}.timer-row strong{width:22px;font-size:15px}.question-area{text-align:center;padding:7px 25px 25px}.double-pill{color:#5c4a00;letter-spacing:.6px;background:#fff1a6;border-radius:5px;align-items:center;gap:4px;width:max-content;margin:0 auto 9px;padding:5px 9px;font-size:8px;font-weight:800;display:flex;transform:rotate(-1deg)}.question-area h2{font-family:var(--font-display);letter-spacing:-.7px;font-size:23px;font-weight:800;line-height:1.19}.answers-grid{grid-template-columns:1fr 1fr;gap:8px;margin-top:18px;display:grid}.answer{text-align:left;border:1px solid #1412220d;border-radius:9px;align-items:center;gap:8px;min-height:54px;padding:10px 9px;display:flex;position:relative}.answer>span{background:#ffffffa6;border-radius:6px;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.answer strong{font-size:10px}.answer small{color:#19152b9e;margin-left:auto;font-size:9px;font-weight:800}.answer svg{box-sizing:content-box;background:var(--color-ink);color:#fff;border-radius:50%;padding:3px;position:absolute;top:-7px;right:7px}.answer-yellow{background:#ffe998}.answer-purple{background:#ded8ff}.answer-pink{background:#ffc8d9}.answer-blue{background:#bcecff}.selected{outline:2px solid var(--color-ink)}.score-card,.players-card{z-index:5;border:2px solid var(--color-ink);box-shadow:5px 6px 0 var(--color-ink);background:#fff;animation:4s ease-in-out infinite float;position:absolute}.score-card{color:var(--color-purple);border-radius:11px;align-items:center;gap:8px;padding:11px 14px;display:flex;top:73px;right:-10px;transform:rotate(4deg)}.score-card div,.players-card div:last-child{flex-direction:column;display:flex}.score-card strong{color:var(--color-ink);font-family:var(--font-display);font-size:16px;line-height:1}.score-card span,.players-card span{color:#757080;font-size:9px}.players-card{border-radius:11px;align-items:center;gap:9px;padding:9px 13px;animation-delay:-1.2s;display:flex;bottom:60px;left:-11px;transform:rotate(-4deg)}.players-card strong{font-family:var(--font-display);font-size:17px;line-height:1}.doodle{z-index:4;font-family:serif;font-size:32px;font-weight:800;position:absolute}.doodle-one{color:#ff658f;bottom:51px;right:-1px;transform:rotate(12deg)}.doodle-two{color:var(--color-purple);font-size:48px;top:33px;left:16px;transform:rotate(-40deg)}.eyebrow{color:var(--color-purple);letter-spacing:1.8px;font-size:10px;font-weight:800}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#131025a3;place-items:center;padding:20px;animation:.2s fadeIn;display:grid;position:fixed;inset:0}.modal-card{text-align:center;background:#fffef9;border-radius:22px;width:min(430px,100%);max-height:calc(100vh - 40px);padding:39px;animation:.28s modalIn;position:relative;overflow-y:auto;box-shadow:0 24px 70px #100b324d}.icon-button{color:#645f71;cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:37px;height:37px;display:grid}.icon-button:hover{background:#f0edf5}.modal-close{position:absolute;top:17px;right:17px}.modal-spark{width:53px;height:53px;color:var(--color-purple);background:#ded8ff;border-radius:15px;place-items:center;margin:0 auto 22px;display:grid;transform:rotate(-4deg)}.modal-card h2{font-family:var(--font-display);letter-spacing:-1.2px;margin-top:8px;font-size:29px;font-weight:800;line-height:1.12}.modal-copy{color:#777180;max-width:340px;margin:12px auto 25px;font-size:14px;line-height:1.5}.google-button,.email-button{cursor:pointer;background:#fff;border:1.5px solid #ded9e7;border-radius:11px;justify-content:center;align-items:center;gap:10px;width:100%;height:51px;font-size:13px;font-weight:700;display:flex}.google-button:hover,.email-button:hover{border-color:var(--color-purple);background:#f8f6ff}.google-g{color:#4285f4;font-family:Arial,sans-serif;font-size:19px;font-weight:700}.or-line{background:#e9e5ec;place-items:center;height:1px;margin:17px 0;display:grid}.or-line span{color:#aaa5b1;background:#fffef9;padding:0 10px;font-size:11px}.email-button{background:var(--color-ink);color:#fff;border:0}.email-button:hover{background:#2a2648}.fine-print{color:#a09ba8;margin-top:18px;font-size:10px}.avatar-editor{flex-direction:column;align-items:center;gap:12px;margin:5px 0 25px;display:flex}.avatar-editor .avatar{border:5px solid #fff;box-shadow:0 0 0 2px #ded9e7,0 10px 25px #1f18431f}.shuffle-button{color:var(--color-purple);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;font-size:11px;font-weight:700;display:flex}.field-label{color:#615d6d;text-align:left;text-transform:uppercase;letter-spacing:1px;margin:0 0 7px 2px;font-size:10px;font-weight:800;display:block}.name-field{background:#fff;border:1.5px solid #ded9e7;border-radius:11px;align-items:center;height:52px;padding:0 8px 0 14px;display:flex}.name-field:focus-within{border-color:var(--color-purple);box-shadow:0 0 0 3px #6253e917}.name-field input{background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:14px;font-weight:600}.name-field button{width:37px;height:37px;color:var(--color-purple);cursor:pointer;background:#efecff;border:0;border-radius:9px;place-items:center;display:grid}.wide-button{width:100%;height:52px;margin-top:13px}.joined-state{padding:18px 0 3px}.success-ring{background:var(--color-lime);color:#234017;border-radius:50%;place-items:center;width:70px;height:70px;margin:0 auto 23px;display:grid;box-shadow:0 0 0 9px #efffc0}.joined-state>p:not(.eyebrow){color:#777180;margin-top:13px;font-size:14px}.waiting-dots{justify-content:center;align-items:center;gap:6px;height:58px;display:flex}.waiting-dots span{background:var(--color-purple);border-radius:50%;width:7px;height:7px;animation:1s ease-in-out infinite bounce}.waiting-dots span:nth-child(2){animation-delay:.12s}.waiting-dots span:nth-child(3){animation-delay:.24s}.text-button{color:var(--color-purple);cursor:pointer;background:0 0;border:0;font-size:12px;font-weight:700}.stage{background:radial-gradient(circle at 85% 8%,#d8fa6c38,#0000 24rem),linear-gradient(#fffef9 0%,#fbfaf5 100%);flex-direction:column;min-height:100vh;display:flex}.stage-bar{justify-content:space-between;align-items:center;gap:16px;width:min(1180px,100% - 48px);margin:0 auto;padding:18px 0;display:flex}.stage-body{flex-direction:column;flex:1;justify-content:center;align-items:center;width:min(1180px,100% - 48px);margin:0 auto;padding:12px 0 56px;display:flex}.pin-banner{border:3px solid var(--color-ink);background:#fff;border-radius:20px;align-items:center;gap:26px;padding:20px 30px;display:flex;box-shadow:8px 9px #17152a21}.pin-banner .pin-label-big{letter-spacing:1.6px;color:#8b8797;font-size:11px;font-weight:800}.pin-banner .pin-digits{font-family:var(--font-display);letter-spacing:8px;font-size:54px;font-weight:800;line-height:1}.qr-wrap{background:#fff;border:2px solid #eceaf1;border-radius:14px;place-items:center;padding:10px;display:grid}.lobby-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;width:100%;margin-top:34px;display:grid}.player-chip{border:2px solid var(--color-ink);background:#fff;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:14px 10px 12px;animation:.25s popIn;display:flex;position:relative;box-shadow:4px 5px #17152a1a}.player-chip.disconnected{opacity:.45;filter:grayscale(.7)}.player-chip .chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:12px;font-weight:700;overflow:hidden}.player-chip .kick{background:var(--color-rose);color:#fff;cursor:pointer;border:2px solid #fff;border-radius:50%;place-items:center;width:26px;height:26px;display:none;position:absolute;top:-9px;right:-9px}.player-chip:hover .kick{display:grid}.answer-pad{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:12px;width:100%;height:100%;padding:14px;display:grid}.answer-btn{cursor:pointer;color:#fff;border:0;border-radius:18px;justify-content:center;align-items:center;transition:transform .12s,box-shadow .12s,opacity .15s;display:flex;position:relative;box-shadow:0 7px #17152a59}.answer-btn:active{transform:translateY(4px);box-shadow:0 2px #17152a59}.answer-btn:disabled{opacity:.55;cursor:default}.answer-btn.picked{outline:4px solid var(--color-ink);outline-offset:-4px}.result-card{border:3px solid var(--color-ink);text-align:center;background:#fff;border-radius:22px;width:min(430px,100% - 32px);padding:34px 28px;animation:.28s modalIn;box-shadow:8px 9px #17152a21}.host-card{border:3px solid var(--color-ink);background:#fff;border-radius:18px;padding:18px 24px;box-shadow:7px 8px #17152a21}.leaderboard-row{border:2px solid var(--color-ink);background:#fff;border-radius:13px;align-items:center;gap:12px;padding:10px 16px;animation:.35s backwards slideUp;display:flex;box-shadow:4px 5px #17152a1a}.dist-bar{color:#fff;border-radius:10px;align-items:center;min-width:54px;height:46px;padding:0 14px;font-size:13px;font-weight:800;transition:width .6s cubic-bezier(.22,1,.36,1);display:flex}.podium-block{border:3px solid var(--color-ink);background:#fff;border-radius:16px 16px 0 0;flex-direction:column;justify-content:flex-end;align-items:center;padding:16px 12px;display:flex;box-shadow:6px 7px #17152a21}.host-controls{align-items:center;gap:10px;display:flex}.ctrl-btn{border:2px solid var(--color-ink);cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:7px;height:42px;padding:0 16px;font-size:12px;font-weight:800;transition:transform .15s,box-shadow .15s;display:flex;box-shadow:0 4px #17152a40}.ctrl-btn:hover{transform:translateY(-2px);box-shadow:0 6px #17152a40}.ctrl-btn.danger{color:var(--color-rose);border-color:var(--color-rose);background:#fff0f4}.ctrl-btn.solid{background:var(--color-purple);border-color:var(--color-purple);color:#fff}.big-media{border:3px solid var(--color-ink);object-fit:contain;background:#fff;border-radius:16px;max-width:min(720px,100%);max-height:300px;box-shadow:7px 8px #17152a21}.page-shell{background:radial-gradient(circle at 85% 8%,#d8fa6c38,#0000 24rem),linear-gradient(#fffef9 0%,#fbfaf5 100%);min-height:100vh}.page-inner{width:min(1050px,100% - 48px);margin:0 auto;padding-bottom:90px}.quiz-card{border:2px solid var(--color-ink);background:#fff;border-radius:16px;flex-direction:column;gap:10px;padding:18px;display:flex;box-shadow:5px 6px #17152a1a}.form-input{width:100%;height:48px;color:var(--color-ink);background:#fff;border:1.5px solid #ded9e7;border-radius:11px;padding:0 14px;font-size:14px;font-weight:600}.form-input:focus{border-color:var(--color-purple);outline:none;box-shadow:0 0 0 3px #6253e917}.form-textarea{width:100%;color:var(--color-ink);resize:vertical;background:#fff;border:1.5px solid #ded9e7;border-radius:11px;min-height:84px;padding:12px 14px;font-size:14px;font-weight:600}.form-textarea:focus{border-color:var(--color-purple);outline:none;box-shadow:0 0 0 3px #6253e917}.chip-select{cursor:pointer;background:#fff;border:1.5px solid #ded9e7;border-radius:10px;align-items:center;gap:6px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex}.chip-select.active{border-color:var(--color-purple);color:var(--color-purple);background:#efecff}.editor-card{border:2px solid var(--color-ink);background:#fff;border-radius:18px;padding:22px;box-shadow:6px 7px #17152a1a}.landing-footer{width:min(1180px,100% - 48px);color:var(--color-muted);border-top:1px solid #e7e3d8;justify-content:space-between;align-items:center;gap:14px;margin:0 auto;padding:18px 0 22px;font-size:12px;font-weight:600;display:flex}.landing-footer-links{gap:18px;display:flex}.landing-footer a{color:inherit;text-decoration:none}.landing-footer a:hover{color:var(--color-ink)}.legal-body{flex:1;width:min(760px,100% - 48px);margin:0 auto;padding:20px 0 60px}.legal-body h1{letter-spacing:-1.6px;margin-bottom:18px;font-size:clamp(30px,4vw,44px)}.legal-body h2{margin:28px 0 8px;font-size:20px}.legal-body h3{margin:20px 0 6px;font-size:16px}.legal-body p{color:var(--color-muted);font-size:14px;font-weight:500;line-height:1.75}.host-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.option-tile{color:#fff;border-radius:14px;align-items:center;gap:12px;min-height:64px;padding:12px 16px;display:flex;position:relative;box-shadow:0 6px #17152a4d}.option-text{text-align:left;font-size:15px;font-weight:700}.option-correct{color:var(--color-ink);background:#fff;border-radius:50%;place-items:center;width:22px;height:22px;display:grid;position:absolute;top:10px;right:10px}.podium-entry{animation:.55s cubic-bezier(.22,1,.36,1) backwards podiumPop}.media-video{aspect-ratio:16/9;width:min(720px,100%);height:auto;max-height:none;display:block}}@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.w-full{width:100%}.overflow-x-auto{overflow-x:auto}.border{border-style:var(--tw-border-style);border-width:1px}.p-4{padding:calc(var(--spacing) * 4)}.pt-16{padding-top:calc(var(--spacing) * 16)}.filter{filter:var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )}}@keyframes pulse{50%{opacity:.5}}@keyframes float{50%{margin-top:-8px}}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(14px)scale(.98)}}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.85)}}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}}@keyframes tickPulse{0%{transform:scale(1)}30%{transform:scale(1.12)}to{transform:scale(1)}}@media (width<=900px){.nav-links{gap:17px}.hero{text-align:center;grid-template-columns:1fr;padding-top:44px}.social-proof,.join-box,.host-link{justify-content:center;margin-left:auto;margin-right:auto}.hero-subtitle{margin-left:auto;margin-right:auto}.hero-visual{margin-top:20px}.hero h1{max-width:none}}@media (width<=620px){.nav{width:calc(100% - 32px);height:72px}.menu-button{background:#fff;border:1px solid #e6e2e9;border-radius:9px;place-items:center;width:40px;height:40px;display:grid}.nav-links{background:#fff;border:1px solid #e5e0e9;border-radius:15px;flex-direction:column;align-items:stretch;padding:18px;display:none;position:absolute;top:64px;left:0;right:0;box-shadow:0 16px 35px #1e183721}.nav-links.nav-open{display:flex}.nav-signin,.nav-create{justify-content:center}.hero{gap:25px;width:calc(100% - 32px);padding-top:29px}.social-proof{margin-bottom:18px;font-size:10px}.hero h1{letter-spacing:-3.8px;font-size:50px}.hero-subtitle{font-size:16px}.join-box{grid-template-columns:1fr}.join-button{height:58px}.pin-error{top:132px}.host-link{margin-top:32px}.hero-visual{width:calc(100% + 20px);min-height:395px;margin-left:-10px}.burst-one{width:390px;height:345px;right:-51px}.burst-two{width:350px;height:282px;right:-26px}.quiz-window{border-width:5px;border-radius:18px}.quiz-topbar{height:43px}.question-area{padding:5px 14px 17px}.question-area h2{font-size:19px}.answer{min-height:48px;padding:7px 6px}.answer strong{font-size:9px}.answer small{display:none}.score-card{top:41px;right:-2px}.players-card{bottom:29px;left:0}.doodle{display:none}.modal-card{padding:36px 24px 29px}.pin-banner .pin-digits{letter-spacing:5px;font-size:38px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@keyframes podiumPop{0%{opacity:0;transform:translateY(26px)scale(.92)}to{opacity:1;transform:translateY(0)scale(1)}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}