@font-face{font-family:LocalSans;src:local('Avenir Next');font-display:swap}
:root{--purple:#6525c9;--purple-dark:#442080;--ink:#242134;--muted:#797482;--canvas:#f7f7fa;--border:#e9e7ef;--red:#e52c4e;--blue:#2473cd;--yellow:#c18b00;--green:#217f4b;--radius:14px;font-family:LocalSans,'Avenir Next',Avenir,Inter,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:var(--ink);font-size:16px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--canvas)}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}a{color:inherit;text-decoration:none}button{color:inherit}svg{flex-shrink:0;vertical-align:middle}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible{outline:3px solid #bd86ff;outline-offset:4px}input:focus,select:focus,textarea:focus{outline:2px solid #a06cde;outline-offset:1px}input,select,textarea{width:100%;border:1px solid #dedbe6;border-radius:8px;padding:12px 14px;color:var(--ink);background:#fff}textarea{resize:vertical;line-height:1.55}input[type=range]{accent-color:#d2b0ff;padding:0;border:none}label{display:flex;flex-direction:column;gap:8px;font-size:0.875rem;font-weight:600}button svg{pointer-events:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:8px;border:1px solid transparent;padding:12px 18px;font-size:0.875rem;font-weight:700;min-height:44px;white-space:nowrap;transition:background .16s,transform .16s,box-shadow .16s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn.primary{background:var(--purple);color:white;box-shadow:0 3px 0 #4b189e}.btn.primary:hover{background:#732bdc}.btn.secondary{background:white;border-color:#dedbe6;box-shadow:0 2px 0 #efedf3}.btn.secondary:hover{background:#f7f3ff}.btn.white{background:white;color:#4c238c;box-shadow:0 3px 0 #d7c6ec}.btn.text{background:transparent;box-shadow:none;padding-inline:12px}.btn.text:hover{background:#6725c910}.btn.glass{background:#ffffff12;color:#fff;border-color:#ffffff45;box-shadow:none}.btn.glass:hover{background:#ffffff24}.btn.danger{background:#fff1f3;color:#bd193e;border-color:#f1c2ce}.btn.compact{padding:8px 13px;min-height:36px;font-size:0.8125rem}.btn.large{padding:15px 24px;min-height:52px;font-size:1.0rem;width:100%}.icon-btn{width:35px;height:35px;display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;border-radius:7px;flex-shrink:0}.icon-btn:hover{background:#77718a15}.wordmark{display:inline-block;flex-shrink:0;width:4em;aspect-ratio:1474/474;font-size:2.5rem;background-color:currentColor;-webkit-mask:url('/logo.svg') center/contain no-repeat;mask:url('/logo.svg') center/contain no-repeat;vertical-align:middle}.brand{display:inline-flex;align-items:center;gap:10px}.local-tag{font-size:0.75rem;font-weight:700;letter-spacing:.5px;border:1px solid #d8cee6;border-radius:5px;padding:2px 6px;align-self:center;color:#746084}.eyebrow{font-size:0.75rem;font-weight:800;letter-spacing:1.5px;color:#82728e;margin-bottom:10px}.muted{color:var(--muted);line-height:1.65}.avatar{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:11px;background:#efceab;color:#775136;font-size:0.9375rem;font-weight:750}.avatar.small{width:32px;height:32px;font-size:0.875rem;border-radius:50%}.avatar.tiny{height:22px;width:22px;border-radius:50%;font-size:0.75rem}.divider{width:1px;height:26px;background:var(--border)}.count-pill{background:#ede9f2;border-radius:7px;font-weight:700;font-size:0.75rem;padding:3px 8px;color:#766685}.text-link{display:inline-flex;align-items:center;gap:8px;font-size:0.8125rem;font-weight:700;color:#6d477d}.footer-dot{margin:0 9px;color:#bbb4c4}.workspace{padding:39px 42px 32px;max-width:1440px;width:100%;margin:0 auto;flex:1}.page-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:24px}.page-heading h1{font-size:2.0rem;letter-spacing:-1.15px;line-height:1.3;font-weight:800}.page-heading p{color:#8b8096;font-size:0.8125rem;margin-top:9px}.greeting-spark{color:#d49b32;font-size:1.75rem;vertical-align:middle;display:inline-block;margin-left:5px}.page-heading .btn{margin-top:3px}.welcome-banner{display:flex;position:relative;background:#51229d;border-radius:15px;color:white;min-height:245px;overflow:hidden;box-shadow:0 7px 20px #5f2da20d;margin-bottom:35px}.banner-copy{position:relative;z-index:2;padding:29px 32px;width:61%}.banner-label{font-size:0.75rem;font-weight:700;letter-spacing:1.55px;color:#e0c8fe;display:flex;align-items:center;gap:7px;margin-bottom:13px}.banner-label span{width:5px;height:5px;background:#eac650;border-radius:50%}.banner-copy h2{font-size:2.15rem;line-height:1.16;letter-spacing:-.8px;font-weight:800}.banner-copy p{color:#d0b9ee;margin-top:12px;font-size:0.75rem}.banner-actions{display:flex;gap:19px;align-items:center;margin-top:23px}.banner-actions .btn{font-size:0.75rem;padding:9px 15px;min-height:37px}.banner-actions a{font-size:0.75rem;display:flex;gap:6px;align-items:center;color:#e6d5fc}.banner-game{position:relative;width:39%;min-height:245px;flex-shrink:0;transform:translate(-5px,0)}.banner-game:before,.banner-game:after{content:'';position:absolute;border:1px solid #ffffff0e;border-radius:50%;width:400px;height:400px;left:-23px;top:-66px}.banner-game:after{width:300px;height:300px;left:27px;top:-17px}.answer-tile{position:absolute;height:83px;width:96px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;text-shadow:0 2px #0001;box-shadow:0 8px #0002;z-index:1}.tile-red{background:#f24e60;left:35px;top:55px;transform:rotate(-11deg)}.tile-blue{background:#5594f2;left:143px;top:40px;transform:rotate(9deg);font-size:2.9rem}.tile-yellow{background:#efbd3e;left:40px;top:151px;transform:rotate(5deg)}.tile-green{background:#62b991;left:148px;top:135px;transform:rotate(-8deg)}.floating-count{position:absolute;top:24px;left:1px;z-index:3;background:#fff;color:#695976;border-radius:7px;display:flex;align-items:center;gap:5px;font-size:0.75rem;padding:7px 10px;transform:rotate(-6deg);box-shadow:0 4px 10px #26065c29}.floating-count strong{font-weight:750}.floating-label{position:absolute;right:5px;bottom:26px;background:#eedafa;color:#623295;z-index:2;font-size:0.75rem;font-weight:750;border-radius:5px;padding:7px 13px;transform:rotate(7deg)}.banner-star{position:absolute;color:#dab4ff}.star-one{top:72px;right:28px;font-size:2.0rem;transform:rotate(10deg)}.star-two{bottom:45px;left:3px;font-size:1.2rem}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:19px}.section-title{display:flex;align-items:center;gap:10px}.section-title h2{font-size:1.15rem;letter-spacing:-.35px;font-weight:750}.library-tools{display:flex;align-items:center;gap:21px}.search-input{flex-direction:row;gap:8px;align-items:center;background:white;border:1px solid #e7e2ed;border-radius:7px;padding:0 10px;color:#a597af}.search-input input{padding:8px 0;border:0;outline:none;font-size:0.75rem;width:174px;background:transparent;font-weight:500}.search-input:focus-within{outline:2px solid #a06cde}.quiz-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.quiz-card{background:white;border:1px solid #e6e1eb;border-radius:11px;overflow:hidden;min-width:0;box-shadow:0 3px 7px #30243e03;transition:transform .18s,box-shadow .18s}.quiz-card:hover{transform:translateY(-3px);box-shadow:0 10px 25px #30243e0a}.cover-link{display:block}.cover{height:170px;position:relative;overflow:hidden;color:white;background:#235c55;padding:18px 21px}.cover-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0c 1px,transparent 1px),linear-gradient(90deg,#ffffff0c 1px,transparent 1px);background-size:22px 22px;transform:rotate(-12deg) scale(1.3)}.cover-pop{background:#e9ad87;color:#702d32}.cover-team{background:#d7e1fa;color:#334c91}.cover-custom{background:#ad90dc;color:#371166}.cover-eyebrow{font-size:0.75rem;letter-spacing:1.15px;font-weight:800;position:relative;z-index:1;display:block;opacity:.8}.cover-title{font-size:2.3rem;letter-spacing:-1.4px;line-height:.98;position:absolute;bottom:26px;left:20px;font-weight:900;font-family:'Avenir Next',system-ui,sans-serif;transform:rotate(-4deg);z-index:1}.cover-badge{position:absolute;bottom:10px;right:10px;padding:3px 7px;font-size:0.75rem;background:#151120b8;color:#fff;border-radius:4px;font-weight:650}.cover-art{position:absolute;inset:0}.art-circle{position:absolute;background:#d2dd99;border-radius:50%;height:106px;width:106px;right:-20px;top:44px;border:18px solid #ffffff24}.art-diamond{position:absolute;width:63px;height:63px;background:#f8bc67;transform:rotate(33deg);right:53px;top:84px}.art-triangle{position:absolute;width:0;height:0;border-left:37px solid transparent;border-right:37px solid transparent;border-bottom:69px solid #e5dab9;right:8px;top:9px;transform:rotate(28deg)}.art-square{position:absolute;width:25px;height:25px;background:#e8dfb7;right:83px;top:44px;transform:rotate(19deg)}.cover-pop .art-circle{background:#94364e;border-color:#eabe84;right:17px;top:54px}.cover-pop .art-diamond{background:#e47847;right:0;top:17px}.cover-pop .art-triangle{border-bottom-color:#743647;right:40px;top:77px;transform:rotate(11deg)}.cover-pop .art-square{background:#f6d3a5;top:40px;right:89px}.cover-team .art-circle{height:104px;width:104px;background:#809ddf;border:27px solid #4e69b1;right:-10px;top:38px}.cover-team .art-diamond{width:77px;height:77px;background:#ddb453;right:48px;top:84px;transform:rotate(14deg)}.cover-team .art-triangle{border-bottom-color:#abbfe9;right:26px;top:70px;transform:rotate(25deg)}.cover-team .art-square{background:#6d80c3;right:65px;top:22px}.cover-custom .art-circle{background:#eed25b}.cover-custom .art-diamond{background:#7753a9}.cover-custom .art-triangle{border-bottom-color:#ebd2fa}.quiz-card-body{padding:17px 17px 13px}.card-overline{display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;letter-spacing:.8px;font-weight:800;color:#897796;gap:5px;margin-bottom:9px}.card-overline>span{letter-spacing:0;display:flex;gap:3px;align-items:center;font-size:0.75rem;font-weight:500;color:#9d91a8}.quiz-card h3{font-size:0.875rem;line-height:1.4;letter-spacing:-.15px;min-height:2.5em;font-weight:750}.card-description{font-size:0.75rem;color:#978b9f;line-height:1.6;min-height:2.9em;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;align-items:center;gap:6px;color:#9b8da5;font-size:0.75rem;margin-top:16px}.card-meta-time{display:flex;align-items:center;gap:4px;margin-left:auto}.card-actions{border-top:1px solid #efecf3;padding:11px 13px;display:flex;gap:6px;align-items:center}.card-actions .btn{font-size:0.75rem;padding:7px 10px;min-height:32px;gap:5px;flex:1}.card-actions .btn svg{height:14px;width:14px}.card-actions .icon-btn{width:25px;height:30px;color:#85738e}.format-strip{display:flex;align-items:center;gap:25px;margin-top:31px;border:1px dashed #ddd4e7;border-radius:10px;padding:20px}.format-strip .eyebrow{font-size:0.75rem;margin-bottom:5px;letter-spacing:1px}.format-strip h3{font-size:0.8125rem;white-space:nowrap}.format-list{display:flex;justify-content:space-between;flex:1;gap:8px}.format-chip{border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:7px;font-size:0.75rem;color:#94819f;white-space:nowrap}.format-chip:hover{color:var(--purple)}.format-icon{height:32px;width:34px;border-radius:7px;display:flex;align-items:center;justify-content:center}.violet{background:#eee6fb;color:#8a5ac9}.blue{background:#e5eefc;color:#5487c4}.orange{background:#fff0e3;color:#bd8b58}.teal{background:#e4f1ef;color:#549586}.studio-footer{display:flex;justify-content:space-between;padding:17px 42px 23px;color:#aea2b7;font-size:0.75rem}.empty-state{grid-column:1/-1;padding:55px 25px;display:flex;align-items:center;flex-direction:column;gap:16px;text-align:center;background:white;border:1px dashed var(--border);border-radius:12px;color:#a392b3}.empty-state h3,.empty-state h2{color:#554463}.empty-state p{font-size:0.875rem;line-height:1.6}.reports-empty{min-height:400px;justify-content:center}
/* A single studio navigation, collapsible on small screens. */
.studio{min-height:100dvh;display:flex;--sidebar-width:240px}
.sidebar{width:var(--sidebar-width);flex-shrink:0;background:#fff;border-right:1px solid var(--border);display:flex;flex-direction:column;padding:28px 18px 18px;position:fixed;inset:0 auto 0 0;z-index:10;overflow-y:auto}
.sidebar-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:34px}
.sidebar .brand{padding:0 10px;color:var(--purple)}
.sidebar .wordmark{font-size:2.3rem}
.nav-toggle{display:none}
.sidebar-content{display:flex;flex-direction:column;flex:1;gap:12px}
.workspace-label{font-size:.6875rem;letter-spacing:1.5px;color:var(--muted);font-weight:750;padding:0 14px}
.main-nav{display:flex;flex-direction:column;gap:6px}
.main-nav a{min-height:46px;padding:12px 14px;border-radius:10px;display:flex;gap:11px;align-items:center;font-size:.875rem;font-weight:600;color:#786b84}
.main-nav a:hover{background:#f7f4fc;color:var(--purple)}
.main-nav a.active{color:var(--purple);background:#f0eafa;font-weight:750}
.main-nav a.active svg{stroke-width:2}
.nav-count{margin-left:auto;background:#e4d8f6;font-size:.75rem;border-radius:6px;padding:2px 7px}
.sidebar-bottom{margin-top:auto;padding-top:36px;display:grid;gap:22px}
.sidebar-join{display:flex;align-items:center;gap:9px;border:1px solid #e6dcf2;border-radius:10px;background:#faf7fe;padding:13px 11px;color:var(--purple);font-size:.8125rem;font-weight:700;line-height:1.5}
.sidebar-join span{flex:1}
.sidebar-join:hover{background:#f0eafa}
.sidebar-account{border-top:1px solid var(--border);padding-top:18px}
.sidebar-profile{display:flex;align-items:center;gap:10px;padding:0 6px}
.sidebar-profile>div{min-width:0}
.sidebar-profile .avatar{flex-shrink:0}
.sidebar-profile strong{display:block;font-size:.8125rem;line-height:1.5;overflow-wrap:anywhere}
.sidebar-profile small{display:block;font-size:.75rem;color:#786b84;margin-top:3px}
.sidebar-account>.btn{width:100%;min-height:44px;margin-top:12px;justify-content:flex-start;padding-inline:10px;font-size:.8125rem;color:#786b84}
.studio-body{margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));min-width:0;min-height:100dvh;display:flex;flex-direction:column}
@media(min-width:741px) and (max-width:1150px){.studio{--sidebar-width:208px}.sidebar{padding-inline:12px}.sidebar .wordmark{font-size:2.1rem}.main-nav a{padding-inline:10px;gap:9px}.sidebar-join{gap:7px}}
@media(max-width:740px){
  .studio{display:block}
  .sidebar{position:relative;width:100%;padding:14px 18px;border-right:0;border-bottom:1px solid var(--border);overflow:visible}
  .sidebar-heading{margin:0}
  .sidebar .brand{padding:0}
  .sidebar .wordmark{font-size:2rem}
  .nav-toggle{display:inline-flex;min-height:44px;font-size:.875rem}
  .sidebar-content{display:none;padding-top:24px}
  .sidebar:has(.nav-toggle[aria-expanded="true"]) .sidebar-content{display:flex}
  .sidebar-bottom{padding-top:10px;gap:18px}
  .studio-body{margin:0;width:100%}
}
.cover-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}
.cover-badge{z-index:3}
.page-heading>div{min-width:0}
.page-heading h1,.quiz-card h3{overflow-wrap:anywhere}
.card-meta>span:nth-child(2){min-width:0;overflow-wrap:anywhere}
.card-meta-time,.card-meta .avatar{flex-shrink:0}
@media(max-width:440px){.library-section>.section-heading{flex-wrap:wrap}.library-tools,.search-input{width:100%}.search-input input{width:100%;min-width:0}}

/* Quiz studio */
.editor-app{min-height:100vh;background:#f3f2f6}.editor-topbar{height:80px;background:white;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:22px;padding:0 25px;position:sticky;top:0;z-index:15}.editor-brand{color:var(--purple)}.editor-brand .wordmark{font-size:2.1rem}.editor-name{border:0;max-width:380px;width:32%;font-weight:750;padding:10px 0;border-radius:0;background:transparent;text-overflow:ellipsis}.save-state{font-size:0.75rem;color:#998ba5;display:flex;align-items:center;gap:4px;white-space:nowrap}.editor-top-actions{margin-left:auto;display:flex;gap:13px}.editor-layout{display:grid;grid-template-columns:224px minmax(340px,1fr) 245px;min-height:calc(100vh - 80px)}.question-sidebar{background:#fff;border-right:1px solid var(--border);padding:23px 16px;display:flex;flex-direction:column;max-height:calc(100vh - 80px);position:sticky;top:80px}.question-sidebar-heading{display:flex;align-items:center;justify-content:space-between;padding:0 6px;margin-bottom:20px;font-size:0.875rem}.question-thumbnails{display:flex;flex-direction:column;gap:13px;overflow-y:auto;padding:3px 4px 15px;flex:1}.question-thumbnail{display:flex;gap:8px;border:0;background:transparent;padding:0;align-items:flex-start;text-align:left}.thumb-number{font-size:0.75rem;color:#a191af;margin-top:12px}.thumb-content{padding:10px;background:#faf9fc;border:2px solid #eeebf2;border-radius:7px;flex:1;min-width:0}.question-thumbnail.selected .thumb-content{border-color:#854dd0;background:#faf7ff}.question-thumbnail.selected .thumb-number{color:#6b25c9;font-weight:800}.thumb-type{display:flex;gap:4px;align-items:center;font-size:0.75rem;color:#9d8daa}.thumb-title{display:block;font-size:0.75rem;line-height:1.4;font-weight:650;margin:9px 0 12px;height:2.8em;overflow:hidden}.thumb-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:3px}.thumb-mini-grid i{border-radius:2px;font-style:normal;font-size:0.75rem;color:white;text-align:center;padding:2px}.thumb-mini-grid .thumb-line{height:10px;background:#c5b4d8;grid-column:1/-1}.question-sidebar>.btn{font-size:0.75rem;padding:10px;gap:5px}.question-sidebar-footer{font-size:0.75rem;color:#ac9eb5;text-align:center;margin-top:18px;display:flex;align-items:center;justify-content:center;gap:4px}.editor-main{padding:23px 28px 35px;min-width:0}.editor-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:12px}.segmented{background:#e9e5ee;border-radius:8px;padding:3px;display:flex}.segmented .btn{font-size:0.75rem;min-height:30px}.segmented .btn[aria-pressed=true]{background:white;box-shadow:0 2px 5px #32204a0b;color:#693996}.question-tools{display:flex;color:#93829f;gap:3px}.question-surface{background:white;padding:24px;border-radius:12px;box-shadow:0 4px 22px #33204606;border:1px solid #e8e3ee;min-height:540px}.question-surface-head{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#a899b4;font-size:0.75rem;margin-bottom:22px}.type-badge{font-size:0.75rem;font-weight:700;display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border-radius:5px}.question-label{font-size:0.75rem;color:#857193;margin-bottom:9px}.question-title-input{font-size:1.35rem;font-weight:700;text-align:center;min-height:104px;background:#fbfafd;border:1px solid #eee9f4;padding:18px 14px;resize:vertical;letter-spacing:-.4px}.question-title-input::placeholder{color:#b1a3bd;font-weight:600}.question-center{height:145px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#b3a4bf;font-size:0.75rem}.question-center-icon{display:flex;align-items:center;justify-content:center;width:63px;height:63px;border-radius:16px}.answers-edit{display:grid;grid-template-columns:1fr 1fr;gap:10px}.edit-answer{display:flex;align-items:center;padding:10px;gap:9px;border-radius:7px;color:white;min-width:0;min-height:70px}.answer-0{background:var(--red)}.answer-1{background:var(--blue)}.answer-2{background:var(--yellow)}.answer-3{background:var(--green)}.answer-4{background:#8149be}.answer-5{background:#c14c23}.edit-answer input{width:100%;min-width:0;padding:8px 0;font-size:0.8125rem;font-weight:600;border:0;color:#fff;background:transparent;outline-offset:1px}.edit-answer input::placeholder{color:#ffffffbd}.answer-symbol{font-size:1.35rem;min-width:25px;text-align:center;flex-shrink:0}.correct-toggle{width:28px;height:28px;border-radius:50%;border:2px solid #ffffff6b;color:transparent;background:#00000010;padding:0;display:flex;align-items:center;justify-content:center;flex-shrink:0}.correct-toggle.selected{color:#218152;background:#fff;border-color:#fff}.correct-toggle:hover{color:#ffffff9e}.correct-toggle.selected:hover{color:#218152}.edit-answer>.icon-btn{height:22px;width:17px}.edit-answer>.icon-btn svg{height:15px;width:15px}.answer-help{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#9f8fad;font-size:0.75rem;margin-top:15px}.answer-help .btn{font-size:0.75rem;padding:4px 0;gap:3px;color:#855ba9;min-height:30px}.puzzle-edit{grid-template-columns:1fr}.puzzle-edit .edit-answer{min-height:53px;padding:6px 12px}.order-tools{display:flex}.special-editor{background:#f8f6fb;border:1px solid #eae4f0;padding:20px;border-radius:8px;margin-top:20px}.special-editor label{font-size:0.75rem;color:#7f6d8f}.special-editor textarea{font-size:0.875rem}.special-editor p{font-size:0.75rem;line-height:1.7;color:#9e8fa9;margin-top:14px;display:flex;align-items:flex-start;gap:7px}.special-editor p svg{margin-top:3px}.number-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.number-grid input{padding:9px 10px;font-size:0.8125rem}.slider-preview{display:flex;align-items:center;gap:16px;margin:25px 0 8px;font-size:0.75rem;color:#8b789b}.decorative-range{height:7px;background:#e1d1f3;border-radius:8px;flex:1;position:relative}.decorative-range i{position:absolute;height:20px;width:20px;background:#8651c7;left:50%;top:-7px;border-radius:50%;border:3px solid white;box-shadow:0 0 0 1px #ded0ed}.editor-bottom-note{font-size:0.75rem;text-align:center;margin-top:22px;color:#a392b0;display:flex;align-items:center;justify-content:center;gap:7px}.question-settings{background:#fff;border-left:1px solid var(--border);padding:27px 20px}.question-settings h3{font-size:0.875rem;margin-bottom:25px}.question-settings>label{margin-bottom:23px;font-size:0.75rem;color:#93829f;position:relative}.question-settings>label>svg{position:absolute;left:0;top:0}.question-settings>label:has(>svg){text-indent:24px}.question-settings select,.question-settings textarea{font-size:0.75rem;text-indent:0;padding:10px;color:#6c577d;line-height:1.7}.type-select{display:flex;align-items:center;gap:9px;padding:12px 10px;border:1px solid #e8e0ef;background:#fff;border-radius:7px;font-size:0.75rem;color:#79518f;text-align:left;font-weight:650}.type-select svg:last-child{margin-left:auto}.settings-tip{display:flex;gap:8px;background:#f8f4fc;padding:12px;color:#9a85aa;border-radius:8px;align-items:flex-start}.settings-tip p{font-size:0.75rem;line-height:1.8}.settings-tip svg{margin-top:3px}.quiz-settings{border-top:1px solid var(--border);margin-top:25px;padding-top:24px}.quiz-settings h3{margin-bottom:20px}.quiz-settings label{font-size:0.75rem;color:#93829f;margin-bottom:20px}.question-settings>.btn{font-size:0.75rem;padding:10px 5px;width:100%;gap:5px;margin-top:8px}.question-settings>.btn svg{width:15px;height:15px}.editor-preview{background:#54259b;min-height:520px;padding:35px 25px;border-radius:12px;color:white}.editor-preview .eyebrow{color:#d5b7f5;font-size:0.75rem;text-align:center}.editor-preview h2{font-size:1.6rem;text-align:center;line-height:1.45;margin:30px 0 55px;overflow-wrap:anywhere}.editor-preview .present-answer{min-height:85px;font-size:0.8rem;padding:15px}.editor-preview .present-answer>span{font-size:1.5rem}.preview-placeholder{text-align:center;border:2px dashed #ffffff40;padding:25px;border-radius:10px;color:#eadcfa}.preview-note{display:flex;align-items:center;justify-content:center;gap:6px;color:#d4b9ed;font-size:0.75rem;margin-top:30px}.preview-slider{display:flex;justify-content:space-between;gap:10px;align-items:center;font-size:1.0rem}.preview-slider span{color:#d5b8fa}.slide-copy{white-space:pre-wrap;text-align:center;line-height:1.8}
/* Modals and notices */
dialog{border:1px solid #e7dfef;border-radius:17px;padding:28px;width:640px;max-width:calc(100% - 32px);max-height:calc(100dvh - 40px);color:var(--ink);box-shadow:0 35px 120px #18063250}dialog::backdrop{background:#1d0e35a6;backdrop-filter:blur(5px)}.dialog-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:13px}.dialog-head h2{font-size:1.35rem;line-height:1.4;letter-spacing:-.4px}.dialog-head .eyebrow{font-size:0.75rem;margin-bottom:7px}.dialog-head .icon-btn{color:#9c89ab}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:28px}.type-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.type-card{display:flex;align-items:flex-start;position:relative;border:1px solid #e8e1ef;background:white;padding:16px;border-radius:9px;text-align:left;flex-direction:column;transition:background .2s,border-color .2s}.type-card:hover{background:#faf6ff;border-color:#af83dd}.type-card-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:12px}.type-card strong{font-size:0.875rem}.type-card>span:last-of-type{font-size:0.75rem;color:#9a87a8;margin-top:5px}.type-card>svg{position:absolute;top:22px;right:17px;color:#b5a2c3}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,20px);background:#2c1844;color:white;padding:13px 23px;border:1px solid #ffffff20;border-radius:10px;font-size:0.875rem;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:100;max-width:calc(100% - 35px);box-shadow:0 7px 25px #21093b30;text-align:center}.toast.visible{transform:translate(-50%,0);opacity:1}.menu-actions{display:flex;flex-direction:column;gap:12px;margin-top:25px}.copy-link-input{margin-top:15px}.copy-link-input+p{font-size:0.875rem;margin-top:15px}.form-error{color:#d32449;font-size:0.8125rem;line-height:1.6;min-height:0}.form-error:not(:empty){margin:12px 0}.boot,.error-page{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:24px;padding:30px;text-align:center}.boot .wordmark,.error-page .wordmark{color:var(--purple)}.error-page h1{font-size:2.0rem}.error-page p{max-width:600px;line-height:1.7;color:#90809d}
/* Join */
.join-page{background:#512397;min-height:100dvh;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px 20px;position:relative;overflow:hidden}.join-brand{margin-bottom:38px;position:relative;z-index:1}.join-brand .wordmark{font-size:3.5rem}.join-brand .local-tag{color:#e9d1ff;border-color:#ffffff40;margin-top:9px}.join-panel{background:white;color:var(--ink);width:425px;max-width:100%;border-radius:17px;padding:30px 34px;position:relative;z-index:1;box-shadow:0 16px 60px #2e0b5d33}.join-symbol{display:flex;width:50px;height:50px;align-items:center;justify-content:center;background:#efe5fc;border-radius:12px;color:#8a50c9;margin-bottom:16px}.join-panel h1{font-size:1.8rem;letter-spacing:-.7px}.join-panel>p{font-size:0.8125rem;color:#9b88ab;margin:10px 0 25px}.join-panel form label{margin-top:18px;font-size:0.75rem;color:#8f7c9e}.join-panel input{font-size:0.875rem;padding:14px}.join-panel .pin-input{font-size:1.75rem;letter-spacing:7px;text-align:center;font-weight:750}.join-panel .btn{margin-top:25px}.join-hint{display:flex;align-items:center;gap:8px;border-top:1px solid #eee7f4;padding-top:18px;margin-top:24px;font-size:0.75rem;color:#a18dab;line-height:1.7}.join-footer{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;gap:17px;margin-top:28px;font-size:0.75rem;color:#cdb4e6;text-align:center}.join-footer a{display:flex;gap:8px;align-items:center;color:#e2cefa;font-size:0.75rem}.join-decor{position:absolute;font-size:24.0rem;color:#ffffff07;user-select:none}.decor-one{top:-40px;left:3%;transform:rotate(-12deg)}.decor-two{bottom:-180px;right:-30px}.decor-three{font-size:15.0rem;top:5%;right:7%;transform:rotate(20deg)}
/* Live game */
.party{min-height:100dvh;background:#512397;color:white;display:flex;flex-direction:column;background-image:radial-gradient(ellipse at 85% 5%,#8248b52b,transparent 50%)}.party-top{display:flex;align-items:center;justify-content:space-between;padding:23px 36px;border-bottom:1px solid #ffffff12;gap:24px}.party-top .wordmark{font-size:2.2rem}.party-top .local-tag{border-color:#ffffff40;color:#dcc4f1}.party-top-title{text-align:center;font-size:0.8125rem;font-weight:650;line-height:1.5;max-width:50%;overflow-wrap:anywhere}.party-top-title span{display:block;font-size:0.75rem;letter-spacing:1.7px;color:#c3a7de;margin-top:4px;font-weight:500}.party-tools{display:flex;align-items:center;gap:8px}.party-tools .icon-btn{color:#e9d9f9;border:1px solid #ffffff25;background:#ffffff05}.party-tools .icon-btn:hover{background:#ffffff16}.connection-state{display:flex;align-items:center;gap:5px;color:#cab4df;font-size:0.75rem;margin-right:10px}.connection-state.disconnected{color:#ffe093}.party-footer{padding:20px 36px;display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #ffffff15;font-size:0.75rem;color:#c9b1e1;margin-top:auto}.party-footer>span{display:flex;align-items:center;gap:7px}.party-footer strong{color:white;font-size:0.9375rem;letter-spacing:2px}.party-footer .btn{color:#c9b1e1;border:1px solid #ffffff20;font-weight:500;font-size:0.75rem;min-height:30px}.lobby-main{max-width:980px;width:100%;padding:40px 30px 28px;margin:0 auto;flex:1}.lobby-heading{text-align:center;margin-bottom:31px}.light-eyebrow{font-size:0.75rem;font-weight:700;letter-spacing:2px;color:#cdb1ed}.lobby-heading h1{font-size:2.5rem;letter-spacing:-1px;margin:10px 0}.lobby-heading p{font-size:0.875rem;color:#cdb5e8}.lobby-invite{background:#fff;color:#4c2b68;border-radius:15px;display:flex;justify-content:space-between;align-items:center;padding:27px 32px;gap:28px;box-shadow:0 8px 0 #2a07551a}.lobby-code>span:first-child{font-size:0.875rem;color:#8e789e;display:block;overflow-wrap:anywhere}.lobby-code>span:first-child strong{color:#704a8a}.pin-label{display:block;font-size:0.75rem;letter-spacing:2px;color:#a18bab;margin-top:23px}.game-pin{display:block;font-size:4.6rem;letter-spacing:8px;line-height:1.3;font-weight:850;color:#432359;white-space:nowrap}.game-pin>span{color:#714594}.lobby-link-row{display:flex;align-items:center;gap:10px;margin-top:12px}.lobby-link-row .btn{font-size:0.75rem}.qr-block{width:166px;flex-shrink:0;text-align:center;display:flex;flex-direction:column;align-items:center;border-left:1px solid #eee5f5;padding-left:20px;box-sizing:content-box}.qr-block svg{width:160px;height:160px}.qr-block>span{font-size:0.75rem;color:#a18cab;margin-top:8px}.lobby-controls{display:flex;justify-content:space-between;align-items:center;margin:26px 0 20px}.players-count{display:flex;align-items:center;gap:8px;color:#ceb9e7;font-size:0.875rem}.players-count strong{color:#fff}.lobby-controls>div{display:flex;gap:12px}.lobby-controls .btn.glass{font-size:0.75rem}.lobby-controls .btn.white{min-width:140px}.lobby-players{display:flex;gap:11px;flex-wrap:wrap;min-height:110px;align-content:flex-start}.player-chip{display:flex;align-items:center;gap:10px;background:#ffffff12;border:1px solid #ffffff15;border-radius:8px;padding:8px 13px 8px 8px;color:white;font-size:0.875rem;font-weight:650}.player-chip:hover{background:#ffffff23}.player-avatar{height:28px;width:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:white;font-size:0.8125rem}.palette-0{background:#b98bd9}.palette-1{background:#669bc2}.palette-2{background:#c99a53}.palette-3{background:#6cae8e}.palette-4{background:#d67a9b}.palette-5{background:#8e8ccb}.presence{height:5px;width:5px;border-radius:50%;background:#ffffff40}.presence.online{background:#83d3a5}.waiting-players{width:100%;display:flex;align-items:center;flex-direction:column;gap:18px;font-size:0.75rem;color:#b999d9;padding:27px 0}.waiting-dots{display:flex;gap:7px;align-items:center;justify-content:center}.waiting-dots i{width:7px;height:7px;border-radius:50%;background:#b78edb;animation:breathe 1.4s infinite}.waiting-dots i:nth-child(2){animation-delay:.15s}.waiting-dots i:nth-child(3){animation-delay:.3s}.network-picker{display:flex;align-items:center;justify-content:center;gap:10px;color:#bea0da;font-size:0.75rem;margin-top:25px;flex-wrap:wrap}.network-picker label{display:flex;flex-direction:row;align-items:center;font-size:0.75rem;font-weight:500}.network-picker select{background:#ffffff09;color:#d9c5ed;border:1px solid #ffffff20;font-size:0.75rem;padding:5px 22px 5px 7px;width:auto}.network-picker select option{color:#442080;background:#fff}.network-picker>span{margin-left:8px}.host-question-main{width:100%;max-width:1230px;margin:0 auto;padding:28px 45px 30px;flex:1;display:flex;flex-direction:column}.question-progress{display:flex;align-items:center;justify-content:space-between;font-size:0.75rem;color:#ddc9f1;gap:15px}.question-progress>span:last-child{font-size:0.75rem;color:#c9aadf}.light-separator{color:#aa82ca;margin:0 10px}.progress-track{height:4px;border-radius:3px;background:#ffffff13;margin:12px 0 24px;overflow:hidden}.progress-track i{display:block;background:#c492f2;height:100%;border-radius:3px}.host-question-title{display:flex;align-items:center;justify-content:center;min-height:170px;padding:10px 35px 28px}.host-question-title h1{font-size:clamp(1.8rem,3vw,2.6rem);text-align:center;line-height:1.3;letter-spacing:-.6px;overflow-wrap:anywhere}.present-answers{display:grid;grid-template-columns:1fr 1fr;gap:15px}.present-answer{display:flex;align-items:center;gap:20px;padding:25px 23px;border-radius:10px;min-height:109px;box-shadow:0 5px 0 #00000015;position:relative;color:#fff}.present-answer strong{font-size:1.2rem;line-height:1.35;overflow-wrap:anywhere}.present-answer>.answer-symbol{font-size:2.0rem;min-width:34px}.present-answer.incorrect-option{opacity:.38}.answer-tally{margin-left:auto;display:flex;align-items:center;gap:15px;font-size:0.875rem;font-weight:700}.presentation-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:auto;padding-top:33px}.presentation-controls>div:last-child{display:flex;gap:12px}.question-live-status{display:flex;align-items:center;gap:17px}.timer-circle{height:60px;width:60px;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;border:3px solid #d4aaf1;font-size:1.6rem;font-weight:800;color:white;background:#ffffff09;font-variant-numeric:tabular-nums}.timer-circle.urgent{color:#ffe3a3;border-color:#ffb842;animation:timerpulse 1s infinite}.question-live-status>div{display:flex;flex-direction:column;gap:5px}.question-live-status strong{font-size:1.2rem}.question-live-status>div>span{font-size:0.75rem;color:#c8a9e0}.pause-label{font-size:0.875rem;color:#ffd681;margin-left:7px}.slide-presentation{flex:1;display:flex;align-items:center;flex-direction:column;justify-content:center;padding:10px 50px 45px}.slide-spark{font-size:3.0rem;color:#e7bd62;display:block;margin-bottom:18px}.slide-presentation p{font-size:1.5rem;line-height:1.7;white-space:pre-wrap;text-align:center;color:#e7d4f7;overflow-wrap:anywhere;max-width:820px}.slide-caption{font-size:0.8125rem;color:#c8a9df}.puzzle-present .present-answer{min-height:90px}.results-summary{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap;color:#e5d2f5;font-size:0.875rem;margin-top:25px}.results-summary>span{display:block;width:100%;text-align:center;font-size:0.75rem;color:#c8addf;margin-top:5px;overflow-wrap:anywhere}.response-prompt{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px;border:2px dashed #ffffff2b;border-radius:12px;min-height:240px;color:#d7b4f0}.response-prompt p{font-size:1.6rem;color:#f2e4fc;font-weight:650}.response-prompt>span{font-size:0.875rem;color:#cab0df}.reveal-text{border-radius:15px;background:#ffffff14;border:1px solid #ffffff2d;text-align:center;padding:58px 30px;font-size:2.5rem;font-weight:750;color:#f5e8ff}.reveal-text svg{color:#a3e8c5;margin-right:14px}.reveal-text small{display:block;font-size:0.875rem;color:#d7bfe9;font-weight:500;margin-top:16px}.host-slider{text-align:center;background:#ffffff0b;border:1px solid #ffffff15;padding:30px 45px 25px;border-radius:13px}.host-slider>strong{font-size:3.0rem}.host-slider>strong>small{font-size:1.2rem;font-weight:500}.host-slider>p{font-size:0.875rem;color:#cbb0e3;margin-top:12px}.host-range{display:flex;gap:22px;align-items:center;margin:35px 0 20px;font-size:1.0rem}.host-range>div{height:9px;background:#d5afef;border-radius:9px;flex:1;position:relative}.host-range i{position:absolute;width:26px;height:26px;border-radius:50%;background:#fff;top:-9px;margin-left:-13px;box-shadow:0 3px 7px #29095030}.leaderboard-main{max-width:860px;width:100%;margin:0 auto;text-align:center;padding:35px 30px;flex:1}.leaderboard-title{display:flex;justify-content:center;align-items:center;gap:14px;margin:12px 0}.leaderboard-title svg{color:#f0cb79}.leaderboard-title h1{font-size:2.4rem;letter-spacing:-1px}.leaderboard-main>p{font-size:0.8125rem;color:#c6a8df}.ranking-list{display:flex;flex-direction:column;gap:8px;margin:28px auto;max-width:730px;max-height:390px;overflow-y:auto}.ranking-row{display:flex;align-items:center;gap:20px;background:#ffffff0d;border:1px solid #ffffff12;border-radius:8px;padding:16px 25px;text-align:left}.ranking-row:first-child{background:#fff;color:#522f70;box-shadow:0 4px 0 #2a09551c}.ranking-place{font-weight:800;font-size:1.05rem;width:24px}.ranking-name{font-size:1.0rem;font-weight:650;overflow-wrap:anywhere}.ranking-score{margin-left:auto;font-size:1.25rem;font-weight:800;white-space:nowrap}.ranking-score small{font-size:0.75rem;opacity:.7;font-weight:500}.ranking-row.is-me{outline:2px solid #efc567;outline-offset:-2px}.ranking-name small{font-size:0.75rem;font-weight:500;margin-left:8px;border:1px solid currentColor;padding:2px 5px;border-radius:4px;opacity:.7}.leaderboard-actions{display:flex;justify-content:center;gap:12px;margin-top:25px}.ranking-empty{color:#d5b5ea;padding:30px}.podium{display:flex;align-items:flex-end;justify-content:center;gap:14px;margin:38px auto 15px;max-width:620px}.podium-player{width:33%;display:flex;flex-direction:column;align-items:center;min-width:0}.podium-avatar{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#bf9adb;color:#4d2670;font-size:1.8rem;font-weight:750;margin-bottom:13px;border:3px solid #ffffff28}.podium-player>strong{font-size:1.1rem;overflow-wrap:anywhere}.podium-player>span:not(.podium-avatar){font-size:0.75rem;color:#d7bee9;margin-top:6px}.podium-step{margin-top:17px;background:#b58bd7;color:#fff;width:100%;height:110px;border-radius:10px 10px 0 0;font-size:3.7rem;font-weight:850;padding-top:16px;border:1px solid #ffffff2a;box-shadow:0 -4px 0 #ffffff1c}.place-1 .podium-step{height:170px;background:#e6b955;color:#805522}.place-1 .podium-avatar{background:#f2cc6c;color:#976821;height:70px;width:70px;font-size:2.8rem}.place-3 .podium-step{height:80px;background:#9675b5;padding-top:9px;font-size:3.0rem}.my-rank{font-size:1.0rem;margin:25px 0;color:#dcc2ef}.my-rank strong{color:white}.report-list{display:flex;flex-direction:column;gap:15px}.report-card{display:flex;align-items:center;gap:20px;background:#fff;border:1px solid var(--border);border-radius:12px;padding:22px}.report-trophy{background:#fff3d9;color:#c79e46;display:flex;align-items:center;justify-content:center;width:55px;height:55px;border-radius:12px;flex-shrink:0}.report-card h3{font-size:0.9375rem}.report-card p{font-size:0.75rem;color:#a18daf;margin-top:8px;line-height:1.7}.report-card p>span{margin:0 5px}.report-winner{margin-left:auto;display:flex;flex-direction:column;gap:4px;min-width:100px}.report-winner small{font-size:0.75rem;color:#b09abc;letter-spacing:1px}.report-winner strong{font-size:0.875rem;color:#86609e}.report-winner>span{font-size:0.75rem;color:#a58cad}.report-card .btn{font-size:0.75rem}.report-ranking{display:flex;flex-direction:column;gap:8px;margin:25px 0;max-height:50vh;overflow:auto}.report-ranking>div{display:flex;gap:20px;align-items:center;background:#f7f2fc;border-radius:8px;padding:13px}.report-ranking>div>span:first-child{color:#a087b2;width:20px;font-size:0.8125rem}.report-ranking strong{font-size:0.9375rem;overflow-wrap:anywhere}.report-ranking>div>span:last-child{margin-left:auto;white-space:nowrap;font-size:0.875rem}
/* Player controls */
.player-party .party-top{padding:18px 24px}.player-party .party-top-title{display:none}.player-party .party-top .wordmark{font-size:1.8rem}.player-party .party-footer{padding:14px 24px}.player-party .party-footer>span:nth-child(2){font-size:0.75rem}.player-party .party-footer strong{font-size:0.75rem;letter-spacing:1px}.player-main{max-width:780px;width:100%;padding:28px 28px 38px;margin:0 auto;flex:1}.player-wait{display:flex;align-items:center;flex-direction:column;text-align:center;padding:45px 10px}.big-player-icon{width:106px;height:106px;display:flex;align-items:center;justify-content:center;border-radius:25px;background:#b486d2;color:#f8eeff;font-size:3.0rem;font-weight:750;margin-bottom:30px;box-shadow:0 7px 0 #30105125}.success-icon{background:#429873}.player-wait h1{font-size:2.2rem;letter-spacing:-.7px;line-height:1.3;overflow-wrap:anywhere;margin-top:13px}.player-wait p{font-size:1.0rem;line-height:1.7;color:#d3b9e7;margin-top:18px}.player-wait .waiting-dots{margin-top:35px}.lobby-player-total{font-size:0.75rem;color:#c5a5de;margin-top:26px}.player-question-heading{display:flex;gap:24px;align-items:center;margin-top:24px}.player-question-heading h1{font-size:1.55rem;line-height:1.45;letter-spacing:-.4px;flex:1;overflow-wrap:anywhere}.player-question-heading .timer-circle{width:51px;height:51px;font-size:1.35rem}.player-instruction{font-size:0.75rem;color:#ccb0e2;margin:18px 0}.player-answers{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px;margin-bottom:20px}.player-answer{display:flex;align-items:center;gap:16px;border:3px solid transparent;border-radius:10px;padding:23px 18px;min-height:110px;color:#fff;box-shadow:0 5px #0002;text-align:left;transition:transform .15s,border-color .15s}.player-answer:hover{transform:translateY(-2px);filter:brightness(1.06)}.player-answer strong{font-size:1.0rem;line-height:1.4;overflow-wrap:anywhere}.player-answer .answer-symbol{font-size:1.8rem}.player-answer.chosen{border-color:#fff;box-shadow:0 0 0 2px #ffffff80,0 5px #0002}.multi-check{width:24px;height:24px;border:2px solid #ffffff60;border-radius:5px;display:flex;align-items:center;justify-content:center;color:transparent;margin-left:auto;flex-shrink:0}.chosen .multi-check{color:#6c299b;background:#fff;border-color:#fff}.text-answer-form{margin-top:30px;display:flex;flex-direction:column;gap:13px}.text-answer-form label{font-size:0.875rem;color:#cfb0e4}.text-answer-form input{font-size:1.25rem;padding:20px 17px;border-radius:10px;border:0}.text-answer-form .btn{margin-top:15px}.player-slider{background:#ffffff0b;border:1px solid #ffffff20;border-radius:14px;padding:24px;margin-top:25px}.player-slider output{display:block;text-align:center;font-size:2.8rem;font-weight:800;margin:5px 0 30px}.player-slider input[type=range]{height:32px;width:100%;cursor:pointer}.range-labels{display:flex;justify-content:space-between;font-size:0.875rem;color:#c8a4de;margin-top:7px}.exact-value{margin:25px 0;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:15px;color:#ceb0e5;font-size:0.8125rem}.exact-value input{max-width:120px;font-size:0.875rem;padding:9px 10px;text-align:center;background:#ffffff12;color:white;border-color:#ffffff2d}.player-puzzle{display:flex;flex-direction:column;gap:10px;margin-top:22px}.player-puzzle>p{font-size:0.8125rem;color:#cab0e0;margin-bottom:9px}.puzzle-row{display:flex;gap:15px;align-items:center;border-radius:8px;padding:10px 13px;box-shadow:0 4px #0001}.puzzle-row>span{font-size:1.2rem;font-weight:800;width:24px;text-align:center}.puzzle-row>strong{font-size:1.0rem;overflow-wrap:anywhere}.puzzle-row>div{margin-left:auto;display:flex;gap:4px}.puzzle-row .icon-btn{border:1px solid #ffffff30;width:36px;height:36px}.puzzle-row .icon-btn:hover{background:#ffffff20}.player-puzzle>.btn{margin-top:20px}.player-slide{padding:40px 12px;text-align:center}.player-slide h1{font-size:2.0rem;line-height:1.4;overflow-wrap:anywhere}.player-slide p{font-size:1.1rem;color:#e3ccef;line-height:1.8;white-space:pre-wrap;margin:22px 0;overflow-wrap:anywhere}.player-hint{display:block;font-size:0.8125rem;text-align:center;color:#c5a5dc;margin-top:30px}.player-result{text-align:center;padding:35px 10px 15px;display:flex;flex-direction:column;align-items:center}.good-result .big-player-icon{background:#469b73;color:white}.bad-result .big-player-icon{background:#af77b3;color:white}.player-result h1{font-size:2.25rem;letter-spacing:-.7px}.player-result p{color:#d0b4e6;font-size:0.9375rem;margin-top:14px}.points-earned{font-size:2.6rem;font-weight:850;margin:27px 0 10px}.points-earned span{font-size:1.0rem;font-weight:500}.player-correction{background:#ffffff0e;border:1px solid #ffffff20;border-radius:12px;text-align:center;padding:22px;margin-top:10px}.player-correction strong{display:block;font-size:1.2rem;margin-top:14px;line-height:1.6;overflow-wrap:anywhere}.player-main .form-error{color:#ffe1aa}.player-party .leaderboard-main{max-width:780px}
@keyframes breathe{0%,80%,100%{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-5px)}}@keyframes timerpulse{50%{box-shadow:0 0 0 5px #ffba4320}}
/* Readability at everyday laptop sizes */
@media(min-width:1440px){.workspace{padding:45px 50px 35px}.welcome-banner{min-height:280px}.banner-copy{padding:34px 38px}.banner-copy h2{font-size:2.5rem}.banner-copy p{font-size:0.875rem}.banner-actions{margin-top:27px}.banner-game{transform:translate(8px,8px) scale(1.07);transform-origin:top left}.cover{height:192px}.cover-title{font-size:2.7rem}.quiz-card h3{font-size:1.0rem}.card-description{font-size:0.75rem}.card-overline{font-size:0.75rem}.card-actions .btn{font-size:0.75rem;padding:9px 10px}.format-strip{padding:22px 25px}.format-chip{font-size:0.75rem}.format-strip h3{font-size:0.9375rem}.format-icon{height:37px;width:39px}.page-heading h1{font-size:2.3rem}}
@media(max-width:1150px){.workspace{padding:30px 28px}.studio-footer{padding-inline:28px}.banner-game{transform:translate(-20px,8px) scale(.87);transform-origin:top left}.banner-copy{padding:27px;width:64%}.banner-copy h2{font-size:1.9rem}.banner-actions{gap:12px;flex-wrap:wrap}.quiz-grid{gap:14px}.card-actions{padding:10px 9px;gap:4px}.card-actions .btn{font-size:0.75rem;padding:7px}.card-actions .btn svg{display:none}.cover{height:155px}.cover-title{font-size:2.0rem}.cover-eyebrow{font-size:0.75rem}.quiz-card-body{padding:15px 13px}.card-overline{font-size:0.75rem}.format-strip{gap:18px;padding:17px}.format-strip h3{font-size:0.75rem}.format-chip{font-size:0.75rem}.editor-layout{grid-template-columns:185px minmax(320px,1fr) 210px}.editor-main{padding:20px 18px}.question-settings{padding:24px 14px}.question-surface{padding:19px}.edit-answer{padding:8px;gap:6px}.answer-symbol{font-size:1.1rem;min-width:19px}.edit-answer input{font-size:0.75rem}.correct-toggle{width:24px;height:24px}.editor-name{font-size:0.875rem}.editor-topbar{gap:16px}.save-state{font-size:0.75rem}.report-card{gap:15px;padding:18px}.report-winner{display:none}}
@media(max-width:950px){.workspace{padding:27px 24px}.page-heading h1{font-size:1.8rem}.page-heading .btn{font-size:0.75rem;padding:11px 13px}.welcome-banner{min-height:250px}.banner-copy{width:68%;padding:27px}.banner-game{transform:translate(-25px,35px) scale(.72)}.banner-copy h2{font-size:1.8rem}.banner-copy p{font-size:0.75rem;max-width:220px;line-height:1.6}.banner-actions{gap:12px}.banner-actions a{font-size:0.75rem}.library-tools{gap:12px}.search-input input{width:135px}.library-tools>.text-link{font-size:0.75rem}.quiz-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.cover{height:175px}.cover-title{font-size:2.5rem}.card-overline{font-size:0.75rem}.card-actions .btn svg{display:inline}.card-actions .btn{font-size:0.75rem}.format-strip{display:block;padding:18px}.format-strip>div:first-child{margin-bottom:20px}.format-strip h3{font-size:0.875rem}.format-list{justify-content:space-between}.format-chip{font-size:0.75rem}.studio-footer{font-size:0.75rem;gap:15px}.studio-footer>span:first-child{display:none}.editor-layout{grid-template-columns:155px minmax(0,1fr) 190px}.question-sidebar{padding:20px 9px}.question-sidebar>.btn{font-size:0.75rem}.question-sidebar-footer{font-size:0.75rem}.question-settings{padding:22px 12px}.editor-main{padding:18px 14px}.question-surface{padding:16px}.answers-edit{grid-template-columns:1fr}.question-center{height:105px}.question-title-input{font-size:1.2rem}.edit-answer{min-height:54px;padding:9px 12px}.edit-answer input{font-size:0.8125rem}.answer-help{flex-direction:column;align-items:flex-start;gap:3px}.question-surface-head{font-size:0.75rem}.type-badge{font-size:0.75rem}.question-tools{gap:0}.question-tools .icon-btn{width:27px}.segmented .btn{font-size:0.75rem;padding:5px 8px;gap:3px}.segmented svg{width:14px}.editor-topbar{padding:0 18px;gap:13px}.editor-name{flex:1;width:auto}.save-state{display:none}.editor-top-actions{gap:5px}.number-grid{grid-template-columns:1fr 1fr}.editor-bottom-note{line-height:1.8;text-align:left}.host-question-main{padding:25px 30px}.present-answer strong{font-size:1.0rem}.lobby-invite{padding:23px 25px}.game-pin{font-size:4.0rem}.lobby-code>span:first-child{font-size:0.75rem}}
@media(max-width:740px){.workspace{padding:25px 20px}.page-heading{gap:15px;margin-bottom:24px}.page-heading .eyebrow{font-size:0.75rem;letter-spacing:1px}.page-heading h1{font-size:1.65rem}.page-heading p{font-size:0.75rem;max-width:230px;line-height:1.6}.page-heading .btn{font-size:0.75rem;gap:5px;min-height:39px;padding:10px 11px}.page-heading .btn svg{width:15px}.welcome-banner{min-height:230px;margin-bottom:27px}.banner-copy{padding:25px 23px;width:65%}.banner-copy h2{font-size:1.8rem}.banner-label{font-size:0.75rem;letter-spacing:1px}.banner-copy p{font-size:0.75rem}.banner-game{transform:translate(-30px,14px) scale(.75)}.banner-actions{flex-direction:column;align-items:flex-start;margin-top:18px;gap:14px}.banner-actions .btn{font-size:0.75rem;min-height:34px;padding:7px 11px}.banner-actions a{font-size:0.75rem}.section-title h2{font-size:1.0rem}.section-heading{gap:10px}.library-tools>.text-link{display:none}.search-input input{width:140px;font-size:0.75rem}.quiz-grid{gap:15px}.quiz-card:last-child:nth-child(3){display:block}.quiz-card h3{font-size:0.8755rem}.cover{height:170px}.card-overline{font-size:0.75rem}.cover-eyebrow{font-size:0.75rem}.card-actions .btn{font-size:0.75rem;padding:6px}.card-actions .btn svg{height:13px;width:13px}.card-actions .icon-btn{width:23px}.format-strip{margin-top:25px}.format-chip{font-size:0.75rem}.format-list{gap:4px}.studio-footer{padding:12px 22px 22px}.editor-topbar{height:auto;min-height:68px;padding:14px 16px;gap:13px;flex-wrap:wrap;position:relative}.editor-brand .wordmark{font-size:1.7rem}.editor-topbar>.divider{display:none}.editor-name{max-width:calc(100% - 100px);font-size:0.875rem;padding:8px 0}.editor-top-actions{width:100%;justify-content:flex-end;border-top:1px solid var(--border);padding-top:10px;gap:10px}.editor-top-actions .btn{font-size:0.75rem;min-height:34px;padding:8px 14px}.editor-layout{display:flex;flex-direction:column}.question-sidebar{position:static;max-height:none;border-right:0;padding:14px 16px;display:block}.question-sidebar-heading{margin-bottom:10px;font-size:0.75rem}.question-thumbnails{flex-direction:row;overflow-x:auto;gap:11px;padding:2px 2px 8px;max-height:145px}.question-thumbnail{width:145px;flex-shrink:0}.thumb-title{font-size:0.75rem;margin-bottom:7px}.thumb-content{padding:8px}.thumb-type{font-size:0.75rem}.question-sidebar>.btn{font-size:0.75rem;padding:7px 12px;margin-top:6px;min-height:32px}.question-sidebar-footer{display:none}.editor-main{padding:15px 16px 25px}.editor-toolbar{margin-bottom:15px}.segmented .btn{font-size:0.75rem;padding:6px 12px;gap:5px}.question-tools .icon-btn{width:32px}.question-surface{padding:20px;min-height:auto}.question-surface-head{font-size:0.75rem}.type-badge{font-size:0.75rem}.question-title-input{font-size:1.35rem}.answers-edit{grid-template-columns:1fr 1fr}.puzzle-edit{grid-template-columns:1fr}.edit-answer{padding:9px;gap:7px;min-height:67px}.edit-answer input{font-size:0.75rem}.question-center{height:120px}.question-settings{border:0;border-top:1px solid var(--border);padding:23px 25px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.question-settings h3{grid-column:1/-1;margin-bottom:15px}.question-settings>label{margin-bottom:8px;font-size:0.75rem}.question-settings select{font-size:0.8125rem}.question-settings .settings-tip{align-self:end}.quiz-settings{grid-column:1/-1;margin-top:10px;padding-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.quiz-settings label{font-size:0.75rem}.quiz-settings textarea{font-size:0.8125rem}.question-settings>.btn{grid-column:1/-1;font-size:0.8125rem;padding:12px}.number-grid{grid-template-columns:1fr 1fr 1fr}.party-top{padding:18px 20px;gap:15px}.party-top-title{font-size:0.75rem}.party-top .wordmark{font-size:1.8rem}.party-top .local-tag{display:none}.party-tools .connection-state{display:none}.party-tools .icon-btn{width:30px;height:30px}.party-tools{gap:5px}.party-footer{padding:15px 20px;gap:10px;font-size:0.75rem}.party-footer strong{font-size:0.8125rem}.lobby-main{padding:30px 22px}.lobby-heading h1{font-size:2.0rem}.lobby-heading p{font-size:0.75rem;line-height:1.6}.lobby-invite{padding:22px;gap:15px}.qr-block{width:125px;padding-left:13px}.qr-block svg{width:125px;height:125px}.qr-block>span{font-size:0.75rem}.game-pin{font-size:3.2rem;letter-spacing:5px}.lobby-code>span:first-child{font-size:0.75rem;line-height:1.7;max-width:240px}.lobby-link-row{flex-direction:column;align-items:flex-start;gap:8px}.lobby-link-row .btn{font-size:0.75rem;padding:7px 10px}.lobby-link-row a.btn{padding:0;white-space:normal;text-align:left;font-size:0.75rem}.pin-label{font-size:0.75rem;margin-top:13px}.lobby-controls .btn.white{min-width:115px;font-size:0.75rem;padding:10px 12px}.lobby-controls .btn.glass{font-size:0.75rem;padding:7px 9px;gap:6px}.lobby-controls>div{gap:8px}.players-count{font-size:0.75rem;gap:5px}.players-count svg{width:18px}.host-question-main{padding:24px 22px}.host-question-title{min-height:155px;padding:15px 5px 28px}.host-question-title h1{font-size:1.75rem}.present-answers{gap:11px}.present-answer{padding:18px 15px;gap:12px;min-height:105px}.present-answer strong{font-size:0.9375rem}.present-answer>.answer-symbol{font-size:1.5rem;min-width:22px}.presentation-controls{gap:15px;flex-wrap:wrap;padding-top:25px}.presentation-controls .btn{font-size:0.75rem;padding:10px 13px}.presentation-controls>div:last-child{gap:8px}.timer-circle{height:50px;width:50px;font-size:1.35rem}.question-live-status{gap:11px}.question-live-status strong{font-size:1.0rem}.question-live-status>div>span{font-size:0.75rem}.slide-presentation{padding:5px 10px 30px}.slide-presentation p{font-size:1.15rem}.slide-caption{font-size:0.75rem}.answer-tally{gap:7px;font-size:0.75rem}.answer-tally svg{width:20px}.host-slider{padding:25px}.host-range{gap:13px}.leaderboard-main{padding:30px 22px}.leaderboard-title h1{font-size:2.0rem}.leaderboard-title svg{width:30px}.ranking-row{padding:15px 18px;gap:15px}.ranking-name{font-size:0.875rem}.ranking-score{font-size:1.1rem}.podium-player>strong{font-size:0.875rem}.podium-player>span:not(.podium-avatar){font-size:0.75rem}.podium{gap:10px}.podium-step{height:90px;font-size:3.0rem}.place-1 .podium-step{height:145px}.place-3 .podium-step{height:70px;font-size:2.5rem}.podium-avatar{width:50px;height:50px;font-size:1.5rem}.place-1 .podium-avatar{width:60px;height:60px;font-size:2.4rem}.leaderboard-actions{flex-wrap:wrap}.leaderboard-actions .btn{font-size:0.75rem}.player-main{padding:24px 22px 32px}.player-question-heading h1{font-size:1.35rem}.player-question-heading{gap:15px}.player-answer{min-height:105px;padding:19px 13px;gap:11px}.player-answer strong{font-size:0.9375rem}.player-answer .answer-symbol{font-size:1.5rem}.player-wait h1{font-size:2.0rem}.player-wait{padding:35px 5px}.player-party .party-footer{font-size:0.75rem;padding:14px 18px}.player-party .connection-state{display:flex;font-size:0.75rem}.player-party .party-footer>span:first-child{max-width:44%;flex-wrap:wrap;gap:3px}.player-party .party-footer>span:nth-child(2){flex-direction:column;align-items:flex-start;gap:2px}.player-party .party-footer .footer-dot{margin:0 3px}.report-card{gap:13px;flex-wrap:wrap}.report-card>div:nth-child(2){max-width:calc(100% - 70px)}.report-card .btn{margin-left:68px;font-size:0.75rem}.report-card h3{font-size:0.875rem}.report-card p{font-size:0.75rem}}
@media(max-width:440px){.workspace{padding:25px 16px}.page-heading{flex-wrap:wrap;gap:17px}.page-heading .btn{font-size:0.75rem}.page-heading h1{font-size:1.9rem}.page-heading p{max-width:none;font-size:0.75rem}.page-heading .eyebrow{font-size:0.75rem}.welcome-banner{min-height:268px}.banner-copy{width:74%;padding:24px 21px}.banner-copy h2{font-size:1.8rem}.banner-copy p{font-size:0.75rem;max-width:180px}.banner-game{transform:translate(-62px,68px) scale(.56)}.banner-label{font-size:0.75rem;letter-spacing:.9px}.banner-actions a{font-size:0.75rem}.banner-actions{margin-top:20px;gap:17px}.quiz-grid{grid-template-columns:1fr;gap:19px}.quiz-card h3{font-size:1.05rem;min-height:auto}.cover{height:188px}.cover-title{font-size:3.1rem;left:24px;bottom:28px}.cover-eyebrow{font-size:0.75rem}.card-overline{font-size:0.75rem}.card-overline>span{font-size:0.75rem}.quiz-card-body{padding:18px}.card-description{font-size:0.8125rem;min-height:auto;margin-top:8px}.card-meta{font-size:0.75rem;margin-top:17px}.card-actions{padding:13px}.card-actions .btn{font-size:0.8125rem;min-height:38px;gap:7px}.card-actions .btn svg{height:17px;width:17px}.card-actions .icon-btn{width:33px}.cover-art{transform:translateX(-15px) scale(1.18)}.cover-badge{font-size:0.75rem}.library-tools{gap:5px}.search-input input{width:129px;font-size:0.75rem}.search-input{gap:5px;padding:0 8px}.search-input svg{width:15px}.section-title{gap:7px}.section-title h2{font-size:1.0rem}.format-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 10px}.format-chip{font-size:0.75rem}.format-icon{height:36px;width:38px}.answers-edit{grid-template-columns:1fr}.question-title-input{font-size:1.2rem}.question-surface{padding:17px}.question-center{height:110px}.question-surface-head{font-size:0.75rem}.type-badge{font-size:0.75rem}.number-grid{grid-template-columns:1fr 1fr}.question-settings{grid-template-columns:1fr;padding-inline:20px}.question-settings h3,.quiz-settings,.question-settings>.btn{grid-column:auto}.quiz-settings{display:block}.question-settings>label{margin-bottom:15px}.question-settings .settings-tip{margin-top:4px}.editor-name{font-size:0.8125rem}.type-grid{gap:10px}.type-card{padding:13px}.type-card strong{font-size:0.75rem}.type-card>span:last-of-type{font-size:0.75rem}.type-card>svg{width:15px;right:12px}.type-card-icon{width:36px;height:36px}.dialog-head h2{font-size:1.2rem}dialog{padding:22px}.join-page{padding:30px 20px}.join-brand{margin-bottom:30px}.join-panel{padding:26px}.join-panel h1{font-size:1.75rem}.join-panel>p{font-size:0.75rem}.join-footer{font-size:0.75rem}.join-footer a{font-size:0.75rem}.party-top{padding:16px 17px}.party-top-title{max-width:47%;font-size:0.75rem}.party-top-title span{font-size:0.75rem;letter-spacing:1px}.party-top .wordmark{font-size:1.65rem}.lobby-main{padding:27px 17px}.lobby-heading h1{font-size:1.8rem}.lobby-heading p{font-size:0.75rem}.lobby-invite{padding:20px 18px;gap:9px;flex-wrap:wrap;justify-content:center;text-align:center}.lobby-code{width:100%}.lobby-code>span:first-child{max-width:none}.game-pin{font-size:3.5rem;letter-spacing:6px}.lobby-link-row{align-items:center;margin-top:8px;gap:10px}.lobby-link-row .btn{font-size:0.75rem}.lobby-link-row a.btn{font-size:0.75rem}.qr-block{border-left:0;border-top:1px solid #f0e6f7;padding:10px 0 0;margin-top:6px;flex-direction:row;gap:12px;width:100%;justify-content:center}.qr-block svg{width:112px;height:112px}.qr-block>span{font-size:0.75rem;max-width:85px;line-height:1.6}.lobby-controls{flex-wrap:wrap;gap:15px;margin-top:25px}.lobby-controls>div{margin-left:auto}.lobby-controls .btn.glass{font-size:0.75rem}.lobby-controls .btn.white{min-width:100px;font-size:0.75rem}.players-count{font-size:0.75rem}.network-picker>span{display:none}.party-footer{padding:14px 17px;font-size:0.75rem;gap:8px}.party-footer>span{gap:5px}.party-footer strong{font-size:0.75rem;letter-spacing:1px}.party-footer .btn{font-size:0.75rem;padding:5px 8px}.host-question-main{padding:22px 17px}.host-question-title{min-height:150px;padding:8px 0 25px}.host-question-title h1{font-size:1.5rem}.present-answers{grid-template-columns:1fr;gap:10px}.present-answer{min-height:65px;padding:17px 15px}.present-answer strong{font-size:0.9375rem}.present-answer>.answer-symbol{font-size:1.4rem}.presentation-controls{gap:20px}.presentation-controls>div:last-child{margin-left:auto}.presentation-controls .btn{font-size:0.75rem;padding:10px;gap:5px}.presentation-controls .btn svg{width:16px}.presentation-controls .slide-caption{font-size:0.75rem}.host-question-main .timer-circle{height:44px;width:44px;font-size:1.2rem}.results-summary{font-size:0.75rem}.question-progress{font-size:0.75rem}.question-progress>span:last-child{font-size:0.75rem}.slide-presentation p{font-size:1.0rem}.reveal-text{font-size:2.0rem;padding:40px 20px}.response-prompt{min-height:190px}.response-prompt>span{font-size:0.75rem}.response-prompt p{font-size:1.4rem}.player-main{padding:22px 18px 30px}.player-question-heading h1{font-size:1.25rem}.player-answers{grid-template-columns:1fr;gap:12px}.player-answer{min-height:79px;padding:19px 17px}.player-answer strong{font-size:1.0rem}.player-answer .answer-symbol{font-size:1.6rem;min-width:26px}.player-wait h1{font-size:1.8rem}.player-wait p{font-size:0.875rem}.player-wait .light-eyebrow{font-size:0.75rem}.player-wait{padding-top:38px}.player-result h1{font-size:1.9rem}.player-result p{font-size:0.8125rem}.player-slider{padding:22px 18px}.player-slider output{font-size:2.4rem}.puzzle-row{gap:11px;padding:10px}.puzzle-row strong{font-size:0.875rem}.puzzle-row .icon-btn{height:34px;width:31px}.puzzle-row>div{gap:3px}.player-party .party-footer{padding-inline:14px}.player-party .party-footer>span:first-child{max-width:43%;font-size:0.75rem}.leaderboard-main{padding:28px 17px}.leaderboard-title h1{font-size:1.9rem}.leaderboard-main>p{font-size:0.75rem}.ranking-row{padding:15px 14px;gap:12px}.ranking-name{font-size:0.8125rem}.ranking-score{font-size:1.0rem}.ranking-place{font-size:0.9375rem;width:18px}.ranking-name small{font-size:0.75rem;margin-left:5px}.podium{gap:8px}.podium-player>strong{font-size:0.75rem}.podium-player>span:not(.podium-avatar){font-size:0.75rem}.leaderboard-actions .btn{font-size:0.75rem}.my-rank{font-size:0.8755rem}.report-card{padding:17px 15px}.report-card h3{font-size:0.8125rem}.report-card p{font-size:0.75rem}.report-trophy{height:46px;width:46px}.report-card>div:nth-child(2){max-width:calc(100% - 60px)}.report-card .btn{margin-left:59px;font-size:0.75rem}}
/* Respect browser text scaling and motion preferences. */
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Comfortable reading sizes on desktop and mobile. */
.btn,.page-heading p,.card-description,.search-input input,.question-settings label,.question-settings select,.question-settings textarea,.type-select,.question-sidebar>.btn,.type-card>span:last-of-type,.answer-help,.special-editor p,.settings-tip p,.network-picker,.network-picker label,.network-picker select,.player-instruction,.join-panel form label,.join-panel>p,.join-hint{font-size:.875rem}
.card-description{line-height:1.65;min-height:3.3em}.quiz-card h3{font-size:1rem;min-height:2.8em}.card-actions .btn{font-size:.8125rem;padding-inline:9px}.format-strip{flex-wrap:wrap}.format-list{flex-basis:440px}.banner-copy p{font-size:.875rem}.banner-actions a,.banner-actions .btn{font-size:.8125rem}.banner-actions{flex-wrap:wrap}.page-heading p,.join-panel>p{line-height:1.6}.edit-answer input{font-size:.875rem}.question-settings .btn{white-space:normal;line-height:1.5}.network-picker select{max-width:230px}.thumb-content{min-height:125px}.thumb-type svg{width:12px;height:12px}.cover-eyebrow{letter-spacing:.6px;max-width:75%;line-height:1.4}.card-overline{letter-spacing:0}.question-surface-head{flex-wrap:wrap}.question-sidebar-footer{line-height:1.5}.question-sidebar>.btn{white-space:normal}.answer-help{line-height:1.6}.special-editor label{font-size:.875rem}.party-top-title{font-size:.875rem}.party-top-title span{letter-spacing:1px}.lobby-code>span:first-child{font-size:1rem}.lobby-link-row{flex-wrap:wrap}.banner-label{letter-spacing:.8px}.banner-copy{min-width:0}.report-card p{font-size:.875rem}.report-card .btn{font-size:.875rem}.join-footer,.join-footer a{font-size:.875rem}.puzzle-row .icon-btn{min-width:38px;min-height:40px}.save-state{white-space:normal}.question-settings>label:has(>svg){text-indent:0}.question-settings>label>svg{display:none}.lobby-link-row .btn{font-size:.75rem}.search-input input{width:174px}.card-actions .icon-btn{margin-left:auto}
@media(max-width:1150px){.card-actions{flex-wrap:wrap}.card-actions .btn{font-size:.75rem}.format-strip>div:first-child{width:100%}.banner-copy{width:65%}.banner-game{width:35%}}
@media(max-width:950px){.editor-layout{grid-template-columns:170px minmax(0,1fr) 210px}.question-settings{padding:22px 14px}.banner-copy p{font-size:.8125rem}.banner-actions a{font-size:.75rem}.edit-answer{padding:10px}.question-surface-head>span:last-child{display:none}.type-select{flex-wrap:wrap}.party-top-title{font-size:.75rem}.search-input input{width:145px}}
@media(max-width:740px){.editor-layout{display:flex}.question-settings>label{font-size:.875rem}.question-thumbnails .thumb-content{min-height:132px}.card-actions .btn{font-size:.8125rem}.question-surface-head>span:last-child{display:block}.lobby-invite{padding:24px}.lobby-code>span:first-child{font-size:.875rem}.game-pin{font-size:3.3rem}.network-picker label{flex-wrap:wrap;justify-content:center}.network-picker select{font-size:.8125rem}.party-tools .connection-state{display:flex;font-size:.75rem}.party-top-title{display:none}.report-card>div:nth-child(2){max-width:calc(100% - 70px)}.report-card p{font-size:.8125rem}.banner-copy{width:65%}.banner-copy p{max-width:100%}.card-description{min-height:3.3em}.search-input input{width:140px}.studio-footer{line-height:1.6}}
@media(max-width:440px){.banner-copy{width:78%}.banner-copy p{font-size:.875rem;max-width:195px}.banner-actions a{font-size:.75rem;max-width:175px;line-height:1.6}.banner-label{font-size:.75rem;line-height:1.6;max-width:210px}.banner-game{transform:translate(-73px,115px) scale(.48)}.banner-copy h2{font-size:1.8rem}.welcome-banner{min-height:338px}.cover{height:210px}.card-description{min-height:0}.card-actions .btn{font-size:.875rem}.page-heading p{font-size:.875rem}.page-heading .btn{font-size:.875rem}.question-sidebar>.btn{font-size:.875rem}.question-settings select{font-size:.875rem}.search-input input{width:123px;font-size:.75rem}.section-title h2{font-size:1rem}.lobby-code>span:first-child{font-size:.875rem}.lobby-controls{display:block}.lobby-controls>div{margin-top:17px;justify-content:space-between}.lobby-controls .btn{font-size:.8125rem}.party-footer{flex-wrap:wrap}.party-tools .icon-btn{width:31px}.party-tools .connection-state{margin-right:2px}.report-card p,.report-card .btn{font-size:.8125rem}.format-chip{font-size:.75rem}.question-progress{flex-wrap:wrap}.editor-name{max-width:calc(100% - 108px)}}
/* Secondary text still meets comfortable contrast on white surfaces. */
.page-heading p,.card-description,.card-meta,.card-overline,.card-overline>span,.format-chip,.save-state,.question-label,.question-surface-head,.answer-help,.question-settings>label,.quiz-settings label,.special-editor label,.special-editor p,.settings-tip,.editor-bottom-note,.question-sidebar-footer,.join-panel>p,.join-panel form label,.join-hint,.report-card p{color:#786b84}
.card-overline{font-size:.75rem}.cover-eyebrow{font-size:.75rem}.card-actions .btn{font-size:.875rem}.card-actions{flex-wrap:wrap}.card-actions .icon-btn{min-height:36px}.format-strip .eyebrow{font-size:.75rem}.format-strip h3{line-height:1.5}.question-center>span:last-child{color:#897694}.question-center{height:125px}.answers-edit .edit-answer input{color:#fff}.question-sidebar>.btn{line-height:1.5}.studio-footer{font-size:.75rem;line-height:1.5}.network-picker,.network-picker label{font-size:.75rem}
@media(max-width:1150px){.card-actions .btn{font-size:.8125rem}.card-overline{flex-wrap:wrap}.question-tools{flex-wrap:wrap;justify-content:flex-end}.editor-toolbar{align-items:flex-start}.question-settings>.btn{font-size:.75rem}.cover-eyebrow{max-width:100%}}
@media(max-width:740px){.card-actions .btn{font-size:.875rem}.question-tools{flex-wrap:nowrap}.question-thumbnails .thumb-content{min-height:140px}.question-settings>.btn{font-size:.875rem}}
@media(max-width:600px){.banner-game{display:none}.banner-copy{width:100%;padding:27px 25px}.welcome-banner{min-height:0}.banner-copy h2{font-size:2rem;line-height:1.15}.banner-label{max-width:none}.banner-copy p{max-width:none;font-size:.875rem;line-height:1.7}.banner-actions{flex-direction:row;align-items:center;gap:17px}.banner-actions a{max-width:none;font-size:.8125rem}.banner-actions .btn{font-size:.875rem}}
/* Photos are shared by all question formats and stay legible without cropping. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.photo-editor{border:1px dashed #d9c9e9;border-radius:10px;background:#faf8fd;padding:20px;margin:20px 0;display:flex;align-items:center;flex-direction:column;gap:13px}
.photo-editor.has-photo{border-style:solid;padding:14px}.photo-editor>p{font-size:.75rem;color:#786b84;line-height:1.6;text-align:center}
.photo-tools{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.upload-button{position:relative;flex-direction:row;cursor:pointer;white-space:normal;text-align:center}.upload-button:focus-within{outline:3px solid #bd86ff;outline-offset:3px}.upload-pending{opacity:.6;cursor:wait}
.photo-alt-label{width:100%;font-size:.875rem;color:#786b84}.photo-alt-label input{font-size:.875rem}.question-photo{margin:20px auto;display:flex;justify-content:center;align-items:center;width:100%;min-width:0;overflow:hidden;border-radius:12px;background:#ffffff0c}
.question-photo img{display:block;width:auto;height:auto;max-width:100%;max-height:280px;object-fit:contain;border-radius:8px}.editor-photo{margin:0;background:#eee8f5}.editor-photo img{max-height:240px}.preview-photo img{max-height:240px}
.host-question-main.with-photo .host-question-title{min-height:0;padding:5px 20px 15px}.host-photo{margin:0 auto 20px;flex-shrink:0}.host-photo img{max-height:32vh;max-width:85%}.host-question-main.with-photo .slide-presentation{padding-top:0}.host-question-main.with-photo .slide-spark{display:none}.host-question-main.with-photo .slide-presentation p{font-size:1.2rem}
.player-photo{margin:22px auto}.player-photo img{max-height:270px}.player-slide .player-photo{margin:22px auto}.player-question-heading+.player-photo{margin-bottom:18px}
.partial-result .big-player-icon{background:#c39639;color:#fff}.puzzle-correction{display:flex;flex-direction:column;gap:10px;margin-top:18px;text-align:left}.puzzle-correction .puzzle-row strong{margin:0;color:white;font-size:1rem;line-height:1.5}.results-summary>.all-answered-notice{font-size:.875rem;font-weight:700;color:#bff0d2;margin:0 0 9px}
@media(max-width:740px){.host-photo img{max-height:250px;max-width:100%}.host-question-main.with-photo .host-question-title{padding-inline:0}.photo-editor{padding:17px}.photo-tools .btn{font-size:.875rem}.player-photo img{max-height:240px}}
/* Shared quizzes, prizes and personal standings. */
.readonly-actions{display:flex;flex-wrap:wrap;gap:12px}.readonly-prizes{background:white;border:1px solid var(--border);border-radius:14px;padding:24px;margin-bottom:24px}.readonly-prizes h2{font-size:1.2rem}.readonly-questions{display:grid;gap:24px}.readonly-questions .question-surface{margin:0}.readonly-options{padding-left:24px;line-height:2}.readonly-options svg{color:var(--green);margin-left:8px}.readonly-answer,.readonly-questions .slide-copy{margin-top:20px;line-height:1.7}.settings-description{font-size:.8rem;line-height:1.6;color:#786b84;margin:-4px 0 18px}.quiz-settings>.btn{width:100%;margin-bottom:22px}
.prize-list{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px;text-align:left}.prize-list li{display:flex;align-items:baseline;gap:14px;padding:12px 15px;border-radius:9px;background:#6525c90a;border:1px solid #6525c919}.prize-place{font-size:.8rem;font-weight:800;min-width:52px;flex-shrink:0}.prize-list strong{font-size:.95rem;line-height:1.5;overflow-wrap:anywhere}.prize-empty,.prize-help{font-size:.875rem;line-height:1.6;margin:18px 0;color:var(--muted)}.prize-editor{display:grid;gap:16px;margin:24px 0;max-height:45vh;overflow:auto;padding:3px}.prize-edit-row{display:grid;grid-template-columns:95px minmax(0,1fr) 35px;gap:10px;align-items:end}.prize-edit-row .icon-btn{margin-bottom:5px}.prize-edit-row select,.prize-edit-row input{padding:11px 10px}.prize-edit-row label{font-size:.8rem}.prize-help{font-size:.8rem}.lobby-prizes{margin:25px 0 15px;border-top:1px solid #ffffff25;padding-top:24px}.lobby-prizes .section-heading{gap:14px;flex-wrap:wrap;margin-bottom:10px}.lobby-prizes h2{font-size:1.1rem}.party .prize-list li{background:#ffffff0d;border-color:#ffffff2b}.party .prize-empty{color:#e2d4f3}.player-wait>.prize-list{margin:26px auto 0;max-width:500px;width:100%}
.player-standing{max-width:650px;margin:24px auto;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:center;padding:20px;border:1px solid #ffffff40;background:#ffffff0d;border-radius:14px;text-align:center}.player-standing .light-eyebrow{font-size:.75rem;display:block;margin-bottom:8px}.standing-medal{font-size:2.3rem}.player-standing p{font-size:1rem;line-height:1.6}.player-standing p strong{font-size:1.7rem}.player-standing p span{display:inline-block}.player-standing.on-podium{border-color:#f8d78788;background:#f8d78712}.player-standing .podium{flex-basis:100%;margin:15px auto 0}.player-standing .podium-step{height:52px}.player-standing .place-1 .podium-step{height:82px}.player-standing .place-2 .podium-step{height:65px}.podium-player.is-me .podium-avatar{outline:3px solid #f8d787;outline-offset:5px}.podium-player>strong small{display:block;font-size:.75rem;font-weight:500;margin-top:3px}.earned-prizes{max-width:650px;text-align:left;margin:26px auto;padding:22px;border:1px solid #f8d78777;border-radius:14px;background:#ffffff0a}.earned-prizes h2{font-size:1.2rem;display:flex;align-items:center;gap:10px}.earned-prizes h3{margin:22px 0 0;font-size:1rem}.report-prizes{display:block;font-weight:400;font-size:.8rem;line-height:1.5;margin-top:5px;color:#786b84}.report-ranking>div{align-items:start}.report-ranking strong{overflow-wrap:anywhere;min-width:0}
@media(max-width:600px){.prize-edit-row{grid-template-columns:82px minmax(0,1fr) 32px;gap:7px}.prize-edit-row input{font-size:.875rem}.readonly-prizes{padding:18px}.player-standing{padding:16px 12px;gap:10px}.player-standing p{font-size:.875rem}.player-standing p strong{font-size:1.4rem}.earned-prizes{padding:18px}.prize-list li{gap:10px;padding:10px 12px}.prize-list strong{font-size:.875rem}.lobby-prizes .section-heading{align-items:center}.readonly-questions .question-surface{padding:20px}.player-standing .podium{padding-inline:0}}

/* Player content must fit narrow viewports without hiding answers or controls. */
.join-panel input:not(.pin-input),.player-party input:not([type="range"]){font-size:1rem}
.player-party .party-top{gap:12px;padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.player-main,.player-party .leaderboard-main{padding-left:max(18px,env(safe-area-inset-left));padding-right:max(18px,env(safe-area-inset-right))}
.player-question-heading h1,.player-answer strong,.player-wait>*,.player-standing>div,.earned-prizes,.prize-list strong{min-width:0;max-width:100%;overflow-wrap:anywhere}
.player-answers{grid-template-columns:repeat(2,minmax(0,1fr))}
.player-answer{min-width:0}
.player-answer .answer-symbol{flex-shrink:0}
.player-party .btn{min-height:44px;white-space:normal;line-height:1.5}
.player-slider output{font-size:clamp(1.6rem,7vw,2.8rem);overflow-wrap:anywhere}
.range-labels{gap:16px}
.range-labels span{min-width:0;overflow-wrap:anywhere}
.range-labels span:last-child{text-align:right}
.exact-value{flex-wrap:wrap}
.player-party .puzzle-row{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:10px;min-width:0}
.player-party .puzzle-row>strong{min-width:0}
.player-party .puzzle-row>div{margin:0;gap:6px}
.player-party .puzzle-row .icon-btn{width:44px;height:44px}
.player-party .puzzle-correction .puzzle-row{grid-template-columns:24px minmax(0,1fr)}
.player-party .podium{width:100%}
.player-party .podium-player{flex:1;width:0}
.player-party .podium-player>strong,.player-party .podium-player>span:not(.podium-avatar){max-width:100%;overflow-wrap:anywhere}
.player-party .ranking-list{max-height:none;overflow:visible}
.player-party .ranking-row{display:grid;grid-template-columns:minmax(2.5rem,max-content) minmax(0,1fr) auto;gap:12px;padding:15px 12px}
.player-party .ranking-place{width:auto;font-variant-numeric:tabular-nums}
.player-party .ranking-name{min-width:0}
.player-party .ranking-name small{display:table;margin:4px 0 0}
.player-party .ranking-score{font-size:1rem}
.player-party .party-footer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:16px max(18px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(18px,env(safe-area-inset-left))}
.player-party .party-footer>span:first-child{grid-column:1/-1;max-width:none;min-width:0;flex-wrap:wrap;overflow-wrap:anywhere;gap:6px}
.player-party .party-footer>span:nth-child(2){flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}
.player-party .party-footer .btn{padding:10px 16px}
@media(max-width:600px){.player-answers{grid-template-columns:minmax(0,1fr)}.player-answer{min-height:76px;padding:17px 14px}.player-party .leaderboard-title{gap:10px}.player-party .leaderboard-title h1{font-size:1.8rem}}
@media(max-width:440px){.player-party .player-puzzle .puzzle-row>div{flex-direction:column}.player-party .player-correction{padding:18px 12px}.player-party .podium-player>strong{font-size:.8125rem}.player-party .player-wait{padding-block:28px}}
@media(max-height:500px){.join-page{padding-block:20px}.join-brand{margin-bottom:20px}.player-photo img{max-height:45dvh}.player-wait{padding-block:20px}}