.quiz{--quiz-lime:#cce95b;--quiz-coral:var(--danger);--quiz-success:#548048;--quiz-error:var(--danger);--quiz-accent:var(--accent);--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:var(--danger);--quiz-success:#d4f163;--quiz-error:var(--danger);--quiz-accent:var(--accent);--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 var(--text-md)/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(--accent);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{align-items:flex-start;gap:var(--space-5);flex-direction:column;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:-80px 0 0 -64px;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:var(--text-sm);font-weight:500}.quiz-start-button{font-size:var(--text-md)}.quiz-play{gap:var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex;container-type:inline-size}.quiz-header{gap:var(--space-3);display:grid}.quiz-status{color:var(--muted);font:600 var(--text-xs)/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:var(--space-1);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{gap:var(--space-4);flex-direction:column;flex:auto;min-height:0;display:flex}.quiz-clue{font:500 var(--text-lg)/1.28 var(--font-serif);letter-spacing:-.018em}.quiz-clue.is-medium{font-size:var(--text-lg)}.quiz-clue.is-long{font-size:var(--text-md);line-height:1.32}.quiz-measure{margin-top:var(--space-2);color:var(--muted);font:500 var(--text-xs)/1.3 var(--font-sans)}.quiz-answers{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));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{gap:var(--space-3);flex:auto;grid-template-rows:minmax(0,1fr);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{justify-content:space-between;align-items:flex-start;gap:var(--space-2);min-height:56px;padding:var(--space-3);font:600 var(--text-sm)/1.3 var(--font-sans)}.quiz-tile-picture,.quiz-tile-comparison{gap:var(--space-1);padding:var(--space-2);flex-direction:column}.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 var(--text-xs)/1.25 var(--font-sans);padding-inline:2px}.quiz-tile-comparison .quiz-tile-title{min-height:2.5em;font:600 var(--text-md)/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);font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;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{padding:var(--space-1) var(--space-2);color:#fff;font:700 var(--text-xs)/1.2 var(--font-sans);background:#17151cc7;border-radius:999px;position:absolute;top:8px;left:8px}.quiz-reveal-slot{flex-shrink:0;min-height:72px}.quiz-reveal{gap:var(--space-2);display:grid}.quiz-reveal-card{align-items:center;gap:var(--space-3);min-width:0;padding:var(--space-2) var(--space-1) var(--space-2) var(--space-3);border:1px solid color-mix(in srgb, var(--quiz-cat) 55%, transparent);background:var(--quiz-reveal);border-radius:16px;display:flex}.quiz-reveal-card img{object-fit:cover;border-radius:12px;flex-shrink:0;width:52px;height:52px}.quiz-reveal-text{flex:auto;min-width:0}.quiz-reveal-title{font:500 var(--text-md)/1.3 var(--font-serif);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.quiz-reveal-detail{color:var(--muted);font-size:var(--text-xs);-webkit-line-clamp:2;-webkit-box-orient:vertical;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:var(--space-2);display:grid}.quiz-bar{gap:var(--space-1) var(--space-2);font-size:var(--text-xs);grid-template-columns:minmax(0,1fr) auto;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{justify-content:space-between;gap:var(--space-4);flex-shrink:0;margin-top:auto;display:flex}.quiz-results{gap:var(--space-4);flex-direction:column;margin-block:auto;display:flex}.quiz-results-caption{color:var(--muted);font-size:var(--text-xs);text-overflow:ellipsis;white-space:nowrap;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 var(--text-2xl)/1.2 var(--font-serif);letter-spacing:-.02em}.quiz-thumbs{gap:var(--space-2);padding:0 0 var(--space-1);list-style:none;display:flex}.quiz-thumbs li{aspect-ratio:1;background:color-mix(in srgb, var(--quiz-cat) 40%, transparent);border-radius:12px;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;width:20px;height:20px;font-size:var(--text-xs);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:-4px;right:-4px}.quiz-thumbs .is-correct .quiz-thumb-badge{background:var(--quiz-lime)}.quiz-results-actions{gap:var(--space-1) var(--space-5);margin-top:var(--space-1);flex-wrap:wrap;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:var(--text-xs)}@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:var(--text-lg)}.quiz-clue.is-medium,.quiz-clue.is-long{font-size:var(--text-md)}.quiz-tile-text{padding:var(--space-3);font-size:var(--text-sm)}.quiz-stage,.quiz-play{gap:var(--space-3)}}@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-content:center;align-items:start;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{margin:0 0 var(--space-2);font:var(--page-display-font);letter-spacing:-.045em}.home-introduction .hero-deck{color:#efe9df;max-width:670px;margin:0 0 var(--space-3);font-size:clamp(1.05rem,1.55vw,1.4rem);line-height:1.55}.home-introduction .hero-deck time{margin-top:var(--space-3);font-style:italic;font-weight:400;display:block}.home-notifications{color:#fff;min-width:0;margin-top:calc(clamp(3.1rem,6.4vw,6.4rem)/4.06504 - clamp(2.15rem,3.2vw,3rem)/3.7594)}.home-notifications h2{margin:0 0 var(--space-3);font:500 clamp(2.15rem, 3.2vw, 3rem)/1.2 var(--font-serif);letter-spacing:-.02em;text-shadow:0 1px 12px #00000073}.home-notifications ol{padding:2px 2px var(--space-2);gap:var(--space-2);scrollbar-width:none;max-height:420px;margin:0;list-style:none;display:grid;overflow-y:auto}.home-notice{padding:var(--space-4) var(--space-4);-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;box-shadow:inset 0 1px #ffffff30,0 3px 12px #100a201c}.notice-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-1);display:flex}.notice-heading time{white-space:nowrap;font-size:var(--text-xs);color:#f5edf9;flex-shrink:0}.home-notice strong{font-size:var(--text-md);line-height:1.3}.notice-body{font-size:var(--text-sm);line-height:1.5;display:block}.home-quiz-section{color:var(--ink);width:min(600px,100% - 24px);height:min(780px,100svh - 32px);max-height:calc(100svh - 32px);padding:var(--space-8) var(--space-6) var(--space-5);border:1px solid var(--line);-webkit-backdrop-filter:blur(28px)saturate(150%);backdrop-filter:blur(28px)saturate(150%);background:#fff8fdd6;border-radius: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;width:38px;min-height:38px;font-size:var(--text-md);place-items:center;padding:0;display:grid;position:absolute;top:8px;right:10px}.flow-section{isolation:isolate;padding-block:var(--space-6);border-top:1px solid var(--line);background:linear-gradient(165deg,#fff,#f0f0f2);position:relative;overflow:clip}.flow-section .section-intro{margin:0 0 var(--space-4);text-align:left}.flow-section h2{font:500 clamp(1.65rem, 3vw, 2.4rem)/1.2 var(--font-serif);letter-spacing:-.04em;margin:0}.flow-section .flowchart{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.flow-section .flowchart article{min-height:0;padding:var(--space-4) var(--space-9) var(--space-4) var(--space-4);border:1px solid var(--line);background:var(--card);border-radius:5px;transition:transform .18s,box-shadow .18s;position:relative}.flow-section .flowchart h3{align-items:center;gap:var(--space-3);margin:0 0 var(--space-2);font:500 clamp(1rem, 1.5vw, 1.3rem)/1.3 var(--font-serif);letter-spacing:-.02em;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 var(--text-sm) 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{font-size:var(--text-sm);color:var(--muted);margin:0;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{align-items:center;gap:var(--space-1);width:63px;font:600 var(--text-md) var(--font-serif);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{gap:var(--space-6);padding-block:var(--space-7);grid-template-columns:minmax(0,1fr)}.home-notifications{margin-top:0}.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:var(--space-3) var(--space-6);margin-top:var(--space-5)}.home-navigation.paint-links>a,.home-navigation.paint-links>button{padding:var(--space-2) 2px;color:#fff;letter-spacing:-.01em;text-shadow:0 1px 2px #000000b3,0 0 14px #00000073;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;width:30px;height:30px;font:500 var(--text-xl)/1 Georgia, serif;background:#fff;border-radius:7px;flex-shrink:0;place-items:center;display:grid}.flow-section .flowchart article:has(.flow-source-logos){padding-right:var(--space-11)}: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:var(--space-8) var(--space-4) var(--space-4)}}