.account-rank-inline{display:inline-flex;vertical-align:middle;margin-right:4px}.account-rank-inline img{object-fit:contain}.account-rank-open,.account-rank-preset-entry{display:inline-flex;align-items:center;gap:8px;min-height:42px;border:1px solid #35445b;border-radius:6px;background:#111c2b;color:#f3f5ff;padding:3px 10px;cursor:pointer;font:inherit}.account-rank-open span{display:grid;text-align:left}.account-rank-open b{font-size:12px}.account-rank-open small{font-size:10px;color:#bac6d6}.account-rank-open img{flex:none}.account-rank-preset-entry{margin:10px 0;color:#c8ff6b;font-size:12px}.login-summary-row:has(.account-rank-open){flex-wrap:wrap}.pc-account-rank{display:flex;align-items:center;gap:10px;margin-top:12px}.pc-account-rank img{width:60px;height:60px;object-fit:contain}.pc-account-rank span{display:grid;gap:3px}.pc-account-rank small{font-size:9px;letter-spacing:.12em;color:#cad7e3}.pc-account-rank b{font-size:17px;color:#efffcf}
.account-rank-dialog{color-scheme:dark;--ar-line:#28324a;--ar-muted:#a4b1c8;--ar-lime:#c8ff6b;width:min(1040px,calc(100vw - 36px));max-width:none;height:min(790px,calc(100dvh - 48px));max-height:none;padding:0;border:1px solid #44516b;border-radius:12px;color:#f3f5ff;background:#0b1120;font-family:"Noto Sans KR","Malgun Gothic",sans-serif;box-shadow:0 28px 100px #000b;overflow:hidden}.account-rank-dialog::backdrop{background:#02060ec9;backdrop-filter:blur(5px)}.account-rank-dialog[open]{display:flex;flex-direction:column}.account-rank-dialog *{box-sizing:border-box}.account-rank-dialog button{font:inherit;cursor:pointer;color:inherit}.account-rank-dialog button:focus-visible{outline:2px solid var(--ar-lime);outline-offset:-3px}.account-rank-dialog h2,.account-rank-dialog h3,.account-rank-dialog p{margin:0}.account-rank-dialog button:disabled{cursor:default;opacity:.35}.ar-head{display:flex;align-items:center;gap:22px;border-bottom:1px solid var(--ar-line);padding:18px 24px;flex:none;background:#111a2a}.ar-head>div:first-child{margin-right:auto}.ar-head small{color:var(--ar-muted);font-size:11px}.ar-head h2{font-size:23px;letter-spacing:-.04em}.ar-head>button{border:1px solid #46506b;background:#1e293c;border-radius:6px;width:40px;height:40px;font-size:26px}.ar-current{display:flex;align-items:center;gap:8px}.ar-current span{display:grid;gap:2px}.ar-current b{font-size:13px}.ar-current small{font-size:10px}.ar-body{min-height:0;display:grid;grid-template-columns:208px 1fr;flex:1}.ar-list{overflow:auto;padding:12px;border-right:1px solid var(--ar-line);background:#0d1422}.ar-list button{display:flex;align-items:center;gap:10px;width:100%;min-height:66px;border:1px solid transparent;background:transparent;border-radius:6px;padding:8px;text-align:left}.ar-list button[aria-pressed=true]{background:#c8ff6b0c;border-color:var(--ar-lime)}.ar-list button[aria-pressed=true] b{color:var(--ar-lime)}.ar-list img{flex:none}.ar-list button span{display:grid;gap:2px}.ar-list b{font-size:14px}.ar-list small{font-size:10px;color:var(--ar-muted)}.ar-list em{font-size:9px;margin-left:auto;font-style:normal;color:var(--ar-lime)}.ar-main{overflow:auto;min-width:0;padding:22px}.ar-detail{display:grid;grid-template-columns:minmax(240px,1fr) minmax(230px,1fr);gap:24px}.ar-stage{min-width:0;display:flex;align-items:center;flex-direction:column;border:1px solid #384458;border-radius:8px;background:radial-gradient(ellipse at 50% 40%,#51685630,transparent 68%),#10192b;padding:18px 10px 24px}.ar-stage[data-tone=gold],.ar-stage[data-tone=amber]{background:radial-gradient(ellipse at 50% 40%,#b58a382d,transparent 65%),#141923}.ar-stage[data-tone=ruby]{background:radial-gradient(ellipse at 50% 40%,#b8456a2d,transparent 65%),#151624}.ar-stage-label{font-size:11px;color:var(--ar-muted)}.ar-stage>img{width:100%;max-width:260px;height:auto;aspect-ratio:1;object-fit:contain;margin:4px 0}.ar-stage-title{text-align:center}.ar-stage-title span{font-size:11px;color:var(--ar-lime)}.ar-stage-title h3{font-size:30px;letter-spacing:-.05em;margin:5px 0}.ar-stage-title>b{font-size:15px;color:var(--ar-muted)}.ar-effects{padding-top:12px}.ar-effects>h3,.ar-presets h3{font-size:16px}.ar-effects dl{margin:18px 0}.ar-effects dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:14px 0;border-bottom:1px solid var(--ar-line)}.ar-effects dt{font-size:12px;color:#b7c3d8}.ar-effects dd{font-size:19px;font-weight:800;margin:0;color:var(--ar-lime)}.ar-effects p,.ar-presets p{font-size:11px;color:var(--ar-muted);line-height:1.9;word-break:keep-all}.ar-effects>small{display:block;font-size:10px;color:var(--ar-muted);margin-top:10px}.ar-presets{margin-top:24px;padding-top:22px;border-top:1px solid var(--ar-line);scroll-margin-top:12px}.ar-presets h3 em{font-size:12px;font-style:normal;color:var(--ar-lime);margin-left:8px}.ar-presets p{margin:5px 0 16px}.ar-preset-row{display:flex;align-items:center;gap:12px;padding:12px 0;border-top:1px solid var(--ar-line)}.ar-preset-row>strong{font-size:20px;color:#798aa7}.ar-preset-row>span{display:grid;gap:3px;flex:1;min-width:0}.ar-preset-row b{font-size:12px}.ar-preset-row small{font-size:10px;color:var(--ar-muted)}.ar-preset-row button{padding:7px 10px;border:1px solid #43536f;border-radius:5px;background:#19263b;font-size:11px;min-height:36px;flex:none}.ar-preset-row button[data-apply]:not(:disabled){color:var(--ar-lime);border-color:#799151}.ar-footer{flex:none;padding:12px 24px;font-size:12px;color:#c5d1e7;border-top:1px solid var(--ar-line);background:#111a2a}
@media(max-width:760px){.account-rank-dialog{width:calc(100vw - 16px);height:calc(100dvh - 24px);border-radius:8px}.ar-head{padding:12px;gap:8px}.ar-head h2{font-size:19px}.ar-current b{font-size:11px}.ar-current img{width:30px;height:30px}.ar-current small{display:none}.ar-head>button{width:36px;height:36px;flex:none}.ar-body{display:flex;flex-direction:column}.ar-list{display:flex;overflow-x:auto;overflow-y:hidden;flex:none;gap:6px;border-right:0;border-bottom:1px solid var(--ar-line);padding:8px}.ar-list button{min-width:121px;width:121px;min-height:56px;gap:6px;padding:6px}.ar-list img{width:32px;height:32px}.ar-list b{font-size:12px}.ar-list em{display:none}.ar-main{padding:14px}.ar-detail{grid-template-columns:1fr;gap:8px}.ar-stage{flex-direction:row;flex-wrap:wrap;padding:12px 16px;gap:12px}.ar-stage-label{width:100%}.ar-stage>img{width:46%;max-width:168px;margin:0}.ar-stage-title{flex:1}.ar-stage-title h3{font-size:27px}.ar-effects{padding:12px 4px 0}.ar-effects dl{margin:8px 0 12px}.ar-effects dl>div{padding:10px 0}.ar-presets{margin-top:20px;padding-top:18px}.ar-preset-row{gap:8px}.ar-preset-row>strong{font-size:16px}.ar-preset-row small{font-size:9px}.ar-preset-row button{padding:5px 7px;min-height:40px}.ar-footer{padding:10px 12px;font-size:11px}.pc-account-rank img{width:46px;height:46px}.pc-account-rank b{font-size:14px}}
.ar-progress{display:grid;gap:8px;margin-bottom:18px;padding:14px 16px;border:1px solid #435639;border-radius:6px;background:#142020;font-size:12px}.ar-progress>div:first-child{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap}.ar-progress b{color:#efffcf}.ar-progress>div>span{font-variant-numeric:tabular-nums}.ar-progress-track{height:8px;background:#334134;border-radius:4px;overflow:hidden}.ar-progress-track>span{display:block;height:100%;background:#c8ff6b;border-radius:4px}.ar-progress>small{font-size:11px;color:#b8c9b1}