@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{color-scheme:light;--ink:#192435;--muted:#67717d;--line:#e4e5e2;--paper:#f8f8f5;--blue:#2354a5;--blue-dark:#1b458a;--peach:#ffd8b2;--mint:#def1df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",system-ui,sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:default;opacity:.5}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #eca65c;outline-offset:3px}.shell{max-width:1240px;width:calc(100% - 48px);margin:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
header.shell{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.brand{text-decoration:none;display:inline-flex;align-items:center;gap:11px;font-weight:800;font-family:Manrope,sans-serif;font-size:22px;letter-spacing:-.07em}.brand-symbol{display:flex;align-items:end;gap:3px;height:20px}.brand-symbol i{width:8px;background:#315db0;border-radius:5px;transform:rotate(-16deg)}.brand-symbol i:nth-child(1){height:11px;background:#95b4ec}.brand-symbol i:nth-child(2){height:20px}.brand-symbol i:nth-child(3){height:15px;background:#f2ad68}.nav{display:flex;gap:28px;font-size:14px;font-weight:700}.nav a{text-decoration:none;color:#3f4c60}.nav a:hover{color:var(--blue)}
.hero{min-height:420px;display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:30px;padding:42px 0 50px}.hero-copy{position:relative;z-index:2}.eyebrow{display:flex;gap:16px;align-items:center;text-transform:uppercase;letter-spacing:.14em;font-size:11px;font-weight:800;color:#577096}.badge-dev{background:#f7e6d6;border:1px solid #eccba9;border-radius:99px;padding:8px 12px;text-transform:none;letter-spacing:0;color:#76502e;font-size:11px}.hero h1{font:800 clamp(45px,6vw,84px)/1.1 Manrope,sans-serif;letter-spacing:-.07em;margin:22px 0 24px}.hero h1 em{font-style:normal;color:#3369b3}.hero-copy>p{font-size:clamp(16px,1.8vw,20px);line-height:1.7;max-width:590px;color:#657080;margin:0}.hero-art{position:relative;aspect-ratio:1.3;margin:0 auto;width:min(100%,450px);overflow:hidden;isolation:isolate}.art-orbit{position:absolute;width:68%;aspect-ratio:1;border:1px solid #d6e1ef;border-radius:50%;top:15%;left:17%}.orbit-2{width:94%;left:3%;top:2%;border-style:dashed}.art-orb{position:absolute;border-radius:36%;display:grid;place-items:center;font:800 95px/1 Manrope,sans-serif;box-shadow:0 22px 42px #3c60831f}.orb-a{width:49%;aspect-ratio:1;left:23%;top:10%;background:#264c99;color:#fff;transform:rotate(-12deg);z-index:2}.orb-b{width:31%;aspect-ratio:1;right:6%;bottom:12%;background:#f4ba83;color:#6b3f14;transform:rotate(16deg);font-size:65px}.orb-c{width:27%;aspect-ratio:1;left:3%;bottom:11%;background:#cee5cf;color:#376b45;transform:rotate(14deg);font-size:66px}.art-label{position:absolute;top:5%;right:2%;font-size:12px;color:#617c9c;letter-spacing:.03em}
.app{overflow:hidden;background:#fff;border:1px solid #e8ebec;border-radius:24px;box-shadow:0 30px 75px #2b3e5010}.mode-nav{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;padding:8px;border-bottom:1px solid var(--line);background:#fbfbfa}.mode-nav button{display:flex;gap:10px;align-items:center;justify-content:center;border:0;border-radius:14px;background:transparent;padding:20px 10px;font-weight:700;color:#596576;transition:background .2s,color .2s}.mode-nav button[aria-selected=true]{background:#e9f0fc;color:#244f99}.mode-nav .tab-icon{font-size:20px;font-weight:400}.app-body{position:relative;padding:clamp(24px,5vw,64px);min-height:430px}.screen[hidden],[hidden]{display:none!important}.screen{animation:appear .28s ease}@keyframes appear{from{opacity:.6;transform:translateY(7px)}to{opacity:1;transform:none}}.section-heading h2,.screen>h2,.room-head h2{font:800 clamp(29px,4vw,43px)/1.18 Manrope,sans-serif;letter-spacing:-.045em;margin:13px 0}.section-heading>p,.screen>p{max-width:650px;line-height:1.65;color:var(--muted);margin:0 0 25px}.small-caps{font-size:11px;font-weight:800;letter-spacing:.14em;color:#416eb1}.form-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:end}.field{display:flex;flex-direction:column;gap:9px;font-size:13px;font-weight:700;color:#4a5361}.field input,.field select{background:#fbfbfa;border:1px solid #dfe3e5;border-radius:12px;padding:16px 14px;color:#1b2d45;width:100%;min-width:0;font-weight:600;outline:none}.field input:focus,.field select:focus{border-color:#577fc0;box-shadow:0 0 0 3px #dbe7f9}.primary,.secondary,.quiet{border-radius:12px;border:1px solid transparent;padding:16px 23px;font-weight:800;font-size:14px;min-height:52px}.primary{background:#2758a5;color:white;box-shadow:0 8px 18px #2b569b25}.primary:hover:not(:disabled){background:#1b458a}.secondary{background:#eef3fb;color:#214b8d}.secondary:hover{background:#dfeafb}.quiet{background:transparent;color:#3f5b83;border-color:#e4e9ef}.form-grid>.primary{grid-column:1/-1;justify-self:start;margin-top:8px}.micro{color:#85909c;font-size:13px;margin:16px 0 0}.action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.live-forms{display:grid;grid-template-columns:1fr 1fr;gap:20px}.inset-form{display:flex;flex-direction:column;gap:18px;background:#fafbf9;border:1px solid #e6e9e8;border-radius:18px;padding:26px}.inset-form h3{font:800 22px Manrope,sans-serif;margin:0}.inset-form button{align-self:flex-start;margin-top:2px}.play-head{display:flex;justify-content:space-between;gap:15px;color:#59708c;font-size:12px;letter-spacing:.08em;font-weight:800}.progress{height:5px;border-radius:100px;overflow:hidden;background:#eaf0f7;margin-top:14px}.progress span{display:block;width:0;height:100%;background:#3369b3;transition:width .25s}.question-title{font:800 clamp(25px,3.6vw,42px)/1.35 Manrope,sans-serif;letter-spacing:-.045em;max-width:900px;margin:42px 0 30px}.answers{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{position:relative;display:flex;align-items:center;gap:15px;min-height:78px;text-align:left;border:1.5px solid #e3e7e8;border-radius:15px;background:#fff;color:#23334a;padding:15px 18px;font-weight:700;line-height:1.4}.answer:hover:not(:disabled){border-color:#7da2df;background:#f5f8ff}.answer .letter{flex:0 0 36px;height:36px;display:grid;place-items:center;border-radius:9px;background:#f1f4f8;color:#4b6690;font:800 13px Manrope,sans-serif}.answer.correct{border-color:#9ac6a5;background:#ecf7ee}.answer.correct .letter{background:#4f9463;color:#fff}.answer.incorrect{border-color:#ecb4a8;background:#fff2ee}.answer.incorrect .letter{background:#d96e5e;color:white}.feedback{padding:17px 20px;border-radius:13px;background:#f3f7f4;color:#38574a;border:1px solid #dce9dd;margin-top:22px;line-height:1.6}.feedback.wrong{background:#fff7ee;border-color:#f5deca;color:#755738}.question-actions{margin-top:24px;display:flex;justify-content:flex-end}.score-summary{background:#f2f6fb;display:flex;align-items:center;gap:25px;flex-wrap:wrap;border:1px solid #e2eaf5;border-radius:18px;padding:28px;margin:25px 0}.score-summary strong{font:800 clamp(43px,6vw,72px)/1 Manrope,sans-serif;letter-spacing:-.06em;color:#285ba5}.score-summary small{font-size:17px;letter-spacing:0}.score-summary span{font-weight:700;color:#59718b}.result-extra{border-top:1px solid #e4e9ef;padding:22px 0;margin-top:20px}.room-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.room-code{font:800 clamp(18px,3vw,25px) Manrope,sans-serif;letter-spacing:.08em;padding:12px;background:#f2f6fd;color:#28579d;border:1px dashed #9eb9db;border-radius:10px}.players{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.player{border-radius:12px;background:#f6f8fa;padding:15px;display:flex;justify-content:space-between;gap:10px;font-weight:700;color:#455c7b}.player.me{background:#e8f0fc;color:#24519b}.alert{background:#fff1e8;color:#8a4335;border:1px solid #f2c7b5;border-radius:13px;padding:15px 19px;margin-top:19px;font-weight:600}.below{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:35px}.below h2{font:800 clamp(29px,4vw,44px)/1.2 Manrope,sans-serif;letter-spacing:-.05em;margin:15px 0}.below p{line-height:1.8;color:#687586;margin:0 0 17px}.below .muted{font-size:13px;color:#8b96a3}.foot{border-top:1px solid #e3e5e3;display:flex;justify-content:space-between;gap:15px;align-items:center;padding:27px 0 38px;font-size:12px;color:#87919d}.foot a{text-decoration:none;font-weight:800;color:#364f72}
@media(max-width:780px){.shell{width:calc(100% - 30px)}.hero{grid-template-columns:1fr;min-height:0;padding:52px 0 30px;gap:12px}.hero-art{display:none}.hero h1{font-size:clamp(40px,10vw,65px)}.hero-copy>p{font-size:16px}.mode-nav{grid-template-columns:repeat(2,1fr)}.mode-nav button{padding:13px 5px;font-size:12px}.app-body{padding:26px 18px;min-height:380px}.form-grid{grid-template-columns:1fr}.live-forms{grid-template-columns:1fr}.answers{grid-template-columns:1fr;gap:10px}.question-title{margin:27px 0 22px;font-size:clamp(22px,6vw,32px)}.answer{min-height:65px;padding:10px 13px;gap:12px;font-size:14px}.answer .letter{height:30px;flex-basis:30px}.below{grid-template-columns:1fr;padding:64px 0}.foot{flex-wrap:wrap}.room-head{align-items:start;flex-direction:column}.players{grid-template-columns:1fr}.nav{gap:12px;font-size:12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}


/* Norwegian-only LabNivo signature: original three ascending vertical bars,
   with a red/white/blue palette. Never applied to the global brand. */
header.shell .brand{
  color:#111718;
  font-family:LabSans,Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:22px;
  font-weight:820;
  letter-spacing:-.045em;
  line-height:1;
  gap:10px;
}
header.shell .brand-mark{
  display:inline-flex;
  align-items:flex-end;
  gap:3px;
  height:25px;
  flex-shrink:0;
}
header.shell .brand-mark i{
  display:block;
  box-sizing:border-box;
  width:5px;
  border-radius:4px;
  transform:none;
  flex:none;
}
header.shell .brand-mark--norway i:nth-child(1){
  height:10px;
  background:linear-gradient(180deg,#ed6070,#c72b40);
}
header.shell .brand-mark--norway i:nth-child(2){
  height:17px;
  background:linear-gradient(180deg,#fff,#f0f2f5);
  border:1px solid rgba(80,95,115,.30);
  box-shadow:0 0 0 .5px rgba(100,110,125,.08);
}
header.shell .brand-mark--norway i:nth-child(3){
  height:25px;
  background:linear-gradient(180deg,#6b8cfd,#1646bb);
}
.category-label{
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  white-space:nowrap;
}
.category-emoji{
  font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;
  font-size:1.2em;
  line-height:1;
  letter-spacing:0;
  font-weight:400;
}
#live-category{margin-inline:auto}
@media(max-width:780px){
  header.shell .brand{font-size:20px;gap:8px}
  header.shell .brand-mark{height:22px}
  header.shell .brand-mark--norway i:nth-child(1){height:9px}
  header.shell .brand-mark--norway i:nth-child(2){height:15px}
  header.shell .brand-mark--norway i:nth-child(3){height:22px}
  .category-label{gap:5px}
  .category-emoji{font-size:1.12em}
  .play-head{align-items:center;flex-wrap:wrap}
  #live-category{margin-inline:0}
}

/* Quiet, time-limited community question review affordance. */
.quiz-heading-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}
.question-flag{background:transparent;border:1px solid transparent;border-radius:7px;min-height:33px;padding:6px 8px;color:#6f8194;font-size:11px;font-weight:650;letter-spacing:0;text-transform:none;white-space:nowrap}
.question-flag:hover{background:#f1f5fa;border-color:#d8e1ee;color:#2354a5}
.question-flag span{font-size:15px;vertical-align:-1px;margin-right:3px}
.quiz-report-dialog{color:#203045;border:1px solid #d7e2ed;border-radius:20px;background:#fff;padding:clamp(20px,4vw,35px);width:min(460px,calc(100vw - 36px));max-height:calc(100vh - 50px);box-shadow:0 24px 75px #263e5350}
.quiz-report-dialog::backdrop{background:rgba(13,26,41,.38);backdrop-filter:blur(4px)}
.quiz-report-dialog h2{font:800 25px/1.25 Manrope,sans-serif;letter-spacing:-.04em;margin:12px 0}
.quiz-report-dialog p{color:#64758a;line-height:1.6;font-size:14px}
.quiz-report-dialog textarea{min-height:85px;width:100%;padding:13px;border:1px solid #dbe2e9;border-radius:10px;resize:vertical;font:inherit;font-size:14px}
.quiz-report-dialog textarea:focus{outline:2px solid #577fc0;outline-offset:1px}
.quiz-report-dialog .action-row{margin-top:16px;gap:8px}
.quiz-report-dialog .primary,.quiz-report-dialog .quiet{min-height:45px;padding:12px 15px}
@media(max-width:780px){.quiz-heading-actions{gap:5px}.question-flag{font-size:10px;padding:5px;min-height:31px}.play-head{row-gap:4px}.quiz-report-dialog{padding:22px}}

/* Prevent the iOS question from appearing frozen while D1 confirms a reply. */
.answer-status{font-size:13px;color:#61728a;line-height:1.5;margin:12px 0 0;min-height:0}
.answer-status:empty{display:none}
.answer.is-pending{border-color:#7da2df!important;background:#edf4ff!important;color:#254674!important;opacity:1!important}
.answer.is-pending .letter{background:#315c9f;color:#fff}
.answer:disabled{opacity:1}

/* Live Quiz Club: timing is a visible rule, not a hidden game mechanic. */
.live-setup-note{font-size:12px;line-height:1.6;color:#64758a;margin:0;max-width:38ch}
.live-rules{display:inline-flex;align-items:center;gap:6px;max-width:100%;font-weight:700;font-size:13px;line-height:1.55;color:#2c568d;background:#eef4fc;border:1px solid #dbe7f6;border-radius:10px;padding:11px 14px;margin:14px 0 10px}
.live-timer{display:inline-flex;align-items:center;justify-content:center;border:1px solid #dce8f4;background:#f2f7fc;border-radius:8px;color:#265499;padding:7px 10px;white-space:nowrap;min-width:80px;font-size:13px;letter-spacing:0}
#room-status{line-height:1.6;color:#526477}
#advance-room:disabled{background:#edf2f9;color:#526783;border:1px solid #d9e3ef;box-shadow:none;opacity:1}
@media(max-width:780px){
 .live-rules{font-size:12px;display:flex}
 .live-timer{padding:6px 8px;font-size:12px;min-width:76px}
}

/* Quiz Club portraits: bespoke lightweight animal illustrations and subtle selection. */
.avatar-fieldset{border:0;padding:0;margin:1px 0 0;min-width:0}
.avatar-fieldset legend{font-size:13px;font-weight:750;color:#4a5361;margin-bottom:10px;padding:0}
.avatar-picker{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;align-items:center;width:100%}
.avatar-option{position:relative;display:block;aspect-ratio:1;cursor:pointer;min-width:0}
.avatar-option input{position:absolute;width:100%;height:100%;margin:0;opacity:0;inset:0;cursor:pointer;z-index:1}
.avatar-option img{display:block;width:100%;height:100%;border-radius:50%;background:#f4f4f1;border:2px solid transparent;box-sizing:border-box;box-shadow:0 1px 4px #20334f14;transition:transform .18s,border-color .18s,box-shadow .18s}
.avatar-option input:checked + img{border-color:#3268b9;box-shadow:0 0 0 3px #e2ecfc,0 3px 10px #24447630;transform:translateY(-1px)}
.avatar-option input:hover + img{transform:translateY(-2px)}
.avatar-option input:focus-visible + img{outline:3px solid #E3A651;outline-offset:3px}
.avatar-option input:disabled + img{opacity:.55}
.avatar-option .sr-only{display:block}
.lobby-avatar{margin:12px 0 21px;padding:14px 16px;border:1px solid #e1e9f0;border-radius:15px;background:#f9fbfc}
.lobby-avatar-row{display:flex;gap:10px;align-items:center;justify-content:space-between}
.lobby-avatar-profile{display:flex;gap:10px;align-items:center;min-width:0}
.lobby-avatar-profile img{border-radius:50%;border:1px solid #dbe4ec;background:#f1f6fa;flex:none}
.lobby-avatar-profile span{display:flex;flex-direction:column;gap:3px}
.lobby-avatar-profile strong{font-size:14px}
.lobby-avatar-profile small{font-size:11px;color:#78869a}
.lobby-avatar-row .quiet{padding:10px 12px;min-height:38px;font-size:12px}
#lobby-avatar-picker{margin-top:15px;padding-top:15px;border-top:1px solid #e2e7ed}
.player{align-items:center;min-height:68px;gap:8px}
.player-profile{display:flex;align-items:center;gap:10px;min-width:0}
.player-name{min-width:0;overflow-wrap:anywhere;font-weight:750}
.player-avatar{display:inline-flex;border-radius:50%;flex:none;border:2px solid transparent;padding:1px;transition:border-color .2s ease,box-shadow .2s ease}
.player-avatar img{display:block;width:43px;height:43px;border-radius:50%;background:#f5f7f8}
.player-avatar.answered{border-color:#49A070;box-shadow:0 0 0 2px #E1F2E7}
.player-answered[hidden]{display:none}
.player-answered{display:block;font-size:11px;font-weight:650;color:#348A5C;margin-top:2px}
.player-meta{display:flex;flex-direction:column;gap:2px;min-width:0}
.player-score{white-space:nowrap;font-variant-numeric:tabular-nums}
@media(max-width:950px){
 .avatar-picker{grid-template-columns:repeat(8,minmax(0,1fr));gap:6px}
}
@media(max-width:560px){
 .avatar-picker{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;max-width:360px}
 .avatar-option{max-width:66px}
 .lobby-avatar{padding:12px}
 .player-avatar img{width:40px;height:40px}
 .player-profile{gap:8px}
}
@media(prefers-reduced-motion:reduce){.avatar-option img{transition:none!important}}

/* Timed competition is the default; relaxed play remains a conscious opt-in. */
.timing-choice{grid-column:1/-1;display:flex;align-items:flex-start;gap:14px;padding:16px 18px;border:1px solid #dee7f1;background:#f8fafc;border-radius:13px;color:#21354c;cursor:pointer;max-width:690px}
.timing-choice input{width:20px;height:20px;accent-color:#315fa8;flex:none;margin:3px 0 0}
.timing-choice span{display:flex;flex-direction:column;gap:5px}
.timing-choice strong{font-size:14px}
.timing-choice small{font-size:12px;font-weight:500;color:#63778d;line-height:1.55}
.daily-lock-note{grid-column:1/-1;font-size:12px;line-height:1.65;margin:0;max-width:720px;color:#756241;background:#faf7ef;border-left:3px solid #c7b180;padding:12px 15px}
.daily-lock-note.selected-untimed{color:#8b5840;border-color:#d6a078}
.solo-timer-row{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:18px;color:#637690;font-size:12px;font-weight:700;line-height:1.45}
.solo-timer-value{border:1px solid #d7e5f4;border-radius:10px;background:#f0f6fd;color:#2c579c;min-width:87px;text-align:center;padding:9px 12px;font-variant-numeric:tabular-nums;font-size:13px;white-space:nowrap}
.solo-timer-value.is-urgent{border-color:#efc5b5;background:#fff4ed;color:#a34e30}
.result-remark{font-size:15px;line-height:1.75;color:#617286;max-width:680px;margin:5px 0 16px!important}
.result-eyebrow{font-size:11px;letter-spacing:.1em;color:#516f9a;font-weight:750;display:block;margin-bottom:12px}
.score-summary{justify-content:space-between;align-items:center;gap:22px}
.score-summary>div{display:flex;flex-direction:column;gap:2px}
.score-summary strong{display:block}
.result-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.result-details>div{border-bottom:1px solid #e5ebee;padding:18px 2px;display:flex;flex-direction:column;gap:6px}
.result-details small{font-size:12px;color:#8290a1;font-weight:650}
.result-details strong{font-size:20px;letter-spacing:-.03em;color:#203952}
.result-categories{margin-top:22px}
.result-categories h3{font-size:15px;letter-spacing:-.01em;color:#243951;margin-bottom:15px}
.result-category{display:flex;justify-content:space-between;align-items:center;gap:14px;border-bottom:1px solid #e7ebed;padding:12px 0;font-size:13px;color:#58687a}
.result-category strong{white-space:nowrap;color:#263d59}
.result-eligibility{border-top:1px solid #e6ebf1;margin-top:22px;padding-top:16px;max-width:670px!important;font-size:13px;line-height:1.6;color:#657990}
#results .action-row{margin-top:21px}
@media(max-width:610px){.score-summary{padding:20px;align-items:flex-start}.result-details{grid-template-columns:1fr 1fr;gap:12px}.result-details strong{font-size:17px}.solo-timer-row{font-size:11px}}

/* Premium result share sheet — image remains downloadable if Web Share files
   are not supported by Safari, in-app browsers, or desktop browsers. */
.quiz-share-dialog{border:0;padding:0;max-width:min(660px,calc(100vw - 22px));width:100%;border-radius:24px;background:#fff;color:#1c2c3e;box-shadow:0 25px 90px #21354b36}
.quiz-share-dialog::backdrop{background:#15243999;backdrop-filter:blur(4px)}
.quiz-share-inner{padding:clamp(20px,4vw,36px)}
.quiz-share-inner>h2{font-size:clamp(25px,5vw,35px);line-height:1.12;margin:12px 0}
.quiz-share-inner>p:not(.small-caps){font-size:14px;line-height:1.65;color:#687a90;max-width:52ch}
#result-share-preview{width:100%;height:auto;display:block;border-radius:14px;border:1px solid #DDE6F0;box-shadow:0 10px 30px #253e5617;margin:17px 0 20px}
.quiz-share-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.quiz-share-actions>*{min-height:46px;display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;text-decoration:none;border-radius:11px;font-weight:700;font-size:13px}
.quiz-share-actions [hidden]{display:none}
@media(max-width:480px){.quiz-share-actions{display:grid;grid-template-columns:1fr 1fr}.quiz-share-actions>*{padding:10px 8px}.quiz-share-dialog{border-radius:19px}}

/* Post-solo invitation: one elegant optional nickname step before sharing. */
#solo-challenge-form .field{display:block;margin:22px 0 17px;max-width:450px}
#solo-challenge-form .field input{display:block;margin-top:9px;width:100%;box-sizing:border-box}
#solo-challenge-send:disabled{opacity:.68;cursor:progress}
#solo-challenge-status{color:#5e718d;min-height:1em}

/* Shared asynchronous quiz challenge standings; deliberately lightweight. */
.challenge-standings,.result-extra{margin-top:20px}
.challenge-heading{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0 15px;border-bottom:1px solid #dde6ed}
.challenge-heading strong{font-size:16px;color:#1e3550}
.challenge-heading span{font-size:12px;color:#70829a}
.challenge-player{display:flex;gap:13px;align-items:center;padding:13px 0;border-bottom:1px solid #e9eef2;font-size:14px}
.challenge-position{font-variant-numeric:tabular-nums;width:24px;color:#7790a9}
.challenge-player-name{flex:1;min-width:0;overflow-wrap:anywhere;color:#304458}
.challenge-player strong{white-space:nowrap;color:#285b9e;font-size:13px}
.challenge-foot{font-size:12px;line-height:1.5;color:#70829a;margin-top:13px}

/* Keep challenge sheets inside small Safari viewports, even with keyboard open. */
.quiz-share-dialog{box-sizing:border-box;width:calc(100% - 24px);max-width:660px;max-height:calc(100dvh - 24px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}
.quiz-share-inner{box-sizing:border-box;width:100%;max-width:100%;min-width:0}
.quiz-share-inner>*{max-width:100%;min-width:0;overflow-wrap:break-word}
#solo-challenge-form .field{width:100%;max-width:100%;min-width:0}
#solo-challenge-form input{font-size:16px;max-width:100%;min-width:0}
.quiz-share-actions>*{box-sizing:border-box;min-width:0;white-space:normal;overflow-wrap:anywhere}
@media(max-width:480px){.quiz-share-dialog{width:calc(100% - 20px);border-radius:18px}.quiz-share-inner{padding:20px}.quiz-share-actions{grid-template-columns:minmax(0,1fr)}.quiz-share-actions>*{width:100%}}

/* Weekly mode + proper leaderboards. No boxed score tiles; compact editorial rows. */
@media(min-width:781px){.mode-nav{grid-template-columns:repeat(5,minmax(0,1fr))}.mode-nav button{padding:18px 8px;font-size:13px}}
.ranking-jump{display:inline-flex;margin-top:24px;color:#2859a3;font-weight:800;font-size:13px;text-underline-offset:4px;text-decoration-thickness:1px}
.ranking-hub{margin:67px 0 36px}
.ranking-header{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:27px}
.ranking-header h2{font:800 clamp(29px,4vw,45px)/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin:12px 0 14px}
.ranking-header p:not(.small-caps){color:#637487;line-height:1.7;max-width:670px;margin:0}
.ranking-note{color:#5e7190;font-size:12px;font-weight:700;white-space:nowrap}
.rankings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ranking-card{background:#fff;border:1px solid #e1e7eb;border-radius:20px;padding:clamp(23px,3vw,35px);min-width:0}
.ranking-card-top{display:flex;justify-content:space-between;align-items:start;gap:15px;border-bottom:1px solid #e5ebf0;padding-bottom:19px}
.ranking-card-top h3{font:800 27px/1.15 Manrope,sans-serif;letter-spacing:-.045em;margin:11px 0 8px}
.ranking-period{font-size:13px;color:#657994;margin:0}
.ranking-symbol{display:grid;place-items:center;font-size:24px;border-radius:50%;width:47px;height:47px;background:#edf3fb;color:#2d62a9}
.ranking-status{font-size:12px;color:#7a899d;margin:19px 0 8px}
.ranking-list{list-style:none;margin:0;padding:0}
.ranking-row{display:grid;grid-template-columns:29px minmax(0,1fr) 51px 75px;gap:8px;align-items:center;padding:13px 3px;border-bottom:1px solid #edf0f3;font-size:13px}
.ranking-row.is-self{background:#f1f6fc;border-radius:8px;padding-inline:8px}
.ranking-place{color:#7390b4;font-size:13px;font-weight:800;font-variant-numeric:tabular-nums}
.ranking-name{font-weight:750;overflow-wrap:anywhere;color:#2b3e55}
.ranking-correct{color:#8090a2;text-align:right;font-variant-numeric:tabular-nums;font-size:12px}
.ranking-points{color:#254f93;font-weight:800;font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.ranking-self{font-weight:750;color:#2859a2;margin:20px 0 0;font-size:13px}
.ranking-more{border:0;border-bottom:1px solid #b0c4df;background:transparent;color:#295b9e;font-weight:800;margin-top:19px;padding:4px 0;font-size:13px}
.ranking-footnote{font-size:12px;color:#75869a;line-height:1.7;margin-top:18px}
@media(max-width:780px){.rankings-grid{grid-template-columns:1fr}.ranking-header{display:block}.ranking-note{display:inline-block;margin-top:12px}.ranking-hub{margin-top:48px}.mode-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.mode-nav button{min-width:0}.ranking-card{padding:22px 18px}}
@media(max-width:780px){.mode-nav button[data-mode="live"]{grid-column:1/-1}}
@media(max-width:370px){.ranking-row{grid-template-columns:23px minmax(0,1fr) 43px 64px;gap:5px;font-size:12px}.ranking-card{padding:19px 13px}}

/* A repeat round belongs to the same room, not a second invite flow. */
.next-round{margin:20px 0 12px;padding:22px;background:#f8fbfd;border:1px solid #dfe8f2;border-radius:17px}
.next-round[hidden]{display:none}
.next-round h3{font:800 22px/1.2 Manrope,sans-serif;letter-spacing:-.025em;margin:0 0 8px}
.next-round p{font-size:13px;color:#5f7084;line-height:1.65;margin:0 0 15px}
.next-round-settings{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:15px 0}
.next-round .primary{margin-top:5px}
.next-round #next-room-note{margin:10px 0 0}
@media(max-width:600px){.next-round{padding:18px 15px}.next-round-settings{grid-template-columns:1fr;gap:10px}.player-score{white-space:normal;text-align:right;font-size:12px}}


/* Quiz Club 2026: featured recurring competitions and focused room journeys. */
.mode-nav{grid-template-columns:repeat(3,minmax(0,1fr))}
.daily-feature{margin:0 0 28px}
.daily-feature-intro{margin:0 0 22px}
.daily-feature-intro h2{font:800 clamp(28px,4.2vw,46px)/1.13 Manrope,sans-serif;letter-spacing:-.045em;margin:12px 0}
.daily-feature-intro p{color:var(--muted);line-height:1.6;margin:0}
.daily-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.feature-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;overflow:hidden;border:1px solid #d7e4f4;border-radius:23px;min-height:260px;padding:29px;background:linear-gradient(145deg,#fff,#edf5ff 88%);box-shadow:0 16px 40px #253f6611}
.feature-weekly{background:linear-gradient(145deg,#fff,#f4eefe 88%);border-color:#e6dcef}
.feature-card h3{font:800 clamp(28px,3vw,38px)/1.15 Manrope,sans-serif;letter-spacing:-.05em;margin:11px 0}
.feature-card p{line-height:1.6;margin:0 0 12px;color:#52657c;max-width:320px}
.feature-card .small-caps{position:relative;z-index:1}
.feature-icon{position:absolute;right:28px;top:18px;font-size:66px;color:#aac5ea;opacity:.4;pointer-events:none}
.feature-weekly .feature-icon{color:#c1a0e3}
.feature-availability{font-size:12px;margin-top:auto!important;font-weight:700}
.feature-card .primary{margin-top:12px;min-height:47px;padding:12px 19px}
.live-entry-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
.entry-choice{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:13px;background:linear-gradient(155deg,#fff,#f5f8ff);border:1.5px solid #dbe5f2;border-radius:21px;padding:29px;color:#243b5a;min-height:225px;transition:box-shadow .2s,transform .2s,border-color .2s}
.entry-choice:hover{border-color:#a5bfde;box-shadow:0 14px 32px #234b8e16;transform:translateY(-2px)}
.entry-choice strong{font:800 24px Manrope,sans-serif;letter-spacing:-.04em}
.entry-choice span:not(.entry-choice-symbol){font-size:14px;line-height:1.55;color:#5b6f88}
.entry-choice b{margin-top:auto;color:#295ba9;font-size:14px}
.entry-choice-symbol{display:grid;place-items:center;width:49px;height:49px;border-radius:15px;background:#e3edfd;font-size:27px;color:#315a95}
#live-setup .live-forms{display:block;max-width:640px}
#live-setup .inset-form{background:linear-gradient(150deg,#fff,#f8fafc);padding:clamp(18px,4vw,32px)}
#live-setup .avatar-fieldset{min-width:0}
.live-back{margin-top:18px}
.quiz-invite .hero,.quiz-invite .daily-feature,.quiz-invite .mode-nav,.quiz-invite .ranking-hub,.quiz-invite .below{display:none!important}
.quiz-invite .app{margin-top:42px}
.quiz-invite .app-body{padding-top:clamp(24px,4vw,50px)}
.quiz-invite #live-setup .section-heading{text-align:center;margin-bottom:24px}
.quiz-invite #live-setup .section-heading>p{margin:0 auto 20px}
.quiz-invite #live-setup .inset-form{margin:auto}
.history-tabs{display:flex;gap:8px;background:#f4f6f9;border:1px solid #e3e9f1;padding:6px;border-radius:15px;margin:25px 0}
.history-tabs button{flex:1;background:transparent;border:0;border-radius:10px;padding:13px;font-size:14px;font-weight:800;color:#65758b}
.history-tabs button[aria-pressed=true]{background:#fff;box-shadow:0 3px 12px #29476813;color:#244e91}
.history-list{display:grid;gap:17px;margin-top:16px}
.history-empty{padding:28px;border:1px dashed #ccd9e9;border-radius:16px;background:#f9fbff}
.history-empty strong{font-size:17px}
.history-empty p{color:#64768c}
.history-card{border:1px solid #e0e7ef;border-radius:17px;background:#fff;padding:clamp(17px,3.2vw,26px);box-shadow:0 7px 25px #223e6210}
.history-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px}
.history-card-head h3{font:800 clamp(18px,2.3vw,23px)/1.2 Manrope,sans-serif;letter-spacing:-.03em;margin:0 0 8px}
.history-card-head small,.history-card-actions small{font-size:12px;color:#728196}
.history-status{white-space:nowrap;border-radius:100px;background:#f0f5fb;padding:7px 10px;color:#466996;font-size:11px;font-weight:800}
.history-personal{background:#edf4fd;border-radius:11px;padding:12px 14px;color:#2b568f;font-size:14px;font-weight:800;margin:18px 0}
.history-players{margin-top:18px;border-top:1px solid #e5eaf0}
.history-player{display:flex;justify-content:space-between;gap:12px;padding:13px 4px;border-bottom:1px solid #edf0f4;font-size:14px}
.history-player.history-me{color:#215599;background:#f6faff}
.history-player strong{font-size:13px;text-align:right}
.history-player small{font-size:11px;color:#6984aa}
.history-card-actions{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap;margin-top:15px}
.history-share{min-height:40px;padding:9px 13px}
.history-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.history-actions .quiet{min-height:43px;padding:10px 14px}
@media(max-width:780px){
 .mode-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
 .daily-feature-grid,.live-entry-choices{grid-template-columns:1fr}
 .feature-card{min-height:225px;padding:24px}
 .entry-choice{min-height:170px;padding:22px}
 .history-card-head{flex-wrap:wrap}
 .history-player{align-items:center}
}


/* Focused Quiz Club entry – one short selection screen, no duplicate mode tabs. */
.quiz-launch{padding:clamp(25px,4vw,51px) 0 26px}
.quiz-launch-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
.quiz-launch-heading .small-caps{margin:0 0 11px}
.quiz-launch-heading h1{font:800 clamp(30px,4.4vw,51px)/1.1 Manrope,sans-serif;letter-spacing:-.055em;margin:0 0 11px}
.quiz-launch-intro{color:#657386;max-width:720px;line-height:1.55;font-size:clamp(14px,1.25vw,16px);margin:0}
.launch-sparkle{font-size:58px;color:#c0d4f0;opacity:.8}
.launch-competitions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.launch-tile,.launch-option,.launch-ranking{font-family:inherit;text-align:left;cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}
.launch-tile{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-height:177px;padding:21px 24px;border-radius:21px;border:1px solid #d8e6f7;background:linear-gradient(135deg,#fff 3%,#edf4ff 100%);color:#1e344f;box-shadow:0 12px 24px rgba(34,62,107,.055)}
.launch-weekly{background:linear-gradient(135deg,#fff 3%,#f6eeff 100%);border-color:#e5ddf3}
.launch-tile-top{width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px}
.launch-tile .small-caps{font-size:10px;letter-spacing:.11em}
.launch-tile-icon{display:grid;place-items:center;background:#e4eefc;color:#3466af;width:37px;height:37px;border-radius:12px;font-size:20px}
.launch-weekly .launch-tile-icon{background:#ebdffa;color:#9169b6}
.launch-tile strong{font:800 clamp(24px,2.7vw,32px)/1.15 Manrope,sans-serif;letter-spacing:-.04em}
.launch-tile>span:not(.launch-tile-top){font-size:13px;color:#5f6f84;line-height:1.4}
.launch-tile b{margin-top:auto;font-size:13px;color:#2457a0}
.launch-other{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-top:15px}
.launch-option{display:grid;grid-template-columns:34px minmax(0,1fr) 14px;grid-template-rows:auto auto;column-gap:8px;align-content:center;min-height:114px;padding:18px 13px;border:1px solid #e1e7ed;border-radius:17px;background:#fff;color:#29384b}
.launch-option-icon{grid-row:1/3;display:grid;place-items:center;align-self:center;width:32px;height:32px;border-radius:10px;background:#eef3fb;color:#345d98;font-size:20px}
.launch-option strong{grid-column:2;font-size:14px;line-height:1.2;letter-spacing:-.015em}
.launch-option small{grid-column:2;grid-row:2;font-size:11px;color:#6b7a8e;line-height:1.4;margin-top:5px}
.launch-option-arrow{grid-row:1/3;grid-column:3;align-self:center;color:#9aacbf;font-size:15px}
.launch-ranking{display:flex;align-items:center;gap:13px;width:100%;margin-top:14px;padding:14px 19px;border:1px solid #dfe8f2;border-radius:15px;background:#f8fafd;color:#263d5f}
.launch-ranking-symbol{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#e6eefb;color:#2c5ca1;font-size:19px}
.launch-ranking>span:nth-child(2){display:flex;flex-direction:column;gap:2px}
.launch-ranking strong{font-size:14px}
.launch-ranking small{color:#72839a;font-size:11px}
.launch-ranking-arrow{margin-left:auto;color:#335fa0;font-size:20px}
.launch-fineprint{color:#778698;font-size:11px;line-height:1.5;margin:13px 1px 0}
.launch-tile:hover,.launch-option:hover,.launch-ranking:hover{border-color:#98b8df;transform:translateY(-2px);box-shadow:0 15px 34px rgba(33,77,134,.11)}
.launch-tile:focus-visible,.launch-option:focus-visible,.launch-ranking:focus-visible{outline:3px solid #efb55d;outline-offset:3px}
.quiz-return{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:11px clamp(19px,3vw,38px);border-bottom:1px solid #e9edf2;background:#fbfcfe}
.quiz-return>span{font-size:10px;color:#7e90aa;font-weight:800;letter-spacing:.1em}
.quiz-return-button{border:0;background:transparent;padding:8px 3px;color:#2e5e9e;font-weight:800;font-size:13px;min-height:34px}
.quiz-return-button:hover{text-decoration:underline}
#quiz-app{margin-top:clamp(20px,3vw,30px)}
#quiz-app .app-body{min-height:0;padding:clamp(22px,4vw,49px)}
#quiz-app .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:820px}
#quiz-app .form-grid>.primary{margin-top:0}
#quiz-app .section-heading h2{margin-top:8px}
#ranking-hub{margin:clamp(20px,4vw,48px) 0}
#ranking-hub #ranking-back{margin:0 0 22px}
.quiz-invite #quiz-launch,.quiz-invite .quiz-return{display:none!important}
@media(max-width:900px){
 .launch-other{grid-template-columns:repeat(2,minmax(0,1fr))}
 .launch-option{min-height:86px}
}
@media(max-width:600px){
 .quiz-launch{padding:19px 0 23px}
 .quiz-launch-heading{margin-bottom:15px}
 .quiz-launch-heading h1{font-size:32px;margin-bottom:8px}
 .quiz-launch-intro{font-size:13px;line-height:1.5}
 .launch-sparkle{display:none}
 .launch-competitions{gap:9px}
 .launch-tile{min-height:153px;padding:15px 12px;border-radius:15px;gap:8px}
 .launch-tile .small-caps{font-size:9px;letter-spacing:.04em}
 .launch-tile strong{font-size:23px}
 .launch-tile>span:not(.launch-tile-top){font-size:11px}
 .launch-tile b{font-size:12px}
 .launch-tile-icon{width:29px;height:29px;border-radius:9px;font-size:17px}
 .launch-other{gap:9px;margin-top:9px}
 .launch-option{padding:10px;min-height:85px;grid-template-columns:27px minmax(0,1fr);column-gap:8px;border-radius:13px}
 .launch-option-icon{width:27px;height:27px;font-size:16px}
 .launch-option strong{font-size:12px}
 .launch-option small{font-size:10px;margin-top:3px}
 .launch-option-arrow{display:none}
 .launch-ranking{margin-top:9px;padding:10px 12px;border-radius:12px}
 .launch-ranking-symbol{width:29px;height:29px}
 .launch-fineprint{font-size:10px;margin-top:10px}
 #quiz-app .app-body{padding:22px 16px}
 #quiz-app .form-grid{grid-template-columns:1fr}
 #quiz-app .form-grid>.primary{justify-self:stretch}
 .quiz-return{padding:8px 15px}
 .quiz-return>span{font-size:9px}
}


/* Quiz Club artwork edition – engaging entry, quiet and focused gameplay. */
body{background:radial-gradient(ellipse 860px 500px at 90% 2%,#e3efff 0%,transparent 67%),radial-gradient(ellipse 560px 400px at 8% 15%,#eff8ff 0%,transparent 75%),#f8f8f5}
.quiz-launch{padding:clamp(18px,2.4vw,28px) 0 19px}
.quiz-launch-heading{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:174px;margin-bottom:14px;padding:17px clamp(20px,3.1vw,37px);border:1px solid #e5efff;border-radius:24px;background:linear-gradient(106deg,#fff 6%,#f2f8ff 56%,#dfedff 100%);box-shadow:0 12px 35px #4383c112}
.quiz-launch-heading::before{content:"";position:absolute;z-index:-1;inset:-110px -55px auto 42%;height:300px;transform:rotate(-11deg);border-radius:50%;background:radial-gradient(ellipse,#8ec4ff50,transparent 73%);pointer-events:none}
.launch-hero-copy{position:relative;z-index:2;max-width:69%}
.launch-hero-copy .small-caps{color:#395d95;font-size:10px;letter-spacing:.2em;margin:0 0 11px}
.quiz-launch-heading h1{font:850 clamp(30px,4.2vw,50px)/1.11 Manrope,sans-serif;letter-spacing:-.06em;margin:0 0 9px;color:#112b55}
.quiz-launch-heading h1 em{font-style:normal;color:#2467d7;background:linear-gradient(110deg,#2261d1,#457cf7);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.quiz-launch-intro{font-size:clamp(12px,1.15vw,15px);line-height:1.5;color:#506685;margin:0;max-width:580px}
.launch-hero-media{position:absolute;right:0;top:0;width:37%;height:100%;overflow:hidden;pointer-events:none}
.launch-hero-media img{position:absolute;width:305px;height:305px;right:-5px;top:-57px;object-fit:cover;object-position:right center;mask-image:linear-gradient(90deg,transparent 0%,#000 28%);-webkit-mask-image:linear-gradient(90deg,transparent 0%,#000 28%);filter:drop-shadow(0 7px 13px #244b7224)}
.launch-hero-twinkle{position:absolute;right:16px;top:12px;color:#f5bb4a;text-shadow:0 0 16px #fff2b7;font-size:22px;animation:quiz-twinkle 4s ease-in-out infinite}
@keyframes quiz-twinkle{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.13)}}
.launch-competitions{gap:14px}
.launch-tile{position:relative;isolation:isolate;overflow:hidden;min-height:193px;padding:21px 25px;gap:7px;border:1px solid #5cb3ff;border-radius:20px;color:#fff;background:linear-gradient(125deg,#1465d7 0%,#309cf0 56%,#92d6ff 100%);box-shadow:0 16px 29px #2861ba31;text-shadow:0 1px 1px #14407c35}
.launch-weekly{border-color:#9979ec;background:linear-gradient(119deg,#623cbd 0%,#845fe4 59%,#b0a1ff 100%);box-shadow:0 16px 29px #6948ae30}
.launch-tile::before{content:"";position:absolute;inset:-130% 30% auto -40%;height:400px;transform:rotate(24deg);pointer-events:none;background:linear-gradient(90deg,transparent,#ffffff26 46%,transparent 73%)}
.launch-tile::after{content:"";position:absolute;width:280px;height:210px;right:-30px;top:-84px;background:radial-gradient(ellipse,#fff8 0%,#fff0 70%);z-index:-1}
.launch-tile-top{position:relative;z-index:2;width:auto;margin:0 0 5px}
.launch-feature-tag{display:inline-flex;gap:5px;align-items:center;padding:6px 12px;border-radius:100px;background:linear-gradient(130deg,#fff7d4,#ffe4a0);border:1px solid #fff9c6;color:#8c4b0e;font-size:10px;font-weight:900;letter-spacing:.045em;text-shadow:none;white-space:nowrap}
.launch-tile strong{position:relative;z-index:2;color:#fff;font-size:clamp(27px,3vw,36px);font-weight:850;letter-spacing:-.047em;text-shadow:0 2px 8px #16479933}
.launch-tile .launch-card-desc{position:relative;z-index:2;color:#f5faff;font-size:13px;line-height:1.5;max-width:53%;font-weight:600}
.launch-tile .launch-tile-action{position:relative;z-index:2;display:inline-flex;align-items:center;gap:10px;background:linear-gradient(175deg,#fff,#f0f6ff);border:1px solid #fff;color:#184a9a;border-radius:100px;padding:10px 15px;box-shadow:0 6px 15px #133c6f2f;text-shadow:none;margin-top:auto;font-size:12px;font-weight:900}
.launch-weekly .launch-tile-action{color:#5437a4}
.launch-feature-art{position:absolute;z-index:1;right:-16px;bottom:-15px;width:min(52%,263px);height:calc(100% + 14px);object-fit:contain;object-position:right bottom;pointer-events:none;filter:drop-shadow(0 8px 12px #16396825);transition:transform .25s ease}
.launch-weekly .launch-feature-art{right:-6px;width:min(49%,251px);bottom:-14px}
.launch-tile:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 19px 39px #2767bc47}
.launch-weekly:hover:not(:disabled){box-shadow:0 19px 39px #6948ae44}
.launch-tile:hover .launch-feature-art{transform:translateY(-3px) rotate(1deg)}
.launch-other{margin-top:12px;gap:12px}
.launch-option{position:relative;isolation:isolate;overflow:hidden;min-height:103px;padding:14px 14px 12px;border:1px solid #e5ebf3;border-radius:17px;background:linear-gradient(150deg,#fff,#f9fbff);box-shadow:0 10px 24px #23476d0e;grid-template-columns:40px minmax(0,1fr) 23px;column-gap:9px}
.launch-option::before{content:"";z-index:-1;position:absolute;width:130px;height:130px;left:-55px;top:-75px;border-radius:100%;background:radial-gradient(ellipse,#e1f0ff,#fff0 70%)}
.launch-option:nth-child(2)::before{background:radial-gradient(ellipse,#dff5e7,#fff0 70%)}
.launch-option:nth-child(3)::before{background:radial-gradient(ellipse,#ffe5ed,#fff0 70%)}
.launch-option:nth-child(4)::before{background:radial-gradient(ellipse,#eae0ff,#fff0 70%)}
.launch-option-icon{height:40px;width:40px;border-radius:14px;background:linear-gradient(140deg,#96caff,#266ce1);box-shadow:inset 0 2px 3px #ffffff90,0 5px 10px #1854ba26;color:white;font-size:22px;text-shadow:0 2px 6px #0b39764a}
.launch-option:nth-child(2) .launch-option-icon{background:linear-gradient(140deg,#8ceab2,#26a276)}
.launch-option:nth-child(3) .launch-option-icon{background:linear-gradient(140deg,#ffc0d3,#f75c80)}
.launch-option:nth-child(4) .launch-option-icon{background:linear-gradient(140deg,#c3afff,#7a51d8)}
.launch-option strong{font-size:13px;font-weight:850;color:#172c55}
.launch-option small{font-size:10px;color:#6a7891}
.launch-option-arrow{display:grid;place-items:center;grid-column:3;grid-row:1/3;align-self:center;width:25px;height:25px;border-radius:50%;background:#eaf2ff;color:#244e98;font-size:17px}
.launch-option:hover{border-color:#a9c5ef;box-shadow:0 16px 28px #234f9225}
.launch-ranking{overflow:hidden;position:relative;isolation:isolate;min-height:64px;margin-top:12px;padding:10px 18px;border:1px solid #cfdef7;border-radius:18px;background:linear-gradient(112deg,#eaf3ff,#fff 58%,#e5f0ff);box-shadow:0 10px 24px #3a80bd16}
.launch-ranking::before{content:"";position:absolute;z-index:-1;inset:0;background:radial-gradient(circle at 95% 55%,#bdd8ff99,transparent 34%)}
.launch-ranking-symbol{flex:none;width:38px;height:38px;border-radius:13px;font-size:23px;background:linear-gradient(135deg,#ffec98,#f4af27);color:#9b590c;text-shadow:0 1px 2px #ffe6a8;box-shadow:inset 0 2px 4px #fff9cc,0 5px 10px #ba832633}
.launch-ranking strong{font-size:15px;color:#162d59}
.launch-ranking small{font-size:11px;color:#617894}
.launch-ranking-action{margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;gap:12px;background:#fff;color:#214e9d;border-radius:100px;padding:10px 16px;font-size:12px;font-weight:850;box-shadow:0 5px 15px #3663ac22}
.launch-fineprint{margin-top:11px;color:#6d7b92}
@media(max-width:900px){
 .launch-hero-media{width:35%}
 .launch-hero-media img{right:-49px}
 .launch-option{grid-template-columns:39px minmax(0,1fr) 23px}
}
@media(max-width:600px){
 .quiz-launch{padding:12px 0 13px}
 .quiz-launch-heading{min-height:139px;margin-bottom:10px;padding:13px 14px 13px 15px;border-radius:17px}
 .launch-hero-copy{max-width:71%}
 .launch-hero-copy .small-caps{font-size:8px;letter-spacing:.13em;margin-bottom:8px}
 .quiz-launch-heading h1{font-size:clamp(25px,7.2vw,32px);line-height:1.09;margin-bottom:7px}
 .quiz-launch-intro{font-size:11px;line-height:1.43}
 .launch-hero-media{width:38%}
 .launch-hero-media img{width:226px;height:226px;right:-18px;top:-29px}
 .launch-hero-twinkle{font-size:15px;right:7px;top:9px}
 .launch-competitions{gap:9px}
 .launch-tile{min-height:150px;padding:12px 11px;gap:6px;border-radius:15px}
 .launch-tile-top{margin:0 0 4px}
 .launch-feature-tag{font-size:8px;padding:5px 7px;letter-spacing:0}
 .launch-tile strong{font-size:clamp(19px,6.3vw,24px);letter-spacing:-.055em}
 .launch-tile .launch-card-desc{font-size:10px;line-height:1.25;max-width:85%;text-shadow:0 1px 4px #16448977}
 .launch-feature-art{height:120px;width:125px;right:-29px;bottom:-15px;opacity:.59}
 .launch-weekly .launch-feature-art{width:125px;right:-29px;bottom:-15px;opacity:.64}
 .launch-tile .launch-tile-action{font-size:10px;padding:7px 9px;gap:6px;max-width:100%}
 .launch-other{margin-top:9px;gap:9px}
 .launch-option{grid-template-columns:29px minmax(0,1fr);min-height:79px;padding:10px 9px 9px;column-gap:7px;border-radius:13px}
 .launch-option-icon{width:29px;height:29px;border-radius:9px;font-size:16px}
 .launch-option strong{font-size:11px}
 .launch-option small{font-size:9px}
 .launch-option-arrow{display:none}
 .launch-ranking{min-height:56px;margin-top:9px;padding:9px 11px;border-radius:13px}
 .launch-ranking-symbol{width:30px;height:30px;border-radius:9px;font-size:18px}
 .launch-ranking strong{font-size:12px}
 .launch-ranking small{font-size:9px;line-height:1.3}
 .launch-ranking-action{padding:8px 10px;font-size:10px}
 .launch-fineprint{margin-top:8px;font-size:9px;line-height:1.4}
}
@media(max-width:355px){
 .launch-hero-copy{max-width:75%}
 .launch-hero-media{width:33%}
 .quiz-launch-intro{font-size:10px}
 .launch-card-desc{letter-spacing:-.02em}
 .launch-tile .launch-tile-action{font-size:9px;padding:7px 8px}
 .launch-ranking-action{font-size:9px;padding:7px}
 .launch-ranking small{max-width:145px}
}
@media(prefers-reduced-motion:reduce){
 .launch-hero-twinkle{animation:none}
 .launch-tile:hover .launch-feature-art{transform:none}
}


/* Quiz Club gloss polish 2026-10-14: actual interactive page, no static mockup. */
body{background:radial-gradient(ellipse 940px 440px at 91% 12%,#b6ddff7b 0%,#d7ecff42 45%,transparent 76%),radial-gradient(ellipse 710px 530px at -10% 61%,#e0efff6b,transparent 70%),#f8f9fa}
.quiz-launch-heading{
 min-height:181px;
 border:1px solid #f9ffff;
 background:
  linear-gradient(112deg,#fffffff4 0%,#f5fafff1 43%,#bfe0fff2 100%);
 box-shadow:0 2px 0 #ffffffec inset,0 18px 42px #2f7eca1b,0 3px 10px #2268a815;
}
.quiz-launch-heading::after{
 content:"";position:absolute;pointer-events:none;z-index:-1;
 width:75%;height:190%;right:-14%;top:-83%;
 border-radius:50%;
 background:radial-gradient(ellipse,#c7e4ffad,#fff0 67%);
}
.launch-hero-copy{max-width:64%}
.quiz-launch-heading h1{font-size:clamp(32px,4.25vw,52px);text-shadow:0 2px 0 #ffffff9c}
.quiz-launch-intro{max-width:560px;color:#4b6286;font-weight:550}
.launch-hero-media{
 width:48%;right:0;top:0;height:100%;overflow:hidden;
 mask-image:linear-gradient(to right,transparent 0%,black 21%);
 -webkit-mask-image:linear-gradient(to right,transparent 0%,black 21%);
}
.launch-hero-media img{
 width:100%;height:100%;right:0;top:0;object-fit:contain;object-position:right center;
 filter:drop-shadow(0 8px 8px #174e9a42) saturate(1.15);
 mask-image:none;-webkit-mask-image:none;
}
.launch-competitions{gap:15px}
.launch-tile{
 min-height:203px;
 border:1.5px solid #7ccfff;
 border-radius:22px;
 background:
  radial-gradient(ellipse 190px 130px at 86% 19%,#d7f9ff94 0%,transparent 78%),
  linear-gradient(115deg,#1260d4 0%,#157aea 43%,#38acf7 80%,#a4e9ff 130%);
 box-shadow:0 2px 0 #ffffffa8 inset,0 -2px 1px #0c5dbb44 inset,0 17px 34px #125bba44,0 5px 9px #155dbc21;
 text-shadow:none;
}
.launch-tile.launch-weekly{
 border-color:#b6a0ff;
 background:
  radial-gradient(ellipse 190px 130px at 87% 14%,#ffe2ff8f 0%,transparent 78%),
  linear-gradient(115deg,#5d36ba 0%,#7447d4 41%,#a47ae9 83%,#dab9ff 135%);
 box-shadow:0 2px 0 #fff9 inset,0 -2px 1px #45238c44 inset,0 17px 34px #6840b644,0 5px 9px #6b46b221;
}
.launch-tile::before{
 content:"";z-index:1;pointer-events:none;
 position:absolute;top:-128px;left:-68px;width:125%;height:280px;
 transform:rotate(-22deg);
 background:linear-gradient(90deg,transparent 22%,#ffffff0d 36%,#ffffff4c 46%,#ffffff0b 56%,transparent 67%);
}
.launch-tile::after{
 content:"";position:absolute;z-index:0;
 width:53%;height:81px;bottom:-35px;top:auto;right:-13px;
 border-radius:50%;transform:perspective(330px) rotateX(54deg);
 background:linear-gradient(180deg,#e5f9ffad 0%,#79bfff55 32%,#075fc540 100%);
 border-top:2px solid #ffffffca;
 box-shadow:0 -15px 45px #c3f4ff7a,0 15px 21px #074baa35;
 pointer-events:none;
}
.launch-weekly::after{
 background:linear-gradient(180deg,#fff0ffa8,#ac80e557 52%,#7140bc47);
 box-shadow:0 -12px 45px #ffe4ff67,0 15px 21px #44279235;
}
.launch-tile > strong{
 color:#fff;font-weight:850;
 text-shadow:0 3px 11px #173e8380,0 1px 0 #12529b61;
}
.launch-tile > span.launch-card-desc{
 color:#faffff;font-weight:650;line-height:1.43;font-size:13px;
 text-shadow:0 1px 7px #0e3a85a1;
 opacity:1;
}
.launch-weekly > span.launch-card-desc{color:#fff}
.launch-feature-art{
 z-index:2;
 right:-16px;bottom:-14px;width:min(56%,284px);height:calc(100% + 12px);
 filter:drop-shadow(0 16px 12px #08478970) saturate(1.18) contrast(1.05);
}
.launch-weekly .launch-feature-art{
 right:-12px;width:min(55%,282px);
 filter:drop-shadow(0 14px 12px #4520867d) saturate(1.18) contrast(1.05);
}
.launch-feature-tag{
 padding:7px 13px;
 background:linear-gradient(167deg,#fffdf6,#fff4c4 31%,#ffd96a 70%,#ffdb95 100%);
 border:1px solid #fffae6;
 color:#79500c;
 box-shadow:0 2px 0 #fff9 inset,0 4px 10px #6f3e0d29;
 text-shadow:0 1px 0 #ffffffbd;
}
.launch-tile .launch-tile-action{
 background:linear-gradient(180deg,#fff 0%,#f9fcff 44%,#deebff 100%);
 border:1px solid #fff;
 padding:11px 17px;
 box-shadow:0 3px 1px #b2c8e5 inset,0 2px 0 #fff9 inset,0 8px 17px #033f9863;
 transition:transform .2s ease,box-shadow .2s ease,background .2s ease;
}
.launch-tile:hover .launch-tile-action{transform:translateY(-2px);box-shadow:0 11px 22px #063d9173}
.launch-option{
 min-height:104px;
 background:linear-gradient(155deg,#fff 0%,#f9fcff 60%,#f0f6ff 100%);
 border:1px solid #ffffff;
 box-shadow:0 2px 0 #fff inset,0 11px 26px #2a68a91d,0 2px 5px #205b9f0f;
 transition:transform .22s ease,box-shadow .22s ease;
}
.launch-option:nth-child(2){background:linear-gradient(145deg,#fff,#f0fff9)}
.launch-option:nth-child(3){background:linear-gradient(145deg,#fff,#fff3f8)}
.launch-option:nth-child(4){background:linear-gradient(145deg,#fff,#f6f1ff)}
.launch-option-icon{
 height:42px;width:42px;border-radius:13px;
 box-shadow:0 2px 0 #ffffffb5 inset,0 -3px 2px #072d6b35 inset,0 8px 13px #1c5ebd49;
}
.launch-option-icon svg{width:23px;height:23px;display:block;color:#fff;filter:drop-shadow(0 2px 2px #14418842)}
.launch-option:nth-child(2) .launch-option-icon{box-shadow:0 2px 0 #fffc inset,0 -3px 2px #12634139 inset,0 8px 13px #209e6345}
.launch-option:nth-child(3) .launch-option-icon{box-shadow:0 2px 0 #fffc inset,0 -3px 2px #ab285539 inset,0 8px 13px #c52d6650}
.launch-option:nth-child(4) .launch-option-icon{box-shadow:0 2px 0 #fffc inset,0 -3px 2px #542a9939 inset,0 8px 13px #6945b755}
.launch-option strong{color:#192f60;font-weight:850}
.launch-option-arrow{background:linear-gradient(#fff,#dceaff);box-shadow:0 2px 0 #fff inset,0 3px 6px #315f9c24}
.launch-ranking{
 border:1px solid #fff;
 background:linear-gradient(125deg,#eef6ff,#ffffff 51%,#d6e9ff);
 box-shadow:0 2px 0 #fff inset,0 10px 26px #2668ba1f;
}
.launch-ranking-symbol{
 width:41px;height:41px;
 background:linear-gradient(145deg,#fff3bb,#ffd151 44%,#ed9217);
 box-shadow:0 2px 1px #fff5bd inset,0 -3px 2px #9e5b1652 inset,0 8px 13px #be812941;
}
.launch-ranking-symbol svg{display:block;width:25px;height:25px;color:#a15d08;filter:drop-shadow(0 2px 1px #ffdf88)}
.launch-ranking-action{
 background:linear-gradient(180deg,#fff,#e8f2ff);
 box-shadow:0 2px 0 #fff inset,0 6px 14px #2257a239;
}
@media(max-width:900px){
 .launch-hero-copy{max-width:67%}
 .launch-hero-media{width:46%}
}
@media(max-width:600px){
 .quiz-launch-heading{min-height:140px}
 .quiz-launch-heading h1{font-size:clamp(25px,7vw,32px)}
 .launch-hero-copy{max-width:72%}
 .launch-hero-media{width:42%}
 .launch-hero-media img{width:235px;height:155px;right:-60px;top:-5px;object-fit:contain;object-position:right center}
 .launch-tile{min-height:151px;border-radius:15px}
 .launch-tile > strong{font-size:clamp(20px,6.3vw,24px)}
 .launch-tile > span.launch-card-desc{font-size:10px;max-width:78%;text-shadow:0 1px 4px #0f438b}
 .launch-tile .launch-tile-action{padding:8px 10px;font-size:10px}
 .launch-feature-tag{padding:5px 7px;font-size:8px}
 .launch-feature-art{width:134px;height:136px;bottom:-13px;right:-26px;opacity:.88}
 .launch-weekly .launch-feature-art{width:134px;height:136px;right:-23px;bottom:-12px;opacity:.88}
 .launch-tile::after{height:54px;bottom:-26px}
 .launch-option{min-height:80px}
 .launch-option-icon{width:30px;height:30px;border-radius:10px}
 .launch-option-icon svg{width:18px;height:18px}
 .launch-ranking-symbol{width:31px;height:31px}
 .launch-ranking-symbol svg{width:20px;height:20px}
}
@media(max-width:355px){
 .launch-hero-copy{max-width:73%}
 .launch-hero-media{width:40%}
 .launch-tile > span.launch-card-desc{max-width:81%}
}
@media(prefers-reduced-motion:reduce){.launch-tile .launch-tile-action{transition:none}}


/* Quiz Club v20 – polished real website, keeping the compact six-mode navigation. */
.quiz-launch-heading{
 position:relative;isolation:isolate;
 background:
  radial-gradient(ellipse 370px 210px at 81% 23%,#a7d9ff8a,transparent 83%),
  linear-gradient(110deg,#fff 0%,#f7fbff 45%,#dceeff 100%);
 box-shadow:inset 0 2px 1px #fff,0 25px 48px #1b63a52c,0 2px 7px #3d72ba14;
 border-color:#fff;
}
.quiz-launch-heading::before{
 content:"";position:absolute;z-index:-1;inset:auto 5% -52% auto;
 width:34%;height:205%;border-radius:50%;
 background:radial-gradient(ellipse,#7ebcff77,transparent 68%);transform:none;
 pointer-events:none;
}
.quiz-launch-heading h1{color:#122e61;text-shadow:0 2px 0 #fff}
.quiz-launch-heading h1 em{
 color:#1a5bcc;display:inline;
 background:none!important;-webkit-background-clip:initial!important;
 background-clip:initial!important;-webkit-text-fill-color:#2369dc!important;
 text-shadow:0 1px 0 #ffffff,0 3px 7px #3b83cf28;
}
.launch-hero-copy{max-width:70%}
.launch-hero-media{
 width:30%;right:7px;top:-5px;height:calc(100% + 9px);
 mask-image:none;-webkit-mask-image:none;overflow:visible;
}
.launch-hero-media img{
 inset:0;width:100%;height:100%;object-fit:contain;object-position:center;
 mask-image:none;-webkit-mask-image:none;
 filter:drop-shadow(0 10px 18px #2864a84a) saturate(1.14) contrast(1.05);
}
.launch-tile{isolation:isolate;transform:translateZ(0);
 box-shadow:inset 0 2px 0 #fffc,inset 0 -4px 0 #124d9833,0 13px 30px #1556b853,0 5px 12px #103c9540;
 border:1px solid #91d4ff;
}
.launch-tile.launch-weekly{
 border-color:#d4b5ff;
 box-shadow:inset 0 2px 0 #fff9,inset 0 -4px 0 #4e238c52,0 13px 30px #6632b45b,0 5px 12px #42218035;
}
.launch-tile::before{
 content:"";z-index:1;position:absolute;pointer-events:none;
 width:105%;height:160px;left:-11%;top:-91px;
 background:linear-gradient(180deg,#ffffff66 0%,#fff5 51%,transparent 82%);
 transform:rotate(-8deg);border-radius:0 0 70% 0;
}
.launch-tile::after{
 content:"";pointer-events:none;z-index:0;
 width:65%;height:91px;right:-8%;left:auto;top:auto;bottom:-33px;
 border-radius:50%;transform:perspective(300px) rotateX(58deg);
 background:linear-gradient(180deg,#c6f1ffc9,#4aaeff99 47%,#1153c22e);
 border-top:2px solid #ffffffc4;
 box-shadow:0 -20px 40px #aaeaff69,0 16px 26px #144d9738;
}
.launch-tile.launch-weekly::after{
 background:linear-gradient(180deg,#f9dbffcc,#b995ef9c 43%,#522bc33b);
 box-shadow:0 -15px 42px #f7c2ff66,0 17px 27px #522c973b;
}
.launch-feature-art{
 opacity:1;
 object-fit:contain;object-position:right bottom;
 filter:drop-shadow(0 16px 9px #07479e80) saturate(1.22) contrast(1.15);
}
.launch-weekly .launch-feature-art{
 filter:drop-shadow(0 15px 12px #3d167b8a) saturate(1.2) contrast(1.15);
}
.launch-tile > span.launch-card-desc,
.launch-tile.launch-weekly > span.launch-card-desc{
 color:#fff;opacity:1;font-weight:680;
 text-shadow:0 1px 5px #0e448f9b;font-size:13px;
}
.launch-tile .launch-tile-action,
.launch-weekly .launch-tile-action{
 background:linear-gradient(180deg,#fff 0%,#fff 34%,#dceaff 100%);
 border:1px solid #fff;
 box-shadow:inset 0 2px 0 #fffe,0 3px 2px #90b8f18c,0 10px 18px #0c3c8463;
 color:#164b9b;text-shadow:none;
}
.launch-weekly .launch-tile-action{color:#5433a9}
.launch-option{
 border:1px solid #fff;background:linear-gradient(145deg,#fff,#f4f9ff);
 box-shadow:inset 0 2px 0 #fff,0 9px 23px #244e851d,0 3px 5px #254a7921;
}
.launch-option-icon{
 box-shadow:inset 0 2px 0 #ffffffa8,inset 0 -4px 1px #072c6b30,0 9px 13px #2454b14d;
}
.launch-option strong{font-weight:850}
.launch-option small{color:#526884}
.launch-ranking{
 background:linear-gradient(112deg,#eaf5ff 2%,#fff 47%,#cfe8ff 100%);
 box-shadow:inset 0 2px 0 #fff,0 9px 25px #3579ba27;
}
.launch-ranking-symbol{box-shadow:inset 0 2px 2px #ffffffc9,inset 0 -3px 1px #8e5b2036,0 8px 11px #bf8b3845}
.launch-ranking-action{
 background:linear-gradient(180deg,#fff,#e7f2ff);
 box-shadow:inset 0 2px 0 #fff,0 7px 15px #235caf30;
}
@media(max-width:600px){
 .quiz-launch-heading{min-height:154px;padding:15px 14px;margin-bottom:11px;overflow:hidden}
 .quiz-launch-heading h1{font-size:clamp(27px,7.1vw,34px);line-height:1.09;letter-spacing:-.055em}
 .launch-hero-copy{max-width:70%}
 .quiz-launch-intro{font-size:clamp(11px,2.8vw,12px);line-height:1.42;max-width:240px}
 .launch-hero-media{width:31%;height:122px;right:0;top:12px;overflow:visible}
 .launch-hero-media img{object-fit:contain;object-position:center}
 .launch-competitions{gap:10px}
 .launch-tile{min-height:177px;padding:13px 12px}
 .launch-feature-tag{font-size:9px;padding:5px 8px}
 .launch-tile strong{font-size:clamp(20px,6.2vw,26px)}
 .launch-tile > span.launch-card-desc,.launch-tile.launch-weekly > span.launch-card-desc{
  font-size:11px;line-height:1.35;max-width:94%;
  text-shadow:0 1px 6px #064180c4;
 }
 .launch-feature-art{width:115px;height:112px;right:-5px;bottom:1px;opacity:.84;object-fit:contain}
 .launch-weekly .launch-feature-art{width:110px;height:115px;right:-4px;bottom:1px;opacity:.86}
 .launch-tile .launch-tile-action{font-size:11px;padding:9px 10px;position:relative;z-index:3}
 .launch-tile::after{width:68%;height:62px;bottom:-20px}
 .launch-option{min-height:85px;padding:11px}
 .launch-option strong{font-size:12px}
 .launch-option small{font-size:10px;line-height:1.3}
 .launch-ranking{min-height:59px}
 .launch-ranking strong{font-size:13px}
 .launch-ranking small{font-size:10px}
}
@media(max-width:355px){
 .quiz-launch-heading{min-height:149px}
 .launch-hero-copy{max-width:74%}
 .quiz-launch-heading h1{font-size:27px}
 .launch-hero-media{width:28%;top:20px;height:110px}
 .launch-tile{padding:12px 9px;min-height:184px}
 .launch-tile strong{font-size:20px}
 .launch-feature-tag{padding:5px;font-size:8px}
 .launch-tile > span.launch-card-desc,.launch-tile.launch-weekly > span.launch-card-desc{font-size:10.5px}
 .launch-tile .launch-tile-action{font-size:10px;padding:8px}
 .launch-feature-art,.launch-weekly .launch-feature-art{width:94px;height:105px;opacity:.8}
}


/* 2026-10-14: dissolve the catalog cover into the hero rather than showing a square. */
.quiz-launch-heading {
  background:
    radial-gradient(ellipse 360px 210px at 88% 45%,rgba(133,199,255,.45),transparent 74%),
    linear-gradient(106deg,#fff 2%,#f6fbff 48%,#d2e9ff 100%);
  box-shadow:inset 0 2px 0 #fff,0 17px 39px rgba(38,96,168,.22);
}
.launch-hero-copy{max-width:67%;position:relative;z-index:2}
.quiz-launch-heading h1 em {
  background:none!important;
  color:#2363d4!important;
  -webkit-text-fill-color:#2363d4!important;
  text-shadow:none;
}
.launch-hero-media{
  overflow:visible;
  width:41%;top:0;right:-2%;height:100%;
  -webkit-mask-image:radial-gradient(ellipse 69% 77% at 53% 52%,#000 48%,rgba(0,0,0,.9) 65%,transparent 99%);
  mask-image:radial-gradient(ellipse 69% 77% at 53% 52%,#000 48%,rgba(0,0,0,.9) 65%,transparent 99%);
}
.launch-hero-media img{
  width:100%;height:100%;right:0;top:0;
  object-fit:contain;object-position:center;
  mix-blend-mode:multiply;
  filter:drop-shadow(0 10px 16px rgba(34,94,163,.24)) saturate(1.2);
}
.launch-tile .launch-card-desc,
.launch-tile.launch-weekly .launch-card-desc{
  color:#fff!important;
  opacity:1;
  text-shadow:0 1px 6px rgba(0,25,97,.45);
  font-weight:700;
}
.launch-tile .launch-tile-action {
  box-shadow:inset 0 1px 0 #fff,0 6px 15px rgba(7,38,112,.32);
  border:1px solid #fff;
  background:linear-gradient(180deg,#fff 0%,#fdfefe 47%,#dceaff 100%);
}
.launch-tile::before{opacity:.88}
.launch-feature-art {
  filter:drop-shadow(0 14px 12px rgba(9,48,134,.49)) saturate(1.22);
}
.launch-weekly .launch-feature-art{
  filter:drop-shadow(0 14px 13px rgba(62,22,126,.54)) saturate(1.21);
}
.launch-option-icon {
  box-shadow:inset 0 2px 1px #ffffffaa,inset 0 -3px 1px #0d306939,0 8px 14px #174b9a45;
}
@media(max-width:600px){
  .quiz-launch-heading{min-height:153px;padding:14px 14px;margin-bottom:10px}
  .launch-hero-copy{max-width:72%}
  .quiz-launch-heading h1{font-size:clamp(27px,7.1vw,34px)}
  .quiz-launch-intro{font-size:clamp(11px,2.75vw,12px);line-height:1.43}
  .launch-hero-media{
    right:-12px;top:3px;width:45%;height:calc(100% - 4px);
    -webkit-mask-image:radial-gradient(ellipse 69% 76% at 52% 51%,#000 48%,rgba(0,0,0,.83) 68%,transparent 100%);
    mask-image:radial-gradient(ellipse 69% 76% at 52% 51%,#000 48%,rgba(0,0,0,.83) 68%,transparent 100%);
  }
  .launch-hero-media img {width:100%;height:100%;object-fit:contain}
  .launch-tile{min-height:187px}
  .launch-tile strong{font-size:clamp(21px,6.3vw,26px)}
  .launch-tile .launch-card-desc,.launch-tile.launch-weekly .launch-card-desc{
    font-size:11px;max-width:74%;line-height:1.36;
    position:relative;z-index:3
  }
  .launch-feature-art,.launch-weekly .launch-feature-art{
    opacity:.91;width:min(64%,139px);height:130px;right:-7px;bottom:-1px;
  }
  .launch-tile .launch-tile-action{position:relative;z-index:4;padding:9px 11px;font-size:11px}
  .launch-option{min-height:86px}
  .launch-option strong{font-size:12px}
  .launch-option small{font-size:10px}
}
@media(max-width:355px){
  .launch-hero-copy{max-width:75%}
  .launch-hero-media{width:43%;right:-14px}
  .launch-tile{min-height:197px}
  .launch-tile strong{font-size:20px}
  .launch-feature-art,.launch-weekly .launch-feature-art{width:102px;height:115px;opacity:.9}
  .launch-tile .launch-card-desc,.launch-tile.launch-weekly .launch-card-desc{max-width:78%;font-size:10.5px}
}


/* Quiz Club v22 – make the four core play modes as discoverable as competitions.
   Enlarge on desktops without creating a long page on narrow devices. */
body{min-height:100svh;display:flex;flex-direction:column}
body > main.shell{flex:1 0 auto}
body > footer.foot{flex-shrink:0}
.launch-mode-section{margin-top:clamp(17px,2.2vw,25px)}
.launch-mode-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;column-gap:18px;row-gap:4px;margin:0 3px 13px}
.launch-mode-heading h2{font:800 clamp(20px,2.15vw,27px)/1.17 Manrope,sans-serif;letter-spacing:-.045em;color:#18345f;margin:0}
.launch-mode-heading span{font-size:12px;font-weight:600;color:#6a7c95}
.launch-mode-section .launch-other{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:0}
.launch-mode-section .launch-option{
 grid-template-columns:55px minmax(0,1fr) 32px;
 grid-template-rows:auto auto;
 gap:5px 15px;
 min-height:128px;padding:19px 22px;
 border-radius:21px;
 border:1px solid #ffffff;
 box-shadow:inset 0 2px 0 #ffffff,0 11px 27px #244e861b,0 3px 7px #1d528211;
 transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.launch-mode-section .launch-option::before{
 width:185px;height:185px;left:-65px;top:-95px;opacity:.9;
}
.launch-mode-section .launch-option-icon{
 grid-column:1;grid-row:1/3;align-self:center;
 width:55px;height:55px;border-radius:17px;
 box-shadow:inset 0 2px 1px #ffffffc9,inset 0 -3px 2px #1c386537,0 10px 18px #1f69c045;
}
.launch-mode-section .launch-option-icon svg{width:28px;height:28px}
.launch-mode-section .launch-option strong{
 grid-column:2;grid-row:1;align-self:end;
 font:800 18px/1.25 Manrope,sans-serif;letter-spacing:-.035em;color:#162f5a;
}
.launch-mode-section .launch-option small{
 grid-column:2;grid-row:2;align-self:start;margin:1px 0 0;
 font-size:13px;line-height:1.45;font-weight:550;color:#566d87;
}
.launch-mode-section .launch-option-arrow{
 grid-column:3;grid-row:1/3;align-self:center;
 display:grid;width:31px;height:31px;font-size:18px;
 box-shadow:inset 0 2px 1px #fff,0 4px 9px #305d9430;
}
.launch-mode-section .launch-option:hover{
 transform:translateY(-3px);border-color:#b6d2f6;
 box-shadow:inset 0 2px 0 #fff,0 17px 33px #264f9030,0 3px 10px #2c6dad20;
}
.launch-mode-section .launch-option:focus-visible{outline:3px solid #eaad52;outline-offset:3px}
#ranking-launch{margin-top:clamp(14px,2vw,21px)}
/* On small laptop displays preserve room for all six primary choices. */
@media(min-width:901px) and (max-height:760px){
 .quiz-launch{padding-top:13px}
 .quiz-launch-heading{min-height:155px}
 .launch-tile{min-height:180px}
 .launch-mode-section{margin-top:15px}
 .launch-mode-section .launch-option{min-height:111px;padding:13px 20px}
 .launch-mode-heading{margin-bottom:9px}
 #ranking-launch{margin-top:13px}
}
@media(max-width:900px){
 .launch-mode-section .launch-other{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
 .launch-mode-section .launch-option{min-height:116px;padding:15px;grid-template-columns:45px minmax(0,1fr) 24px;column-gap:11px}
 .launch-mode-section .launch-option-icon{width:45px;height:45px;border-radius:14px}
 .launch-mode-section .launch-option-icon svg{width:24px;height:24px}
 .launch-mode-section .launch-option strong{font-size:15px}
 .launch-mode-section .launch-option small{font-size:11px}
 .launch-mode-section .launch-option-arrow{width:25px;height:25px}
}
@media(max-width:600px){
 .launch-mode-section{margin-top:15px}
 .launch-mode-heading{align-items:center;row-gap:2px;margin:0 1px 10px}
 .launch-mode-heading h2{font-size:19px;line-height:1.25}
 .launch-mode-heading span{font-size:10px}
 .launch-mode-section .launch-other{gap:9px}
 .launch-mode-section .launch-option{
  min-height:107px;padding:12px 10px;column-gap:8px;row-gap:4px;
  grid-template-columns:31px minmax(0,1fr);grid-template-rows:auto auto;
  border-radius:15px;
 }
 .launch-mode-section .launch-option-icon{
  grid-row:1/3;width:31px;height:31px;border-radius:11px;
  box-shadow:inset 0 2px 0 #ffffffae,inset 0 -3px 1px #2543793c,0 6px 11px #2055a340;
 }
 .launch-mode-section .launch-option-icon svg{width:18px;height:18px}
 .launch-mode-section .launch-option strong{grid-column:2;font-size:12px;line-height:1.23;letter-spacing:-.02em}
 .launch-mode-section .launch-option small{grid-column:2;font-size:10px;line-height:1.35}
 .launch-mode-section .launch-option-arrow{display:none}
 #ranking-launch{margin-top:12px}
}
@media(max-width:355px){
 .launch-mode-heading{margin-bottom:8px}
 .launch-mode-section .launch-option{padding:10px 8px;min-height:109px;grid-template-columns:29px minmax(0,1fr);column-gap:6px}
 .launch-mode-section .launch-option-icon{width:29px;height:29px}
 .launch-mode-section .launch-option strong{font-size:11.5px}
 .launch-mode-section .launch-option small{font-size:9.5px}
}
@media(prefers-reduced-motion:reduce){.launch-mode-section .launch-option{transition:none}}


/* Tablet and compact-laptop sizing: all primary modes remain in first viewport. */
@media(min-width:601px) and (max-width:900px){
 .launch-mode-section{margin-top:13px}
 .launch-mode-heading{margin-bottom:8px}
 .launch-mode-section .launch-other{gap:9px}
 .launch-mode-section .launch-option{min-height:100px;padding:12px 15px}
 #ranking-launch{margin-top:12px}
}
@media(min-width:901px) and (max-width:1399px) and (max-height:900px){
 .quiz-launch{padding-top:14px}
 .quiz-launch-heading{min-height:156px;margin-bottom:12px}
 .launch-tile{min-height:181px}
 .launch-mode-section{margin-top:14px}
 .launch-mode-heading{margin-bottom:9px}
 .launch-mode-section .launch-option{min-height:109px;padding:12px 18px}
 #ranking-launch{margin-top:12px}
}