:root {
  color-scheme: light;
  font-family: ui-rounded, "Arial Rounded MT Bold", system-ui, sans-serif;
  color: #342451;
  background: #ffedbc;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  background: radial-gradient(ellipse at 50% 0, #fff8dc 0%, #ffedbc 60%, #f7d6e4 100%);
  min-height: 100vh;
}
main { width: min(100% - 2rem, 37rem); margin: auto; padding: 1.8rem 0 1rem; text-align: center; }
.game { font-weight: 800; color: #5c416e; text-decoration-thickness: .08em; }
h1 { font-size: clamp(2rem, 8vw, 3.8rem); line-height: 1; letter-spacing: -.055em; margin: .65rem 0; }
.intro { margin: .6rem 0 1rem; }
.choices { display: grid; grid-template-columns: 1fr 1fr; gap: .7rem; }
button, .install { font: inherit; cursor: pointer; }
.choices button {
  padding: .32rem;
  border: 2px solid #654c85;
  border-radius: 1.25rem;
  background: #fff5dc;
  color: inherit;
  box-shadow: 0 4px #654c85;
}
.choices button:hover, .choices button[aria-pressed="true"] { background: #f9d883; }
.choices button:active { transform: translateY(2px); box-shadow: 0 2px #654c85; }
.choices img { width: 100%; display: block; height: auto; border-radius: .85rem; }
.choices span { display: block; font-weight: 800; padding: .48rem; }
:focus-visible { outline: 3px solid #6531a2; outline-offset: 4px; }
.result { margin: 1.6rem auto 0; max-width: 23rem; }
.result h2 { margin: 0 0 .6rem; }
video { display: block; width: 100%; height: auto; border-radius: 1.2rem; background: #372650; }
.quiet { border: 0; padding: .75rem; color: #503371; background: transparent; text-decoration: underline; font-weight: 700; }
dl { display: flex; gap: .55rem; margin: .7rem 0 1.2rem; }
dl div { flex: 1; background: #fff7db; border: 1px solid #c7a7cc; border-radius: .85rem; padding: .55rem; }
dd { margin: 0; font-size: 1.45rem; font-weight: 800; }
.install { display: block; padding: .8rem; background: #4e306e; color: #fff8e6; border-radius: 2rem; font-weight: 800; text-decoration: none; }
.install span { padding-left: .25rem; }
.share-status { margin: 0; min-height: 1.4em; }
.share-status input { width: 100%; font: inherit; }
footer { margin-top: 1.65rem; font-size: .85rem; }
footer a { color: #5c416e; }