:root{--tq:#0e7c86;--tq2:#14a3a8;--rose:#c8566e;--gold:#d9a35b;--ink:#1f2a33;--paper:#fbf7f2}
*{font-family:Vazirmatn,Tahoma,sans-serif}
body{background:var(--paper);color:var(--ink);
background-image:radial-gradient(circle at 10% 0%,rgba(20,163,168,.08),transparent 40%),radial-gradient(circle at 90% 100%,rgba(200,86,110,.08),transparent 40%)}
.tile{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48'%3E%3Cg fill='none' stroke='white' stroke-opacity='.15'%3E%3Cpath d='M24 4l6 14 14 6-14 6-6 14-6-14-14-6 14-6z'/%3E%3Crect x='14' y='14' width='20' height='20' transform='rotate(45 24 24)'/%3E%3C/g%3E%3C/svg%3E")}
.card{background:#fff;border:1px solid #eadfd4;border-radius:18px;box-shadow:0 2px 10px rgba(31,42,51,.04)}
.fade{animation:fade .5s ease both}
@keyframes fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.petal{position:fixed;top:-30px;font-size:22px;pointer-events:none;animation:fall linear forwards;z-index:100}
@keyframes fall{to{transform:translateY(110vh) rotate(540deg);opacity:.6}}
.missing{border-color:#f2a7a7!important;background:#fff5f5!important}
.toast{animation:fade .3s ease}