*{box-sizing:border-box} :root{--paper:#eeeee5;--ink:#23241f;--lime:#d5f65a;--line:#c6c7ba;--muted:#7a7c6e}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Space Grotesk',sans-serif;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23707060' opacity='.06' filter='url(%23n)' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #af491e;outline-offset:5px}button:disabled{cursor:default}.svg-defs{position:absolute;width:0;height:0}.site-header{height:91px;margin:0 5%;border-bottom:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between}.wordmark{font-family:'Playfair Display',serif;font-size:39px;font-weight:900;font-style:italic;color:inherit;text-decoration:none;letter-spacing:-4px}.wordmark span{font:30px sans-serif;display:inline-block;margin-left:8px}.header-note,.how-button{font-size:10px;font-weight:700;letter-spacing:1.4px}.how-button{background:none;border:0;padding:12px 0 12px 12px}.how-button span{font-size:20px;margin-left:12px}main{max-width:1320px;margin:auto;padding:0 50px}.intro{max-width:890px;margin:43px auto 32px;position:relative}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.status-dot{width:7px;height:7px;background:var(--ink);border-radius:50%}h1{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(72px,9vw,128px);line-height:1.15;letter-spacing:-8px;margin:7px 0 10px;font-weight:800;position:relative;width:fit-content}.title-slash{font-weight:700;color:#8a9077;padding:0 8px}.title-star{position:absolute;font-style:normal;font-family:serif;font-size:73px;right:-100px;top:10px;transform:rotate(14deg)}.intro-bottom{display:flex;justify-content:space-between;align-items:center}.intro-bottom p{font-size:13px;line-height:1.7;margin:0}.mobile-break{display:none}.hand-note{font-family:'Playfair Display',serif;font-style:italic;font-size:20px;transform:rotate(-7deg);margin-right:78px}.hand-note span{font:44px serif;position:absolute;right:-45px;top:-5px}.game-layout{display:grid;grid-template-columns:90px minmax(0,650px) 245px;gap:35px;justify-content:center}.left-rail{position:relative;display:flex;flex-direction:column;align-items:center;padding-top:105px}.vertical-label{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:2px;font-weight:700}.rail-cat{width:83px;height:85px;margin-top:35px;transform:rotate(-13deg)}.rail-caption{font-family:'Playfair Display',serif;font-style:italic;font-size:13px;line-height:1.4;text-align:center;transform:rotate(-9deg);margin-top:7px}.round-bar{display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:1.3px;font-weight:700;margin:0 0 12px}.tiny-cross{margin-left:9px;font-size:15px}.muted{color:var(--muted)}.photo-wrap{height:370px;background:#9c9c83;position:relative;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);isolation:isolate}#cat-photo{width:100%;height:100%;object-fit:cover;object-position:center 45%;display:block;filter:saturate(.7)}.photo-grain{position:absolute;inset:0;background:linear-gradient(transparent 65%,#0007);pointer-events:none}.photo-tag{position:absolute;top:17px;left:16px;padding:7px 10px;background:var(--paper);font-size:9px;font-weight:700;letter-spacing:1.2px;transform:rotate(-3deg)}.photo-caption{position:absolute;bottom:33px;left:20px;color:white;font-family:'Playfair Display',serif;font-size:26px;font-style:italic}.demo-tag{position:absolute;bottom:13px;left:21px;color:#fffe;font-size:8px;letter-spacing:1.4px}.question-row{display:flex;align-items:center;justify-content:space-between;margin:26px 0 13px}.question-row h2{font-size:16px;margin:0;letter-spacing:-.5px}.answer-buttons{display:grid;grid-template-columns:1fr 1fr;gap:14px}.answer{display:flex;align-items:center;gap:17px;min-height:85px;padding:12px 20px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);text-align:left;transition:transform .12s,box-shadow .12s,background .12s}.answer:hover:enabled{transform:translate(-1px,-3px);box-shadow:4px 6px 0 var(--ink)}.answer:active:enabled{transform:translate(3px,3px);box-shadow:none}.male,.female{background:#f5f4ec}@media(hover:hover) and (pointer:fine){.male:hover:enabled{background:var(--lime)}.female:hover:enabled{background:#f5a9ce}}.male:active:enabled{background:var(--lime)}.female:active:enabled{background:#f5a9ce}.male:focus-visible{outline-color:#667b20}.female:focus-visible{outline-color:#b52e70}.answer-symbol{font:44px Georgia,serif;line-height:1}.answer-name{font-family:'Barlow Condensed',sans-serif;font-size:37px;line-height:.9;font-weight:800;letter-spacing:-.5px}.answer-name small{font-family:'Space Grotesk',sans-serif;display:block;font-size:8px;letter-spacing:2px;margin-top:8px;font-weight:500}.answer kbd{margin-left:auto;background:transparent;border:1px solid #23241f40;border-radius:3px;padding:3px 5px;font-size:13px}.answer:disabled{opacity:.45}.keyboard-hint{text-align:center;font-size:9px;color:var(--muted);margin:17px 0 0}.keyboard-hint kbd{border:1px solid var(--line);padding:0 3px;border-radius:2px}.score-rail{padding-top:0}.session-heading{font-size:9px;letter-spacing:1.2px;font-weight:700;display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.session-heading span{font-size:16px}.score-card{border:1px solid var(--ink);padding:18px 18px 0;position:relative}.score-label{font-size:9px;letter-spacing:1.2px;display:flex;justify-content:space-between}.score-value{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:99px;line-height:1.15;letter-spacing:-2px;display:flex;align-items:baseline;gap:15px}.score-denominator{font-family:'Space Grotesk',sans-serif;font-size:21px;color:#969887;letter-spacing:-1px}.score-footer{border-top:1px dashed var(--line);font-size:9px;color:#77796d;margin:0 -18px;padding:12px 18px}.streak-card{border-bottom:1px solid var(--line);display:flex;gap:13px;align-items:center;padding:22px 0}.streak-card svg{width:33px;height:40px}.streak-value{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:24px}.streak-note{display:block;font-size:8px;color:var(--muted);margin-top:2px}.doodle-note{position:relative;margin:38px 0 36px 24px;transform:rotate(-7deg)}.doodle-note svg{position:absolute;right:0;top:-12px;width:51px;height:51px;transform:rotate(15deg)}.doodle-note p{font-family:'Playfair Display',serif;font-style:italic;font-size:25px;line-height:1.3;margin:0}.doodle-note p span{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.demo-note{border-top:1px dashed var(--line);padding-top:19px}.demo-pill{font-size:8px;letter-spacing:1px;border:1px solid #9ea18e;padding:3px 5px}.demo-note p{font-size:10px;line-height:1.8;color:var(--muted);margin:11px 0 0}footer{margin:40px 5% 0;padding:20px 0;border-top:1px solid var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1.1px;font-weight:500}footer svg{height:23px;width:23px}.footer-face{font-size:20px;vertical-align:middle;margin-left:7px}.result-overlay{position:absolute;inset:0;background:#23241fe8;color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:25px;z-index:4;animation:reveal .2s ease-out}.result-overlay>span:first-child{font-size:10px;letter-spacing:2px}.result-overlay strong{font-family:'Playfair Display',serif;font-style:italic;font-size:48px;margin:12px 0;color:var(--lime)}.result-overlay>span:nth-of-type(2){font-size:12px;max-width:330px;line-height:1.7}.next-button{background:var(--lime);border:2px solid var(--ink);padding:14px 22px;font-family:'Barlow Condensed',sans-serif;font-size:23px;font-weight:700;color:var(--ink);box-shadow:3px 3px 0 var(--ink);margin-top:24px}.next-button span{margin-left:25px}.next-button:hover{background:#e4ff8b}.finish{text-align:center;max-width:650px;margin:45px auto 80px;border:2px solid var(--ink);padding:45px 20px;background:#f6f5ed;box-shadow:6px 6px 0 var(--ink)}.finish .eyebrow{justify-content:center}.finish h2{font-family:'Playfair Display',serif;font-size:65px;font-style:italic;margin:12px 0}.final-score{font-family:'Barlow Condensed',sans-serif;font-size:85px;font-weight:800}.finish-demo{font-size:11px;color:var(--muted);line-height:1.6}dialog{max-width:480px;width:calc(100% - 36px);background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:38px;box-shadow:7px 7px 0 var(--ink)}dialog::backdrop{background:#23241f99;backdrop-filter:blur(3px)}dialog h2{font-family:'Playfair Display',serif;font-style:italic;font-size:38px;line-height:1.15}dialog p{font-size:13px;line-height:1.8}.dialog-note{border-top:1px dashed var(--line);padding-top:14px;color:#686b5c}.close-dialog{position:absolute;right:10px;top:4px;background:none;border:0;font-size:30px}[hidden]{display:none!important}@keyframes reveal{from{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@media(min-width:1450px){main{padding-top:15px}.intro{margin-bottom:40px}.photo-wrap{height:420px}}@media(max-width:1050px){main{padding:0 30px}.game-layout{grid-template-columns:minmax(0,650px) 210px;gap:25px}.left-rail{display:none}.intro{max-width:100%}.title-star{font-size:60px;right:-78px}.hand-note{margin-right:40px}.photo-wrap{height:350px}.score-card{padding-left:15px;padding-right:15px}.score-footer{margin-left:-15px;margin-right:-15px}.doodle-note{margin-left:10px}.doodle-note p{font-size:23px}}@media(max-width:700px){.site-header{height:72px;margin:0 20px}.wordmark{font-size:34px}.header-note{display:none}.how-button{font-size:9px}main{padding:0 20px}.intro{margin:30px 0 25px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:clamp(61px,12.6vw,87px);letter-spacing:-4px;margin-top:10px}.title-slash{padding:0 3px}.title-star{font-size:36px;right:-40px;top:7px}.intro-bottom p{font-size:11px}.hand-note{font-size:14px;margin-right:23px}.hand-note span{font-size:27px;right:-23px;top:0}.mobile-break{display:block}.game-layout{display:flex;flex-direction:column;gap:20px}.photo-wrap{height:clamp(280px,78vw,430px)}.photo-caption{font-size:24px}.question-row{margin-top:23px}.answer{padding:13px 15px;gap:10px;min-height:79px}.answer-name{font-size:33px}.answer-symbol{font-size:36px}.answer kbd{display:none}.score-rail{display:grid;grid-template-columns:1fr 1fr;gap:15px}.session-heading{grid-column:1/-1;margin-bottom:-5px}.score-card{padding-top:12px}.score-value{font-size:65px}.score-footer{font-size:8px;padding:10px 12px}.streak-card{align-self:start;border:1px solid var(--ink);padding:15px 10px;gap:7px}.streak-card svg{width:25px}.streak-value{font-size:22px}.streak-note{font-size:8px;line-height:1.5}.doodle-note{display:none}.demo-note{grid-column:1/-1;display:flex;align-items:center;gap:15px;padding-top:14px}.demo-note p{font-size:9px;margin:0}.demo-pill{white-space:nowrap}footer{margin:28px 20px 0;font-size:7px;line-height:1.7}footer>span{max-width:45%}footer svg{display:none}footer>span:last-child{text-align:right}.footer-face{display:none}.finish h2{font-size:48px}.result-overlay strong{font-size:40px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
@media(max-width:700px){h1{font-size:clamp(48px,11.5vw,80px)}.title-star{font-size:30px;right:-33px}.score-rail{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
/* Commons photos keep their original colors; attribution remains outside the crop. */
#cat-photo{filter:none}.photo-credits{display:flex;justify-content:space-between;gap:10px;font-size:9px;line-height:1.6;margin:12px 0 0;color:#656857}.photo-credits>span:first-child{min-width:0}.photo-credits>span:last-child{flex-shrink:0}.photo-credits a,.demo-note a{color:inherit;text-underline-offset:3px}.question-row{margin-top:18px}#source-link{color:var(--paper);font-size:9px;letter-spacing:1px;margin-top:14px;text-underline-offset:4px}#photo-status{position:absolute;inset:0;background:var(--ink);color:var(--paper);z-index:3;display:grid;place-items:center;font-size:13px;padding:25px;text-align:center}.credits-main{max-width:1200px;padding-bottom:45px}.credits-intro{margin:40px 0 30px}.credits-intro h1{font-size:clamp(45px,7vw,80px);letter-spacing:-3px}.credits-intro p{max-width:700px;font-size:13px;line-height:1.8}.credits-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.credit-card{border:1px solid var(--ink);padding:14px;background:#f6f5ed;scroll-margin-top:25px;overflow-wrap:anywhere}.credit-card:target{outline:4px solid #9cb535;outline-offset:4px}.credit-card img{width:100%;height:230px;object-fit:contain;background:#e4e4da}.credit-card h2{font-size:15px;line-height:1.4}.credit-card p{font-size:11px;line-height:1.6}.credit-card a{color:inherit;text-underline-offset:3px}.credit-card .credit-sex{font:700 23px 'Barlow Condensed',sans-serif;letter-spacing:.5px}.credit-card small{font-size:10px;line-height:1.6;display:block;color:#636756}@media(max-width:700px){.photo-credits{font-size:8px;gap:6px}.credits-grid{grid-template-columns:1fr}.credit-card img{height:260px}.result-overlay>span:nth-of-type(2){font-size:11px}.result-overlay .next-button{margin-top:16px}.demo-note p{line-height:1.6}}
.result-overlay[data-result="wrong"] #result-title{color:#ff757b}.result-overlay[data-result="wrong"] #result-kicker{color:#ffb6ba}.score-value{font-size:76px;gap:8px}.score-denominator{font-family:'Barlow Condensed',sans-serif;font-size:20px;letter-spacing:1px}.combo-panel{--combo-color:var(--lime);margin-top:24px;border:2px solid var(--ink);background:#f5f4ec;padding:15px 18px 12px;box-shadow:3px 3px 0 var(--ink)}.combo-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.combo-eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:700}.combo-top p{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:20px;margin:5px 0 12px}.combo-top strong{font-family:'Barlow Condensed',sans-serif;font-size:47px;line-height:1;transform:rotate(-7deg);min-width:55px;text-align:center}.combo-meter{height:15px;background:#dedfd2;border:1px solid var(--ink);overflow:hidden;transform:skew(-8deg);margin:3px 2px 10px}#combo-fill{height:100%;width:0;background:repeating-linear-gradient(-55deg,transparent 0 13px,#23241f20 13px 16px),var(--combo-color);border-right:2px solid var(--ink);transition:width .35s ease-out,background .2s}.combo-milestones{display:flex;justify-content:space-between}.combo-milestone{font-family:'Barlow Condensed',sans-serif;font-size:20px;font-weight:700;color:#888b7a}.combo-milestone small{display:block;font:7px 'Space Grotesk',sans-serif;letter-spacing:.5px;margin-top:2px}.combo-milestone.reached{color:var(--ink)}.combo-bottom{border-top:1px dashed var(--line);margin-top:12px;padding-top:9px;display:flex;justify-content:space-between;gap:8px;font-size:9px;color:#626752}.combo-bottom>span:last-child{font-size:7px;letter-spacing:.6px;align-self:center}.combo-panel[data-level="2"] .combo-top strong,.combo-panel[data-level="3"] .combo-top strong{background:var(--lime);box-shadow:3px 3px 0 var(--ink)}.combo-panel[data-level="4"]{background:var(--lime)}.combo-panel[data-level="4"] .combo-top strong{color:var(--lime);background:var(--ink)}.combo-panel[data-level="4"]{--combo-color:var(--ink)}.combo-panel[data-level="4"] .combo-meter{background:#b8d449}@media(max-width:700px){.score-value{font-size:60px;gap:7px}.score-denominator{font-size:16px}.combo-panel{padding:13px 12px 11px;margin-top:20px}.combo-top p{font-size:17px}.combo-top strong{font-size:40px}.combo-bottom{font-size:8px}.combo-bottom>span:last-child{font-size:6px;letter-spacing:.3px}}
/* Ink-and-paper fire doodles and a softer, automatic answer reveal. */
.result-overlay{background:#23241fdc;transition:opacity .2s ease,transform .2s ease;pointer-events:none}.result-overlay.fading{opacity:0;transform:translateY(-7px)}.result-overlay strong{transform:rotate(-4deg);margin:14px 0 18px}.result-overlay[data-result="wrong"] #result-title{color:#efa58e}.result-overlay[data-result="wrong"] #result-kicker{color:#f2c6b7}.photo-credits #source-link{font:inherit;letter-spacing:inherit;margin:0;color:inherit}.combo-panel{position:relative;--flame-fill:#f0bd8e;background:#f5f4ec;border-radius:2px 7px 3px 5px;padding-top:17px}.combo-top{align-items:flex-start}.combo-top p{font-family:'Barlow Condensed',sans-serif;font-size:35px;line-height:1;margin:10px 0 7px;letter-spacing:-.6px;transform:rotate(-2deg);transform-origin:left center}.combo-top>div:first-child{min-width:0;position:relative;z-index:2}#combo-next{display:block;font-size:8px;letter-spacing:.7px;line-height:1.6}.combo-badge{position:relative;width:94px;height:98px;flex-shrink:0;margin-top:-24px;margin-right:-8px;color:var(--ink)}.combo-mascot{width:80px;height:100px;display:block;transform:rotate(8deg);transform-origin:bottom center}.combo-badge #combo-multiplier{position:absolute;right:0;bottom:-7px;font-size:36px;line-height:1;background:var(--paper);color:var(--ink);padding:2px 6px;border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);min-width:0;transform:rotate(-9deg)}.combo-track{position:relative;margin-top:39px}.combo-meter{position:relative;z-index:2;height:17px;border-radius:2px 4px 1px 3px;transform:rotate(-.7deg) skew(-8deg)}.combo-flames{position:absolute;inset:auto 3px 8px;height:52px;pointer-events:none;color:var(--ink)}.combo-flames svg{position:absolute;bottom:0;width:35px;height:48px;transform-origin:center bottom;opacity:0;transition:opacity .3s,scale .3s;scale:.75}.combo-flames svg:nth-child(1){left:4%;height:38px}.combo-flames svg:nth-child(2){left:20%;height:50px}.combo-flames svg:nth-child(3){left:37%;height:39px}.combo-flames svg:nth-child(4){left:55%;height:59px}.combo-flames svg:nth-child(5){left:72%;height:45px}.combo-flames svg:nth-child(6){right:2%;height:63px}.combo-flames>span{position:absolute;bottom:30px;font-size:22px;opacity:0}.combo-flames>span:nth-last-child(2){left:12%;transform:rotate(20deg)}.combo-flames>span:last-child{right:12%;bottom:43px;transform:rotate(-15deg)}.combo-panel[data-heat="cold"] .combo-mascot{opacity:.5}.combo-panel[data-heat="lit"] .combo-flames svg:first-child{opacity:1;scale:1}.combo-panel[data-level="2"] .combo-flames svg:nth-child(-n+3),.combo-panel[data-level="3"] .combo-flames svg:nth-child(-n+5),.combo-panel[data-level="4"] .combo-flames svg{opacity:1;scale:1;animation:doodle-flicker .8s ease-in-out infinite alternate}.combo-flames svg:nth-child(even){animation-delay:-.4s!important}.combo-panel[data-level="3"]{--flame-fill:#efad87}.combo-panel[data-level="4"]{--flame-fill:#f2a283;--combo-color:#efb28e;background:#d5f65a}.combo-panel[data-level="4"] .combo-flames>span{opacity:1}.combo-panel[data-level="4"] .combo-mascot{animation:doodle-flicker 1.2s ease-in-out infinite alternate}.combo-panel[data-level="4"] .combo-top p{font-size:43px;text-decoration:underline wavy;text-decoration-thickness:2px;text-underline-offset:7px;margin-bottom:13px}.combo-panel[data-level="4"] .combo-badge #combo-multiplier{background:var(--ink);color:var(--lime)}@keyframes doodle-flicker{from{transform:rotate(-5deg) scaleY(.94)}to{transform:rotate(5deg) scaleY(1.05)}}@media(max-width:700px){.combo-top p{font-size:29px}.combo-panel[data-level="4"] .combo-top p{font-size:35px}#combo-next{font-size:7px;letter-spacing:.25px;max-width:220px}.combo-badge{width:68px;height:89px;margin-right:-4px;margin-top:-13px}.combo-mascot{width:64px;height:80px}.combo-badge #combo-multiplier{font-size:29px;bottom:0}.combo-flames svg{width:29px}.combo-top{gap:4px}.combo-track{margin-top:36px}.photo-credits{flex-wrap:wrap}.result-overlay strong{font-size:39px}.result-overlay>span:nth-of-type(2){font-size:13px}}
/* Nine lives, drawn as a row of hand-inked skater cats. */
.lives-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;border:2px solid var(--ink);background:#f5f4ec;box-shadow:3px 3px 0 var(--ink);border-radius:3px 7px 2px 5px;padding:8px 14px;margin:0 0 13px;transition:background .3s,border-color .3s}.lives-label{font-size:9px;letter-spacing:1.7px;font-weight:700;display:flex;align-items:center;gap:9px;white-space:nowrap}.lives-count{font-family:'Barlow Condensed',sans-serif;font-size:19px;line-height:1.25;letter-spacing:.5px;font-weight:700;background:var(--lime);border:1.5px solid var(--ink);padding:0 6px;rotate:-2deg}.lives-row{display:flex;align-items:center;gap:3px;color:var(--ink)}.lives-row svg{width:31px;height:30px;flex-shrink:0;transition:color .25s,opacity .25s}.lives-row svg:nth-child(2n){rotate:-7deg}.lives-row svg:nth-child(3n){rotate:6deg}.lives-row svg.spent{color:#b0b2a2;opacity:.8}.lives-row svg.dying{animation:life-out .46s ease-out}.lives-bar[data-danger="true"]{background:#f8e6dd;border-color:#a8452a}.lives-bar[data-danger="true"] .lives-count{background:#ef9070}@keyframes life-out{0%{scale:1.4;rotate:-14deg}45%{scale:.84;rotate:10deg}100%{scale:1;rotate:0deg}}
.score-value{margin-bottom:11px}.final-cats-line{font-size:10px;letter-spacing:2px;font-weight:700;margin:16px 0 0}.final-cats-line strong{font-family:'Barlow Condensed',sans-serif;font-size:34px;letter-spacing:0;line-height:1;display:inline-block;vertical-align:-4px;margin:0 5px;padding:1px 9px;background:var(--lime);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);rotate:-2deg}
@media(max-width:700px){.lives-bar{padding:7px 10px;gap:7px}.lives-label{font-size:8px;letter-spacing:1.1px;gap:7px}.lives-count{font-size:16px}.lives-row{gap:2px;width:100%;justify-content:space-between}.lives-row svg{width:27px;height:26px}.score-value{margin-bottom:8px}.final-cats-line strong{font-size:28px}}
/* The combo wraps the photograph; flames stay outside the picture. */
.photo-wrap{--heat:#d5f65a}.photo-wrap[data-level="3"]{--heat:#f6c078}.photo-wrap[data-level="4"]{--heat:#efa58e}.combo-frame{position:absolute;inset:-8px;z-index:5;pointer-events:none}.combo-border{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.combo-border rect{fill:none;vector-effect:non-scaling-stroke;stroke-linejoin:round}.border-track{stroke:#23241f24;stroke-width:1}.combo-border #combo-fill{stroke:var(--heat);stroke-width:5;stroke-dasharray:0 100;transition:stroke-dasharray .45s ease,stroke .3s;filter:drop-shadow(0 0 1px #23241f)}.border-racer{stroke:#fff4ce;stroke-width:2;stroke-dasharray:3 12;opacity:0;animation:border-lap 4s linear infinite}.fire-edge{position:absolute;overflow:visible;opacity:0;transition:opacity .4s;filter:drop-shadow(0 0 2px #efa58e44);color:var(--heat)}.fire-edge path{fill:none;stroke:currentColor;stroke-width:2.5;vector-effect:non-scaling-stroke;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:65 4 18 3;animation:fire-ink 1.8s linear infinite}.fire-top,.fire-bottom{left:0;width:100%;height:23px}.fire-top{bottom:calc(100% - 5px);transform-origin:center bottom;animation:flame-breathe .65s ease-in-out infinite alternate}.fire-bottom{top:calc(100% - 5px);rotate:180deg;transform-origin:center bottom;animation:flame-breathe .8s ease-in-out infinite alternate-reverse}.fire-left,.fire-right{top:0;width:23px;height:100%;animation:flame-side .75s ease-in-out infinite alternate}.fire-left{right:calc(100% - 5px);transform-origin:right center}.fire-right{left:calc(100% - 5px);rotate:180deg;transform-origin:right center;animation-delay:-.3s}.photo-wrap[data-level="2"] .fire-top,.photo-wrap[data-level="2"] .fire-bottom{opacity:.75}.photo-wrap[data-level="3"] .fire-edge,.photo-wrap[data-level="4"] .fire-edge{opacity:1}.photo-wrap[data-level="3"] .border-racer,.photo-wrap[data-level="4"] .border-racer{opacity:1}.photo-wrap[data-level="4"] .fire-edge{stroke-width:3;height:30px}.photo-wrap[data-level="4"] .fire-left,.photo-wrap[data-level="4"] .fire-right{width:30px;height:100%}@keyframes border-lap{to{stroke-dashoffset:-100}}@keyframes fire-ink{to{stroke-dashoffset:-90}}@keyframes flame-breathe{from{scale:1 .72}to{scale:1 1.06}}@keyframes flame-side{from{scale:.7 1}to{scale:1.06 1}}
.combo-compact{padding:15px 12px 12px;margin:19px 0 0;box-shadow:2px 2px 0 var(--ink)}.combo-compact .combo-top{align-items:center;gap:3px}.combo-compact .combo-top p,.combo-compact[data-level="4"] .combo-top p{font-size:25px;margin:8px 0;line-height:1.05}.combo-compact .combo-badge{width:55px;height:68px;margin:0}.combo-compact .combo-mascot{width:50px;height:64px}.combo-compact .combo-badge #combo-multiplier{font-size:25px;bottom:-2px}.combo-compact #combo-next{font-size:8px;margin-top:7px}.combo-compact #combo-earned{display:block;font-size:8px;color:#626752;margin-top:4px}.game-page .doodle-note{display:none}
/* Keep the play surface within a normal desktop or phone viewport. */
.game-page{min-height:100svh;display:flex;flex-direction:column}.game-page .site-header{height:60px;flex-shrink:0}.game-page main{width:100%;padding:0 36px;flex:1}.game-page .intro{margin:17px auto 20px;max-width:890px}.game-page h1{font-size:clamp(65px,7vw,101px);line-height:1.1;margin:3px 0 5px;letter-spacing:-5px}.game-page .title-star{font-size:55px;right:-76px}.game-page .intro-bottom p{font-size:11px}.game-page .hand-note{font-size:17px}.game-page .photo-wrap{height:clamp(200px,calc(100svh - 425px),530px)}.game-page .round-bar{margin-bottom:8px}.game-page .lives-bar{margin-bottom:21px;padding:5px 10px}.game-page .lives-row svg{width:25px;height:25px}.game-page .photo-credits{margin-top:16px;font-size:8px;min-height:25px}.game-page .question-row{margin:5px 0 9px}.game-page .answer{min-height:65px;padding:8px 18px}.game-page .answer-name{font-size:31px}.game-page .answer-symbol{font-size:36px}.game-page .keyboard-hint{margin-top:10px}.game-page footer{margin-top:14px;padding:10px 0;font-size:7px}.game-page .streak-card{padding:13px 0}.game-page .demo-note{margin-top:17px;padding-top:12px}.game-page .left-rail{padding-top:65px}.game-page .finish{margin:20px auto;padding:25px}.game-page .finish h2{font-size:45px}.game-page .final-score{font-size:65px}
@media(max-width:1050px) and (min-width:701px){.game-page main{padding:0 30px}.game-page h1{font-size:80px}.game-page .photo-wrap{height:clamp(200px,calc(100svh - 410px),530px)}.game-page .lives-label{font-size:8px}.game-page .lives-row{gap:1px}.game-page .lives-row svg{width:21px;height:23px}.game-page .lives-bar{gap:5px}}
@media(max-width:700px){.game-page .site-header{height:48px;margin:0 18px}.game-page main{padding:0 21px}.game-page .intro{margin:13px 0 15px}.game-page h1{font-size:clamp(43px,11.5vw,70px);letter-spacing:-3px;margin:4px 0}.game-page .title-star{font-size:28px;right:-33px;top:3px}.game-page .intro .eyebrow{font-size:7px}.game-page .intro-bottom p{font-size:9px}.game-page .hand-note{font-size:12px;margin-right:20px}.game-page .hand-note span{font-size:24px}.game-page .game-layout{gap:10px}.game-page .lives-bar{flex-wrap:nowrap;padding:5px 6px;gap:5px;margin-bottom:17px}.game-page .lives-label{font-size:7px;letter-spacing:.2px;gap:4px}.game-page .lives-count{font-size:13px;padding:0 3px}.game-page .lives-row{width:auto;gap:1px;flex:1}.game-page .lives-row svg{width:19px;height:21px}.game-page .photo-wrap{height:clamp(165px,calc(100svh - 444px),390px)}.game-page .photo-tag{top:10px;left:10px;font-size:8px;padding:5px 7px}.game-page .photo-caption{font-size:22px;left:12px;bottom:27px}.game-page .demo-tag{left:12px;font-size:7px;bottom:12px}.game-page .photo-credits{font-size:7px;gap:1px 5px;min-height:24px;margin-top:12px}.game-page .question-row h2{font-size:13px}.game-page .question-row{margin:3px 0 8px}.game-page .answer{min-height:59px;padding:8px 13px}.game-page .answer-name{font-size:28px}.game-page .answer-name small{font-size:7px;margin-top:6px}.game-page .answer-symbol{font-size:30px}.game-page .keyboard-hint{display:none}.game-page .score-rail{display:grid;grid-template-columns:1fr 1.15fr;gap:8px;align-items:stretch;margin-top:4px}.game-page .session-heading,.game-page .streak-card,.game-page .demo-note{display:none}.game-page .score-card{padding:8px 10px 0}.game-page .score-label{font-size:8px}.game-page .score-value{font-size:43px;line-height:1;margin:5px 0 6px}.game-page .score-footer{font-size:7px;margin:0 -10px;padding:5px 8px}.game-page .score-denominator{font-size:13px}.game-page .combo-compact{margin:0;padding:7px 9px;box-shadow:2px 2px 0 var(--ink)}.game-page .combo-compact .combo-eyebrow{font-size:7px;letter-spacing:1px}.game-page .combo-compact .combo-top p,.game-page .combo-compact[data-level="4"] .combo-top p{font-size:20px;margin:6px 0;line-height:1}.game-page .combo-compact .combo-badge{width:38px;height:49px}.game-page .combo-compact .combo-mascot{width:36px;height:45px}.game-page .combo-compact .combo-badge #combo-multiplier{font-size:20px;bottom:-2px;padding:1px 3px}.game-page .combo-compact #combo-next{font-size:6px;margin-top:7px}.game-page .combo-compact #combo-earned{font-size:7px;line-height:1.3}.game-page footer{margin:12px 21px 0;padding:8px 0;font-size:6px}.fire-top,.fire-bottom{height:15px}.fire-left,.fire-right{width:15px}.photo-wrap[data-level="4"] .fire-top,.photo-wrap[data-level="4"] .fire-bottom{height:18px}.photo-wrap[data-level="4"] .fire-left,.photo-wrap[data-level="4"] .fire-right{width:18px}.combo-frame{inset:-6px}.result-overlay strong{font-size:35px}.game-page .finish{margin:20px auto;padding:25px 15px}.game-page .finish h2{font-size:42px}}
.combo-border #combo-fill{width:98%;height:98%;background:none;border:0}
.fire-bottom,.fire-right{transform-origin:center center}.photo-wrap[data-level="4"] .fire-left,.photo-wrap[data-level="4"] .fire-right{width:22px}.photo-wrap[data-level="4"] .fire-top,.photo-wrap[data-level="4"] .fire-bottom{height:22px}@media(min-width:1051px){.game-page .photo-wrap{height:clamp(180px,calc(100svh - 565px),480px)}}@media(min-width:701px) and (max-width:1050px){.game-page .photo-wrap{height:clamp(180px,calc(100svh - 540px),480px)}}
@media(min-width:701px) and (max-height:850px){.game-page .demo-note{display:none}.game-page .intro{margin-top:12px;margin-bottom:16px}.game-page h1{font-size:80px}.game-page .photo-wrap{height:clamp(180px,calc(100svh - 535px),400px)}}
@media(min-width:701px) and (max-width:1050px) and (min-height:851px){.game-page .photo-wrap{height:clamp(180px,calc(100svh - 550px),480px)}}
@media(max-width:700px){.game-page .photo-wrap{height:clamp(145px,calc(100svh - 540px),390px)}}@media(max-width:700px) and (max-height:740px){.game-page footer{display:none}.game-page .intro{margin-top:9px;margin-bottom:10px}.game-page .photo-wrap{height:clamp(145px,calc(100svh - 505px),300px)}}
/* Saturated fire ink and little hollow sparks keep the combo readable on paper. */
.photo-wrap{--heat:#91e600}
.photo-wrap[data-level="3"]{--heat:#ff9b19}
.photo-wrap[data-level="4"]{--heat:#ff6249}
.fire-edge{filter:drop-shadow(0 1px 0 #23241f99)}
.fire-edge path{stroke-width:3.5}
.photo-wrap[data-level="2"] .fire-top,.photo-wrap[data-level="2"] .fire-bottom{opacity:1}
.photo-wrap[data-level="4"] .fire-edge path{stroke-width:4}
.ember{position:absolute;width:28px;height:28px;overflow:visible;fill:none;stroke:var(--heat);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 0 #23241faa);opacity:0;scale:.6;transition:opacity .25s,scale .25s;--drift:-4px;--tilt:12deg}
.spark-rays{stroke-width:2}
.ember-one{left:15%;top:-22px;animation-delay:-.2s!important}
.ember-two{right:19%;bottom:-22px;--drift:4px;--tilt:-16deg;animation-delay:-.8s!important}
.ember-three{left:-16px;top:29%;--tilt:-12deg;animation-delay:-.5s!important}
.ember-four{right:-16px;bottom:26%;--drift:3px;animation-delay:-1s!important}
.ember-five{right:25%;top:-23px;--tilt:-18deg;animation-delay:-.65s!important}
.ember-six{left:33%;bottom:-23px;--drift:4px;animation-delay:-.35s!important}
.photo-wrap[data-level="2"] .ember:nth-last-child(n+5),.photo-wrap[data-level="3"] .ember:nth-last-child(n+3),.photo-wrap[data-level="4"] .ember{opacity:1;scale:1;animation:ember-dance 1.1s ease-in-out infinite alternate}
@keyframes ember-dance{from{transform:translateY(0) rotate(-7deg) scale(.85)}to{transform:translateY(var(--drift)) rotate(var(--tilt)) scale(1.08)}}
@media(max-width:700px){.ember{width:22px;height:22px;--drift:-2px}.ember-one,.ember-five{top:-16px}.ember-two,.ember-six{bottom:-16px;--drift:2px}.ember-three{left:-10px}.ember-four{right:-10px}}
/* Contact card with a copy-to-clipboard address. */
.header-actions{display:flex;align-items:center}.contact-card{display:flex;align-items:center;gap:12px;flex-wrap:wrap;border:2px solid var(--ink);background:#f5f4ec;box-shadow:3px 3px 0 var(--ink);border-radius:3px 7px 2px 5px;padding:12px 15px;margin:20px 0 0}.contact-label{font-size:8px;letter-spacing:1.6px;font-weight:700;color:#626752;width:100%}.contact-email{font-family:'Barlow Condensed',sans-serif;font-size:25px;font-weight:700;line-height:1.1;letter-spacing:-.3px;color:inherit;text-underline-offset:4px;overflow-wrap:anywhere;flex:1 1 auto;min-width:0}.copy-button{background:var(--paper);border:2px solid var(--ink);box-shadow:2px 2px 0 var(--ink);padding:7px 11px;font-size:9px;letter-spacing:1.4px;font-weight:700;flex-shrink:0;white-space:nowrap;transition:background .18s}.copy-button:active{translate:2px 2px;box-shadow:none}.copy-button[data-state="copied"]{background:var(--lime)}.copy-button[data-state="failed"]{background:#f3cdbe}.copy-status{font-size:10px;line-height:1.6;color:#626752;margin:10px 0 0;min-height:1.4em}.dialog-note a,.contact-email{color:inherit;text-underline-offset:3px}
@media(hover:hover) and (pointer:fine){.copy-button:hover{background:var(--lime)}}
@media(max-width:700px){.header-actions .how-button{padding-left:9px}.header-actions .how-button span{margin-left:6px}.contact-card{padding:10px 12px;gap:9px}.contact-email{font-size:21px}.copy-status{font-size:9px}}
/* Pen outlines: a kitten gathers energy, then becomes a tiger at maximum combo. */
.lives-joke{font-size:9px;letter-spacing:0;font-weight:400;text-transform:none}
.combo-compact .sketch-mascot{width:64px;height:64px;fill:none;stroke:var(--ink);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-7deg);overflow:visible}
.combo-panel[data-heat="cold"] .sketch-mascot{opacity:1}
.kitty-bold,.kitty-power,.kitty-wild,.mascot-tiger{display:none}
.combo-panel[data-level="2"] .kitty-soft,.combo-panel[data-level="3"] .kitty-soft{display:none}
.combo-panel[data-level="2"] .kitty-bold,.combo-panel[data-level="3"] .kitty-bold,.combo-panel[data-level="2"] .kitty-power,.combo-panel[data-level="3"] .kitty-power,.combo-panel[data-level="3"] .kitty-wild{display:block}
.combo-panel[data-level="4"] .mascot-kitty{display:none}
.combo-panel[data-level="4"] .mascot-tiger{display:block}
.combo-panel[data-level="4"] .sketch-mascot{animation:none;transform:rotate(5deg)}
.combo-panel[data-level="2"] .kitty-power,.combo-panel[data-level="3"] .kitty-power,.combo-panel[data-level="3"] .kitty-wild,.tiger-roar{animation:ink-energy .7s ease-in-out infinite alternate;transform-origin:center}
@keyframes ink-energy{from{transform:scale(.94)}to{transform:scale(1.04)}}
.game-page .photo-caption{max-width:calc(100% - 36px);line-height:1.2;text-wrap:balance}
@media(max-width:700px){.game-page .lives-label{display:grid;grid-template-columns:auto auto;gap:1px 5px}.game-page .lives-joke{grid-column:1;grid-row:2;font-size:7px}.game-page .lives-count{grid-column:2;grid-row:1/3;align-self:center}.game-page .lives-row{justify-content:flex-end;gap:5px}.game-page .combo-compact .sketch-mascot{width:45px;height:45px}.game-page .photo-caption{font-size:clamp(17px,5vw,22px)}}
/* Give the sketched face its own space above the multiplier stamp. */
.combo-compact .sketch-mascot{position:relative;top:-9px;width:54px;height:54px}
@media(max-width:700px){.game-page .combo-compact .sketch-mascot{top:-13px;width:45px;height:45px}}
/* The t/q signature: italic letters, claw scratches, and a little suspect. */
.wordmark{display:inline-flex;align-items:center;text-decoration:none;letter-spacing:0}
.brand-lockup,.wordmark .brand-lockup{position:relative;display:inline-block;width:92px;height:46px;margin:0;color:var(--ink);font:italic 800 43px/1 'Playfair Display',serif;letter-spacing:-2px;isolation:isolate}
.brand-lockup i{position:absolute;top:0;font:inherit}.brand-t{left:0}.brand-q{left:43px}
.brand-lockup svg{position:absolute;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.brand-slash{left:24px;top:2px;width:22px;height:42px;stroke-width:1.6;transform:rotate(3deg)}
.brand-cat{left:66px;top:-1px;width:28px;height:27px;stroke-width:2.8;transform:rotate(13deg)}
.brand-tail .tail-slash{stroke-width:3;left:22px;top:-1px;height:48px}.brand-tail .brand-cat{transform:rotate(-10deg);top:1px}
.brand-peek .brand-cat{width:46px;height:43px;left:45px;top:-12px;z-index:-1;transform:rotate(14deg)}.brand-peek .brand-q{top:7px;left:44px}.brand-peek .brand-t{top:7px}.brand-peek .brand-slash{top:9px}
.wordmark:hover .brand-cat{transform:rotate(2deg)}
.wordmark .brand-lockup{width:73px}
.game-page .round-bar{justify-content:flex-end}
/* Each good guess leaves a scratch; milestones shake the little ink box awake. */
.combo-compact{transition:background .4s,box-shadow .4s;--scratch-ink:#668a13}
.combo-compact[data-level="2"]{background:#edf6c6}.combo-compact[data-level="3"]{background:#f8e6ba;--scratch-ink:#a65b18}.combo-compact[data-level="4"]{--scratch-ink:var(--ink)}
.combo-scratches{display:flex;align-items:center;gap:6px;height:14px;margin:2px 0 6px;pointer-events:none}
.combo-scratches i{display:block;width:9px;height:13px;border-left:2px solid #23241f25;border-right:1px solid #23241f18;transform:skew(-20deg) rotate(-5deg);transition:border-color .45s,background .45s,scale .3s}
.combo-scratches i:nth-child(3),.combo-scratches i:nth-child(5){margin-right:7px}
.combo-scratches i:nth-child(even){transform:skew(-17deg) rotate(6deg);height:11px}
.combo-scratches i.filled{border-color:var(--scratch-ink);background:var(--scratch-ink);scale:1 1.05}
.combo-compact[data-close="true"] .scratch-next{border-color:var(--scratch-ink);animation:scratch-ready 1.3s ease-in-out infinite alternate}
.combo-burst{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:var(--ink);stroke-width:2;stroke-linecap:round;opacity:0;overflow:visible}
.combo-burst path{vector-effect:non-scaling-stroke}.burst-extra{display:none}
.combo-compact[data-reaction="hit"] .combo-burst{animation:combo-spark-pop .65s ease-out both}
.combo-compact[data-reaction="levelup"] .combo-burst{animation:combo-spark-pop .75s ease-out both;stroke-width:2.8}
.combo-compact[data-reaction="levelup"] .burst-extra{display:block}
.combo-compact[data-reaction="hit"] .sketch-mascot,.combo-compact[data-reaction="levelup"] .sketch-mascot{animation:kitty-hop .6s ease-out both}
.combo-compact[data-reaction="hit"] .combo-badge #combo-multiplier,.combo-compact[data-reaction="levelup"] .combo-badge #combo-multiplier{animation:stamp-pop .5s ease-out both}
.combo-compact[data-reaction="levelup"]{animation:combo-wobble .65s ease-out both}
.combo-compact[data-reaction="reset"] .sketch-mascot{animation:kitty-settle .65s ease-out both}
.combo-compact[data-level="4"][data-reaction="hit"] .tiger-roar,.combo-compact[data-level="4"][data-reaction="levelup"] .tiger-roar{animation:tiger-cheer .65s ease-out both}
@keyframes scratch-ready{from{opacity:.4;scale:1 .75}to{opacity:1;scale:1 1.15}}
@keyframes kitty-hop{0%,100%{translate:0 0;scale:1}30%{translate:0 -7px;scale:1.1 .94}55%{translate:0 -3px;scale:.97 1.07}}
@keyframes stamp-pop{0%,100%{scale:1}35%{scale:1.2;rotate:6deg}65%{scale:.96;rotate:-3deg}}
@keyframes combo-spark-pop{0%{opacity:0;scale:.92}20%{opacity:1}75%{opacity:.8}100%{opacity:0;scale:1.02}}
@keyframes combo-wobble{0%,100%{rotate:0deg;translate:0 0}20%{rotate:-1.5deg;translate:0 -2px}45%{rotate:1.2deg}70%{rotate:-.5deg}}
@keyframes kitty-settle{0%{translate:0 -3px}55%{translate:0 2px}100%{translate:0 0}}
@keyframes tiger-cheer{0%,100%{scale:1}40%{scale:1.18;stroke-width:3.2}}
@media(max-width:700px){.combo-scratches{gap:4px;height:10px;margin:0 0 3px}.combo-scratches i{width:7px;height:10px}.combo-scratches i:nth-child(even){height:9px}.combo-scratches i:nth-child(3),.combo-scratches i:nth-child(5){margin-right:4px}.game-page .combo-compact #combo-next{margin-top:3px}}
@media(prefers-reduced-motion:reduce){.combo-compact[data-reaction="hit"],.combo-compact[data-reaction="levelup"]{box-shadow:0 0 0 2px var(--scratch-ink),3px 3px 0 var(--ink)}}
/* Reserve a little room for streak scratches on phones. */
@media(max-width:700px){.game-page .photo-wrap{height:clamp(145px,calc(100svh - 550px),390px)}}
@media(max-width:700px) and (max-height:740px){.game-page .photo-wrap{height:clamp(145px,calc(100svh - 515px),300px)}}
/* A slightly taller mobile frame shows more of the cat while staying edge to edge. */
@media(max-width:700px){
  .game-page .photo-wrap{height:clamp(165px,calc(100svh - 530px),410px)}
  .game-page #cat-photo{object-fit:cover}
}
@media(max-width:700px) and (max-height:740px){.game-page .photo-wrap{height:clamp(165px,calc(100svh - 495px),320px)}}
/* Let the photo caption sit in the space freed by the collection label. */
.game-page .photo-caption{bottom:13px}
@media(max-width:700px){.game-page .photo-caption{bottom:10px}}
/* Keep the longer question title on one line on phones. */
.title-or{font-size:.6em;color:var(--ink);letter-spacing:-.03em}
@media(max-width:700px){.game-page h1{font-size:clamp(38px,10.5vw,65px);letter-spacing:-2px}}
/* Line the score rail up with the top of the photo. 81px is the round bar and the
   lives bar stacked above it in the play area; the combo panel follows underneath. */
@media(min-width:701px){.score-rail{padding-top:81px}}
/* Mobile: no cat counter, tighter lives bar, and a taller photo with the space saved. */
@media(max-width:700px){.game-page .round-bar{display:none}.game-page .lives-bar{margin-bottom:10px}.game-page .photo-wrap{height:clamp(165px,calc(100svh - 502px),440px)}}
@media(max-width:700px) and (max-height:740px){.game-page .photo-wrap{height:clamp(165px,calc(100svh - 467px),350px)}}
/* A personal record tucked into the existing score card. */
.personal-best{position:relative;font-size:11px;font-weight:700;line-height:1.4;margin:0 0 10px;color:var(--ink);overflow-wrap:anywhere}
.personal-best[data-record="true"]{color:var(--ink);font-weight:700}.personal-best[data-record="true"]:before{content:'';position:absolute;inset:-2px -3px;background:var(--lime);z-index:-1;transform:rotate(-1deg)}
.personal-best.record-pop{animation:record-stamp .6s ease-out}.personal-best.record-pop:after{content:'';position:absolute;right:-5px;top:-14px;width:22px;height:22px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M11 2l2 8 8-5-6 7 7 3-9-1-1 8-2-8-8 4 7-7-6-5 8 4Z' fill='none' stroke='%2323241f' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");animation:combo-spark-pop .7s ease-out both}
@keyframes record-stamp{0%{scale:.95}40%{scale:1.035}100%{scale:1}}
#challenge-note{font-size:10px;line-height:1.5;padding:7px 9px;border:1px dashed var(--ink);margin:0 0 10px;background:#e9f0cc}
.game-page .finish{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,400px);gap:35px;align-items:center;text-align:left;max-width:950px;padding:20px 0;border:0;background:none;box-shadow:none;margin:15px auto 25px}
.game-page .finish[hidden]{display:none}.game-page:has(.finish:not([hidden])) .intro{display:none}
.game-page .finish h2{font-family:'Playfair Display',serif;font-style:italic;font-size:clamp(35px,5vw,58px);line-height:1.1;margin:14px 0}
.finish-copy>p{font-size:12px;line-height:1.8;max-width:400px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}
.result-actions button{font-family:'Barlow Condensed',sans-serif;font-size:17px;font-weight:700;letter-spacing:.7px;min-height:47px;border:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);padding:10px;background:#f5f4ec;width:auto;margin:0}
.result-actions #share-result{background:var(--lime)}.result-actions button:disabled{opacity:.5}.result-actions button:active:enabled{translate:2px 2px;box-shadow:none}
.collectible-wrap{position:relative;transform:rotate(1deg);filter:drop-shadow(5px 6px 0 #23241f25)}
#result-card{display:block;width:100%;height:auto;background:var(--paper)}
.result-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#share-status{min-height:3em;font-size:10px;color:#626752}#share-fallback label{display:block;font-size:10px;margin-bottom:5px}#challenge-link{width:100%;font:11px monospace;padding:8px;border:1px solid var(--ink);background:var(--paper)}
#challenge-outcome{font-weight:700;background:var(--lime);padding:7px}
@media(max-width:700px){.personal-best{font-size:10px;margin-bottom:5px;line-height:1.3}.game-page .score-value{margin-bottom:4px}.game-page .finish{display:flex;flex-direction:column;gap:18px;padding:10px 0;max-width:390px;margin:10px auto}.collectible-wrap{order:-1;width:min(100%,280px)}.finish-copy{width:100%}.finish-copy>.eyebrow,.game-page .finish h2{display:none}.finish-copy>p{margin:0 0 8px;font-size:10px}.result-actions{margin-top:12px;gap:8px}.result-actions button{font-size:15px;min-height:43px}.game-page:has(.finish:not([hidden])) footer{display:none}}
.personal-best{isolation:isolate}
@media(max-width:700px){
  #challenge-note{font-size:9px;padding:4px 6px;margin-bottom:6px}
  .game-page:has(#challenge-note:not([hidden])) .photo-wrap{height:clamp(125px,calc(100svh - 575px),365px)}
}
@media(max-width:700px) and (max-height:740px){.game-page:has(#challenge-note:not([hidden])) .photo-wrap{height:clamp(125px,calc(100svh - 540px),275px)}}
/* Replay leads; sharing sits below it as a quiet pair. */
.result-actions .replay-button{grid-column:1/-1;justify-self:center;min-width:190px;margin-bottom:7px;background:var(--lime)}
.result-actions #share-result{background:#f5f4ec}
.submission-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.submission-fields label,.submission-fact{display:flex;flex-direction:column;gap:5px;font-size:11px;font-weight:600}.submission-fact{margin-top:12px}
#submit-cat-form input:not([type=checkbox]),#submit-cat-form select{width:100%;font:inherit;font-size:14px;padding:9px;border:1px solid var(--ink);background:#f5f4ec;color:var(--ink);border-radius:2px}
.submission-permission{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.5;margin:17px 0}.submission-permission input{margin-top:3px;flex-shrink:0;accent-color:#668a13}
#submission-status{font-size:11px;line-height:1.5}#submit-cat-dialog{max-height:90svh;overflow:auto}.submission-note{font-size:12px;line-height:1.6}
@media(max-width:700px){.header-actions .how-button{font-size:8px;letter-spacing:.6px;padding-left:8px}.submission-fields{grid-template-columns:1fr}#submit-cat-form input:not([type=checkbox]),#submit-cat-form select{font-size:16px}.game-page .site-header .brand-lockup{width:65px;scale:.9;transform-origin:left center}}

.header-actions{gap:28px}.header-actions .how-button{padding-left:0;white-space:nowrap}
@media(max-width:700px){.header-actions{gap:16px}}
@media(max-width:360px){.header-actions{gap:10px}.game-page .site-header .brand-lockup{width:48px}}