@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800&family=Lalezar&display=swap";:root{color:#fff7f7;background:radial-gradient(circle at top,#3b070d 0%,#180406 40%,#0c0c0c 100%);font-family:Cairo,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh}button{font:inherit}.app{place-items:center;min-height:100vh;padding:24px;display:grid;position:relative;overflow:hidden}.background-glow{filter:blur(70px);opacity:.22;pointer-events:none;border-radius:999px;position:absolute}.glow-1{background:#ff4d5f;width:360px;height:360px;top:-60px;right:-60px}.glow-2{background:#c1121f;width:320px;height:320px;bottom:-80px;left:-60px}.game-shell{z-index:1;gap:28px;width:min(100%,980px);display:grid;position:relative}.header{text-align:center}.eyebrow{color:#ffbec4;letter-spacing:.04em;margin:0 0 8px;font-weight:700}.header h1{letter-spacing:2px;margin:0;font-family:Lalezar,system-ui,sans-serif;font-size:clamp(2.5rem,8vw,7rem);font-weight:400;line-height:1.1}.subtext{color:#f2dcdc;max-width:640px;margin:12px auto 0;font-size:1rem}.table-area{place-items:center;min-height:520px;display:grid;position:relative}.deck-stack{pointer-events:none;width:min(85vw,360px);height:min(55vw,250px);position:absolute}.deck-stack span{background:linear-gradient(#cf202d 0%,#a20f1b 100%);border:1px solid #ffffff1f;border-radius:22px;position:absolute;inset:0;box-shadow:0 18px 40px #00000047}.deck-stack span:first-child{opacity:.55;transform:translate(-18px,14px)rotate(-8deg)}.deck-stack span:nth-child(2){opacity:.72;transform:translate(18px,10px)rotate(7deg)}.deck-stack span:nth-child(3){opacity:.9;transform:translateY(0)rotate(0)}.card-scene{perspective:1200px;cursor:pointer;background:0 0;border:0;width:min(85vw,360px);height:min(55vw,250px);padding:0}.card{width:100%;height:100%;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:relative}.card.is-flipped{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:22px;position:absolute;inset:0;overflow:hidden;box-shadow:0 20px 50px #00000047,inset 0 1px #ffffff2e}.card-front{color:#fff;background:linear-gradient(#d71928 0%,#b50f1c 100%);flex-direction:column;justify-content:space-between;padding:22px;display:flex}.brand{opacity:.95;letter-spacing:1px;font-family:Lalezar,system-ui,sans-serif;font-size:1.4rem;font-weight:400}.front-center{align-self:center;font-size:1.55rem;font-weight:800}.corner-mark{opacity:.9;align-self:flex-end;font-size:2rem;font-weight:800}.card-back{color:#9f1320;background:linear-gradient(#fff 0%,#f5f1f1 100%);flex-direction:column;justify-content:space-between;padding:18px;display:flex;transform:rotateY(180deg)}.question-box{text-align:center;flex:1;place-items:center;padding:12px;display:grid}.question-box p{margin:0;font-size:clamp(1rem,2.6vw,1.35rem);font-weight:700;line-height:1.9}.actions{justify-content:center;display:flex}.secondary-btn{color:#fff;cursor:pointer;background:#b50f1c;border:0;border-radius:999px;padding:10px 18px;font-weight:700;transition:transform .18s,opacity .18s}.secondary-btn:hover{opacity:.95;transform:translateY(-1px)}.card-scene:hover .card:not(.is-flipped){transform:translateY(-3px)rotate(-1deg)}@media (width<=640px){.table-area{min-height:420px}.card-scene,.deck-stack{width:min(90vw,340px);height:240px}.footer-copyright{text-align:center;letter-spacing:.05em;color:#fff;z-index:999;width:100%;font-size:.65rem;position:fixed;bottom:0;left:0}}