:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{margin:0;padding:0}body{margin:0;display:flex;min-width:320px;min-height:100vh}#app{max-width:1280px;margin:0 auto;padding:16px;text-align:center}.be-gamebar-container{position:fixed;right:16px;top:16px;z-index:999}.be-gamebar{background-color:#fff;border-radius:8px;box-shadow:0 2px 4px #0003;color:#666;width:120px;height:40px;transition:width 225ms cubic-bezier(.4,0,.2,1) 125ms,height 225ms cubic-bezier(.4,0,.2,1);overflow:hidden;font-size:14px;display:flex;flex-flow:column;-webkit-user-select:none;user-select:none}.be-gamebar.be-active{width:280px;height:480px;transition:width 225ms cubic-bezier(.4,0,.2,1),height 225ms cubic-bezier(.4,0,.2,1) 125ms}.be-gamebar-actionBar{position:relative;display:flex;justify-content:flex-end;z-index:1;flex:none}.be-gamebar.be-active .be-gamebar-actionBar{border-bottom:1px solid #f0f0f0}.be-gamebar-title{width:160px;color:#999;display:flex;align-items:center;font-size:14px;text-wrap:nowrap;overflow:hidden;padding:0 8px}.be-gamebar-avatarImg{border-radius:16px;overflow:hidden}.be-gamebar-action{flex:none;width:40px;height:40px;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:all 225ms ease-in-out}.be-gamebar-action:hover{background-color:#0000001a}.be-gamebar-action.be-active{background-color:#ff707a;color:#fff}.be-gamebar-closeBtn:hover{background-color:#f44336;color:#fff}.be-gamebar-icon{width:24px;height:24px}.be-gamebar-panels{flex:1;overflow-y:auto}.be-gamebar-panel{position:relative;display:none;min-height:100%;overflow:hidden}.be-gamebar-panel.be-visible{display:block}.be-gamebar-link{color:#ff707a;text-decoration:none}.be-gamebar-link:hover{text-decoration:underline}.be-userInfo{display:flex;flex-flow:column;align-items:center;justify-content:center;height:100%;font-size:16px}.be-userInfo-panel{height:100%}.be-userInfo-avatar{display:inline-block;width:48px;height:48px;border-radius:32px;background-color:#eee;border:2px solid #eee;line-height:48px}.be-userInfo-name{margin-top:8px;font-size:18px;font-weight:700}.be-userInfo-email{font-size:14px;color:#999}.be-userInfo-back,.be-score-list{padding:8px 0}.be-score-item{display:grid;grid-template-columns:2fr 1fr 1fr;font-size:13px;align-items:center;padding:4px 8px;text-align:right}.be-score-date{color:#999;text-align:left}.be-score-name{color:#999}.be-score-value{color:#ff707a}.be-ranking{position:relative;display:flex;transition:all 225ms ease-in-out;height:100%}.be-ranking-panel{height:100%}.be-ranking-item{display:flex;flex-flow:column;width:100%;flex:none;height:100%}.be-ranking-leftBtn{color:#ff707a;position:absolute;left:0;top:0}.be-ranking-rightBtn{color:#ff707a;position:absolute;right:0;top:0}.be-ranking-title{text-align:center;font-size:14px;margin:4px 0 8px;font-weight:700}.be-ranking-description{font-size:12px;color:#999;line-height:1}.be-ranking-scores{overflow-y:auto;flex:1}.be-ranking-list{background:linear-gradient(#f5edf0 0,#f5edf0 32px,#0000 32px,#0000 64px);background-size:100% 64px;background-repeat:no-repeat repeat}.be-ranking-score{display:grid;grid-template-columns:3em 24px 1fr 6em;align-items:center;text-align:right;height:32px}.be-ranking-index{color:#999;text-align:center}.be-player-avatar{width:24px;height:24px;border-radius:12px;overflow:hidden}.be-player-name{left:4px;text-align:left;padding:0 4px}.be-player-name .be-gamebar-link{color:#333}.be-player-bestScore{color:#ff707a;padding-right:8px}.be-user-ranking{flex:none;border-top:1px solid #f0f0f0;background:#fff}.be-login{display:flex;flex-flow:column;align-items:center;color:#999;padding:32px 0;font-size:14px}.be-login-link{font-size:16px}.be-empty{color:#999;text-align:center;padding:32px 0}.be-notify-container{position:absolute;top:100%;right:0}.be-notify-message{background-color:#fff;border-radius:8px;color:#666;position:absolute;top:0;right:0;box-shadow:0 1px 3px #0003;display:flex;align-items:center;transition:width 225ms cubic-bezier(.4,0,.2,1),height 325ms cubic-bezier(.4,0,.2,1),transform 225ms cubic-bezier(.4,0,.2,1),right 225ms cubic-bezier(.4,0,1,1);overflow:hidden;text-wrap:nowrap;font-size:14px;padding:0 16px}.be-notify-uploaded{width:100%;display:grid;grid-template-columns:1fr 1fr 1fr;color:#999}.be-notify-uploaded.be-notify-best{font-size:16px;font-weight:700;color:#ff707a}.be-message-score{color:#ff707a;text-align:right}.be-stopwatch{position:absolute;right:100%;top:0;transform:translate(-8px);display:flex;align-items:center;width:40px;height:40px;font-family:Roboto,Monaco,Consolas,Courier New,monospace;border-radius:8px;box-shadow:0 2px 4px #0003;background:#fff;color:#666;overflow:hidden;transition:all 225ms cubic-bezier(.4,0,.2,1)}.be-stopwatch.be-active{width:148px}.be-stopwatch-time{flex:1;text-align:right;padding-right:8px}.board[data-v-4463c3de]{--mg-boder: 1px solid #e5e5e5;background-color:#f0f0f0;border-radius:4px;box-shadow:0 2px 5px #00000029;-webkit-user-select:none;user-select:none;overflow:hidden}.playable-area[data-v-4463c3de]{display:flex}.decoding-board[data-v-4463c3de]{display:flex;flex-flow:column}.decoding-row[data-v-4463c3de]{position:relative;display:flex;border-bottom:var(--mg-boder);align-items:center;padding:4px 0}.next-button[data-v-4463c3de]{position:absolute;left:-52px;width:52px;top:0;bottom:0;font-size:18px;display:flex;align-items:center;justify-content:center;background-color:#fffc;letter-spacing:.1em;border-right:var(--mg-boder);transition:all 225ms cubic-bezier(.4,0,.6,1)}.next-button.is-enabled[data-v-4463c3de]{left:0;cursor:pointer}.next-button.is-enabled[data-v-4463c3de]:hover{background-color:#dbeeec}.confirm-icon[data-v-4463c3de]{width:36px}.decoding-row.is-active[data-v-4463c3de]{background-color:#fafafa}.decoding-row.is-active .color-slot[data-v-4463c3de],.decoding-row.is-active .key-slot[data-v-4463c3de]{background-color:#f7f7f7}.decoding-row[data-v-4463c3de]:last-child{border-bottom:none}.key-slot-row[data-v-4463c3de]{display:flex;padding:0 8px}.color-slot-row[data-v-4463c3de]{display:flex;padding:0 32px}.key-slot[data-v-4463c3de]{width:14px;height:14px;border-radius:7px;margin:2px;box-shadow:inset 0 1px 1px 1px #0000001a;background-color:#eaeaea}.key-peg[data-v-4463c3de]{width:14px;height:14px;border-radius:7px;box-shadow:0 1px 2px #0003}.color-slot[data-v-4463c3de]{width:32px;height:32px;border-radius:16px;box-shadow:inset 0 1px 1px 1px #0000001a;background-color:#eaeaea;margin:4px 2px}.color-pegs[data-v-4463c3de]{border-left:var(--mg-boder);padding:8px}.color-pegs .color-slot[data-v-4463c3de]{margin:0 0 6px}.color-peg[data-v-4463c3de]{width:32px;height:32px;border-radius:16px;cursor:pointer;box-shadow:0 1px 2px #0003}.color-peg[data-v-4463c3de]:hover{outline:2px solid #ffffff}.code-board[data-v-4463c3de]{border-top:var(--mg-boder);padding:8px 0;display:flex;align-items:center;flex-flow:column}.shield[data-v-4463c3de]{font-size:32px;text-align:center;color:#d5d5d5}.fail-board[data-v-4463c3de],.win-board[data-v-4463c3de]{display:flex;flex-flow:column;align-items:center;font-size:24px;font-weight:700;padding:16px 0}.fail-board[data-v-4463c3de]{color:#ef9a9a}.win-board[data-v-4463c3de]{color:#ffcc80}.actions[data-v-4463c3de]{display:flex;border-top:var(--mg-boder)}.action[data-v-4463c3de]{width:64px;height:48px;display:flex;align-items:center;justify-content:center;cursor:pointer}.action[data-v-4463c3de]:hover{background-color:#dbeeec}.action-icon[data-v-4463c3de]{width:36px}.question-action[data-v-4463c3de]{border-right:var(--mg-boder)}.setting-action[data-v-4463c3de]{margin-left:auto;border-left:var(--mg-boder);border-right:var(--mg-boder)}.setting-action.is-active[data-v-4463c3de]{background-color:#dbeeec}.setting[data-v-4463c3de]{display:flex;justify-content:center}.setting input[data-v-4463c3de],.setting select[data-v-4463c3de]{position:relative;background-color:#eaeaea;border:var(--mg-boder);padding:4px 6px;box-shadow:inset 0 1px 1px 1px #0000001a;border-radius:4px;color:#606060}.setting input[data-v-4463c3de]{width:3em}.setting select[data-v-4463c3de]{width:8em}.setting-item[data-v-4463c3de]{color:#606060;font-size:13px;text-align:center;display:flex;flex-flow:column;padding:4px}