@import"https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css";:root{--background: #15202b;--text: #fff;--button: #17ce3a;--button-hover: #12a02d;--button-text: #fff;--fail: #ff143b}body{font-family:Pretendard Variable,Pretendard,-apple-system,BlinkMacSystemFont,system-ui,Roboto,Helvetica Neue,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,sans-serif;background:var(--background);color:var(--text);margin:0;padding:0;overflow:hidden}@media (min-width: 768px){body{font-size:24px}}#root{display:grid;height:100dvh;grid-template-columns:1fr;grid-template-rows:.4fr auto minmax(0,1fr) auto;justify-items:stretch}.loading{text-align:center}.header{display:flex;flex-direction:column;justify-content:flex-end;align-items:center}.title{font-size:2em;font-weight:700}.lives{display:flex;flex-direction:row;justify-content:center;margin-top:.8em;gap:.2em}.lives img{height:1em;width:1em}.status{display:flex;flex-direction:column;align-items:stretch}.progress{color:#000;position:relative;font-size:.8em;height:1.5em;margin:1em}.progress>*{position:absolute;left:50%;top:50%;transform:translate(-50%) translateY(-50%)}.progress-bar{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;display:inline-block;height:1.5em;background:#fff}.progress-bar::-webkit-progress-bar{height:1.5em;background:#fff}.progress-bar::-webkit-progress-value,.progress-bar::-moz-progress-bar{background:#17cf39;box-shadow:#17cf3966 0 0 8px}.tag-list{margin:0;padding:0;display:flex;flex-direction:column;align-items:center;gap:.5em;overflow-y:auto;overflow-x:hidden}.tag{display:inline-block;text-align:center;font-weight:700;background:#1a2733;border:1px solid #2c3640;padding:8px 16px;border-radius:1em;list-style:none;transition:background-color .3s ease 0s;-webkit-user-select:none;user-select:none}.tag:hover,.tag:focus-within{background:#2c3640}.tag:focus-within{border:#0088ff solid 2px}.tag-en{font-size:.9em;font-weight:400;color:#b8bcbf}.description{font-size:.5em;padding:.5em 0}.challenge{margin:0}footer{text-align:center}.button{cursor:pointer;-webkit-user-select:none;user-select:none;padding:12px 16px;background:var(--button);transition:background-color .3s ease 0s,color .3s ease 0s,transform .3s ease 0s,box-shadow .3s ease 0s;color:var(--button-text);border-radius:.4em;border:none}.button:hover{background:var(--button-hover);transform:translateY(-.2em);box-shadow:#12a02d66 0 4px 8px}.fail{position:absolute;left:0;right:0;top:0;bottom:0;display:flex;flex-direction:column;justify-content:center;align-items:center;background:#15202be6;gap:2em}.fail-text{color:var(--fail);font-weight:700;font-size:10em;transform:rotate(-20deg);animation:1s fail-appear}@keyframes fail-appear{0%{transform:rotate(-20deg) scale(2);opacity:0}to{transform:rotate(-20deg) scale(1);opacity:1}}p{margin:0}.button-group{display:flex;flex-direction:row;gap:1em}#mode{font-size:.8em;display:flex;flex-direction:row;align-items:center;border:1px solid #2c3640;border-radius:1em;background:#15202b;margin:.5em;padding:.4em .2em}#mode:disabled{pointer-events:none;opacity:.5}#mode input{display:none}#mode label{cursor:pointer}#mode input~span{padding:.2em .4em;border-radius:1em}#mode input:checked~span{background:#2c3640}.challenge{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1em}input{font-size:1em}.input{color:var(--text);background:none;border:none;padding:0;font-weight:700;font-family:inherit;outline:none;grid-area:1 / 2}.input-wrap{display:grid;align-items:center}.input-wrap:after{content:attr(data-value);visibility:hidden;white-space:pre-wrap;grid-area:1 / 2}