.name-modal input{width:100%;margin-top:6px;padding:14px;border-radius:8px;border:1px solid #d7ecc060;background:#0c2c33;color:#f1f7e8;font:inherit;font-size:18px}
.name-modal input:focus{outline:2px solid var(--lime)}
.name-error{color:#ffb3a3;min-height:18px;margin:8px 0 0}
.result-rank{color:var(--lime);font-size:13px;text-align:center;margin:14px 0 0}
.ranking-modal{width:460px;max-width:100%}
.ranking-modal #rankingBody{margin-top:14px;font-size:12px;color:#c9ddd1}
.ranking-modal table{width:100%;border-collapse:collapse}
.ranking-modal td{padding:8px 6px;border-bottom:1px solid #d9efcd22;white-space:nowrap}
.ranking-modal td:first-child{color:#94b5ab;width:26px}
.ranking-modal td:nth-child(2){white-space:normal;word-break:break-word;color:#fff}
.ranking-modal td:nth-child(3){font-weight:700;color:var(--lime)}
.ranking-modal tr.me td{background:#d7ecc014}