.clickable{opacity:1;transition:opacity .2s ease-in}@media screen and (min-width:480px){.clickable{cursor:pointer}.clickable:hover{opacity:.6}}.clickable:active{opacity:.2;transition:none}.modal-container{align-items:center;background-color:#fffe;bottom:0;display:grid;grid-template-columns:minmax(0,360px);justify-content:center;left:0;opacity:1;overflow:auto;padding:10px;position:fixed;right:0;top:0;transition:opacity .3s;z-index:1}.modal-container:not(.opened){opacity:0;pointer-events:none}.modal{background-color:#fff;border:4px solid;border-radius:6px;padding:20px 20px 10px;position:relative;top:0;transition:top .3s}.modal-container:not(.opened) .modal{top:16px;transition-delay:.3s;transition-duration:0s}.modal-head{border-bottom:1px dotted;font-size:13px;font-weight:700;margin:32px 0 12px}.modal-head:first-child{margin-top:0}.modal-close{font-size:12px;line-height:36px;margin-top:32px;text-align:center}.leaderboard{border:4px solid;border-radius:6px;margin:20px auto;max-width:calc(100% - 20px);min-height:104px;padding:30px;position:relative;width:480px}#app:not([style])~.leaderboard{display:none}@media screen and (max-width:480px){.leaderboard{padding:30px 16px}}.leaderboard .about-button{align-items:center;display:flex;height:32px;justify-content:center;left:8px;position:absolute;top:8px;width:32px}@media screen and (max-width:480px){.leaderboard .about-button{left:4px;top:4px}}.leaderboard .about-icon{width:24px}.leaderboard .user-button{align-items:center;display:flex;height:32px;justify-content:center;position:absolute;right:8px;top:8px;width:32px}@media screen and (max-width:480px){.leaderboard .user-button{right:4px;top:4px}}.leaderboard .user-icon{height:24px}.leaderboard .entry-list{margin:0 auto;max-width:100%;width:360px}.leaderboard .entry{align-items:center;display:flex;gap:8px;padding-right:10px;position:relative}@media screen and (max-width:480px){.leaderboard .entry{font-size:13px}}.leaderboard .entry.me{color:#f69c44}.leaderboard .entry:after{border-bottom:2px dotted;bottom:0;content:"";display:block;left:0;opacity:.3;position:absolute;right:0}.leaderboard .entry-order{flex:none;text-align:right;width:36px}.leaderboard .entry-name{flex:auto;overflow:hidden;text-overflow:ellipsis;user-select:text;white-space:nowrap}.leaderboard .entry-score{flex:none;user-select:text}.leaderboard .entry-replay{flex:none;height:36px;position:relative;width:36px}.leaderboard .entry-replay:after{align-items:center;background-image:url(replay.5e659f34.png);background-position:50%;background-repeat:no-repeat;background-size:11px auto;border:2px solid;border-radius:3px;content:"";display:flex;font-size:14px;height:24px;image-rendering:-webkit-optimize-contrast;justify-content:center;left:calc(50% - 12px);line-height:1;position:absolute;top:calc(50% - 12px);width:24px}.leaderboard .entry.me .entry-replay:after{background-image:url(replay-me.b84c5aa8.png)}.about .modal-content{font-size:14px;user-select:text}.about a{color:inherit;text-decoration:underline}@media screen and (min-width:480px){.about a:hover{color:#f69c44}}.about .sns:before{background-repeat:no-repeat;background-size:100% 100%;content:"";display:inline-block;height:1em;image-rendering:-webkit-optimize-contrast;margin-right:.3em;vertical-align:middle;width:1em}.about .sns.qiita:before{background-image:url(qiita.55a1eda9.png)}.about .sns.note:before{background-image:url(note.a1ba8d2b.png)}.about .sns.twitter:before{background-image:url(twitter.c6aa2079.png)}.about .sns.github:before{background-image:url(github.d0820cc1.png)}.user .modal:not(.loading):before{opacity:0;pointer-events:none}.user .modal:after{animation:loading .5s linear infinite;border:5px solid transparent;border-radius:999px;border-top-color:currentcolor;content:"";display:block;height:32px;left:calc(50% - 16px);pointer-events:none;position:absolute;top:calc(50% - 16px);transition:opacity .2s;width:32px}.user .modal:not(.loading):after{opacity:0}@keyframes loading{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.user .form{display:flex;flex-wrap:wrap;gap:2px 8px}.user .form-label{font-size:10px;width:100%}.user .form-textfield{border:1px solid #f64744;border-radius:2px;color:#222;flex:auto;letter-spacing:1px;margin:0;width:0}.user .form-save,.user .form-textfield{appearance:none;box-shadow:none;font-family:inherit;font-size:12px;height:36px;line-height:34px;outline:none;padding:0 10px}.user .form-save{background-color:#fff;border:2px solid;border-radius:3px;color:inherit;flex:none;width:64px}.user .form-save[disabled]{background-color:rgba(128,0,0,.1);border-color:transparent;color:#fff;pointer-events:none}.user .record-list{align-items:center;display:grid;gap:8px;grid-template-columns:1fr auto auto;user-select:text}.user .record-list :nth-child(3n+2){justify-self:end}.user .record-replay{height:36px;position:relative;width:36px}.user .record-replay:after{align-items:center;background-image:url(replay.5e659f34.png);background-position:50%;background-repeat:no-repeat;background-size:11px auto;border:2px solid;border-radius:3px;content:"";display:flex;font-size:14px;height:24px;image-rendering:-webkit-optimize-contrast;justify-content:center;left:calc(50% - 12px);line-height:1;position:absolute;top:calc(50% - 12px);width:24px}