:root{--red:#ff3b30;--black:#111;--cream:#fff8e8}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--red);color:var(--black);font-family:"Arial Black",Impact,sans-serif;overflow-x:hidden}.shell{min-height:100vh;max-width:520px;margin:auto;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));display:flex;flex-direction:column}header{display:flex;justify-content:space-between;align-items:flex-start;font-size:1.1rem;line-height:.82;letter-spacing:-.06em}.lives{font:700 .85rem Arial;color:var(--cream);letter-spacing:.2em}.intro{margin:auto 0}.kicker,.result>p{font:700 .64rem Arial;letter-spacing:.25em}.intro h1{font-size:clamp(3.2rem,15vw,5.6rem);line-height:.78;letter-spacing:-.095em;margin:.8rem 0 1.5rem}.intro h1 span{color:var(--cream)}.intro>p:not(.kicker){max-width:390px;font:700 1rem/1.45 Arial}.intro button,.result button{width:100%;margin-top:2rem;border:3px solid var(--black);background:var(--cream);padding:1.2rem;display:flex;justify-content:space-between;font:900 1rem Arial;box-shadow:7px 7px 0 var(--black)}.hidden{display:none!important}.game{flex:1;display:flex;flex-direction:column;padding-top:3rem}.meta{display:flex;justify-content:space-between;font:700 .65rem Arial;letter-spacing:.16em}.card-wrap{flex:1;display:grid;place-items:center;perspective:900px}.card{position:relative;width:100%;min-height:390px;background:var(--cream);border:3px solid var(--black);box-shadow:11px 13px 0 var(--black);padding:2rem;display:flex;flex-direction:column;justify-content:center;touch-action:none;user-select:none;transition:transform .25s,opacity .25s}.card p{font:800 .65rem Arial;letter-spacing:.2em;color:var(--red)}.card h2{font-size:clamp(2rem,9vw,3.2rem);line-height:.92;letter-spacing:-.06em;margin:.6rem 0}.card small{position:absolute;bottom:1.4rem;font:700 .55rem Arial;letter-spacing:.15em}.stamp{position:absolute;top:1rem;border:4px solid;padding:.5rem;opacity:0;font-size:1.3rem}.stamp.true{right:1rem;color:#0a8a45;border-color:#0a8a45;transform:rotate(8deg)}.stamp.false{left:1rem;color:var(--red);border-color:var(--red);transform:rotate(-8deg)}.actions{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.actions button{border:3px solid;background:transparent;padding:.85rem;font:900 1.5rem Arial}.actions button span{font-size:.7rem;margin-left:.3rem}.yes{background:var(--cream)!important}.result{margin:auto 0}.result h2{font-size:4rem;line-height:.82;letter-spacing:-.08em;margin:.7rem 0}.score{font-size:7rem;line-height:1;color:var(--cream)}.result-copy{font:700 1rem/1.5 Arial}@keyframes shake{25%{transform:translateX(-12px) rotate(-2deg)}75%{transform:translateX(12px) rotate(2deg)}}.shake{animation:shake .25s}.correct{outline:8px solid #1fd279}.wrong{outline:8px solid #ff756d}
