:root{font-family:Vazirmatn,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f7f7f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--height: 100dvh;--width: 100dvw;-webkit-user-select:none;user-select:none}body{margin:0;display:flex;place-items:center;min-width:var(--width);max-width:var(--width);min-height:var(--height);max-height:var(--height)}#root{width:var(--width);height:var(--height)}.card{perspective:1000px;height:100%;cursor:pointer;overflow:hidden}.tango-player{display:none}.card-inner{position:relative;width:100%;height:100%;transition:all 2s ease-in-out;transform-style:preserve-3d}.card.flipped .card-inner{transform:rotateY(180deg)}.card-front,.card-back{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-front img,.card-back img{width:calc(var(--height) * 623 / 856);max-width:var(--width);height:auto}.card-back{transform:rotateY(180deg)}.card.locked .card-inner img{filter:blur(3px)}.ribbon{position:absolute;top:50%;width:calc(var(--height) * 623 / 856 * .92);max-width:100%;left:0;right:0;margin:0 auto;height:40px;transform:translateY(-50%);z-index:5;display:flex;justify-content:center;align-items:center}.seal{position:absolute;width:30%;max-width:150px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 1s ease-out;z-index:2;animation:pulse 2s infinite}.ribbon-image{position:absolute;top:0;left:0;right:0;margin:0 auto;transform:translateY(-40%);width:100%;height:auto;transition:all 1.2s ease}.card:not(.locked) .seal{transform:translateY(-650%) scale(3);animation:none}.card:not(.locked) .ribbon-image{opacity:.3;transform:scale(4);transform-origin:bottom}@keyframes pulse{0%{transform:scale(1)}60%{transform:scale(1.5)}to{transform:scale(1)}}.countdown{width:calc(var(--height) * 623 / 856 * .9);max-width:calc(var(--width) * .9);display:flex;justify-content:flex-start;align-items:center;flex-direction:column;gap:8px;padding-bottom:8px;position:absolute;top:50%;transform:translateY(-200%);left:0;right:0;margin:0 auto;z-index:10;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f7f7f780;border:2px solid rgb(173,108,41);border-radius:12px}.title{flex:1;color:#f7f7f7;font-size:1.5rem;font-weight:700;text-align:center;background-color:#ad6c29;border-radius:10px 10px 0 0;width:100%;margin:0;padding:16px 0}.timer{display:flex;justify-content:flex-start;align-items:center;width:100%;font-size:40px;color:#ad6c29}.time-box{flex:1;color:#000;font-size:1rem;font-weight:700;min-width:50px;text-align:center}.location-btn{width:calc(var(--height) * 623 / 856 * .9);max-width:calc(var(--width) * .9);position:absolute;bottom:0;left:0;right:0;margin:0 auto;z-index:11;display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ad6c29;color:#fff;padding:16px 0;border-radius:16px 16px 0 0;font-weight:700;text-decoration:none;box-shadow:0 6px 16px #0000002e;transition:padding .3s ease-in-out}.location-btn.small{padding:5px 0}.icon{width:20px;height:20px;flex:0 0 auto}