*{box-sizing:border-box}body{margin:0;overflow:hidden}.main-container{width:100vw;display:flex;overflow:hidden}.main-container .container-left{display:flex;flex-direction:column;flex-grow:1}.main-container .container-left .pointing-prize{text-align:center;color:#2acb2a}.main-container .container-left .wheel-area{width:100%;padding:40px;height:calc(100% - 270px)}.main-container .container-left .wheel-area .wheel-wrapper{position:relative;max-width:100%;max-height:100%;margin:auto;aspect-ratio:1/1;pointer-events:none}.main-container .container-left .wheel-area .wheel-wrapper canvas{width:100%;height:100%}.main-container .container-left .wheel-area .wheel-wrapper .pointer{position:absolute;right:-1%;top:48.4%;height:3.2%;width:20%}.main-container .container-left .button-container{flex-grow:1;padding-top:60px;text-align:center}.main-container .container-left .button-container .start-roll{font-size:24px;padding:10px 30px;background-color:#719ece;border:1px solid #666;color:#3b2b55;border-radius:4px}.main-container .container-left .button-container .start-roll:hover{background-color:#b3cbe5;color:#60468b;transform:scale(1.1)}.main-container .container-left .button-container .start-roll:active{transform:unset}.main-container .container-left .button-container .start-roll:disabled{background-color:#eee;color:#777;transform:unset}.main-container .container-right{display:flex;flex-direction:column;width:25%;min-width:360px;border-left:1px solid #ccc;background-color:#fff}.main-container .container-right .prize-list{display:flex;flex-direction:column;padding:20px;flex-grow:1;border-bottom:1px solid #ccc}.main-container .container-right .prize-list h4{margin:0 0 12px}.main-container .container-right .prize-list textarea{flex:1;width:100%;resize:none;font-size:14px;border:none}.main-container .container-right .prize-list textarea:focus{outline-color:#719ece}.main-container .container-right .roll-log{padding:20px;flex:1;overflow:auto;white-space:pre-wrap;border-bottom:1px solid #ccc}.main-container .container-right .footer{display:flex;padding:12px}.main-container .container-right .footer>*{margin-right:12px}.main-container .container-right .footer .github-link{text-decoration:none;color:#0969da}.main-container .container-right .footer .github-link img{vertical-align:text-top;height:1.2em}.main-container .switch-drawer{position:absolute;top:12px;right:12px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;filter:grayscale(100%);opacity:.5}.main-container.portrait{display:block}.main-container.portrait .container-left{width:100%;height:100%}.main-container.portrait .container-left .wheel-area{padding:32px 16px;height:calc(100% - 210px)}.main-container.portrait .container-left .button-container{padding-top:24px}.main-container.portrait .container-right{position:absolute;width:96%;min-width:unset;height:100%;top:0;left:100%;transition:left .2s ease}.main-container.portrait .container-right.opened{left:4%}.main-container.portrait .prize-list,.main-container.portrait .roll-log{padding:12px}