.tree,.tree ul li .coin{position:relative;width:100%}.tree{height:100%;max-width:715px;background:url(../images/tree.png) center center no-repeat;background-size:contain;margin:auto}@media (min-width:715px){.tree ul li{font-size:18px}}@media (max-width:715px){.tree-countdown{padding:34vw 0}}@media (max-width:715px) and (min-width:480px){.tree{height:80vw}.tree ul li{font-size:2.5vw}}@media (max-width:480px){.tree{max-width:345px}}.tree a{text-decoration:none}.tree ul,li{list-style:none;margin:0;padding:0}.tree ul{display:block;font-size:2.5vw}.tree ul li{position:absolute;width:2.5em}.tree ul li a{display:flex;align-items:center;justify-content:center}.tree ul li .coin{overflow:hidden;border-radius:50%;transition:.6s;transform-style:preserve-3d}.tree ul li .coin::before{display:block;padding-bottom:100%;content:''}.tree ul li .coin .back img,.tree ul li .coin .front img{position:absolute;width:100%;height:100%;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-50%)}.tree ul li .coin .back img{border:2px solid #000;width:calc(100% - 4px);height:calc(100% - 4px);transform:scaleX(-1);top:0;left:0}.tree ul li .coin .front .number{position:absolute;top:50%;left:50%;border-radius:50%;transform:translate(-50%,-40%);color:#000;font-family:'Lobster Two',cursive;font-size:1em;text-align:center;line-height:.4em}.tree ul li .coin .front .number span{font-size:.5em}.tree ul li a .coin .back,.tree ul li a:hover .coin.opened .back{opacity:0;visibility:hidden;transition:all 0s .15s}.tree ul li a .coin.opened,.tree ul li a:hover .coin{transform:rotateY(180deg)}.tree ul li a .coin,.tree ul li a:hover .coin.opened{transform:rotateY(0)}.tree ul li a .coin.opened .back,.tree ul li a:hover .coin .back{opacity:1;visibility:visible}.tree ul li:nth-child(1){top:38%;left:38%}.tree ul li:nth-child(2){top:35%;left:60%}.tree ul li:nth-child(3){top:20%;left:50%}.tree ul li:nth-child(4){top:38%;left:20%}.tree ul li:nth-child(5){top:62%;left:78%}.tree ul li:nth-child(6){top:20%;left:78%}.tree ul li:nth-child(7){top:58%;left:18%}.tree ul li:nth-child(8){top:27%;left:32%}.tree ul li:nth-child(9){top:70%;left:54%}.tree ul li:nth-child(10){top:48%;left:51%}.tree ul li:nth-child(11){top:9%;left:63%}.tree ul li:nth-child(12){top:47%;left:69%}.tree ul li:nth-child(13){top:44%;left:5%}.tree ul li:nth-child(14){top:42%;left:87%}.tree ul li:nth-child(15){top:13%;left:21%}.tree ul li:nth-child(16){top:65%;left:31%}.tree ul li:nth-child(17){top:35%;left:77%}.tree ul li:nth-child(18){top:14%;left:35%}.tree ul li:nth-child(19){top:50%;left:32%}.tree ul li:nth-child(20){top:68%;left:68%}.tree ul li:nth-child(21){top:58%;left:90%}.tree ul li:nth-child(22){top:27%;left:13%}.tree ul li:nth-child(23){top:55%;left:61%}.tree ul li:nth-child(24){top:73%;left:17%}.tree ul li:nth-child(25){top:5%;left:50%}.tree ul li:nth-child(26){top:35%;left:48%}.tree ul li:nth-child(27){top:57%;left:42%}.tree ul li:nth-child(28){top:23%;left:66%}.tree-countdown{top:0;padding:6.5em 0;font-weight:700;text-align:center;position:absolute;width:100%;line-height:1em;z-index:1;font-size:2em;background:radial-gradient(#fff,transparent);color:#d18a10;text-shadow:0 0 .2em gray}@media (max-width:715px){.tree-countdown{padding:34vw 0}}.book-help div,.ornament-help div{font-family:"Euphoria Script";font-weight:700;font-size:2em;color:#e0a250;text-shadow:rgb(0 0 0/25%) 3px 3px 4px}.ornament-help{position:absolute;top:28%;left:0}.ornament-help img{width:70%;margin-left:27%}.book-help,.book-help img{position:absolute;top:0;right:0}.book-help img{width:5vw}.book-help div{position:absolute;right:4vw;top:3vw}@media (max-width:1200px){.book-help,.ornament-help{display:none}}