:root {
  --purple-1: #d9baf4; --purple-2: #b889e4; --purple-3: #9156cb; --purple-4: #6e39a8;
  --lavender: #f5edff; --pink: #f4a8df; --yellow: #fff3a6; --ink: #6d3ba7;
  --pixel: "Pixelify Sans", "Courier New", monospace;
}

* { box-sizing: border-box; }
html, body { min-height: 100%; }
body {
  margin: 0; min-height: 100vh; color: var(--ink); font-family: var(--pixel); overflow-x: hidden;
  background: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px), radial-gradient(circle at 50% 25%, #d8baf2 0, #c19ae9 46%, #a875d8 100%);
  background-size: 8px 8px, 8px 8px, auto;
}
body::after { content: ""; position: fixed; inset: 0; pointer-events: none; opacity: .08; 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='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: soft-light; }
button, input { font: inherit; }

.sky { position: fixed; inset: 0; overflow: hidden; pointer-events: none; }
.cloud { position: absolute; width: 190px; height: 38px; background: rgba(246,236,255,.45); animation: drift 17s ease-in-out infinite alternate; }
.cloud::before, .cloud::after { content: ""; position: absolute; bottom: 0; background: inherit; }
.cloud::before { width: 78px; height: 66px; left: 30px; }
.cloud::after { width: 100px; height: 86px; right: 20px; }
.cloud-one { top: 10%; left: -40px; transform: scale(.8); }
.cloud-two { top: 18%; right: -45px; animation-delay: -8s; }
.cloud-three { bottom: 7%; left: 8%; transform: scale(.58); animation-delay: -4s; opacity: .55; }
@keyframes drift { to { translate: 22px 5px; } }
.star, .plus { position: absolute; color: rgba(255,255,255,.93); text-shadow: 3px 3px 0 rgba(132,74,190,.15); animation: twinkle 2.2s steps(2,end) infinite; }
.star-one { left: 10%; top: 12%; font-size: 38px; }.star-two { right: 14%; top: 13%; font-size: 32px; animation-delay: -.7s; }
.star-three { left: 8%; bottom: 16%; font-size: 25px; animation-delay: -1.4s; }.star-four { right: 8%; bottom: 12%; font-size: 44px; animation-delay: -.3s; }
.plus { font: 700 37px/1 var(--pixel); }.plus-one { left: 4%; top: 35%; }.plus-two { right: 4%; top: 54%; animation-delay: -1s; }.plus-three { left: 26%; bottom: 6%; animation-delay: -.5s; }
@keyframes twinkle { 50% { transform: scale(.72); opacity: .35; } }

.welcome-gate { position: relative; z-index: 2; min-height: 100vh; width: min(100%,1120px); margin: 0 auto; padding: 7vh 24px 34px; display: flex; flex-direction: column; justify-content: center; align-items: center; }
.secret-card {
  width: min(100%,760px); min-height: 560px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 44px clamp(24px,8vw,80px) 48px; text-align: center;
  background: #f8f2ff; border: 4px solid #a865d3; border-radius: 32px; box-shadow: 0 0 0 7px rgba(247,222,255,.55), 12px 12px 0 rgba(104,51,159,.16);
  overflow: hidden;
}
.pixel-scene { height: 185px; display: flex; align-items: center; justify-content: center; margin-bottom: 14px; }
.pixel-moon { width: 190px; height: 190px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(6px 6px 0 rgba(132,74,190,.16)); animation: float 3.2s steps(4,end) infinite; }
@keyframes float { 50% { transform: translateY(-7px); } }
h1 { margin: 0; color: var(--purple-3); font-size: clamp(3rem,8vw,5.7rem); font-weight: 700; line-height: .78; letter-spacing: -.045em; text-shadow: 4px 0 0 var(--yellow),-4px 0 0 var(--yellow),0 4px 0 var(--yellow),0 -4px 0 var(--yellow),7px 7px 0 #d177cf; }
h1 span { display: inline-block; margin-top: 18px; color: #b34fc6; }

.ready-panel { width: min(100%,430px); margin-top: 38px; }
.ready-question { margin: 0 0 18px; color: #7042a3; font-size: clamp(1.25rem,3vw,1.6rem); }
.yes-button { width: 100%; min-height: 58px; border: 3px solid #8350b9; color: #6f3a9f; background: linear-gradient(#f6c7ed 0 48%,#eaaade 48% 100%); box-shadow: inset 0 0 0 3px #ffdafa,6px 6px 0 #a368cd; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 600; font-size: 1.25rem; transition: transform .12s steps(2,end),box-shadow .12s steps(2,end); }
.yes-button:hover { transform: translate(-2px,-2px); box-shadow: inset 0 0 0 3px #ffdafa,8px 8px 0 #9a5fc3; }.yes-button:active { transform: translate(5px,5px); box-shadow: inset 0 0 0 3px #ffdafa,1px 1px 0 #9a5fc3; }
.card-sparkles span { position: absolute; color: #dba5ef; font-size: 24px; }.card-sparkles span:nth-child(1) { left: 8%; top: 12%; }.card-sparkles span:nth-child(2) { right: 8%; top: 17%; }.card-sparkles span:nth-child(3) { left: 11%; bottom: 14%; }.card-sparkles span:nth-child(4) { right: 10%; bottom: 11%; }
.disclaimer-screen { position: fixed; z-index: 10; inset: 0; padding: 22px; display: grid; place-items: center; background: radial-gradient(circle at 50% 34%,#dfc7f5,#b98ae1); opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .4s ease,visibility .4s,transform .4s ease; }
.disclaimer-screen.visible { opacity: 1; visibility: visible; transform: none; }
.disclaimer-card { width: min(100%,620px); min-height: 570px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 44px clamp(24px,7vw,70px); color: #7140a3; text-align: center; background: #f8f2ff; border: 4px solid #a865d3; border-radius: 32px; box-shadow: 0 0 0 7px rgba(247,222,255,.55),12px 12px 0 rgba(104,51,159,.16); overflow: hidden; }
.warning-icon { width: 170px; height: 155px; object-fit: contain; image-rendering: pixelated; margin-bottom: 18px; animation: warningBob 1.8s steps(3,end) infinite; }
@keyframes warningBob { 50% { transform: translateY(-6px); } }
.disclaimer-card h2 { margin: 0; color: #a84ec4; font-size: clamp(2.4rem,7vw,4.5rem); line-height: .9; letter-spacing: -.035em; text-shadow: 3px 0 0 var(--yellow),-3px 0 0 var(--yellow),0 3px 0 var(--yellow),0 -3px 0 var(--yellow),5px 5px 0 #d177cf; }
.disclaimer-card ul { width: min(100%,380px); list-style: none; margin: 32px 0; padding: 0; text-align: left; }
.disclaimer-card li { padding: 13px 8px; border-bottom: 2px dashed #dfb9ef; font-size: clamp(1.15rem,3vw,1.45rem); }
.disclaimer-card li:first-child { border-top: 2px dashed #dfb9ef; }
.disclaimer-card li span { display: inline-block; width: 34px; color: #e26fc2; text-align: center; }
.super-ready-button { width: min(100%,380px); min-height: 58px; border: 3px solid #8350b9; color: #6f3a9f; background: linear-gradient(#f6c7ed 0 48%,#eaaade 48% 100%); box-shadow: inset 0 0 0 3px #ffdafa,6px 6px 0 #a368cd; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 600; font-size: 1.2rem; transition: transform .12s steps(2,end),box-shadow .12s steps(2,end); }
.super-ready-button:hover { transform: translate(-2px,-2px); box-shadow: inset 0 0 0 3px #ffdafa,8px 8px 0 #9a5fc3; }.super-ready-button:active { transform: translate(5px,5px); box-shadow: inset 0 0 0 3px #ffdafa,1px 1px 0 #9a5fc3; }
.disclaimer-spark { position: absolute; color: #d99fe9; font-size: 30px; }.spark-a { top: 9%; left: 10%; }.spark-b { right: 10%; bottom: 12%; }
.reasons-screen { position: fixed; z-index: 11; inset: 0; padding: 22px; display: grid; place-items: center; background: radial-gradient(circle at 50% 34%,#dfc7f5,#b98ae1); opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .4s ease,visibility .4s,transform .4s ease; }
.reasons-screen.visible { opacity: 1; visibility: visible; transform: none; }
.reasons-card { width: min(100%,720px); min-height: 570px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 54px clamp(24px,6vw,62px) 44px; color: #7140a3; text-align: center; background: #f8f2ff; border: 4px solid #a865d3; border-radius: 32px; box-shadow: 0 0 0 7px rgba(247,222,255,.55),12px 12px 0 rgba(104,51,159,.16); overflow: hidden; }
.reasons-title-row { width: 100%; display: grid; grid-template-columns: 112px minmax(0,1fr) 112px; gap: 16px; align-items: center; }
.reasons-title-row h2 { margin: 0; color: #a84ec4; font-size: clamp(2.3rem,6vw,4.1rem); line-height: .9; letter-spacing: -.035em; text-shadow: 3px 0 0 var(--yellow),-3px 0 0 var(--yellow),0 3px 0 var(--yellow),0 -3px 0 var(--yellow),5px 5px 0 #d177cf; }
.reason-corner { width: 112px; height: 112px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(5px 5px 0 rgba(132,74,190,.14)); animation: cornerBob 2s steps(3,end) infinite; }
.reason-tooth { animation-delay: -1s; }
@keyframes cornerBob { 50% { transform: translateY(-6px) rotate(-2deg); } }
.reason-choices { width: min(100%,480px); display: grid; gap: 15px; margin-top: 45px; }
.reason-choice { width: 100%; min-height: 64px; padding: 10px 18px; border: 3px solid #8350b9; color: #6f3a9f; background: linear-gradient(#f6c7ed 0 48%,#eaaade 48% 100%); box-shadow: inset 0 0 0 3px #ffdafa,6px 6px 0 #a368cd; cursor: pointer; display: grid; grid-template-columns: 48px 1fr 30px; align-items: center; gap: 10px; font-weight: 600; font-size: 1.2rem; text-align: left; transition: transform .12s steps(2,end),box-shadow .12s steps(2,end),filter .12s steps(2,end); }
.reason-choice:hover, .reason-choice:focus-visible { transform: translate(-2px,-2px); box-shadow: inset 0 0 0 3px #ffdafa,8px 8px 0 #9a5fc3; outline: none; }
.reason-choice:active { transform: translate(5px,5px); box-shadow: inset 0 0 0 3px #ffdafa,1px 1px 0 #9a5fc3; }
.reason-choice[aria-pressed="true"] { filter: saturate(1.18) brightness(1.03); background: linear-gradient(#ffe2f6 0 48%,#f5b4e5 48% 100%); }
.reason-choice > span:last-child { color: #d85fbd; font-size: 1.45rem; text-align: right; }
.reason-label { position: relative; width: max-content; max-width: 100%; }
.reason-choice.completed { border-color: #7543aa; color: #65318c; background: linear-gradient(#dfc5f4 0 48%,#cba4e8 48% 100%); box-shadow: inset 0 0 0 3px #efdfff,6px 6px 0 #8d55b7; }
.reason-choice.completed .reason-number { color: #7f45a5; }
.reason-choice.completed .reason-mark { color: #c84bad; animation: completedPop .55s steps(4,end); }
@keyframes completedPop { 50% { transform: scale(1.45) rotate(-8deg); } }
.gift-choice[hidden] { display: none; }
.gift-choice { border-color: #a168bd; color: #763c96; background: linear-gradient(#fff0b8 0 48%,#f7cf8c 48% 100%); box-shadow: inset 0 0 0 3px #fff8d8,6px 6px 0 #a368cd; }
.gift-choice.revealed { animation: giftReveal .65s steps(5,end) both; }
@keyframes giftReveal { from { opacity: 0; transform: translateY(18px) scale(.94); } 70% { transform: translateY(-3px) scale(1.02); } to { opacity: 1; transform: none; } }
.reason-number { color: #ad5fc8; font-size: .98rem; }
.reason-status { min-height: 24px; margin: 23px 0 0; color: #8d55b5; font-size: 1rem; }
.reasons-spark { position: absolute; color: #d99fe9; font-size: 30px; }.reasons-spark-a { top: 7%; left: 5%; }.reasons-spark-b { right: 6%; bottom: 7%; }
.funny-screen { position: fixed; z-index: 11; inset: 0; padding: 22px; display: grid; place-items: center; background: radial-gradient(circle at 50% 34%,#dfc7f5,#b98ae1); opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .4s ease,visibility .4s,transform .4s ease; }
.funny-screen.visible { opacity: 1; visibility: visible; transform: none; }
.funny-card { width: min(100%,680px); min-height: 570px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 48px clamp(24px,7vw,72px) 42px; color: #7140a3; text-align: center; background: #f8f2ff; border: 4px solid #a865d3; border-radius: 32px; box-shadow: 0 0 0 7px rgba(247,222,255,.55),12px 12px 0 rgba(104,51,159,.16); overflow: hidden; }
.funny-heart { display: block; color: #df72c5; font-size: 4.8rem; line-height: .8; animation: heartbeat 1.1s steps(3,end) infinite; }
.funny-kicker { margin: 24px 0 9px; color: #a86ac5; font-size: 1rem; letter-spacing: .12em; text-transform: uppercase; }
.funny-card h2 { margin: 0; color: #a84ec4; font-size: clamp(3rem,8vw,5rem); line-height: .9; letter-spacing: -.035em; text-shadow: 3px 0 0 var(--yellow),-3px 0 0 var(--yellow),0 3px 0 var(--yellow),0 -3px 0 var(--yellow),5px 5px 0 #d177cf; }
.happy-choice .reason-label { width: auto; overflow-wrap: anywhere; }
.happy-card h2 { max-width: 100%; font-size: clamp(2rem,5vw,3.35rem); overflow-wrap: anywhere; }
.funny-message { width: min(100%,500px); position: relative; margin: 38px 0 34px; padding: 25px 35px; background: #fff7ff; border: 3px dashed #d8a8e9; box-shadow: 6px 6px 0 rgba(163,104,205,.18); }
.funny-message p { margin: 0; color: #7444a1; font-size: clamp(1.18rem,3vw,1.5rem); line-height: 1.35; }
.message-quote { position: absolute; left: 10px; top: 2px; color: #e591d0; font-size: 3rem; line-height: 1; }.message-quote-end { left: auto; right: 10px; top: auto; bottom: -13px; }
.why-else-button, .gift-next-button, .feelings-next-button { width: min(100%,380px); min-height: 58px; border: 3px solid #8350b9; color: #6f3a9f; background: linear-gradient(#f6c7ed 0 48%,#eaaade 48% 100%); box-shadow: inset 0 0 0 3px #ffdafa,6px 6px 0 #a368cd; cursor: pointer; display: flex; align-items: center; justify-content: center; gap: 12px; font-weight: 600; font-size: 1.2rem; transition: transform .12s steps(2,end),box-shadow .12s steps(2,end); }
.why-else-button:hover, .why-else-button:focus-visible, .gift-next-button:hover, .gift-next-button:focus-visible, .feelings-next-button:hover, .feelings-next-button:focus-visible { transform: translate(-2px,-2px); box-shadow: inset 0 0 0 3px #ffdafa,8px 8px 0 #9a5fc3; outline: none; }.why-else-button:active, .gift-next-button:active, .feelings-next-button:active { transform: translate(5px,5px); box-shadow: inset 0 0 0 3px #ffdafa,1px 1px 0 #9a5fc3; }
.funny-spark { position: absolute; color: #d99fe9; font-size: 30px; }.funny-spark-a { left: 8%; top: 10%; }.funny-spark-b { right: 8%; bottom: 10%; }
.gift-screen { position: fixed; z-index: 11; inset: 0; padding: 22px; display: grid; place-items: center; overflow-y: auto; background: radial-gradient(circle at 50% 34%,#dfc7f5,#b98ae1); opacity: 0; visibility: hidden; transform: translateY(20px); transition: opacity .4s ease,visibility .4s,transform .4s ease; }
.gift-screen.visible { opacity: 1; visibility: visible; transform: none; }
.gift-card { width: min(100%,820px); min-height: 570px; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 38px clamp(22px,5vw,55px) 30px; color: #7140a3; text-align: center; background: #f8f2ff; border: 4px solid #a865d3; border-radius: 32px; box-shadow: 0 0 0 7px rgba(247,222,255,.55),12px 12px 0 rgba(104,51,159,.16); overflow: hidden; }
.gift-top-heart { color: #df72c5; font-size: 3.2rem; line-height: .8; animation: heartbeat 1.1s steps(3,end) infinite; }
.gift-kicker { margin: 18px 0 7px; color: #a86ac5; font-size: .9rem; letter-spacing: .1em; text-transform: uppercase; }
.gift-card h2 { margin: 0; color: #a84ec4; font-size: clamp(3rem,7vw,4.7rem); line-height: .9; letter-spacing: -.035em; text-shadow: 3px 0 0 var(--yellow),-3px 0 0 var(--yellow),0 3px 0 var(--yellow),0 -3px 0 var(--yellow),5px 5px 0 #d177cf; }
.gift-prompt { margin: 18px 0 21px; color: #7444a1; font-size: 1.2rem; }
.gift-options { width: 100%; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 17px; align-items: start; }
.gift-option-wrap { min-width: 0; }
.gift-option { width: 100%; position: relative; padding: 8px 8px 11px; border: 3px solid #b879d3; color: #75419a; background: #fff8ff; box-shadow: 5px 5px 0 #c293df; cursor: pointer; transition: transform .14s steps(2,end),box-shadow .14s steps(2,end),border-color .14s steps(2,end); }
.gift-option:hover, .gift-option:focus-visible { transform: translate(-2px,-2px); box-shadow: 7px 7px 0 #a867cb; border-color: #8c50b8; outline: none; }
.gift-option:active { transform: translate(4px,4px); box-shadow: 1px 1px 0 #a867cb; }
.gift-image-frame { width: 100%; height: 170px; display: grid; place-items: center; overflow: hidden; background: white; border: 2px solid #ead5f5; }
.gift-image-frame img { display: block; width: 100%; height: 100%; object-fit: contain; }
.gift-option-number { display: block; margin-top: 9px; font-size: .92rem; text-align: left; }
.gift-option-heart { position: absolute; right: 14px; bottom: 7px; color: #d85fbd; font-size: 1.35rem; }
.gift-option[aria-pressed="true"] { border-color: #d057b5; background: #f7d7ee; box-shadow: 5px 5px 0 #9d5bc2; transform: translate(-2px,-2px); }
.gift-option[aria-pressed="true"] .gift-option-heart { animation: completedPop .55s steps(4,end); }
.gift-option-wrap small { display: block; min-height: 30px; margin-top: 10px; color: #9663af; font-size: clamp(.68rem,1.7vw,.86rem); line-height: 1.15; }
.gift-selection-status { min-height: 22px; margin: 16px 0 0; color: #8d55b5; font-size: 1rem; }
.gift-next-button { width: min(100%,320px); min-height: 52px; margin-top: 8px; }
.gift-note { width: min(100%,650px); margin-top: 18px; color: #9663af; font-size: clamp(.7rem,1.7vw,.88rem); line-height: 1.25; }
.feelings-card .reasons-title-row h2 { font-size: clamp(2.1rem,5.4vw,3.75rem); }
.feeling-status { min-height: 24px; margin: 23px 0 0; color: #8d55b5; font-size: 1rem; }
.feelings-next-button { width: min(100%,320px); min-height: 52px; }
.feelings-next-button[hidden] { display: none; }
.feelings-next-button.revealed { animation: giftReveal .65s steps(5,end) both; }
.final-message-card { width: min(100%,680px); min-height: 500px; display: grid; place-items: center; position: relative; padding: clamp(42px,8vw,80px); color: #7140a3; text-align: center; background: #f8f2ff; border: 4px solid #a865d3; border-radius: 32px; box-shadow: 0 0 0 7px rgba(247,222,255,.55),12px 12px 0 rgba(104,51,159,.16); }
.final-message-card:focus { outline: none; }
.final-message-card p { margin: 0; color: #7444a1; font-size: clamp(1.25rem,3.2vw,1.7rem); line-height: 1.5; }
.final-message-corner { position: absolute; top: 25px; width: 88px; height: 88px; object-fit: contain; image-rendering: pixelated; filter: drop-shadow(5px 5px 0 rgba(132,74,190,.14)); animation: cornerBob 2s steps(3,end) infinite; }
.final-message-mouse { left: 27px; }
.final-message-tooth { right: 27px; animation-delay: -1s; }
.gift-spark { position: absolute; color: #d99fe9; font-size: 28px; }.gift-spark-a { left: 6%; top: 8%; }.gift-spark-b { right: 6%; bottom: 7%; }
@keyframes heartbeat { 50% { transform: scale(1.18); } }
@media (max-width:620px) { .welcome-gate { padding: 28px 15px; }.secret-card { min-height: 600px; padding-inline: 24px; border-width: 3px; }.pixel-scene { transform: scale(.85); margin-bottom: -4px; }h1 { font-size: clamp(3.2rem,16vw,4.8rem); text-shadow: 3px 0 0 var(--yellow),-3px 0 0 var(--yellow),0 3px 0 var(--yellow),0 -3px 0 var(--yellow),5px 5px 0 #d177cf; }.card-sparkles span:nth-child(3),.card-sparkles span:nth-child(4) { display: none; }.reasons-card { min-height: 590px; padding: 42px 19px 34px; border-width: 3px; }.reasons-title-row { grid-template-columns: 70px minmax(0,1fr) 70px; gap: 7px; }.reason-corner { width: 70px; height: 70px; }.reasons-title-row h2 { font-size: clamp(2rem,10vw,3rem); text-shadow: 2px 0 0 var(--yellow),-2px 0 0 var(--yellow),0 2px 0 var(--yellow),0 -2px 0 var(--yellow),4px 4px 0 #d177cf; }.feelings-card .reasons-title-row h2 { font-size: clamp(1.7rem,8.2vw,2.55rem); }.reason-choices { margin-top: 38px; }.reason-choice { min-height: 61px; grid-template-columns: 36px 1fr 24px; padding-inline: 13px; font-size: 1.08rem; }.funny-card { min-height: 590px; padding: 38px 20px 34px; border-width: 3px; }.funny-heart { font-size: 4rem; }.funny-message { margin-block: 32px 30px; padding: 22px 27px; }.gift-screen { padding: 12px; }.gift-card { min-height: 590px; padding: 24px 13px 18px; border-width: 3px; }.gift-top-heart { font-size: 2.7rem; }.gift-kicker { margin-top: 13px; font-size: .72rem; }.gift-card h2 { font-size: clamp(2.8rem,14vw,4rem); }.gift-prompt { margin: 12px 0 15px; }.gift-options { gap: 8px; }.gift-option { padding: 5px 5px 9px; border-width: 2px; box-shadow: 3px 3px 0 #c293df; }.gift-image-frame { height: 118px; border-width: 1px; }.gift-option-number { margin-top: 6px; font-size: .76rem; }.gift-option-heart { right: 8px; bottom: 4px; font-size: 1.1rem; }.gift-option-wrap small { margin-top: 7px; min-height: 32px; }.gift-selection-status { margin-top: 8px; }.gift-next-button { min-height: 48px; margin-top: 3px; }.gift-note { margin-top: 13px; font-size: .68rem; }.feelings-next-button { min-height: 48px; }.final-message-screen { padding: 15px; }.final-message-card { min-height: 560px; padding: 92px 25px 42px; border-width: 3px; }.final-message-card p { font-size: clamp(1.12rem,5.3vw,1.4rem); line-height: 1.42; }.final-message-corner { top: 19px; width: 64px; height: 64px; }.final-message-mouse { left: 20px; }.final-message-tooth { right: 20px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }