/* Readable UI, with pixel typography reserved for the game's identity. */
body{font-size:18px;-webkit-text-size-adjust:100%}.site-header{padding-block:20px}.brand{font-size:15px}.site-header .text-button{font-size:13px}.sound-button{min-width:48px;min-height:46px;font-size:16px}.sound-button span{font-size:12px}.hero-grid{padding-block:52px;gap:55px}.hero-copy h1{font-size:clamp(48px,5.6vw,76px);letter-spacing:-2px;margin:25px 0;line-height:1.3}.hero-copy .eyebrow{font:700 13px/1.5 system-ui,sans-serif;letter-spacing:.06em}.lead{font-size:21px;line-height:1.65}.button{font:800 17px/1.3 system-ui,sans-serif;letter-spacing:.02em;min-height:58px;gap:12px;padding:17px 26px}.hero-actions .primary{min-width:225px}.time-note{font:15px/1.6 system-ui,sans-serif}.micro{font:14px/1.6 system-ui,sans-serif}.resume{font-size:16px}.screen-label{font-size:10px}.insert-coin{font-size:12px}.arcade-top{font-size:10px}.spectrum-preview{font-size:10px;gap:10px}.console-controls small{font-size:8px}.sticker{font-size:11px}.section-kicker{font-size:12px}.steps h2{font:800 25px/1.4 system-ui,sans-serif;letter-spacing:0}.steps p{font-size:17px}.step-number{font-size:14px}.profile-teaser{font-size:15px;padding-block:16px}.profile-teaser>span:first-child{font-size:14px}.profile-teaser>div{font-size:14px}footer{gap:20px}footer p{font-size:14px;line-height:1.7}footer .footer-brand{font-size:13px}footer .text-button{font:700 12px system-ui,sans-serif!important}.footer-small{font-size:11px}.text-button{font:700 14px/1.5 system-ui,sans-serif;letter-spacing:0;min-height:44px}.quiz-top{padding:14px 28px;border-bottom:none;max-width:820px;margin:auto;align-items:center}.quiz-top>span{font-size:12px}.quiz-layout{display:block;max-width:820px;margin:auto;padding:6px 28px 44px}.question-meta{font:750 14px/1.5 system-ui,sans-serif;gap:12px}.question-meta>span:first-child{letter-spacing:.05em}.question-meta>span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.progress-track{height:6px;margin:14px 0 0}.progress-track>div{transition:width .18s}.question-dots{display:none}.question-lead{display:flex;align-items:center;gap:24px;margin:25px 0}.question-picture{width:106px;height:106px;flex:none;display:grid;place-items:center;background:var(--mint);border:2px solid var(--ink);box-shadow:4px 4px 0 #bac8ad}.question-picture canvas{width:90px;height:90px;image-rendering:pixelated}.question-panel h2{font:850 32px/1.25 system-ui,sans-serif;letter-spacing:-.8px;margin:0;flex:1}.question-panel>p.hidden{display:none}#answers{grid-template-columns:1fr 1fr;gap:16px}.answer{border:2px solid var(--ink);min-height:112px;background:#fffcf5;box-shadow:4px 4px 0 #c8cdbd;padding:19px 18px;gap:13px;font:650 19px/1.4 system-ui,sans-serif;align-items:center}.answer .answer-key{font:750 14px/1 ui-monospace,monospace;width:31px;height:31px;border-color:#9cae96;background:#e8eddf}.answer:hover{transform:translateY(-2px);background:#eaf0dd}.answer.selected{padding:19px 18px;background:#d6e7bb;border-width:2px;box-shadow:4px 4px 0 var(--ink)}.answer:disabled{opacity:1;cursor:default}.answer .check{font-size:20px}.question-bottom{align-items:center;margin-top:20px}.tap-hint{font-size:14px;color:var(--muted)}.answer-note{display:none}.question-panel .text-button{font-size:15px}body[data-screen=quiz] footer,body[data-screen=reveal] footer{display:none}.loading-bar>div{animation-duration:1s}.reveal-screen{min-height:500px;padding-top:35px}.reveal-screen h1{font:800 30px/1.4 system-ui,sans-serif;letter-spacing:-.5px}.reveal-screen>.eyebrow{font-size:14px}.reveal-screen .text-button{font-size:16px}.result-heading h1{font:900 clamp(32px,4.7vw,56px)/1.15 system-ui,sans-serif;letter-spacing:-1.5px}.result-heading>.eyebrow{font-size:14px}.result-heading>p{font-size:18px}.result-layout{padding-inline:60px;gap:55px}.result-description{font-size:19px;line-height:1.65}.stat{font-size:16px}.stat b{font:800 15px system-ui,sans-serif}.stat-list{margin-block:22px}.result-meter p{font-size:14px}.meter-labels{font-size:10px}.meter-bar{height:15px}.name-label{font:750 14px/1.4 system-ui,sans-serif}#nickname{font-size:18px;min-height:52px}.share-actions .button{font-size:16px;min-height:54px}.share-actions .text-button{font-size:14px}#share-status{font-size:15px}.card-note{font:14px/1.5 system-ui,sans-serif;margin-top:18px}.peace-box h2{font:800 21px/1.4 system-ui,sans-serif;letter-spacing:0}.peace-box p{font-size:16px}.answers-review summary{font:750 15px system-ui,sans-serif}.review-item h3{font-size:17px}.review-item p{font-size:17px}.replay{font-size:15px}dialog p,dialog li{font-size:18px;line-height:1.6}dialog h2{font:850 30px/1.25 system-ui,sans-serif}dialog .button{font-size:17px}.toast{font:650 16px/1.5 system-ui,sans-serif}.peace-box,.answers-review{margin-inline:60px}
@media(max-width:700px){.site-header{padding:13px 18px;min-height:72px}.brand{font-size:12px;gap:8px}.brand img{width:32px;height:32px}.site-header nav{gap:12px}.site-header #how{font:700 13px/1.4 system-ui,sans-serif;padding:0;min-height:44px}.site-header #how span{display:none}.sound-button{padding:7px 9px;min-height:44px;gap:6px}.sound-button span{font-size:11px}.hero-grid{padding:30px 22px 33px;gap:26px}.hero-copy h1{font-size:clamp(42px,11.6vw,70px);line-height:1.25;margin:22px 0}.hero-copy .eyebrow{font-size:12px;letter-spacing:.03em}.lead{font-size:20px;line-height:1.55;margin-bottom:23px}.hero-actions{gap:17px;align-items:center;flex-wrap:nowrap}.hero-actions .button{min-width:0;flex:1;font:850 18px/1.3 system-ui,sans-serif;padding:17px 22px;min-height:58px}.time-note{font:14px/1.55 system-ui,sans-serif;flex:none}.time-note>span{display:none}.micro{font:14px/1.5 system-ui,sans-serif;margin:18px 0 0}.resume{font-size:16px;padding-block:12px}.arcade-wrap{max-width:380px;padding-top:12px}.crt{border-width:7px}.screen-label{font-size:10px;padding-top:11px}.insert-coin{font-size:12px;padding-bottom:12px}.arcade-top{font-size:9px}.sticker{font-size:10px;padding:7px 10px;top:0}.console-controls>span{font-size:10px}.spectrum-preview{font-size:9px;margin-top:24px}.below-hero{padding-top:28px}.section-kicker{font:750 13px system-ui,sans-serif}.steps{gap:23px}.steps h2{font:850 23px/1.3 system-ui,sans-serif;margin-bottom:5px}.steps p{font-size:17px;line-height:1.5}.step-number{font-size:13px}.profile-teaser{padding:16px;gap:13px;margin-top:20px}.profile-teaser>span:first-child{font:650 14px/1.5 system-ui,sans-serif}.profile-teaser>div{font-size:13px}.profile-teaser canvas{width:76px;height:76px}footer{margin-inline:22px;gap:15px;padding:25px 0}footer p{font-size:14px}.footer-small{font-size:11px}.footer-brand{font-size:12px!important}body[data-screen=quiz] .site-header #how{display:none}.quiz-top{padding:6px 20px 0;min-height:45px}.quiz-top .text-button{font-size:14px}.quiz-top>span{font-size:11px;letter-spacing:0}.quiz-layout{padding:10px 20px 24px}.question-meta{font-size:13px;line-height:1.5}.progress-track{height:5px;margin-top:11px}.question-lead{gap:15px;margin:20px 0}.question-picture{width:72px;height:76px;box-shadow:3px 3px 0 #bac8ad}.question-picture canvas{width:66px;height:66px}.question-panel h2{font:850 clamp(24px,6.5vw,29px)/1.22 system-ui,sans-serif;letter-spacing:-.6px}#answers{grid-template-columns:1fr;gap:12px}.answer,.answer.selected{font:650 18px/1.35 system-ui,sans-serif;padding:15px 14px;min-height:74px;gap:12px;box-shadow:3px 3px 0 #c8cdbd}.answer.selected{box-shadow:3px 3px 0 var(--ink)}.answer .answer-key{width:30px;height:30px;font-size:14px}.answer .check{font-size:18px}.question-bottom{margin-top:16px}.question-bottom .text-button{font-size:15px}.tap-hint{font-size:14px}.reveal-screen{padding:35px 22px;min-height:540px}.reveal-screen h1{font:800 27px/1.3 system-ui,sans-serif;letter-spacing:-.5px}.reveal-box{max-width:250px}.result-heading{padding:30px 22px 24px}.result-heading h1{font:900 35px/1.15 system-ui,sans-serif;letter-spacing:-1px;margin-top:16px}.result-heading p{font-size:18px;line-height:1.5}.result-heading .eyebrow{font:750 14px system-ui,sans-serif}.result-layout{padding:0 23px 26px;gap:23px}.share-card-wrap{width:100%}.card-note{font:14px/1.5 system-ui,sans-serif}.result-description{font-size:19px;line-height:1.55}.stat{font-size:16px;gap:15px}.stat b{font-size:14px;text-align:right}.meter-labels{font-size:10px}.result-meter p{font-size:14px}.name-label{font-size:14px}#nickname{font-size:18px}.share-actions .button{font-size:17px;padding:16px;min-height:56px}.share-actions .text-button{font-size:14px}.replay{font-size:15px}.peace-box,.answers-review{margin-inline:23px}.peace-box{padding:20px;gap:13px}.peace-box h2{font:800 21px/1.3 system-ui,sans-serif}.peace-box p{font-size:16px}.answers-review summary{font:750 15px/1.5 system-ui,sans-serif}.review-item h3,.review-item p{font-size:17px}dialog{padding:30px 24px}dialog h2{font:850 28px/1.3 system-ui,sans-serif}dialog p{font-size:18px}.toast{font-size:16px}}
@media(prefers-reduced-motion:reduce){.answer:hover{transform:none}}

/* Smooth character illustrations; the interface keeps its retro styling. */
#hero-art,.profile-teaser canvas{image-rendering:auto}

#share-status{white-space:pre-line;overflow-wrap:anywhere;user-select:text}
