.member-page,.ranking-page{max-width:1050px;margin:0 auto;padding:64px 28px 100px}.member-intro,.ranking-intro{margin-bottom:46px}.member-intro h1,.ranking-intro h1{font-size:clamp(38px,5vw,66px);font-weight:500;line-height:1.25;letter-spacing:-.055em;margin:24px 0}.member-intro h1 em,.ranking-intro h1 em{font-style:normal;color:#8c9b6e}.member-intro p,.ranking-intro p{color:#7d8272;line-height:1.9;font-size:15px}.account-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:24px;align-items:start}.account-grid .play-panel,.account-signin{padding:36px;border:1px solid #dce0d0;border-radius:20px;background:#fffef9}.account-signin{max-width:590px;margin:auto;text-align:center}.account-signin h2{font-size:25px;font-weight:500;letter-spacing:-.04em}.account-signin p{line-height:1.9;color:#7d8272}.account-signin .dark-button{margin:18px auto 10px;max-width:350px}.account-signin .text-link{justify-content:center}.member-illustration{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;background:#eaf0df;color:#84936d;margin:0 auto 25px}.account-benefits h2,.account-profile h2{font-size:25px;font-weight:500;margin:0;letter-spacing:-.04em}.account-benefits>p,.account-profile>p{font-size:14px;line-height:1.9;color:#7d8272}.account-profile form>.dark-button{width:100%;justify-content:center;margin-top:20px}.account-signout{display:inline-flex;align-items:center;gap:7px;margin-top:22px;color:#849079;font-size:12px;text-decoration:underline;text-underline-offset:5px}.account-benefits{background:#eef2e5!important;color:#657d58}.account-benefits>svg{margin-bottom:28px}.account-benefits>.dark-button{margin:23px 0 30px}.member-small-note{display:flex;align-items:flex-start;gap:10px;border-top:1px solid #d9e1ca;padding-top:20px}.member-small-note svg{flex:none;margin-top:3px}.member-small-note p{margin:0;font-size:12px;line-height:1.9;color:#7b896b}.account-history{margin-top:64px}.member-history-list{border:1px solid #dce0d0;border-radius:16px;overflow:hidden;margin-top:25px;background:#fffef9}.member-history-list article{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;border-bottom:1px solid #e9ebdf}.member-history-list article:last-child{border-bottom:0}.member-history-list article>span{font-size:14px;color:#52684f}.member-history-list small{display:block;margin-top:7px;color:#8c937e;font-size:10px}.member-history-list article>div{display:flex;gap:32px}.member-history-list article>div>span{font-size:10px;color:#8c937e;display:grid;gap:7px}.member-history-list strong{font-size:18px;color:#42604b;font-weight:500}.member-danger{border-top:1px solid #e1e3d6;margin-top:65px;padding-top:22px;color:#8b716b}.member-danger>button{color:inherit}.member-danger form{max-width:540px;background:#f7f0e9;border:1px solid #e6d9cf;border-radius:14px;padding:25px;margin-top:20px}.member-danger p{font-size:13px;line-height:1.8}.member-danger h3{font-size:18px}.ranking-intro{justify-content:space-between;gap:24px}.ranking-emblem,.ranking-intro{display:flex;align-items:center}.ranking-emblem{width:175px;height:190px;background:#e9eddb;border-radius:100px 100px 16px 16px;justify-content:center;flex-direction:column;color:#90a075;gap:20px;transform:rotate(6deg);margin-right:25px;flex:none}.ranking-emblem span{font-size:9px;letter-spacing:.15em}.ranking-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:27px}.ranking-period{display:flex;border:1px solid #dce0d0;padding:4px;border-radius:40px;background:#f2f4e9}.ranking-period button{border:0;background:none;border-radius:25px;padding:11px 20px;color:#8b937e;font-size:13px;cursor:pointer;white-space:nowrap}.ranking-period button[aria-pressed=true]{background:#fffef9;color:#425d48;box-shadow:0 2px 5px #3446380a}.ranking-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 23px}.ranking-tabs button{display:flex;align-items:center;justify-content:center;gap:11px;padding:23px 12px;border:1px solid #dce0d0;border-radius:14px;color:#88927a;background:transparent;cursor:pointer;font-size:15px}.ranking-tabs button[aria-pressed=true]{background:#35594a;color:#fbfcf4;border-color:#35594a}.ranking-board{border:1px solid #dce0d0;border-radius:20px;background:#fffef9;padding:35px}.ranking-board-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.ranking-board-heading h2{font-size:28px;font-weight:500;letter-spacing:-.04em;margin:12px 0}.ranking-board-heading p{font-size:13px;color:#8b937e}.ranking-caption{margin:28px 0 12px;font-size:11px;color:#8b937e}.ranking-table{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.ranking-table thead th{font-size:11px;font-weight:400;color:#8d957f;padding:15px 7px;border-bottom:1px solid #dfe4d3}.ranking-table th:first-child{width:70px}.ranking-table th:last-child{width:130px;text-align:right}.ranking-table tbody th{font-size:15px;font-weight:500;color:#4b6047;overflow-wrap:anywhere}.ranking-table tbody td,.ranking-table tbody th{padding:20px 7px;border-bottom:1px solid #e9ecdf}.ranking-table tbody tr:last-child td,.ranking-table tbody tr:last-child th{border-bottom:0}.ranking-table td:last-child{text-align:right;white-space:nowrap}.ranking-table td:last-child strong{font-size:23px;font-weight:500;color:#365944;font-variant-numeric:tabular-nums}.ranking-table td:last-child>span{display:block;font-size:10px;color:#8b937e;margin-top:4px}.ranking-table .is-me{background:#f2f5e9}.ranking-table th small{font-size:10px;border:1px solid #d2ddbd;color:#6f8458;border-radius:4px;padding:2px 5px;margin-left:7px;white-space:nowrap}.ranking-mine{display:flex;justify-content:space-between;align-items:center;gap:15px;background:#edf2e3;border-radius:12px;padding:21px;margin-top:23px}.ranking-mine>span{font-size:12px;color:#7d8d6c}.ranking-mine strong{font-size:21px;font-weight:500;color:#42604b}.ranking-mine small{font-size:12px}.ranking-mine p{font-size:12px;color:#7d8d6c;line-height:1.7;margin:0}.ranking-empty,.ranking-message{padding:60px 15px;text-align:center;color:#8b967c}.ranking-empty svg{margin-bottom:12px;color:#a5b28d}.ranking-empty h3{font-size:22px;font-weight:500;color:#627659;letter-spacing:-.03em}.ranking-empty p{font-size:13px;line-height:1.9}.ranking-empty .text-link{justify-content:center;margin-top:25px}.ranking-rules{padding:35px 5px;max-width:750px;color:#7f8a72}.ranking-rules h2{font-size:21px;font-weight:500;color:#526a4c}.ranking-rules ol{padding-left:20px;font-size:13px;line-height:2}.ranking-rules p{font-size:12px;line-height:1.9}.ranking-rules a{font-size:12px;display:inline-flex;gap:7px;align-items:center;text-decoration:underline;text-underline-offset:4px;margin-top:10px}@media(max-width:800px){.account-grid{grid-template-columns:1fr}.ranking-emblem{width:130px;height:155px;margin-right:0}.member-page,.ranking-page{padding-top:40px}.account-grid .play-panel{padding:28px}.member-history-list article>div{gap:23px}}@media(max-width:540px){.member-page,.ranking-page{padding:35px 20px 70px}.member-intro h1,.ranking-intro h1{font-size:40px}.member-intro p,.ranking-intro p{font-size:13px}.ranking-emblem{display:none}.ranking-toolbar{align-items:stretch;flex-direction:column;gap:16px}.ranking-period{align-self:flex-start}.ranking-toolbar>.dark-button{justify-content:center}.ranking-tabs{gap:7px}.ranking-tabs button{flex-direction:column;gap:10px;padding:18px 6px;font-size:12px}.ranking-board{padding:22px 15px;border-radius:16px}.ranking-board-heading h2{font-size:25px}.ranking-board-heading p{font-size:11px;line-height:1.6}.ranking-board-heading>.plain-control{font-size:11px;white-space:nowrap;flex:none}.ranking-table th:first-child{width:43px}.ranking-table th:last-child{width:75px}.ranking-table tbody th{font-size:12px}.ranking-table tbody td,.ranking-table tbody th{padding:16px 4px}.ranking-table td:last-child strong{font-size:20px}.ranking-mine{align-items:flex-start;flex-direction:column;padding:17px}.ranking-mine strong{font-size:20px}.ranking-caption{font-size:10px;line-height:1.6}.ranking-empty,.ranking-message{padding:38px 5px}.ranking-empty h3{font-size:20px}.ranking-empty p{font-size:12px}.account-signin{padding:28px 20px}.account-signin h2{font-size:22px;word-break:keep-all}.account-signin p{font-size:13px}.account-grid .play-panel{padding:26px 22px}.member-history-list article{flex-direction:column;align-items:stretch;gap:20px;padding:23px}.member-history-list article>div{justify-content:space-between;gap:15px}.member-history-list article>span{display:flex;justify-content:space-between;align-items:center}.member-history-list small{margin-top:0}.account-history .record-section-heading{align-items:flex-start;gap:12px;flex-direction:column}.member-danger form{padding:20px}.ranking-rules h2{font-size:19px}}@media(max-width:360px){.member-page,.ranking-page{padding-left:16px;padding-right:16px}.member-intro h1,.ranking-intro h1{font-size:36px}.account-signin .dark-button{font-size:12px;padding-left:14px;padding-right:14px}.ranking-tabs button{font-size:11px}.ranking-period button{padding:10px 19px}.ranking-board-heading h2{font-size:23px}}.account-benefits h2,.account-profile h2{word-break:keep-all}.member-intro h1{overflow-wrap:anywhere}.ranking-table tbody tr:focus-within{outline:2px solid #90a075}.auth-tabs{display:flex;gap:6px;border-bottom:1px solid var(--line,#d8dcd3);margin-bottom:28px;padding-bottom:12px}.auth-tabs button{flex:1;border:0;background:transparent;color:inherit;padding:13px 10px;border-radius:10px;cursor:pointer;font:inherit;font-size:14px}.auth-tabs button[aria-pressed=true]{background:#e5ecdf;color:#344a39;font-weight:700}.account-profile form{display:grid;gap:14px}.account-profile form .member-field{margin:10px 0 0}.account-profile form .record-footnote{margin:0 0 4px}.account-profile form .member-check{margin:6px 0}.account-profile form>.dark-button{margin-top:8px}.auth-recover{margin-top:22px;text-decoration:underline;text-underline-offset:4px}.account-benefits>.text-link{display:flex;margin-top:24px}.recovery-panel{margin-bottom:28px;background:#edf2e6;border:1px solid #b5c5aa}.recovery-panel>p{max-width:680px;line-height:1.8}.recovery-panel .member-check{margin:20px 0}.auth-tabs button:focus-visible{outline:2px solid #4e6a47;outline-offset:3px}@media(max-width:480px){.auth-tabs button{padding:12px 6px}.recovery-panel{padding:22px 18px}}@media(max-width:540px){.ranking-board-heading{gap:10px}.ranking-board-heading>div{min-width:0}.ranking-board-heading h2{overflow-wrap:anywhere;word-break:keep-all}}