.rank-confirmation{box-sizing:border-box;width:min(448px,calc(100vw - 24px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #302b3b;border-radius:20px;background:#0d0b15;color:#f2eff8;box-shadow:0 20px 90px #000a;font:14px/1.45 Inter,system-ui,sans-serif;overflow:hidden;}
.rank-confirmation[open]{display:flex;flex-direction:column;}.rank-confirmation::backdrop{background:#03020b88;backdrop-filter:blur(5px);}
.rank-confirmation *{box-sizing:border-box;}.rank-confirmation-body{position:relative;padding:22px 20px 18px;overflow:auto;scrollbar-width:thin;min-height:0;}
.rank-confirmation h2{font-size:19px;font-weight:600;line-height:1.3;margin:0 30px 8px 0;letter-spacing:-.02em;}
.rank-confirmation-intro{margin:0 0 20px;color:#a5a0b1;font-size:14px;}
.rank-confirmation button{font-family:inherit;cursor:pointer;}.rank-confirmation button:disabled{opacity:.4;cursor:not-allowed;}
.rank-confirmation-close{position:absolute;right:13px;top:12px;width:30px;height:30px;border:0;background:transparent;color:#aaa4b8;font-size:22px;line-height:1;}
.rank-confirmation-summary{display:flex;justify-content:space-between;gap:16px;padding:15px 16px;border-radius:17px;background:#191621;}
.rank-confirmation-summary>div{display:flex;flex-direction:column;gap:3px;}.rank-confirmation-summary>div:last-child{text-align:right;}
.rank-confirmation-summary span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#9690a3;}.rank-confirmation-summary strong{font-size:22px;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;}.rank-confirmation-summary small{font-size:12px;color:#a39dae;}
.rank-confirmation-credit{margin:8px 0 0;font-size:11px;color:#a39dae;}.rank-confirmation-edit{border:0;background:none;color:#9994ff;font-size:11px;padding:6px 0;}
.rank-confirmation-bid-editor{display:grid;gap:5px;margin:4px 0 12px;font-size:12px;color:#aaa4b6;}
.rank-confirmation-preview{display:flex;align-items:center;gap:10px;margin:8px 0 0;padding:12px;border:1px solid #292431;border-radius:12px;min-height:86px;}
.rank-confirmation-preview>img{width:40px;height:40px;border-radius:10px;object-fit:cover;flex:none;}.rank-confirmation-preview>div{min-width:0;}.rank-confirmation-preview strong{display:block;font-size:14px;}.rank-confirmation-preview small{display:block;font-size:11px;color:#a29aae;}.rank-confirmation-preview-label{font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:#8e87a0;}
.rank-confirmation-contract{display:block;overflow-wrap:anywhere;font-size:9px;color:#7e758f;margin-top:4px;}.rank-confirmation-empty{margin:0;color:#9f98ad;font-size:12px;}
.rank-confirmation-coin-form{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;margin:12px 0;}.rank-confirmation-coin-form label{display:grid;gap:5px;color:#a29aae;font-size:11px;min-width:0;}
.rank-confirmation :is(input:not([type=checkbox]),select){width:100%;height:36px;border:1px solid #312b3e;border-radius:7px;background:#14101e;color:#eee9f6;padding:7px;font-family:inherit;font-size:12px;min-width:0;color-scheme:dark;}
.rank-confirmation-coin-form button{grid-column:1/-1;border:1px solid #3e3753;border-radius:8px;background:#211b32;color:#c9c3ff;padding:8px;}
.rank-confirmation-explanation{margin:15px 0;color:#a7a0b2;font-size:13px;line-height:1.6;}
.rank-confirmation-agreement{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #342c40;border-radius:16px;font-size:13px;color:#ded8e8;cursor:pointer;}
.rank-confirmation-agreement input{width:16px;height:16px;margin:3px 0 0;flex:none;accent-color:#6360ff;}
.rank-confirmation a{color:#a7a0ff;text-decoration:underline;text-underline-offset:3px;}.rank-confirmation-links{display:flex;gap:5px;margin:8px 2px 0;font-size:11px;}.rank-confirmation-links a{color:#9790a4;}
.rank-confirmation-status{margin:12px 0 0;color:#aaa2ba;font-size:11px;line-height:1.5;}
.rank-confirmation-footer{display:flex;justify-content:flex-end;gap:9px;flex:none;border-top:1px solid #292330;background:#110e19;padding:15px 16px;}
.rank-confirmation-footer button{border:1px solid #3a3047;border-radius:999px;padding:7px 14px;background:transparent;color:#e7e0ed;font-size:13px;font-weight:600;}
.rank-confirmation-footer .rank-confirmation-proceed{background:#5b58ed;border-color:#726bff;color:#fff;}
.rank-confirmation :focus-visible{outline:2px solid #948aff;outline-offset:3px;}
.rank-confirmation [hidden]{display:none!important;}.rank-confirmation-skeleton{height:44px;flex:1;border-radius:8px;background:#211c2f;animation:rank-preview-pulse 1s ease-in-out infinite alternate;}
@keyframes rank-preview-pulse{to{opacity:.35;}}
@media(max-width:480px){.rank-confirmation-body{padding:20px 16px 16px;}.rank-confirmation-footer{padding:12px;gap:7px;}.rank-confirmation-footer button{font-size:12px;padding:9px 12px;}}
@media(prefers-reduced-motion:reduce){.rank-confirmation-skeleton{animation:none;}}