html,body{margin:0;padding:0;font-family:"M PLUS 1p",Arial,sans-serif}div#root{max-width:600px;margin:0 auto}img#title{width:100%}#root>article{margin:0 .8rem}#root>article>header>p{font-size:.9rem;margin:.5rem 0}article>section{margin-top:1.5rem;border-bottom:10px dotted #eee;padding-bottom:1.5rem}section>h2{font-size:1rem}h2>span.required{color:#fff;background:red;font-weight:400;font-size:.7rem;padding:.1rem .2rem;border-radius:.2rem}h2>span.option{color:#fff;background:#888;font-weight:400;font-size:.7rem;padding:.1rem .2rem;border-radius:.2rem}div.form{display:grid;grid-template-columns:1fr 1fr;grid-row-gap:.2rem}div.form-candidate:hover{cursor:pointer}div.form-candidate,div.word-preview>header{display:grid;grid-template-columns:2rem 1fr;align-content:start}div.form-candidate>svg,div.word-preview>header>svg{width:2.2rem;height:2rem}div.form-candidate>span,div.word-preview>header>span{padding:.4rem 0 0 .2rem;font-weight:800;line-height:1.1}div.form-candidate>span>small{display:block;font-size:.6rem}div.form-candidate>footer{font-size:.6rem;font-weight:400}div.word-preview>header>span>small{padding-left:.4rem;font-size:.8rem;line-height:1.1}div.word-preview>article{margin:.3rem 0 .4rem 2rem;font-size:.9rem;color:#444}div.word-preview>article>input{width:calc(90% - .4rem);font-size:1.2rem;padding:.2rem}div.word-preview>article>p{font-size:.8rem;margin:.2 0 .7rem 0}div.word-preview>footer{margin:1rem 0 0rem 0rem;text-align:right}div.word-preview button{background:#fde0a5;border:2px solid #f29739;padding:.2rem .5rem;color:#f29739;font-size:.8rem;font-weight:700;border-radius:1rem}.word-form-footer{margin:1rem 0 0}.word-form-footer>button{background:#c6e0f5;width:100%;font-size:2rem;border-radius:2rem;border:2px solid #717578;color:#000}.word-form-footer>button>img{width:3rem;height:3rem;top:.4rem;padding-right:.5rem;position:relative}.word-form-footer>div.page-footer{background:#333;color:#888;margin:.8rem -.8rem 0;padding:1rem 0 1rem 1rem;border-radius:.2rem .2rem 0 0}div.page-footer>h3{margin:0 0 .8rem}div.page-footer>p{font-size:.8rem;padding-right:1rem}div.end-roll{margin-top:2rem;display:grid;grid-template-columns:7rem 1fr;grid-row-gap:.2rem;font-size:.8rem}div.end-roll>a{color:#666;text-decoration:none}div.special-thanks{color:#666;margin-top:3rem}div.result{display:grid;grid-template-columns:3.5rem 1fr;grid-row-gap:0;align-items:center;margin:.8rem .2rem 2rem}div.result>img#gold{width:3.4rem;position:relative;top:-.5rem}div.result>svg{width:3.3rem;height:3rem}div.result>div{margin-top:1.8rem}div.result>div>span{font-weight:700;font-size:1.5rem;line-height:1}div.result>div>small{display:block;font-weight:700;font-size:1.2rem}div.result>div>footer{margin-top:.2rem;color:#7da4d6;font-weight:700}footer.result{text-align:right}footer.result>button{background:#fde0a5;border:2px solid #f29739;padding:.2rem .5rem;color:#f29739;font-size:.8rem;font-weight:700;border-radius:1rem}footer.result>p{text-align:left;color:#666;margin-top:8rem;font-size:.8rem}div.closed>h2{margin:1rem 0 0;font-size:1.2rem}div.closed>p{margin:.5rem 0 0}div.closed>h3{margin:1rem 0 .8rem;font-size:1rem}div.rank.top3,div.rank.top5{margin-bottom:1.5rem}div.rank{margin-bottom:.5rem;cursor:pointer}div.rank>header>svg{width:2.2rem;height:2rem}div.rank.top3>header,div.rank.top5>header{display:grid;grid-template-columns:1fr 1.5em;position:relative;padding-left:2.6rem}div.rank>header{display:grid;grid-template-columns:2.2rem 1fr 1.5rem}div.rank.top3>header>img.num{width:4rem;height:4rem;position:absolute;top:-1.3rem;left:-1rem}div.rank.top5>header>svg{width:3.08rem;height:2.8rem;position:absolute;top:-.3rem;left:-.5rem}div.rank.top3>header>img.info,div.rank.top5>header>img.info{width:1.5rem;height:1.5rem}div.rank>header>img.info{width:1.2rem;height:1.2rem}div.rank.top3>small{margin-left:2.6rem;display:block;font-size:.9rem;margin-top:-.3rem}div.rank.top3>header>.word,div.rank.top5>header>.word{font-weight:700;font-size:1.5rem}div.rank>header>.word{font-weight:700;font-size:1.1rem}div.rank>header>.word>.score{color:#7da4d6;text-align:right;font-size:.8rem;padding-left:.6rem;position:relative;top:-.2rem}div.rank>small{margin-left:2.2rem;display:block;font-size:.7rem;margin-top:-.3rem}div.rank>article{margin:.3rem 0 0 2.5rem;font-size:.9rem;color:#666;line-height:1.5}div.ranking>h2{font-size:1.5rem;margin:.2rem 0 0}div.ranking>footer{font-size:.6rem;color:#888;margin:0rem 0 2rem 1rem;text-indent:-.8rem}div.dialog{position:fixed;z-index:1001;left:0;top:0;width:100vw;height:100vh;background-color:#00000080}div.dialog>div.dialog-box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:20px;width:80%;max-width:400px;background-color:#fff;border-radius:8px;box-shadow:0 4px 10px #0003}div.dialog>div.dialog-box>span.close{font-size:3rem;color:#ccc;position:absolute;top:-.6rem;right:.8rem;cursor:pointer}div.dialog>div.dialog-box>h2{font-size:1.5rem;margin:.2rem 0 0}div.dialog>div.dialog-box>h3{font-size:.8rem;margin:0}div.dialog>div.dialog-box>footer{font-size:.8rem;margin:0;color:#7da4d6}div.dialog>div.dialog-box>footer>div.score{margin-top:.3rem;font-size:1.1rem;font-weight:700}div.dialog>div.dialog-box>p{margin:1rem 0 0}svg text.popup_num{dominant-baseline:middle;text-anchor:middle;font-size:25px;font-weight:700;fill:#fff;stroke-width:4;stroke:#000;paint-order:stroke;letter-spacing:2}.popup_green{fill:#cce068}.popup_yellow{fill:#ffed66}.popup_blue{fill:#9ed3f1}.popup_pink{fill:#f5c0d4}.popup_orange{fill:#f29739}.popup_silver{fill:#c8d4c6}.popup_bronze{fill:#d7ac85}