.egg,.match{display:flex}body{position:relative;background:url(/victor-larracuente-8-9hqGiqgR4-unsplash-a2a4f85e2b668c208983134435ba812a.jpg) right center no-repeat fixed;background-size:cover;z-index:6;padding:20px 20px 40px;color:#f5efe4}body,button,input{font-family:"SF Pro Text",sans-serif;font-size:18px}button,input{color:#7b665b}html:after{position:fixed;background:linear-gradient(to bottom right,rgba(0,0,0,.6),rgba(0,0,0,.1));opacity:.9;top:0;right:0;bottom:0;left:0;content:"";padding:40px;pointer-events:none;z-index:5}.egg,.egg .name{position:relative}.match{margin-bottom:10px;align-items:center}.egg{align-items:center;justify-content:center;width:126px;height:180px;margin:0 5px 5px 0;background:radial-gradient(circle at 40% 15%,#fff,#ccc);border-radius:50%/60% 60% 40% 40%;transition:transform .1s;user-select:none;cursor:grab;font-size:14px;word-wrap:break-word;overflow:hidden;color:rgba(68,36,20,1)}.egg .name{text-align:center;width:100%}.egg .crack-bottom,.egg .crack-top{position:absolute;width:50%;height:30%}.egg .name .crown{position:absolute;bottom:100%;left:0;right:0;padding-left:5px}.hitter.is-hitting{animation:hit 1s linear}@keyframes hit{0%,100%{transform:translate3d(0,0,0)}60%,70%{transform:translate3d(0,-40px,0)}80%{transform:translate3d(0,10px,0)}}.egg .crack-top{top:0}.egg .crack-bottom{bottom:0;transform:rotate(180deg)}.egg.mini{width:63px;height:90px;transform:rotate(0)!important;background:radial-gradient(circle at 40% 15%,#fff,#ccc)!important}.egg.points-down{transform:rotate(180deg);background:radial-gradient(circle at 60% 85%,#fff,#ccc)}button{background:#fff;border:none;border-radius:4px;padding:12px 18px}button.round{border-radius:999999px;width:40px;height:40px;line-height:36px;padding:0;font-size:28px}input{padding:12px 18px;border:none;border-bottom:2px solid transparent}input:focus{outline:0;border-bottom-color:#add8e6}table{border:0;border-spacing:0;border-collapse:collapse}table td{padding:0 5px 5px 0}.hidden{visibility:hidden}[disabled]{opacity:.7}