:root {
  --ink: #211A2E;
  --ink-soft: #574B6B;
  --coral: #B01E6B;
  --coral-dark: #8F1858;
  --peach: #F5F3FA;
  --violet: #7A2BE0;
  --violet-soft: #EFE6FB;
  --paper: rgba(255,255,255,.7);
  --line: rgba(122,43,224,.14);
  --shadow: 0 25px 70px rgba(122,43,224,.15);
  --spring: cubic-bezier(.2,.85,.2,1.15);
  font-family: "Prompt", system-ui, sans-serif;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { min-height: 100%; scroll-behavior: smooth; }
body { margin: 0; min-width: 320px; min-height: 100vh; color: var(--ink); background: radial-gradient(circle at 8% 12%, rgba(122,43,224,.18), transparent 28rem), radial-gradient(circle at 92% 15%, rgba(176,30,107,.14), transparent 30rem), linear-gradient(180deg,#F5F3FA 0%,#ECE7F5 65%,#F5F3FA 100%); line-height: 1.6; overflow-x: hidden; -webkit-font-smoothing: antialiased; }
button,input { font: inherit; } button { color: inherit; } a { color: inherit; text-decoration: none; } img { display: block; max-width: 100%; }
button:focus-visible,a:focus-visible,input:focus-visible { outline: 3px solid rgba(240,68,102,.25); outline-offset: 3px; }
[hidden] { display: none !important; }
.ambient { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.ambient i { position: absolute; width: 7px; height: 7px; border-radius: 50%; color: #ff8497; background: currentColor; box-shadow: 0 0 18px currentColor; opacity: .45; animation: drift 8s ease-in-out infinite; }
.ambient i:nth-child(1) { left: 6%; top: 24%; }.ambient i:nth-child(2) { right: 9%; top: 38%; color:#9a67c2; animation-delay:-2s }.ambient i:nth-child(3) { left: 15%; bottom: 13%; animation-delay:-4s }.ambient i:nth-child(4) { right: 19%; bottom: 8%; color:#ffb088; animation-delay:-6s }
.topbar { position: relative; z-index: 10; width: min(820px,calc(100% - 32px)); min-height: 76px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 8px; font-family: Georgia,serif; font-size: 24px; font-weight: 700; letter-spacing: -.04em; }.brand img { border-radius: 9px }.brand span span { color: var(--coral) }
.my-games-button { min-height: 40px; padding: 8px 14px; border: 1px solid var(--line); border-radius: 999px; background: rgba(255,255,255,.63); box-shadow: inset 0 1px 0 white,0 9px 25px rgba(99,39,43,.07); cursor: pointer; font-size: 11px; }.my-games-button i { margin-right: 5px; color: var(--coral); font-style: normal; font-size: 16px; vertical-align: -1px; }
.game-shell { width: min(820px,calc(100% - 32px)); margin: 0 auto; padding: 8px 0 70px; }
.view { animation: viewIn .55s var(--spring) both; }
.cover-art { position: relative; height: 385px; overflow: hidden; border: 1px solid rgba(255,255,255,.8); border-radius: 38px; background:#ffdeda; box-shadow: var(--shadow),inset 0 1px 0 white; }
.cover-art::after { content:""; position:absolute; inset:0; box-shadow:inset 0 -70px 80px rgba(103,31,36,.06); pointer-events:none; }
.cover-art img { width:100%; height:100%; object-fit:cover; object-position:center 48%; transition:transform .8s var(--spring); animation: coverBreathe 7s ease-in-out infinite; }
.cover-pill,.cover-note { position:absolute; z-index:2; top:20px; padding:8px 12px; border-radius:999px; font-size:10px; font-weight:600; backdrop-filter:blur(10px); }
.cover-pill { left:20px; color:white; background:var(--coral); box-shadow:0 8px 22px rgba(240,68,102,.25); }.cover-note { right:20px; color:var(--ink); background:rgba(255,255,255,.73); border:1px solid rgba(255,255,255,.9); }
.intro-copy { max-width:700px; margin:32px auto 27px; text-align:center; }.eyebrow { color:#af5260; font-size:10px; font-weight:600; letter-spacing:.11em; text-transform:uppercase; }
h1,h2,h3,p { overflow-wrap:anywhere; }.intro-copy h1,.create-view h1,.invite-view h1,.waiting-view>h1,.result-view>h1,.error-view h1 { margin:6px 0 5px; font-family:"Noto Serif Thai",Georgia,serif; letter-spacing:-.045em; line-height:1.18; }
.intro-copy h1 { font-size:clamp(53px,9vw,76px); }.lead { max-width:650px; margin:0 auto; color:var(--ink-soft); font-size:16px; line-height:1.75; }
.how-card { padding:28px; border:1px solid var(--line); border-radius:30px; background:rgba(255,255,255,.6); box-shadow:0 18px 50px rgba(100,42,45,.08),inset 0 1px 0 white; }
.section-title { text-align:center; }.section-title>span { color:var(--coral); font-size:10px; font-weight:600; letter-spacing:.1em; }.section-title h2 { margin:3px 0 22px; font-family:"Noto Serif Thai",Georgia,serif; font-size:27px; letter-spacing:-.03em; }
.how-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:13px; }.how-grid article { position:relative; min-width:0; padding:20px 14px 17px; border:1px solid rgba(128,54,53,.1); border-radius:22px; background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(255,239,238,.68)); text-align:center; }.how-grid article:nth-child(2) { background:linear-gradient(150deg,rgba(255,255,255,.78),rgba(243,232,250,.75)); }.how-grid article>b { position:absolute; left:10px; top:9px; width:21px; height:21px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--coral); font-size:10px; }.how-grid article:nth-child(2)>b { background:var(--violet) }.how-grid article>i { width:58px; height:58px; margin:0 auto 10px; display:grid; place-items:center; border-radius:20px; color:var(--coral); background:#ffe2e0; box-shadow:inset 0 1px 0 white; font-family:Georgia,serif; font-style:normal; font-size:20px; font-weight:700; }.how-grid article:nth-child(2)>i { color:var(--violet); background:var(--violet-soft); }.how-grid article:nth-child(3)>i { color:white; background:linear-gradient(145deg,var(--coral),var(--violet)); font-size:16px; }.how-grid h3 { margin:0 0 2px; font-size:14px; }.how-grid p { margin:0; color:var(--ink-soft); font-size:10px; line-height:1.55; }
.example-card { margin-top:16px; padding:22px 24px; border:1px solid rgba(240,68,102,.16); border-radius:26px; background:linear-gradient(120deg,rgba(255,231,228,.72),rgba(243,232,250,.72)); }.example-heading { display:flex; align-items:center; gap:10px; margin-bottom:14px; }.example-heading>span { padding:5px 9px; border-radius:999px; color:white; background:var(--coral); font-size:9px; }.example-heading strong { font-size:12px; }.example-answers { display:grid; grid-template-columns:1fr 1fr; gap:10px; }.example-answers>div { display:grid; grid-template-columns:auto auto 1fr; align-items:center; gap:8px; padding:11px 12px; border:1px solid rgba(255,255,255,.8); border-radius:17px; background:rgba(255,255,255,.7); }.example-answers i { color:var(--ink-soft); font-size:10px; font-style:normal; }.example-answers b { width:27px; height:27px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--coral); font-family:Georgia,serif; }.example-answers span { font-size:11px; }.example-card>p { margin:12px 0 0; color:var(--ink-soft); font-size:11px; text-align:center; }.example-card>p span { color:white; background:#55ad77; border-radius:50%; padding:0 4px; }.example-card>p b { color:var(--coral); }
.primary-button,.secondary-button { width:min(520px,100%); min-height:58px; margin:22px auto 0; padding:13px 24px; display:flex; align-items:center; justify-content:center; gap:12px; border:0; border-radius:999px; cursor:pointer; color:white; background:linear-gradient(100deg,var(--coral),#ed6f82); box-shadow:0 14px 31px rgba(240,68,102,.27),inset 0 1px 0 rgba(255,255,255,.55); font-size:14px; font-weight:600; transition:transform .25s var(--spring),box-shadow .25s; }.primary-button:hover { transform:translateY(-3px); box-shadow:0 18px 37px rgba(240,68,102,.33); }.primary-button:disabled { opacity:.55; cursor:wait; transform:none; }.primary-button span { font-size:20px; }.microcopy { margin:9px 0 0; color:#a87975; font-size:9px; text-align:center; }
.question-top { display:grid; grid-template-columns:44px 1fr auto; align-items:center; gap:15px; margin:10px 0 44px; }.back-button { width:42px; height:42px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:rgba(255,255,255,.6); cursor:pointer; font-size:18px; }.progress-copy>span { display:block; margin-bottom:7px; color:var(--ink-soft); font-size:10px; }.progress-track { height:7px; overflow:hidden; border-radius:99px; background:rgba(112,40,43,.09); }.progress-track i { display:block; width:20%; height:100%; border-radius:inherit; background:linear-gradient(90deg,var(--coral),#a968c4); transition:width .35s var(--spring); }.role-chip { padding:7px 10px; border-radius:999px; color:#a94f5d; background:#fde3e3; font-size:9px; }
.question-card { padding:44px 42px 38px; border:1px solid var(--line); border-radius:34px; background:rgba(255,255,255,.66); box-shadow:var(--shadow),inset 0 1px 0 white; text-align:center; }.question-category { padding:6px 10px; border-radius:999px; color:var(--coral); background:#ffe4e2; font-size:9px; font-weight:600; }.question-card h1 { max-width:650px; margin:18px auto 5px; font-family:"Noto Serif Thai",Georgia,serif; font-size:clamp(30px,6vw,48px); line-height:1.28; letter-spacing:-.04em; }.question-card>p { margin:0 0 26px; color:var(--ink-soft); font-size:11px; }
.answer-grid { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:14px; }.answer { position:relative; min-height:175px; padding:24px 18px; display:grid; align-content:center; justify-items:center; gap:13px; border:1px solid rgba(240,68,102,.18); border-radius:26px; cursor:pointer; background:linear-gradient(145deg,#fff9f7,#ffe9e5); transition:transform .25s var(--spring),border-color .25s,box-shadow .25s; }.answer-b { border-color:rgba(135,84,182,.18); background:linear-gradient(145deg,#fff,#f1e6f8); }.answer:hover { transform:translateY(-4px); box-shadow:0 15px 35px rgba(116,43,52,.1); }.answer>b { width:48px; height:48px; display:grid; place-items:center; border-radius:17px; color:white; background:linear-gradient(145deg,#ff8a91,var(--coral)); box-shadow:0 9px 18px rgba(240,68,102,.2); font-family:Georgia,serif; font-size:25px; }.answer-b>b { background:linear-gradient(145deg,#b98bd8,var(--violet)); box-shadow:0 9px 18px rgba(135,84,182,.2); }.answer>span { max-width:240px; font-size:14px; font-weight:600; }.answer>i { position:absolute; right:13px; top:13px; width:25px; height:25px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--coral); font-size:11px; font-style:normal; opacity:0; transform:scale(.5); transition:.25s var(--spring); }.answer.is-selected { border-color:var(--coral); box-shadow:0 0 0 3px rgba(240,68,102,.09),0 17px 38px rgba(116,43,52,.12); }.answer-b.is-selected { border-color:var(--violet); }.answer-b>i { background:var(--violet); }.answer.is-selected>i { opacity:1; transform:scale(1); }.or { position:absolute; z-index:2; left:50%; top:50%; transform:translate(-50%,-50%); }.or span { width:38px; height:38px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:#fff9f5; box-shadow:0 7px 18px rgba(90,38,39,.08); color:var(--ink-soft); font-size:9px; }.question-note { margin:17px 0 0; color:#a87975; font-size:10px; text-align:center; }
.create-view,.invite-view,.waiting-view,.result-view,.error-view { max-width:720px; margin:30px auto 0; text-align:center; }.success-orb,.error-icon { width:82px; height:82px; margin:0 auto 18px; display:grid; place-items:center; border-radius:50%; color:white; background:linear-gradient(145deg,#ff8b91,var(--coral)); box-shadow:0 17px 35px rgba(240,68,102,.25),inset 0 1px 0 rgba(255,255,255,.5); font-size:34px; }.create-view h1,.invite-view h1,.waiting-view>h1,.error-view h1 { font-size:clamp(38px,7vw,57px); }.create-view>p,.invite-view>p,.waiting-view>p,.error-view>p { max-width:600px; margin:3px auto 22px; color:var(--ink-soft); font-size:13px; }
.name-field { max-width:520px; margin:0 auto; display:block; text-align:left; }.name-field span { display:block; margin:0 0 7px 8px; color:var(--ink-soft); font-size:10px; }.name-field input { width:100%; height:58px; padding:0 20px; border:1px solid var(--line); border-radius:19px; color:var(--ink); background:rgba(255,255,255,.72); box-shadow:inset 0 1px 0 white; font-size:15px; }
.answer-summary { max-width:520px; margin:14px auto 0; padding:17px; border:1px solid var(--line); border-radius:20px; background:rgba(255,255,255,.55); }.answer-summary>span,.answer-summary>small { display:block; color:var(--ink-soft); font-size:9px; }.answer-summary>div { margin:9px 0; display:flex; justify-content:center; gap:8px; }.answer-summary>div i { width:26px; height:26px; display:grid; place-items:center; border-radius:50%; color:white; background:var(--coral); font-family:Georgia,serif; font-style:normal; font-size:12px; }.text-button { margin:14px auto 0; padding:7px 12px; border:0; cursor:pointer; color:var(--ink-soft); background:none; font-size:11px; text-decoration:underline; text-underline-offset:4px; }
.invite-hearts,.waiting-art { height:120px; display:flex; align-items:center; justify-content:center; }.invite-hearts span,.waiting-art span { width:80px; height:72px; display:grid; place-items:center; color:white; border-radius:50% 50% 47% 47%; background:linear-gradient(145deg,#ff9a94,var(--coral)); box-shadow:0 16px 30px rgba(240,68,102,.22); font-size:31px; transform:rotate(-7deg); }.invite-hearts span:last-child,.waiting-art span:last-child { background:linear-gradient(145deg,#bc8ada,var(--violet)); box-shadow:0 16px 30px rgba(135,84,182,.2); transform:rotate(7deg); }.invite-hearts i,.waiting-art i { width:58px; height:2px; position:relative; background:linear-gradient(90deg,var(--coral),var(--violet)); }.invite-hearts i::after,.waiting-art i::after { content:"♥"; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); color:#f27988; background:#fff1ee; padding:3px; font-style:normal; }
.invite-rules { max-width:600px; margin:0 auto; display:flex; justify-content:center; flex-wrap:wrap; gap:7px; }.invite-rules span { padding:7px 10px; border:1px solid var(--line); border-radius:999px; background:rgba(255,255,255,.55); color:var(--ink-soft); font-size:9px; }.text-link { display:block; margin:14px 0; color:var(--ink-soft); font-size:10px; text-decoration:underline; text-underline-offset:4px; }
.share-box { max-width:600px; min-height:57px; margin:18px auto 0; padding:7px 7px 7px 17px; display:flex; align-items:center; gap:10px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.67); text-align:left; }.share-box span { flex:1; min-width:0; overflow:hidden; color:var(--ink-soft); font-size:10px; white-space:nowrap; text-overflow:ellipsis; }.share-box button { flex:none; padding:9px 13px; border:0; border-radius:12px; cursor:pointer; color:white; background:var(--violet); font-size:10px; }.share-button { margin-top:12px; }
.tracker { margin-top:26px; padding:25px; border:1px solid var(--line); border-radius:28px; background:rgba(255,255,255,.6); box-shadow:0 18px 50px rgba(100,42,45,.08); text-align:left; }.tracker-head { display:flex; align-items:end; justify-content:space-between; gap:15px; padding-bottom:18px; border-bottom:1px solid var(--line); }.tracker-head span { color:var(--coral); font-size:9px; }.tracker-head h2 { margin:2px 0 0; font-family:"Noto Serif Thai",Georgia,serif; font-size:23px; }.tracker-head>b { color:var(--violet); font-size:19px; }.tracker ol { margin:19px 0 0; padding:0; list-style:none; }.tracker li { position:relative; display:grid; grid-template-columns:34px 1fr; gap:12px; padding:0 0 19px; opacity:.48; }.tracker li:not(:last-child)::after { content:""; position:absolute; left:16px; top:34px; bottom:0; width:1px; background:var(--line); }.tracker li>i { position:relative; z-index:1; width:34px; height:34px; display:grid; place-items:center; border:1px solid var(--line); border-radius:50%; background:#fff9f6; font-size:10px; font-style:normal; }.tracker li b,.tracker li span { display:block; }.tracker li b { font-size:12px; }.tracker li span { color:var(--ink-soft); font-size:9px; }.tracker li.is-active,.tracker li.is-done { opacity:1; }.tracker li.is-active>i { color:white; background:var(--violet); border-color:var(--violet); animation:pulse 1.8s ease-in-out infinite; }.tracker li.is-done>i { color:white; background:#53ad78; border-color:#53ad78; }.live-note { margin:0; color:var(--ink-soft); font-size:9px; text-align:center; }.live-note i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#53ad78; box-shadow:0 0 9px #53ad78; }
.score-orb { width:250px; height:250px; margin:18px auto 12px; display:grid; place-content:center; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:radial-gradient(circle at 37% 27%,#fff,#ffd8d7 39%,#ee889a 68%,#9762b7); box-shadow:inset 0 0 38px rgba(255,255,255,.65),0 30px 60px rgba(143,61,82,.25); color:white; text-shadow:0 3px 17px rgba(80,30,47,.18); animation:scoreFloat 5s ease-in-out infinite; }.score-orb span,.score-orb small { font-size:10px; }.score-orb strong { margin:-3px 0; font-family:Georgia,serif; font-size:70px; line-height:1.15; }.result-view>h1 { font-size:43px; }.result-view>p { max-width:580px; margin:0 auto; color:var(--ink-soft); font-size:13px; }.result-breakdown { margin:24px 0 0; display:grid; gap:9px; text-align:left; }.result-row { padding:14px 16px; display:grid; grid-template-columns:35px 1fr auto; align-items:center; gap:11px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.62); }.result-row>i { width:35px; height:35px; display:grid; place-items:center; border-radius:12px; color:white; background:#54ae79; font-style:normal; }.result-row.is-different>i { background:var(--violet); }.result-row b,.result-row span { display:block; }.result-row b { font-size:11px; }.result-row span { color:var(--ink-soft); font-size:9px; }.result-row>em { color:#54a875; font-size:10px; font-style:normal; }.result-row.is-different>em { color:var(--violet); }.secondary-button { margin-top:10px; border:1px solid var(--line); color:var(--ink); background:rgba(255,255,255,.58); box-shadow:none; }.truth-note { margin-top:12px !important; font-size:9px !important; }.error-icon { background:linear-gradient(145deg,#b98bd8,var(--violet)); }
.my-games-dialog { width:min(540px,calc(100% - 28px)); max-height:80vh; padding:0; border:1px solid var(--line); border-radius:28px; color:var(--ink); background:#fff9f6; box-shadow:0 35px 100px rgba(63,26,29,.3); }.my-games-dialog::backdrop { background:rgba(80,37,42,.28); backdrop-filter:blur(6px); }.dialog-head { padding:22px 23px 17px; display:flex; justify-content:space-between; align-items:start; border-bottom:1px solid var(--line); }.dialog-head span { color:var(--ink-soft); font-size:9px; }.dialog-head h2 { margin:0; font-family:"Noto Serif Thai",Georgia,serif; font-size:28px; }.dialog-head button { width:35px; height:35px; border:1px solid var(--line); border-radius:50%; cursor:pointer; background:white; font-size:20px; }.my-games-list { max-height:48vh; overflow:auto; padding:13px 18px; }.my-game-item { width:100%; padding:14px; display:flex; justify-content:space-between; align-items:center; gap:12px; border:1px solid var(--line); border-radius:17px; cursor:pointer; background:white; text-align:left; }.my-game-item+.my-game-item { margin-top:8px; }.my-game-item b,.my-game-item span { display:block; }.my-game-item b { font-size:12px; }.my-game-item span { color:var(--ink-soft); font-size:9px; }.my-game-item i { color:var(--coral); font-style:normal; font-size:19px; }.empty-games { padding:26px 12px; color:var(--ink-soft); font-size:11px; text-align:center; }.my-games-dialog>p { margin:0; padding:13px 20px 18px; color:var(--ink-soft); font-size:8px; text-align:center; }
.toast { position:fixed; z-index:50; left:50%; bottom:25px; max-width:calc(100% - 30px); padding:11px 16px; border-radius:999px; color:white; background:#63242a; box-shadow:0 15px 40px rgba(72,26,30,.26); font-size:10px; opacity:0; transform:translate(-50%,20px); pointer-events:none; transition:.3s var(--spring); }.toast.is-visible { opacity:1; transform:translate(-50%,0); }
footer { width:min(820px,calc(100% - 32px)); min-height:72px; margin:0 auto; padding:16px 0; display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:10px 20px; border-top:1px solid var(--line); color:#a57c77; font-size:9px; }footer a { color:var(--ink); font-weight:600; }
@keyframes drift { 50%{transform:translate(25px,-32px) scale(1.4);opacity:.9} }@keyframes coverBreathe { 50%{transform:scale(1.025)} }@keyframes viewIn { from{opacity:0;transform:translateY(18px)} }@keyframes pulse { 50%{box-shadow:0 0 0 8px rgba(135,84,182,.11)} }@keyframes scoreFloat { 50%{transform:translateY(-8px) rotate(1deg)} }
@media (max-width:640px) {
  .topbar,.game-shell,footer { width:calc(100% - 24px); }.topbar { min-height:64px; }.brand { font-size:21px; }.cover-art { height:300px; border-radius:28px; }.cover-art img { object-position:center; }.cover-note { top:auto; right:14px; bottom:14px; }.cover-pill { left:14px; top:14px; }
  .intro-copy { margin-top:24px; }.intro-copy h1 { font-size:52px; }.lead { font-size:13px; }.how-card { padding:21px 16px; }.how-grid { grid-template-columns:1fr; }.how-grid article { min-height:92px; padding:14px 12px 12px 88px; display:flex; flex-direction:column; justify-content:center; text-align:left; }.how-grid article>i { position:absolute; left:19px; top:50%; width:52px; height:52px; margin:0; transform:translateY(-50%); }.how-grid article>b { left:auto; right:9px; }.how-grid h3 { font-size:13px; }.example-card { padding:18px 15px; }.example-heading { align-items:start; flex-direction:column; gap:5px; }.example-answers { grid-template-columns:1fr; }.primary-button { min-height:56px; }
  .question-top { margin-bottom:24px; }.role-chip { display:none; }.question-card { padding:32px 15px 25px; border-radius:27px; }.question-card h1 { font-size:31px; }.answer-grid { grid-template-columns:1fr; gap:11px; }.answer { min-height:112px; padding:17px 15px; grid-template-columns:46px 1fr; justify-items:start; text-align:left; }.answer>b { grid-row:1; width:43px; height:43px; }.answer>span { grid-column:2; grid-row:1; align-self:center; font-size:13px; }.or { display:none; }
  .create-view,.invite-view,.waiting-view,.result-view,.error-view { margin-top:16px; }.create-view h1,.invite-view h1,.waiting-view>h1,.error-view h1 { font-size:38px; }.tracker { padding:20px 16px; }.share-box { padding-left:13px; }.score-orb { width:220px; height:220px; }.score-orb strong { font-size:60px; }.result-view>h1 { font-size:36px; }.result-row { grid-template-columns:35px 1fr; }.result-row>em { grid-column:2; }
}
@media (max-width:380px) { .cover-art { height:255px; }.intro-copy h1 { font-size:46px; }.my-games-button { padding:7px 10px; }.question-card h1 { font-size:28px; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }