body{overflow-y:hidden;background:#e0e0e0;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji}.game-container{margin:0 auto;position:relative;width:fit-content;text-align:center;display:flex;flex-direction:column;justify-content:space-between;height:calc(100vh - 100px)}.game-main{display:flex;flex-direction:row-reverse;flex-wrap:wrap;align-items:flex-end;justify-content:center}.game-container>h1{margin:35px 0 0;font-size:50px}.level{position:absolute;right:10px;top:2px;z-index:99;animation:.6s cubic-bezier(0.5,-0.6,.2,0) fly-from-center}@keyframes fly-from-center{from{top:25%;right:calc(50% - 50px);transform:scale(4)}}.cards-box{border:2px dashed grey;border-radius:15px;position:relative;display:flex;gap:25px;padding:20px 20px 25px 25px;margin-top:35px}.card-wrapper{display:flex;gap:10px;font-size:22px;align-items:center}.card{width:43px;height:60px;line-height:60px;font-size:17px;text-align:center;background:#ecf5f9;border-radius:5px;box-shadow:0 5px 8px 0 #0008004f;transform:rotate(3deg);cursor:pointer}.card-wrapper>span{min-width:50px}.map{display:flex;flex-direction:column-reverse}.map .row{display:flex}.box-wrapper{width:min(12.5vw,80px);height:min(12.5vw,80px);padding:min(1vw,8px);box-sizing:border-box}.box-wrapper.failed{background:#f15151}.box-wrapper.success1{background:#07fd6e}.box-wrapper.success2{background:#5aab65}.box-wrapper.hint{background:#fff8c5;animation:2s linear infinite blink}.box-wrapper.blink{animation:.5s linear infinite blink}.box{width:100%;height:100%;background:#3080f0;border-radius:10px;opacity:.8}.box.pressed{background:linear-gradient(-45deg,
      #3080f0 calc(50% - 1px),
      #000 calc(50%),
      #3080f0 calc(50% + 1px));background-size:10px 10px}.box.dropping{animation:.5s ease-out drop}@keyframes blink{50%{opacity:.3}}@keyframes drop{from{transform:translateY(-120%)}to{transform:translateY(0%)}}.result-box{font-size:30px}.home-mask{position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(45deg,
      #4343438f calc(50% - 1px),
      #ffffff00 calc(50% + 1px));backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);background-size:4px 5px;overflow-y:auto}.home-buttons{margin-top:22vh;display:flex;flex-direction:column;gap:30px;align-items:center}.home-buttons>button{cursor:pointer;padding:10px 25px;font-size:24px;font-weight:500;width:272px;color:white;border-radius:4px;border:2px solid #0000003d;background:#3080f0d3;letter-spacing:.05em;text-shadow:4px 3px 1px rgba(61,77,123,.9)}.board-wrapper{display:flex;flex-direction:column;align-items:center;margin-top:30px;padding:0 10px}.record-table{min-width:272px;font-size:17px;padding:18px;background:#fffd;border-radius:20px}.record-table tr{vertical-align:baseline}.record-table td.name{max-width:6em;word-break:break-all}.secondary-text{color:grey;font-size:80%}.record-table td{padding:7px}.alert{z-index:999;position:fixed;top:0;left:0;width:100vw;padding:5px 30px;color:#721c24;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:6px;opacity:.8;box-sizing:border-box}.alert > button{cursor:pointer;position:absolute;top:0;right:0;padding:.5rem 1.25rem;background-color:transparent;border:0;font-size:1.75rem;font-weight:700;color:#721c24}.prompt-mask{z-index:998;position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.prompt{padding:10px 50px 20px;border-radius:10px;background:#e0e0e0f0}.prompt .head{text-align:center}.prompt input{padding:.375rem .75rem;border:1px solid #ced4da;border-radius:.25rem}.prompt .buttons{margin-top:15px;display:flex;justify-content:flex-end;gap:15px}.prompt .buttons button{border:none;background:transparent;font-size:18px;cursor:pointer}.lds-ring{display:inline-block;position:relative;width:80px;height:80px}.lds-ring div{box-sizing:border-box;display:block;position:absolute;width:64px;height:64px;margin:8px;border:8px solid transparent;border-radius:50%;animation:lds-ring 1.2s cubic-bezier(0.5,0,.5,1) infinite;border-top-color:#fff}.lds-ring div:nth-child(1){animation-delay:-0.45s}.lds-ring div:nth-child(2){animation-delay:-0.3s}.lds-ring div:nth-child(3){animation-delay:-0.15s}@keyframes lds-ring{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}