
:root{--accent:#E64D69}*{box-sizing:border-box}body{margin:0;background:#f5f3f0;color:#26242a;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Arial,sans-serif}button,select{font:inherit}main{max-width:940px;margin:auto;padding:24px 16px 50px}.brand{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.brand strong{font-size:23px;letter-spacing:-1px}.brand small{display:block;color:#777;font-weight:600;font-size:11px;letter-spacing:2px;margin-top:3px}.logo{display:flex;align-items:center;gap:10px}.mark{background:#db394b;color:white;border-radius:14px;width:45px;height:45px;display:grid;place-items:center;font-size:25px;font-weight:900}.pill{border:1px solid #e5dfe1;padding:8px 12px;border-radius:30px;color:#736a70;font-size:12px;font-weight:700}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;justify-content:space-between;margin-bottom:20px}.toolbar label{font-size:12px;color:#777;font-weight:700}.toolbar select{width:min(100%,380px);padding:13px 14px;border:1px solid #e4dfe0;background:white;border-radius:13px;color:#28222a;font-weight:700}.toggles{display:flex;gap:8px}.toggles button,.controls button{border:1px solid #e2dce0;background:white;border-radius:12px;padding:12px 16px;cursor:pointer;font-weight:750;color:#2b2730}.toggles button[aria-pressed=true]{background:#27242a;color:white}.stage{perspective:1500px}.flip{position:relative;min-height:420px;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.75,.2,1)}.flip.turn{transform:rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;border-radius:27px;overflow:hidden}.front{background:var(--accent);color:white;box-shadow:0 20px 50px color-mix(in srgb,var(--accent) 25%,transparent);display:flex;flex-direction:column;padding:26px 30px}.back{transform:rotateY(180deg);background:#24222c;display:grid;place-items:center;color:white;font-size:64px;font-weight:900}.front:before{content:'';position:absolute;right:-90px;top:30px;width:300px;height:300px;border:45px solid #ffffff18;border-radius:50%;pointer-events:none}.front:after{content:'';position:absolute;bottom:-160px;left:-90px;width:330px;height:330px;border:40px solid #ffffff13;border-radius:50%;pointer-events:none}.cardhead,.cardfoot{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;position:relative;z-index:1}.cardhead .game{font-size:18px;font-weight:950;letter-spacing:.4px}.cardhead .category{text-align:right;max-width:55%;font-size:12px;font-weight:800;letter-spacing:.7px;text-transform:uppercase}.question{flex:1;display:grid;place-items:center;position:relative;z-index:1;text-align:center;font-size:clamp(23px,4.4vw,39px);font-weight:850;line-height:1.25;letter-spacing:-.8px;padding:22px 8px}.cardfoot{align-items:end;font-size:13px;font-weight:800}.cardfoot .count{font-size:17px}.controls{display:flex;gap:12px;margin-top:20px}.controls button{flex:1;padding:16px}.controls .next{background:#26242a;color:white;border-color:#26242a}.controls button:disabled{opacity:.45;cursor:not-allowed}.sub{margin:20px 2px;color:#847e82;text-align:center;font-size:13px}.progress{height:6px;background:#e8e0e3;border-radius:6px;margin:18px 2px 0;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .35s}.instructions{background:white;border:1px solid #eae3e5;border-radius:17px;padding:16px 20px;font-size:13px;line-height:1.6;color:#5e575e;margin-top:22px}.instructions strong{color:#2b2730}button:focus-visible,select:focus-visible{outline:3px solid #222;outline-offset:3px}@media(max-width:550px){main{padding:15px 12px}.brand strong{font-size:19px}.pill{font-size:10px}.flip{min-height:440px}.front{padding:22px 20px}.cardhead .category{font-size:10px}.question{font-size:clamp(24px,6vw,33px)}.controls button{padding:14px 10px}}
@media(prefers-reduced-motion:reduce){.flip{transition:none}}

[hidden]{display:none!important}.flip{display:grid;min-height:440px;transform:none}.face.front{position:relative;grid-area:1/1;min-height:440px}.face.back{display:none}.question{overflow-wrap:anywhere;font-size:clamp(23px,4vw,38px);line-height:1.4;letter-spacing:normal;min-height:260px}.brand small,.cardhead .category{letter-spacing:normal;text-transform:none}.brand{flex-wrap:wrap}.pill{max-width:100%}.language-row{display:flex;gap:12px;align-items:center;justify-content:flex-end;margin:0 0 18px;flex-wrap:wrap}.language-row select{padding:12px;border:1px solid #ddd;border-radius:12px;background:white;max-width:100%}.language-row label{font-weight:700;font-size:13px}.toolbar>div{min-width:0!important}.toolbar select{width:100%;max-width:100%}.instructions{font-size:14px}.instructions p{margin-bottom:0}.navigation{position:fixed;inset-block:0;inset-inline-start:0;width:230px;background:#fff;border-inline-end:1px solid #e7e2e3;padding:28px 16px;z-index:4;font-size:14px;overflow:auto}.navigation a{display:block;color:#5f5660;text-decoration:none;padding:12px 8px;border-radius:8px}.navigation .current{background:#fce7ed;color:#9c2041;font-weight:800}.navigation .nested{padding-inline-start:18px}.navigation .brandlink{font-size:18px;font-weight:800;color:#29232a}body{padding-inline-start:230px}main{max-width:1000px}.status{padding:40px;text-align:center}.status p{line-height:1.6}.status button{padding:12px 24px;border-radius:10px;background:#28222a;color:white;border:0;cursor:pointer}a:focus-visible{outline:3px solid #222;outline-offset:2px}[dir=rtl] .cardhead .category{text-align:left}.cardhead .category{font-size:13px;line-height:1.4}.controls button{min-width:0;overflow-wrap:anywhere}.toggles{flex-wrap:wrap}.brandlink img{width:50px;height:50px;object-fit:contain;vertical-align:middle;margin-inline-end:8px}.front{box-shadow:0 15px 35px #0002}.question{font-weight:800}.cardhead .category{background:#0002;border-radius:10px;padding:8px}.cardhead .game{flex-shrink:0}@media(max-width:960px){body{padding-inline-start:0}.navigation{position:static;width:auto;padding:10px 16px;border:0;border-bottom:1px solid #ddd;display:flex;align-items:center;gap:5px;flex-wrap:wrap}.navigation a{padding:8px;font-size:12px}.navigation .nested{padding-inline-start:0}.navigation .brandlink{font-size:13px}.brandlink img{width:32px;height:32px}.navigation #secretslink{display:none}}@media(max-width:550px){.front{padding:22px 18px}.question{padding:20px 0;font-size:26px}.brand .pill{font-size:12px}.language-row{justify-content:space-between}.cardhead .game{font-size:16px}.cardhead .category{font-size:12px}.controls button{font-size:14px}.toolbar{align-items:stretch}.toolbar>div{width:100%}.toggles button{flex:1}.face.front{min-height:460px}}
.navmark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#db394b;color:white;margin-inline-end:7px;font-size:22px}.front{color:#fff}.question{padding-block:28px}.front{background:linear-gradient(#0002,#0002),var(--accent)}.cardhead .game,.cardfoot>span{background:#0003;padding:7px 10px;border-radius:10px}.cardhead .category{background:#0003}.cardfoot{font-size:13px}

.cardhead .game{display:none}.cardhead{justify-content:flex-end}.cardhead .category{max-width:100%}.prompt{position:relative;z-index:1;font-size:clamp(16px,2.2vw,22px);font-weight:750;margin:30px 0 0;text-align:center}.front{isolation:isolate;background:var(--accent);border:1px solid #ffffff40}.front:before{inset:0;width:auto;height:auto;border:0;border-radius:0;background-image:var(--pattern);opacity:.55;z-index:-1}.front:after{display:none}.question{margin:12px 0 24px;padding:24px 18px;background:#0003;border-radius:18px;min-height:230px}.brand strong{letter-spacing:normal}.cardhead .category,.cardfoot>span{background:#0004}.navigation .current{line-height:1.5}.front{transition:background-color .2s}.pill{color:#625660}.toolbar label{color:#625660}.sub{color:#625660}@media(prefers-reduced-motion:reduce){.front{transition:none}}@media(max-width:550px){.question{font-size:24px;padding:20px 14px}.prompt{font-size:18px}.face.front{min-height:480px}}
.prompt{background:#0003;border-radius:12px;padding:10px 14px;align-self:center}.question{background:#0004}

.front:before{background-size:var(--pattern-size,auto)}.cardfoot .count{direction:ltr;unicode-bidi:isolate}
