:root{--bg1:#0b0f1a;--bg2:#151b2e;--paper:#f6f1e6;--ink:#171717;--muted:rgba(255,255,255,.72);--accent:#ff4d6d;--shadow: 0 18px 40px rgba(0,0,0,.35)}*{box-sizing:border-box}body{margin:0;font-family:ui-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";color:#fff;min-height:100vh;background:radial-gradient(800px 400px at 20% 10%,rgba(255,77,109,.25),transparent 60%),radial-gradient(700px 500px at 80% 20%,rgba(125,133,255,.18),transparent 60%),linear-gradient(160deg,var(--bg1),var(--bg2))}.page{max-width:980px;margin:0 auto;padding:28px 18px 36px}.header{display:flex;flex-direction:column;gap:10px;align-items:flex-start;margin-bottom:18px}.badge{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:#ffffff14;box-shadow:0 10px 30px #00000040}h1{margin:0;font-size:clamp(26px,3vw,38px);letter-spacing:.2px}.header p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}@media (max-width: 760px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.grid{grid-template-columns:1fr}}.card{background:transparent;border:none;padding:0;cursor:pointer;perspective:1200px}.cardInner{position:relative;width:100%;aspect-ratio:3 / 4;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.8,.2,1);border-radius:18px}.card.revealed .cardInner{transform:rotateY(180deg)}.cardFront,.cardBack{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:18px;background:#ffffff0f;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;backface-visibility:hidden}.cardBack{background:var(--paper);color:var(--ink);transform:rotateY(180deg);border:1px solid rgba(0,0,0,.06)}.bigLetter{font-size:clamp(64px,7vw,92px);line-height:1;font-weight:600;letter-spacing:2px}.bigLetter.small{font-size:58px;opacity:.9;margin-bottom:6px}.tap{margin-top:10px;font-size:14px;color:#ffffffb3}.title{font-size:18px;font-weight:700;margin-top:6px;text-align:center}.body{margin-top:10px;font-size:16px;text-align:center;line-height:1.35}.hint{margin-top:10px;font-size:14px;opacity:.75;font-style:italic;text-align:center}.icon{margin-top:14px;font-size:22px;color:var(--accent)}.footer{margin-top:18px;display:flex;flex-direction:column;gap:14px}.secondary{align-self:flex-start;padding:10px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff14;color:#fff;cursor:pointer}.progress{display:flex;align-items:center;gap:10px;color:#ffffffc7;font-size:14px}.bar{flex:1;height:10px;border-radius:999px;background:#ffffff1a;overflow:hidden}.fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#ff4d6d,#ffffffb3)}.revealBox{padding:16px 16px 14px;border-radius:16px;background:#ffffff14;border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 40px #0000004d}.revealTitle{color:#ffffffc7;font-size:14px}.revealWord{font-size:42px;font-weight:800;letter-spacing:6px;margin-top:6px}.revealMsg{margin-top:10px;color:#ffffffe0}.actions{margin-top:12px}.smallMuted{color:#ffffffa6;font-size:14px}.lockText{font-weight:600}.card:disabled{cursor:not-allowed;opacity:.75}.card.locked .cardInner{filter:saturate(.85)}.card.locked .cardFront{opacity:.85}