#header.start:after{animation:120s 1 forwards progress linear}.screen#play.active{height:calc(100svh - var(--headerHeight));justify-content:stretch}.screen.active .cards{height:calc(100% - (20px + 1rem));overflow:hidden;flex-grow:1;margin-top:1rem;padding:0 2px}#play .card{--rot:0;background-color:#fff;box-shadow:0 0 2px 0 #000;aspect-ratio:1;border-radius:100%;--width:min(90vw, calc( 50vh - (80px + 2rem)));width:var(--width);margin:2rem auto;position:relative;animation:.5s 1 forwards scaleIn;overflow:hidden;transform:rotate(var(--rot))}@keyframes scaleIn{0%{width:0}100%{width:var(--width)}}.card.active{scale:0.8}.card .option{position:absolute;left:50%;top:50%;transform:translateY(-50%);width:50%;display:flex;justify-content:end;transform-origin:center left;--inc:calc( 360deg / 7)}.card .icon{font-size:calc( var(--width) / 4);line-height:1;font-family:"Noto Color Emoji",sans-serif;font-weight:400;font-style:normal;cursor:pointer}.medium .card .icon{filter:saturate(0)}.hard .card .icon{filter:brightness(0)}.card .option:nth-child(8){position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);transform-origin:center center;width:auto}.card .option:nth-child(8) .icon{font-size:calc( var(--width) / 3)}.card .option:nth-child(2){transform:translateY(-50%) rotate(var(--inc))}.card .option:nth-child(3){transform:translateY(-50%) rotate(calc(var(--inc) *2))}.card .option:nth-child(4){transform:translateY(-50%) rotate(calc(var(--inc) *3))}.card .option:nth-child(5){transform:translateY(-50%) rotate(calc(var(--inc) *4))}.card .option:nth-child(6){transform:translateY(-50%) rotate(calc(var(--inc) *5))}.card .option:nth-child(7){transform:translateY(-50%) rotate(calc(var(--inc) *6))}.card .option:nth-child(2) .icon{transform:rotate(30deg) scale(.8)}.card .option:nth-child(3) .icon{transform:rotate(-30deg) scale(.9)}.card .option:nth-child(4) .icon{transform:rotate(120deg) scale(.7)}.card .option:nth-child(5) .icon{transform:rotate(-90deg) scale(.5)}.card .option:nth-child(6) .icon{transform:rotate(-85deg) scale(.9)}.card .option:nth-child(7) .icon{transform:rotate(240deg) scale(.5)}.fade{opacity:0;transition:all 2s ease}