.quiz{--quiz-lime:#cce95b;--quiz-coral:#ff765f;--quiz-success:#548048;--quiz-error:#c4412b;--quiz-accent:#7845df;--quiz-tile:#f4f0e7;--quiz-tile-line:#211b2b24;--quiz-track:#211b2b1a;--quiz-reveal:#ffffffb3;--quiz-secondary:#211b2b0d;--quiz-secondary-line:#211b2b33;--quiz-glyph-ink:#fbf8ef;--quiz-correct-fill:color-mix(in srgb, var(--quiz-lime) 72%, transparent);--quiz-wrong-fill:color-mix(in srgb, var(--quiz-coral) 32%, transparent);min-height:0;color:var(--ink);flex-direction:column;flex:auto;display:flex}:root[data-theme=dark] .quiz{--quiz-lime:#d4f163;--quiz-coral:#ff806b;--quiz-success:#d4f163;--quiz-error:#ff806b;--quiz-accent:#b793fc;--quiz-tile:#b395e529;--quiz-tile-line:#ffffff47;--quiz-track:#ffffff29;--quiz-reveal:#ffffff14;--quiz-secondary:#ffffff12;--quiz-secondary-line:#ffffff47;--quiz-glyph-ink:#191326;--quiz-correct-fill:color-mix(in srgb, var(--quiz-lime) 32%, transparent);--quiz-wrong-fill:color-mix(in srgb, var(--quiz-coral) 30%, transparent)}.quiz :where(h2,p,ol){margin:0}.quiz .ui-icon{width:1em;height:1em}.quiz-action{min-width:0;min-height:44px;color:var(--ink);font:700 1rem/1.2 var(--font-sans);white-space:nowrap;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 2px;text-decoration:none;display:inline-flex}.quiz-action:visited{color:var(--ink)}.quiz-action:disabled{opacity:.45;cursor:default}.quiz-action:focus{outline:none}.quiz[data-keyboard] :is(.quiz-tile,.quiz-reveal-source):focus-visible{outline:2px solid var(--purple);outline-offset:3px}.quiz :is(.quiz-tile,.quiz-reveal-source):focus{outline:none}.quiz[data-keyboard] .quiz-action:focus-visible .drawn-underline-hover svg{clip-path:inset(0)}.quiz :is(.quiz-clue,.quiz-tier):focus{outline:none}@media (hover:hover) and (pointer:fine){.quiz-tile:not(:disabled):hover{transform:translateY(-3px);box-shadow:0 6px 14px #17102424}}.quiz-start{flex-direction:column;align-items:flex-start;gap:20px;margin-block:auto;display:flex}.quiz-fan{align-self:stretch;height:178px;position:relative}.quiz-fan-card{background:var(--paper-deep);object-fit:cover;width:116px;height:148px;translate:var(--fan-x) var(--fan-y);rotate:var(--fan-r);border:3px solid #ffffffe6;border-radius:16px;margin:-74px 0 0 -58px;position:absolute;top:50%;left:50%;box-shadow:0 6px 12px #00000040}.quiz-fan-card-0{--fan-x:-82px;--fan-y:8px;--fan-r:-11deg}.quiz-fan-card-1{--fan-x:0px;--fan-y:-6px;--fan-r:2deg;z-index:1}.quiz-fan-card-2{--fan-x:82px;--fan-y:10px;--fan-r:12deg}.quiz-start-title{font:500 clamp(2.6rem, 11vw, 3.25rem)/1.14 var(--font-serif);letter-spacing:-.045em}.quiz-meta{color:var(--muted);font-size:.86rem;font-weight:500}.quiz-start-button{font-size:1.1rem}.quiz-play{flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex;container-type:inline-size}.quiz-header{gap:10px;display:grid}.quiz-status{color:var(--muted);font:600 .8rem/1.3 var(--font-sans);font-variant-numeric:tabular-nums;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quiz-status span:first-child{color:var(--ink)}.quiz-clock{font-weight:800;transition:color .3s}.quiz-clock.is-grey{color:var(--muted)}.quiz-clock.is-yellow{color:#b7791f}:root[data-theme=dark] .quiz-clock.is-yellow{color:#f5c451}.quiz-clock.is-red{color:var(--quiz-error)}.quiz-segments{gap:5px;height:5px;padding:0;list-style:none;display:flex}.quiz-segment{background:var(--quiz-track);border-radius:999px;flex:1 1 0;overflow:hidden}.quiz-segment.is-correct{background:var(--quiz-lime)}.quiz-segment.is-wrong{background:var(--quiz-coral)}.quiz-segment span{background:var(--quiz-accent);transform-origin:0;height:100%;animation:quiz-fill var(--quiz-duration,15s) linear forwards;display:block}@keyframes quiz-fill{0%{transform:scaleX(0)}}.quiz-stage{flex-direction:column;flex:auto;gap:14px;min-height:0;display:flex}.quiz-clue{font:500 1.375rem/1.28 var(--font-serif);letter-spacing:-.018em}.quiz-clue.is-medium{font-size:1.2rem}.quiz-clue.is-long{font-size:1.06rem;line-height:1.32}.quiz-measure{color:var(--muted);font:500 .78rem/1.3 var(--font-sans);margin-top:6px}.quiz-answers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;min-height:0;display:grid}.quiz-answers-picture{flex:auto;grid-template-rows:repeat(2,minmax(0,1fr));max-height:calc(100cqi + 76px)}.quiz-answers-comparison{flex:auto;grid-template-rows:minmax(0,1fr);gap:12px;max-height:calc(80.6452cqi + 32.9677px)}.quiz-tile{border:1px solid var(--quiz-tile-line);background:var(--quiz-tile);min-width:0;min-height:0;color:var(--ink);font:inherit;text-align:left;cursor:pointer;border-radius:16px;padding:0;transition:transform .18s,box-shadow .18s,opacity .2s,background-color .2s,border-color .2s;display:flex;position:relative}.quiz-tile:disabled{color:var(--ink);cursor:default}.quiz-tile.is-correct{border-color:var(--quiz-success);background:var(--quiz-correct-fill);box-shadow:inset 0 0 0 1.5px var(--quiz-success)}.quiz-tile.is-wrong{border-color:var(--quiz-coral);background:var(--quiz-wrong-fill);box-shadow:inset 0 0 0 1.5px var(--quiz-coral)}.quiz-tile.is-dimmed{opacity:.6}.quiz-tile-text{min-height:56px;font:600 .9rem/1.3 var(--font-sans);justify-content:space-between;align-items:flex-start;gap:8px;padding:12px}.quiz-tile-picture,.quiz-tile-comparison{flex-direction:column;gap:5px;padding:6px}.quiz-tile-art{background:var(--paper-deep);border-radius:12px;flex:auto;min-height:48px;position:relative;overflow:hidden}.quiz-tile-art img{object-fit:cover;object-position:50% 30%;width:100%;height:100%;position:absolute;inset:0}.quiz-tile-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;flex-shrink:0;display:-webkit-box;overflow:hidden}.quiz-tile-picture .quiz-tile-title{min-height:2.5em;font:600 .78rem/1.25 var(--font-sans);padding-inline:2px}.quiz-tile-comparison .quiz-tile-title{min-height:2.5em;font:600 1rem/1.25 var(--font-serif);padding-inline:2px}.quiz-tile-text .quiz-tile-title{overflow-wrap:anywhere;flex:auto;min-width:0;display:block}.quiz-glyph{background:var(--quiz-success);width:22px;height:22px;color:var(--quiz-glyph-ink);border-radius:50%;flex-shrink:0;place-items:center;font-size:14px;display:grid}.quiz-glyph.is-wrong{background:var(--quiz-error)}.quiz-tile-art .quiz-glyph{width:26px;height:26px;box-shadow:0 0 0 2px var(--card);position:absolute;top:6px;right:6px}.quiz-rank{color:#fff;font:700 .72rem/1.2 var(--font-sans);background:#17151cc7;border-radius:999px;padding:3px 7px;position:absolute;top:8px;left:8px}.quiz-reveal-slot{flex-shrink:0;min-height:72px}.quiz-reveal{gap:6px;display:grid}.quiz-reveal-card{border:1px solid color-mix(in srgb, var(--quiz-cat) 55%, transparent);background:var(--quiz-reveal);border-radius:16px;align-items:center;gap:10px;min-width:0;padding:8px 4px 8px 10px;display:flex}.quiz-reveal-card img{object-fit:cover;border-radius:10px;flex-shrink:0;width:52px;height:52px}.quiz-reveal-text{flex:auto;min-width:0}.quiz-reveal-title{font:500 1.06rem/1.3 var(--font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quiz-reveal-detail{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;line-height:1.35;display:-webkit-box;overflow:hidden}.quiz-reveal-detail strong,.quiz-bar.is-winner .quiz-bar-value{color:color-mix(in srgb, var(--quiz-cat) 62%, var(--ink))}.quiz-reveal-source{width:32px;height:44px;color:var(--quiz-accent);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.quiz-bars{gap:6px;display:grid}.quiz-bar{grid-template-columns:minmax(0,1fr) auto;gap:3px 8px;font-size:.75rem;display:grid}.quiz-bar-title{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.quiz-bar-value{color:var(--muted);font-variant-numeric:tabular-nums;font-weight:700}.quiz-bar-track{background:var(--quiz-track);border-radius:999px;grid-column:1/-1;height:8px;overflow:hidden}.quiz-bar-track span{border-radius:inherit;background:color-mix(in srgb, var(--muted) 45%, transparent);height:100%;display:block}.quiz-bar.is-winner .quiz-bar-track span{background:var(--quiz-cat)}.quiz-actions{flex-shrink:0;justify-content:space-between;gap:16px;margin-top:auto;display:flex}.quiz-results{flex-direction:column;gap:14px;margin-block:auto;display:flex}.quiz-results-caption{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;font-weight:600;overflow:hidden}.quiz-score{font:500 4.75rem/1.05 var(--font-serif);letter-spacing:-.03em;font-variant-numeric:lining-nums}.quiz-tier{font:500 1.75rem/1.2 var(--font-serif);letter-spacing:-.02em}.quiz-thumbs{gap:8px;padding:0 0 4px;list-style:none;display:flex}.quiz-thumbs li{aspect-ratio:1;background:color-mix(in srgb, var(--quiz-cat) 40%, transparent);border-radius:10px;flex:0 56px;position:relative}.quiz-thumbs img{border-radius:inherit;object-fit:cover;width:100%;height:100%}.quiz-thumb-badge{background:var(--quiz-coral);color:#211b2b;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;display:grid;position:absolute;bottom:-4px;right:-4px}.quiz-thumbs .is-correct .quiz-thumb-badge{background:var(--quiz-lime)}.quiz-results-actions{flex-wrap:wrap;gap:4px 24px;margin-top:4px;display:flex}@media (max-width:600px){.quiz-results-actions{flex-direction:column;align-items:flex-start;gap:0}}.quiz-share-status{min-height:1.2em;color:var(--muted);font-size:.78rem}@container (width>=500px){.quiz-answers-picture{grid-template-rows:minmax(0,1fr);grid-template-columns:repeat(4,minmax(0,1fr));max-height:calc(25cqi + 40px)}}@media (min-width:560px){.quiz-score{font-size:5.5rem}}@media (max-width:600px),(max-height:760px){.quiz-clue{font-size:1.19rem}.quiz-clue.is-medium{font-size:1.1rem}.quiz-clue.is-long{font-size:1rem}.quiz-tile-text{padding:10px;font-size:.84rem}.quiz-stage,.quiz-play{gap:12px}}@media (prefers-reduced-motion:no-preference){.quiz-fan-card{animation:2.4s ease-in-out infinite alternate quiz-float}.quiz-fan-card-1{animation-duration:2.85s}.quiz-fan-card-2{animation-duration:3.3s}.quiz-stage{animation:.38s cubic-bezier(.22,.75,.25,1) both quiz-slide-in}.quiz-tile.is-pulse{animation:.5s cubic-bezier(.3,1.6,.5,1) quiz-pulse}.quiz-tile.is-shake{animation:.42s linear quiz-shake}.quiz-reveal{animation:.3s ease-out both quiz-rise}.quiz-results,.quiz-start{animation:.3s ease-out both quiz-fade}}@media (prefers-reduced-motion:reduce){.quiz-stage,.quiz-reveal,.quiz-results,.quiz-start{animation:.2s ease-out both quiz-fade}.quiz-tile{transition:none}.quiz-tile:not(:disabled):hover{transform:none}}@keyframes quiz-float{0%{transform:translateY(3px)}to{transform:translateY(-5px)}}@keyframes quiz-slide-in{0%{opacity:0;transform:translate(44px)}}@keyframes quiz-fade{0%{opacity:0}}@keyframes quiz-rise{0%{opacity:0;transform:translateY(8px)}}@keyframes quiz-pulse{40%{transform:scale(1.06)}}@keyframes quiz-shake{14%,43%,71%{transform:translate(6px)}29%,57%,86%{transform:translate(-6px)}}.home-introduction .hero-content{z-index:1;min-height:calc(100svh - var(--header-height,76px));grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:clamp(28px,4vw,56px);padding-block:clamp(56px,7vw,100px);display:grid;position:relative}.home-introduction .hero-copy{max-width:none}.home-introduction #hero-title{font:var(--page-display-font);letter-spacing:-.045em;margin:0 0 8px}.home-introduction .hero-deck{color:#efe9df;max-width:670px;margin:0 0 12px;font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1.55}.home-introduction .hero-deck time{margin-top:10px;font-style:italic;font-weight:400;display:block}.home-notifications{color:#fff;min-width:0}.home-notifications h2{font:500 clamp(2.15rem, 3.2vw, 3rem)/1.2 var(--font-serif);letter-spacing:-.02em;margin:0 0 10px}.home-notifications ol{scrollbar-width:none;gap:6px;max-height:420px;margin:0;padding:2px 2px 8px;list-style:none;display:grid;overflow-y:auto}.home-notice{-webkit-backdrop-filter:blur(22px)saturate(150%);backdrop-filter:blur(22px)saturate(150%);color:#fff;background:linear-gradient(120deg,#2b2235ad,#181223a6);border:1px solid #ffffff42;border-radius:20px;padding:16px 18px;box-shadow:inset 0 1px #ffffff30,0 3px 12px #100a201c}.notice-heading{justify-content:space-between;align-items:baseline;gap:10px;margin-bottom:3px;display:flex}.notice-heading time{white-space:nowrap;color:#f5edf9;flex-shrink:0;font-size:.75rem}.home-notice strong{font-size:.98rem;line-height:1.3}.notice-body{font-size:.85rem;line-height:1.5;display:block}.home-quiz-section{color:var(--ink);border:1px solid var(--line);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#fff8fdd6;border-radius:24px;width:min(600px,100% - 24px);height:min(780px,100svh - 32px);max-height:calc(100svh - 32px);padding:48px 28px 24px;overflow:clip auto;box-shadow:inset 0 1px #ffffff80,0 24px 60px #130e2247}.home-quiz-section:has(.quiz-idle,.quiz-complete){height:fit-content}@media (prefers-reduced-motion:no-preference){.home-quiz-section{interpolate-size:allow-keywords;transition:height .35s cubic-bezier(.22,.75,.25,1)}}.home-quiz-section[open]{flex-direction:column;display:flex}.home-quiz-section::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#130e226b}.quiz-close{z-index:1;place-items:center;width:38px;min-height:38px;padding:0;font-size:1.1rem;display:grid;position:absolute;top:8px;right:10px}.flow-section{isolation:isolate;border-top:1px solid var(--line);background:linear-gradient(165deg,#fff,#f0f0f2);padding-block:30px;position:relative;overflow:clip}.flow-section .section-intro{text-align:left;margin:0 0 16px}.flow-section h2{font:500 clamp(1.65rem, 3vw, 2.4rem)/1.2 var(--font-serif);letter-spacing:-.04em;margin:0}.flow-section .flowchart{grid-template-columns:minmax(0,1fr);gap:8px;margin:0;padding:0;list-style:none;display:grid}.flow-section .flowchart article{border:1px solid var(--line);background:var(--card);border-radius:5px;min-height:0;padding:14px 64px 14px 16px;transition:transform .18s,box-shadow .18s;position:relative}.flow-section .flowchart h3{font:500 clamp(1rem, 1.5vw, 1.3rem)/1.3 var(--font-serif);letter-spacing:-.02em;align-items:center;gap:10px;margin:0 0 6px;display:flex}.flow-step-number{border:1px solid color-mix(in srgb, var(--step-color) 70%, #fff);background:var(--step-color);color:#24172e;min-width:23px;height:23px;font:700 .85rem var(--font-sans);box-shadow:-1px 1px 0 color-mix(in srgb, var(--step-color) 68%, #34293e), -2px 2px 0 color-mix(in srgb, var(--step-color) 68%, #34293e), -3px 3px 0 color-mix(in srgb, var(--step-color) 68%, #34293e), inset 0 1px 0 #ffffff65;border-radius:6px;place-items:center;display:inline-grid}.flow-section .flowchart p{color:var(--muted);margin:0;font-size:.82rem;line-height:1.5}.flow-step-symbol,.flow-source-logos{width:30px;height:30px;color:var(--step-ink);position:absolute;top:15px;right:16px}.flow-source-logos{width:63px;font:600 1.05rem var(--font-serif);align-items:center;gap:5px;display:flex}.flow-app-logo{border-radius:7px;flex-shrink:0;width:28px;height:28px;display:block}.flow-step-symbol.flow-app-logo{width:30px;height:30px}@media (max-width:700px){.home-introduction .hero-content{grid-template-columns:minmax(0,1fr);gap:28px;padding-block:40px}.home-notifications ol{max-height:none;overflow:visible}}@media (hover:hover) and (pointer:fine){.flow-section .flowchart article:hover{transform:translateY(-4px);box-shadow:0 8px 18px #17102420}}@media (prefers-reduced-motion:reduce){.flow-section .flowchart article{transition:none}.flow-section .flowchart article:hover{transform:none}}.home-navigation{gap:12px 30px;margin-top:24px}.home-navigation.paint-links>a,.home-navigation.paint-links>button{color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px #000000b3,0 0 14px #00000073;padding:6px 2px;font-size:clamp(1.08rem,1.4vw,1.25rem);font-weight:700}.home-navigation .drawn-underline svg{filter:drop-shadow(0 1px 2px #0009)}.flow-source-logos .flow-wikipedia-logo{color:#151515;background:#fff;border-radius:7px;flex-shrink:0;place-items:center;width:30px;height:30px;font:500 24px/1 Georgia,serif;display:grid}.flow-section .flowchart article:has(.flow-source-logos){padding-right:96px}:root[data-theme=dark] .home-quiz-section{background:#191326d1;border-color:#ffffff24;box-shadow:inset 0 1px #ffffff14,0 24px 60px #00000073}:root[data-theme=dark] .flow-section{background:linear-gradient(165deg,#1c1c20,#0d0d10)}@media (min-width:601px){.home-quiz-section{height:min(700px,100svh - 32px)}}@media (max-width:600px){.home-quiz-section{padding:46px 16px 16px}}
