.rank-crest{flex-shrink:0;place-items:center;width:1em;height:1em;line-height:0;display:inline-grid}.rank-crest svg{width:100%;height:100%;overflow:visible}.rank-crest--diamond{filter:drop-shadow(0 0 3px #508cff47)}.rank-crest--master{filter:drop-shadow(0 0 3px #7b4dff4d)}.rank-crest--grandmaster{filter:drop-shadow(0 0 3px #e11d4847)}.rank-crest--challenger{filter:drop-shadow(0 0 4px #5b8cff59)}.rank-badge{vertical-align:middle;align-items:center;gap:8px;min-width:0;display:inline-flex;position:relative}.rank-badge-hit{color:inherit;cursor:default;background:0 0;border:0;place-items:center;padding:0;display:grid}.rank-badge.is-list .rank-crest,.rank-badge.is-list .rank-badge-hit{width:26px;min-width:26px;height:26px;font-size:26px}.rank-badge.is-comment .rank-crest,.rank-badge.is-comment .rank-badge-hit{width:24px;min-width:24px;height:24px;font-size:24px}.rank-badge.is-detail .rank-crest,.rank-badge.is-detail .rank-badge-hit{width:44px;min-width:44px;height:44px;font-size:44px}.rank-badge.is-profile .rank-crest,.rank-badge.is-profile .rank-badge-hit{width:84px;min-width:84px;height:84px;font-size:84px}.rank-badge-meta{flex-direction:column;gap:2px;min-width:0;display:flex}.rank-badge-meta strong{letter-spacing:-.03em;font-size:16px;font-weight:800}.rank-badge-meta em,.rank-badge-meta b{color:var(--fg-muted);font-size:13px;font-style:normal;font-weight:600}.rank-pop{z-index:8;border:1px solid var(--line);background:var(--bg-2);min-width:132px;box-shadow:var(--shadow);color:var(--fg);white-space:nowrap;border-radius:12px;gap:2px;padding:10px 12px;font-size:12px;font-weight:650;line-height:1.4;display:none;position:absolute;top:calc(100% + 6px);left:0}.rank-badge.is-open .rank-pop{display:grid}@media (hover:hover) and (pointer:fine){.rank-badge:hover .rank-pop{display:grid}}.rank-muted{color:var(--fg-muted);font-size:13px;font-weight:600}.rank-toast{right:16px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:80;border:1px solid var(--line);background:var(--bg-2);max-width:min(320px,100vw - 32px);box-shadow:var(--shadow);color:var(--fg);border-radius:14px;padding:12px 14px;font-size:14px;font-weight:700;position:fixed}.rank-reveal{text-align:center;justify-items:center;gap:4px;display:grid}.rank-bar{background:var(--bg-3);border-radius:99px;height:8px;margin:10px 0 0;overflow:hidden}.rank-bar.is-thin{height:4px;margin:8px 0 0}.rank-bar>i{background:var(--accent);border-radius:99px;height:100%;display:block}.rank-today-row,.rank-history-row,.rank-link{min-height:52px;color:inherit;justify-content:space-between;align-items:center;gap:10px;font-size:14px;text-decoration:none;display:flex}.rank-link svg,.mp-nav svg,.mp-card-head svg{flex-shrink:0;width:16px;height:16px}.rank-today-row svg,.mp-today svg{width:16px;height:16px}.rank-toast .rank-crest{width:48px;height:48px;font-size:48px}.rank-gate{text-align:center;gap:14px;width:min(420px,100% - 40px);margin:48px auto;display:grid}.rank-gate a{background:var(--accent);color:#fff;border-radius:22px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:800;text-decoration:none;display:inline-flex}.rank-mypage{box-sizing:border-box;width:100%;max-width:1200px;color:var(--fg);margin:0 auto 56px;padding:0 2px;overflow-x:clip}.page-frame:has(.rank-mypage){padding-top:8px}@media (min-width:768px){.page-frame:has(.rank-mypage){padding-top:12px}}@media (min-width:1280px){.page-frame:has(.rank-mypage){padding-top:14px}}.rank-mypage.mp-status{color:var(--fg-muted);text-align:center;padding:56px 8px;font-weight:650}.mp-head{justify-content:space-between;align-items:flex-end;gap:12px;margin:0 0 18px;display:flex}.mp-head h1{letter-spacing:-.045em;margin:0;font-size:24px;font-weight:800;line-height:1.15}.mp-head-sub{color:var(--fg-muted);margin:6px 0 0;font-size:13px;font-weight:650}.mp-head a{color:var(--accent);font-size:13px;font-weight:800;text-decoration:none}.mp-hero,.mp-card{box-sizing:border-box;border:1px solid var(--line);background:var(--bg-2);border-radius:18px;padding:20px 16px}.mp-hero{background:linear-gradient(180deg, color-mix(in srgb, var(--accent) 6%, var(--bg-2)) 0%, var(--bg-2) 52%);margin-bottom:16px}.mp-hero-main{align-items:center;gap:16px;display:flex}.mp-crest,.mp-mini-crest{flex-shrink:0;place-items:center;line-height:0;display:grid}.mp-crest{width:84px;height:84px;font-size:84px}.mp-crest .rank-crest,.mp-mini-crest .rank-crest{width:100%;height:100%;font-size:inherit}.mp-mini-crest{width:24px;height:24px;font-size:24px}.mp-hero-copy{flex:1;min-width:0}.mp-kicker{color:var(--fg-muted);letter-spacing:-.02em;margin:0 0 6px;font-size:13px;font-weight:750}.mp-points{color:var(--accent);letter-spacing:-.055em;margin:0;font-size:36px;font-weight:800;line-height:1}.mp-points em{color:color-mix(in srgb, var(--accent) 72%, var(--fg-muted));vertical-align:.18em;margin-left:4px;font-size:.42em;font-style:normal;font-weight:800}.mp-identity{flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.mp-identity strong{letter-spacing:-.03em;font-size:16px;font-weight:800}.mp-tier-pill,.mp-rank-pill{background:var(--bg);border:1px solid var(--line);min-height:26px;color:var(--fg-muted);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.mp-tier-pill{color:var(--accent);border-color:color-mix(in srgb, var(--accent) 28%, var(--line));background:color-mix(in srgb, var(--accent) 8%, var(--bg))}.mp-progress{border-top:1px solid var(--line);margin-top:18px;padding-top:16px}.mp-progress-copy p{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 14px;margin:0;font-size:14px;font-weight:650;line-height:1.4;display:flex}.mp-progress-copy b{letter-spacing:-.02em;font-weight:800}.mp-progress-copy span{color:var(--fg-muted)}.mp-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:18px;display:grid}.mp-stats-compact{grid-template-columns:1fr 1fr}.mp-stat{border:1px solid var(--line);background:var(--bg);border-radius:14px;gap:6px;min-height:72px;padding:14px;display:grid}.mp-stat.is-emphasis{border-color:color-mix(in srgb, var(--accent) 30%, var(--line));background:color-mix(in srgb, var(--accent) 7%, var(--bg))}.mp-stat span{color:var(--fg-muted);font-size:12px;font-weight:750}.mp-stat strong{letter-spacing:-.035em;font-size:18px;font-weight:800}.mp-top{gap:16px;margin-bottom:16px;display:grid}.mp-layout{gap:16px;display:grid}.mp-main,.mp-side{align-content:start;gap:16px;display:grid}.mp-feed{gap:16px;display:grid}.mp-card-fit{height:fit-content}.mp-side-panel{gap:18px;height:fit-content;padding-top:18px;padding-bottom:10px;display:grid}.mp-side-block h2{margin:0 0 4px}.mp-side-block+.mp-side-block{border-top:1px solid var(--line);padding-top:14px}.mp-card h2{letter-spacing:-.02em;margin:0 0 14px;font-size:16px;font-weight:800}.mp-card-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.mp-card-head h2{margin:0}.mp-card-meta{color:var(--fg-muted);font-size:13px;font-weight:750}.mp-card-head a{min-height:44px;color:var(--accent);align-items:center;gap:2px;font-size:13px;font-weight:800;text-decoration:none;display:inline-flex}.mp-today{border-bottom:1px solid var(--line);padding:10px 0 12px}.mp-today:last-of-type{border-bottom:0}.mp-today.is-done .mp-today-copy span{color:var(--accent)}.mp-today-copy{justify-content:space-between;align-items:center;gap:10px;font-size:14px;font-weight:750;display:flex}.mp-today-copy span{align-items:center;gap:6px;display:inline-flex}.mp-today-copy em{color:var(--fg-muted);margin-left:4px;font-size:12px;font-style:normal;font-weight:700}.mp-today-copy b{color:var(--fg-muted);white-space:nowrap;font-size:13px;font-weight:700}.mp-today-total{border-top:1px dashed var(--line);justify-content:space-between;align-items:center;min-height:48px;margin-top:10px;padding-top:10px;font-size:14px;font-weight:800;display:flex}.mp-history{border-bottom:1px solid var(--line);grid-template-columns:92px minmax(0,1fr) 48px;align-items:center;gap:10px;min-height:52px;font-size:14px;display:grid}.mp-history:last-child{border-bottom:0}.mp-history b{color:var(--accent);letter-spacing:-.02em;font-weight:800}.mp-history b.is-minus{color:var(--fg-muted)}.mp-history span{text-overflow:ellipsis;white-space:nowrap;font-weight:650;overflow:hidden}.mp-history time{color:var(--fg-muted);text-align:right;font-size:12px;font-weight:650}.mp-nav{border:0;border-bottom:1px solid var(--line);width:100%;min-height:52px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0;font-size:15px;font-weight:750;text-decoration:none;display:flex}.mp-nav:last-of-type{border-bottom:0}.mp-nav.is-danger{color:#c2410c}.mp-nav.mp-withdraw{opacity:.6;font-size:13px}.mp-nav:hover,.mp-nav:focus-visible,.mp-card-head a:hover{color:var(--accent)}.mp-activity{gap:12px;min-height:64px;padding:10px 0}.mp-activity svg{width:16px;height:16px;color:var(--fg-muted);flex-shrink:0}.mp-activity-main{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.mp-activity-main b{letter-spacing:-.02em;text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:700;line-height:1.4;overflow:hidden}.mp-activity-main small{color:var(--fg-muted);letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:500;overflow:hidden}.mp-empty{min-height:120px;color:var(--fg-muted);text-align:center;place-items:center;margin:0;font-size:13px;font-weight:600;line-height:1.5;display:grid}.mp-note{color:var(--fg-muted);margin:0 0 12px;font-size:13px;font-weight:600;line-height:1.5}.mp-table{gap:6px;display:grid}.mp-tr{border:1px solid #0000;border-radius:12px;grid-template-columns:minmax(0,1.15fr) minmax(0,1.25fr) minmax(0,.9fr);align-items:center;gap:8px;min-height:50px;padding:10px 12px;font-size:13px;font-weight:650;display:grid}.mp-tr-goal{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.mp-td-goal{text-align:right;letter-spacing:-.02em;flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;font-weight:750;display:inline-flex}.mp-top-badge{background:color-mix(in srgb, var(--accent) 12%, var(--bg));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--line));min-height:22px;color:var(--accent);letter-spacing:.02em;border-radius:999px;align-items:center;padding:0 8px;font-size:11px;font-weight:800;display:inline-flex}.mp-tr-head{min-height:36px;color:var(--fg-muted);padding-bottom:4px;font-size:12px;font-weight:750}.mp-tr.is-me{border-color:color-mix(in srgb, var(--accent) 42%, var(--line));background:color-mix(in srgb, var(--accent) 9%, var(--bg))}.mp-td-emblem{align-items:center;gap:8px;min-width:0;font-weight:800;display:inline-flex}.mp-td-emblem em{background:var(--accent);color:#fff;border-radius:999px;align-items:center;min-height:20px;padding:0 7px;font-size:10px;font-style:normal;font-weight:800;display:inline-flex}.mp-td-note{color:var(--fg-muted)}.mp-sheet-root{z-index:80;position:fixed;inset:0}.mp-sheet-back{background:#0f12186b;border:0;position:absolute;inset:0}.mp-sheet{box-sizing:border-box;border:1px solid var(--line);background:var(--bg-2);border-radius:18px 18px 0 0;max-height:min(86vh,680px);padding:16px 16px 24px;position:absolute;bottom:0;left:0;right:0;overflow:auto}.mp-sheet-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:14px;display:flex}.mp-sheet-head h2{margin:0;font-size:18px;font-weight:800}.mp-icon-btn{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.mp-form{gap:12px;display:grid}.mp-field{gap:6px;font-size:13px;font-weight:750;display:grid}.mp-field input{box-sizing:border-box;border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:inherit;font:inherit;border-radius:12px;padding:0 12px}.mp-pass{gap:8px;display:flex}.mp-pass input{flex:1}.mp-pass button{border:1px solid var(--line);background:var(--bg);min-width:48px;min-height:48px;color:inherit;cursor:pointer;font:inherit;border-radius:12px;flex-shrink:0;padding:0 12px;font-size:13px;font-weight:800}.mp-save{background:var(--accent);color:#fff;cursor:pointer;min-height:48px;font:inherit;border:0;border-radius:12px;font-weight:800}.mp-save.is-ghost{border:1px solid var(--line);background:var(--bg);color:inherit}.mp-save.is-danger{background:#dc2626}.mp-save:disabled{opacity:.55}.mp-withdraw-list{border:1px solid var(--line);word-break:keep-all;border-radius:12px;gap:8px;margin:0;padding:14px 16px 14px 32px;font-size:14px;line-height:1.5;display:grid}.mp-withdraw-agree{cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.mp-withdraw-agree input{accent-color:#dc2626;flex:none;width:18px;height:18px}.mp-profile-actions{gap:8px;display:grid}.mp-form-hint,.mp-form-ok{color:var(--fg-muted);margin:8px 0 0;font-size:13px;font-weight:650}.mp-form-error{color:#c2410c;margin:8px 0 0;font-size:13px;font-weight:750}@media (min-width:768px){.mp-head h1{font-size:28px}.mp-hero{padding:28px}.mp-crest{width:96px;height:96px;font-size:96px}.mp-points{font-size:44px}.mp-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.mp-stats-compact{grid-template-columns:1fr 1fr;max-width:520px}.mp-sheet{border-radius:18px;width:min(440px,100% - 48px);max-height:82vh;inset:50% auto auto 50%;transform:translate(-50%,-50%)}}@media (min-width:1024px){.mp-head{margin-bottom:18px}.mp-head h1{font-size:28px}.mp-top{grid-template-columns:minmax(0,1fr) 292px;align-items:stretch;gap:16px;margin-bottom:16px}.mp-side{height:100%}.mp-side-panel{gap:16px;height:100%;padding:18px 18px 12px}.mp-side .mp-nav{min-height:44px;font-size:14px}.mp-layout{grid-template-columns:minmax(0,1fr);gap:16px}.mp-main{gap:16px}.mp-feed{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:stretch;gap:16px}.mp-feed>.mp-card{flex-direction:column;min-height:100%;display:flex}.mp-hero{grid-template-columns:minmax(0,1.2fr) minmax(240px,300px);align-items:center;gap:18px 28px;height:auto;margin-bottom:0;padding:28px 30px 24px;display:grid}.mp-hero-main{gap:24px;min-width:0}.mp-crest{width:128px;height:128px;font-size:128px}.mp-kicker{font-size:15px}.mp-points{font-size:60px}.mp-identity{margin-top:12px}.mp-identity strong{font-size:20px}.mp-tier-pill,.mp-rank-pill{min-height:28px;font-size:13px}.mp-progress{grid-column:1/-1;margin-top:0;padding-top:14px}.mp-progress-copy p{font-size:15px}.mp-stats,.mp-stats.mp-stats-compact{grid-area:1/2;grid-template-columns:1fr;gap:12px;width:100%;max-width:none;margin-top:0}.mp-stat{min-height:84px;padding:16px 18px}.mp-stat span{font-size:13px}.mp-stat strong{font-size:24px}.mp-card{padding:18px 18px 14px}.mp-card h2{font-size:16px}.mp-table-card .mp-note{margin-bottom:14px}.mp-table-card .mp-table{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.mp-table-card .mp-tr-head{display:none}.mp-table-card .mp-tr-goal{border:1px solid var(--line);background:var(--bg);grid-template-columns:minmax(0,1fr) auto;gap:8px;min-height:48px;padding:10px 12px}.mp-table-card .mp-td-emblem{gap:6px;font-size:13px}.mp-table-card .mp-td-goal{white-space:nowrap;justify-content:flex-end;gap:6px;font-size:13px}.mp-table-card .mp-top-badge{min-height:20px;padding:0 6px;font-size:10px}}@media (min-width:1280px){.mp-top{grid-template-columns:minmax(0,1fr) 300px;gap:18px}.mp-points{font-size:68px}.mp-hero{grid-template-columns:minmax(0,1.25fr) minmax(260px,320px);gap:20px 32px;padding:30px 32px 26px}.mp-crest{width:140px;height:140px;font-size:140px}.mp-hero-main{gap:28px}.mp-stats,.mp-stats.mp-stats-compact{gap:14px}.mp-stat{min-height:92px;padding:18px 20px}.mp-stat strong{font-size:26px}.mp-table-card .mp-table{gap:10px}.mp-table-card .mp-tr-goal{padding:12px 14px}}@media (min-width:1440px){.rank-mypage{max-width:1240px}}@media (max-width:430px){.mp-points{font-size:32px}.mp-crest{width:76px;height:76px;font-size:76px}.mp-history{grid-template-columns:78px minmax(0,1fr) 40px;font-size:13px}}