.site-o-level{--display:var(--font);--r:10px;--r-lg:14px}.site-o-level h1,.site-o-level h2{letter-spacing:-.02em;font-weight:900}.site-o-level .band{padding-bottom:calc(var(--s5) + 14px)}.site-o-level .band h1{font-size:28px}.site-o-level .card{box-shadow:inset 0 4px 0 var(--level),var(--shadow);padding-top:calc(var(--s4) + 4px)}.site-o-level .steps{margin:var(--s3) 0 0;counter-reset:s;gap:14px;padding:0;list-style:none;display:grid}.site-o-level .steps li{counter-increment:s;grid-template-columns:40px 1fr;align-items:start;gap:12px;display:grid}.site-o-level .steps li:before{content:counter(s);background:var(--level);width:40px;height:40px;color:var(--on-level);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);place-items:center;font-weight:900;display:grid}.site-o-level .steps b{display:block}.site-o-level .steps span{color:var(--muted);font-size:14px}.site-o-level .ranked-list{padding:0 var(--s4) var(--s3)}.site-o-level .ranked{gap:10px;margin:0;padding:0;list-style:none;display:grid}.site-o-level .ranked li{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--shadow);grid-template-columns:36px 1fr auto;align-items:center;gap:10px;padding:12px;display:grid}.site-o-level .ranked .no{font:900 20px/1 var(--font);color:var(--tint-ink);background:var(--tint);border-radius:8px;place-items:center;height:36px;display:grid}.site-o-level .ranked a{color:var(--ink);font-weight:700;text-decoration:none}.site-o-level .ranked .pc{font:900 18px/1 var(--font);text-align:right}.site-o-level .ranked .pc small{font:600 11px/1.2 var(--font);color:var(--muted);margin-top:3px;display:block}.site-o-level .ranked .src{margin:2px 0 0;display:block}.site-o-level .region-form{margin-top:var(--s3);align-items:end;gap:8px;display:flex}.site-o-level .region-form label{flex:1;gap:4px;font-size:14px;font-weight:600;display:grid}.site-o-level .region-form select{border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--surface);min-height:44px;color:var(--ink);font:inherit;padding:0 10px}.site-o-level .prof-head{align-items:center;gap:12px;display:flex}.site-o-level .prof-head .avatar{background:var(--on-level);width:56px;height:56px;color:var(--level);font-size:19px}