@charset "UTF-8";
#ranking-result{width:100%;text-align:left;margin:17px 0;color:var(--ink,#302b28)}
.rank-outcome{padding:17px;background:#f2e7d3;border:1px solid #dbc7a6;border-radius:7px;text-align:center}
.rank-kicker{margin:0 0 5px;font-size:10px;letter-spacing:1.2px;font-weight:700;color:var(--red,#c7402c)}
.rank-result-place{margin:5px 0 10px;font-size:17px;font-weight:700;line-height:1.3}
.rank-result-place>span{font-size:12px;color:#786148}
.rank-result-place strong{font:800 40px var(--mono,monospace);color:var(--red,#c7402c);letter-spacing:-1px}
.rank-message,.rank-success,.rank-qualify{margin:6px 0 12px;font-size:12px;line-height:1.8}
.rank-success{color:#345d3a;font-weight:700}
.rank-qualify{font-weight:700;color:#a33b27}
.rank-fineprint{margin:7px 0;font-size:10px;line-height:1.8;color:#7b6650}
.rank-placement-note{margin:14px 0 0;padding-top:10px;border-top:1px solid #deccb1;text-align:left}
.rank-button{display:inline-flex;justify-content:center;align-items:center;min-height:43px;width:100%;border-radius:4px;padding:10px 13px;font-family:inherit;font-size:12px;font-weight:700;line-height:1.5}
.rank-button-primary{background:var(--red,#c7402c);color:#fff8e7;border:1px solid #ac3523;border-bottom:3px solid #9e2d1f}
.rank-button-primary:hover{background:#aa3222}
.rank-button-secondary{border:1px solid #bc9f79;background:#fff7e6;color:#63482f}
.rank-button-secondary:hover{background:#f5e8ce}
.rank-button:disabled,.rank-refresh:disabled{opacity:.55;cursor:wait}
.rank-button:focus-visible,.rank-close:focus-visible,.rank-refresh:focus-visible,.rank-tab:focus-visible,.rank-name-input:focus-visible,.rank-board-panel:focus-visible{outline:3px solid #166e83;outline-offset:3px}
.rank-name-form{text-align:left;margin:12px 0 0}
.rank-name-label{display:block;margin:0 0 6px;font-size:12px;font-weight:700}
.rank-name-input{width:100%;height:45px;border:1px solid #bfa786;border-radius:4px;background:#fffaf0;color:#302b28;font:16px "Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif;padding:10px 12px;box-sizing:border-box}
.rank-name-input[aria-invalid=true]{border-color:#b52f22}
.rank-name-input[readonly]{background:#ede3d0;color:#715c46}
.rank-form-feedback{margin:0 0 9px;font-size:11px;color:#ae3125;line-height:1.6}
.rank-form-feedback:empty{display:none}
.rank-error{color:#a43225}
.rank-dialog{position:fixed;inset:0;width:min(760px,calc(100% - 28px));max-width:none;max-height:calc(100dvh - 36px);padding:0;border:1px solid #927454;border-radius:10px;background:#fff7e9;color:#302b28;box-shadow:0 24px 90px #281c2255;overflow:auto;overscroll-behavior:contain}
.rank-dialog::backdrop{background:#2b221bdd;backdrop-filter:blur(4px)}
.rank-dialog-header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:22px 25px 18px;border-bottom:1px solid #d7c5a9;background:#fff7e9}
.rank-dialog-title{font-family:serif;font-size:30px;line-height:1.35;letter-spacing:1px;margin:3px 0 0}
.rank-close{flex:none;min-height:42px;padding:10px 12px;border:1px solid #d7c4a4;border-radius:4px;color:#6e543a;background:#fffaf0;font-size:12px}
.rank-close:hover{background:#f0e2c9}
.rank-dialog-body{padding:20px 25px 22px}
.rank-controls{display:flex;align-items:center;justify-content:space-between;gap:12px}
.rank-tabs{display:flex;gap:3px;padding:3px;border:1px solid #bfa883;background:#eee1ca;border-radius:5px}
.rank-tab{min-width:105px;min-height:39px;border:0;border-radius:3px;background:transparent;color:#735c43;font-size:12px;font-weight:700;padding:8px 16px}
.rank-tab[aria-selected=true]{background:var(--red,#c7402c);color:#fff7df;box-shadow:0 2px 4px #9b462d22}
.rank-refresh{min-height:42px;border:0;background:transparent;font-size:11px;color:#775a3d;padding:9px 0 9px 10px;text-decoration:underline;text-underline-offset:4px}
.rank-board-meta{font-size:11px;color:#7c654b;margin:15px 0 10px;line-height:1.7}
.rank-board-panel{min-height:145px;border-radius:5px}
.rank-empty{padding:35px 20px;border:1px dashed #cbb693;border-radius:5px;text-align:center;font-size:12px;line-height:1.9;color:#776044;background:#fbf0dc}
.rank-empty strong{font:700 20px serif;color:#9f3927}
.rank-empty p{white-space:pre-line}
.rank-empty .rank-button{width:auto;min-width:180px}
.rank-table-wrap{overflow-x:auto;border:1px solid #decdb0;border-radius:5px;overscroll-behavior-x:contain}
.rank-table{border-collapse:collapse;width:100%;font-size:12px;background:#fffaf1;table-layout:fixed}
.rank-table th{background:#efe3ce;color:#705638;font-size:10px;font-weight:700;text-align:left;padding:10px 9px;white-space:nowrap}
.rank-table td{padding:12px 9px;border-top:1px solid #eadcc6;vertical-align:middle}
.rank-table th:nth-child(1){width:55px;text-align:center}
.rank-table th:nth-child(2){width:auto}
.rank-table th:nth-child(3){width:100px;text-align:right}
.rank-table th:nth-child(4){width:82px;text-align:right}
.rank-table th:nth-child(5){width:96px;text-align:right}
.rank-cell-place{text-align:center;font:700 14px var(--mono,monospace);color:#8c7457}
.rank-cell-name{font-weight:700;overflow-wrap:anywhere;word-break:break-word}
.rank-cell-score{text-align:right;white-space:nowrap;font:700 16px var(--mono,monospace);color:#a63826}
.rank-cell-distance,.rank-cell-date{text-align:right;white-space:nowrap;font:10px var(--mono,monospace);color:#8c765d}
.rank-medal{display:inline-flex;width:28px;height:28px;border-radius:50%;align-items:center;justify-content:center;font-size:15px}
.rank-medal-1{background:#e7b84f;color:#664419;box-shadow:inset 0 0 0 2px #f5d68a}
.rank-medal-2{background:#d4d4cb;color:#5d605c;box-shadow:inset 0 0 0 2px #e5e6df}
.rank-medal-3{background:#d4a77f;color:#71432a;box-shadow:inset 0 0 0 2px #e7c4a4}
.rank-row-current{background:#ffecd0;box-shadow:inset 4px 0 0 #c7402c}
.rank-you{display:inline-block;font-size:8px;line-height:1.6;background:#c7402c;color:#fff8eb;padding:1px 5px;margin-left:7px;border-radius:3px;white-space:nowrap}
.rank-board-note{margin:15px 0 0}
.rank-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.rank-dialog{width:calc(100% - 18px);max-height:calc(100dvh - 20px);border-radius:7px}.rank-dialog-header{padding:17px 14px 14px}.rank-dialog-title{font-size:24px}.rank-kicker{font-size:9px}.rank-close{font-size:11px;padding:8px 10px}.rank-dialog-body{padding:15px 12px 17px}.rank-tab{min-width:88px;font-size:11px;padding:8px 12px}.rank-refresh{font-size:10px}.rank-board-meta{font-size:10px}.rank-table{font-size:11px}.rank-table th,.rank-table td{padding:10px 6px}.rank-table th:nth-child(1){width:39px}.rank-table th:nth-child(3){width:65px}.rank-table th:nth-child(4){width:58px}.rank-table th:nth-child(5){width:65px}.rank-cell-score{font-size:13px}.rank-cell-date{font-size:8px;white-space:normal;overflow-wrap:anywhere}.rank-cell-distance{font-size:9px}.rank-medal{width:25px;height:25px}.rank-outcome{padding:14px}.rank-result-place strong{font-size:35px}.rank-you{display:table;margin:3px 0 0}.rank-empty{padding:29px 12px}}
@media(max-width:350px){.rank-tab{min-width:76px;padding:8px}.rank-table th:nth-child(5){width:57px}.rank-table th:nth-child(4){width:53px}.rank-table th:nth-child(3){width:59px}.rank-dialog-title{font-size:21px}}