#rank-toggle{position:absolute;z-index:9;left:16px;top:12px;padding:9px 14px;border:1px solid #bcb398;border-radius:20px;background:#fff9e6ed;color:#514d43;font:700 13px system-ui;min-height:38px;cursor:pointer}
#rank-panel{width:min(460px,calc(100vw - 32px));max-height:84dvh;box-sizing:border-box;overflow:auto;padding:26px;border:1px solid #c9c1ad;border-radius:22px;color:#403e38;background:#fffaf0;font:15px/1.65 system-ui;overscroll-behavior:contain}
#rank-panel::backdrop{background:#25233870;backdrop-filter:blur(5px)}#rank-panel h2{font-size:26px;margin:0 0 10px}
#rank-panel .rank-close{float:right;border:0;background:transparent;font-size:24px;cursor:pointer}.rank-eyebrow{font-size:11px;letter-spacing:.13em;color:#7a705a;margin:0 0 7px}.rank-note,.rank-footnote{font-size:12px;color:#796e59}.rank-footnote{border-top:1px solid #e4dbc5;padding-top:12px}
#rank-panel input,#rank-panel select{box-sizing:border-box;display:block;width:100%;font:16px system-ui;padding:10px;margin:5px 0 10px;border:1px solid #c6bea8;border-radius:10px;background:white}
#rank-login button,#rank-retry,#rank-claim{border:0;padding:10px 15px;border-radius:12px;font:600 14px system-ui;background:#455f51;color:white;min-height:42px;cursor:pointer}
#rank-claim{margin:6px 0 12px;width:100%}
#rank-login p{font-size:12px}#rank-panel a{color:#476851}#rank-identity{font-size:14px;font-weight:650}#rank-message{font-size:13px;color:#6c593e}
#rank-list{padding:0;list-style:none;font-size:14px;font-variant-numeric:tabular-nums}#rank-list li{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #e6ddc9}#rank-list small{font-size:12px;color:#7a715f}
@media(max-width:760px) and (orientation:portrait){#rank-toggle{left:12px;top:max(58px,calc(env(safe-area-inset-top) + 54px));min-height:32px;padding:5px 12px;font-size:12px}}
@media(orientation:landscape) and (max-height:600px){#rank-toggle{left:max(14px,env(safe-area-inset-left));top:4px;min-height:32px;padding:5px 12px}#rank-panel{max-height:94dvh}}