.pp{gap:36px}.pp-hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:16px 24px;align-items:stretch}.pp-intro{display:flex;flex-direction:column;justify-content:center;gap:8px}.pp-intro h1{margin:0;font-size:clamp(30px,5vw,44px);line-height:1.05;letter-spacing:-.02em;font-weight:850}.pp-intro p{margin:0;color:var(--muted);font-size:16px;max-width:46ch}.pp-level{grid-row:span 2;display:flex;align-items:center;gap:20px;padding:22px;border-radius:20px;background:var(--well);--p: 0}.pp-ring{flex:none;width:112px;height:112px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) calc(var(--p) * 360deg),var(--line) 0)}.pp-ring b{width:92px;height:92px;border-radius:50%;display:grid;place-items:center;background:var(--bg);font-size:40px;font-weight:850;font-variant-numeric:tabular-nums}.pp-lv-main{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.pp-rank{margin:0;font-size:12.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green)}.pp-level h2{margin:0;font-size:26px;font-weight:850}.pp-bar{height:10px;border-radius:99px;background:var(--line);overflow:hidden}.pp-bar i{display:block;height:100%;width:calc(var(--p) * 100%);background:var(--green);border-radius:inherit}.pp-next{margin:0;display:flex;flex-wrap:wrap;justify-content:space-between;gap:4px 12px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.pp-tiles{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.pp-tiles div{padding:12px 14px;border-radius:14px;border:1px solid var(--line);display:flex;flex-direction:column-reverse;gap:2px}.pp-tiles dt{font-size:12.5px;color:var(--muted)}.pp-tiles dt:first-letter{text-transform:uppercase}.pp-tiles dd{margin:0;font-size:26px;font-weight:850;font-variant-numeric:tabular-nums}@media (max-width: 760px){.pp-hero{grid-template-columns:minmax(0,1fr)}.pp-level{grid-row:auto;padding:18px;gap:16px}.pp-ring{width:88px;height:88px}.pp-ring b{width:72px;height:72px;font-size:32px}}.pp-empty{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:18px;border-radius:16px;border:2px dashed var(--line)}.pp-empty p{margin:0;font-size:16px;font-weight:650}.pp-sec{display:flex;flex-direction:column;gap:12px}.pp-sec h2{margin:0;font-size:21px;font-weight:850;display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.pp-sec h2 small{font-size:14px;font-weight:650;color:var(--muted)}.pp-small{margin:0;font-size:13.5px;color:var(--muted)}.pp-table{overflow-x:auto;border:1px solid var(--line);border-radius:14px}.pp-table table{width:100%;border-collapse:collapse;font-variant-numeric:tabular-nums}.pp-table th,.pp-table td{padding:11px 14px;text-align:right;border-bottom:1px solid var(--line);font-size:15px;white-space:nowrap}.pp-table thead th{font-size:12px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);background:var(--well)}.pp-table th[scope=row],.pp-table thead th:first-child{text-align:left}.pp-table th[scope=row] a{color:var(--ink);font-weight:750;text-decoration:none}.pp-table th[scope=row] a:hover{text-decoration:underline}.pp-table tbody tr:last-child>*{border-bottom:0}.pp-table tr.none td{color:var(--muted)}.pp-badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.pp-badges li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px;padding:14px 10px 12px;border-radius:16px;background:var(--well)}.pp-badges .bd-pic,.pp-badges .bd-pic img{width:72px;height:72px}.pp-badges .bd-pic{position:relative}.pp-badges .bd-pic b{position:absolute;right:-2px;bottom:0;padding:0 5px;border-radius:7px;background:var(--ink);color:var(--bg);font-size:13px;font-weight:850;line-height:20px}.pp-badges li div{display:flex;flex-direction:column;gap:2px}.pp-badges strong{font-size:14.5px}.pp-badges small{font-size:12px;line-height:1.3;color:var(--muted)}.pp-badges li.off{background:transparent;border:1px dashed var(--line)}.pp-badges li.off .bd-pic{filter:grayscale(1);opacity:.3}@media (max-width: 560px){.pp-badges{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.pp-badges li{padding:10px 6px}.pp-badges .bd-pic,.pp-badges .bd-pic img{width:52px;height:52px}.pp-badges strong{font-size:13px}.pp-badges small{font-size:11px}.pp-table th,.pp-table td{padding:10px 8px;font-size:14px}.pp-table thead th{font-size:10.5px;letter-spacing:.02em}}.pp-words{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px}.pp-words:empty{display:none}.pp-words a{display:flex;flex-direction:column;gap:6px;padding:12px;border-radius:14px;border:1px solid var(--line);color:var(--ink);text-decoration:none;height:100%}.pp-words a:hover{border-color:var(--green)}.pp-tiles-w{display:flex;gap:3px}.pp-tiles-w span{width:24px;height:24px;display:grid;place-items:center;border-radius:4px;background:var(--green);color:#fff;font-size:13px;font-weight:850}.pp-words small{font-size:12.5px;color:var(--muted);font-variant-numeric:tabular-nums}.pp-week-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.pp-week-nav{display:flex;gap:6px}.pp-nav{width:40px;height:40px;border-radius:12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center;cursor:pointer}.pp-nav:disabled{opacity:.35;cursor:default}.pp-week-card{display:flex;flex-direction:column;gap:16px;padding:20px;border-radius:20px;background:var(--well)}.pp-week-days{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.pp-week-days li{display:flex;flex-direction:column;align-items:center;gap:6px}.pp-wk-t{width:100%;max-width:64px;aspect-ratio:1;border-radius:12px;display:grid;place-items:center;font-size:clamp(18px,4.5vw,28px);font-weight:850;color:#fff;border:3px solid var(--line);background:var(--bg)}.pp-week-days li.won .pp-wk-t{background:var(--green);border-color:var(--green)}.pp-week-days li.lost .pp-wk-t{background:#7b817d;border-color:#7b817d}.pp-week-days li.frozen .pp-wk-t{background:#5aa9e6;border-color:#5aa9e6}.pp-week-days li.future .pp-wk-t,.pp-week-days li.open .pp-wk-t,.pp-week-days li.before .pp-wk-t{border-style:dashed}.pp-week-days li.open .pp-wk-t{border-color:var(--green)}.pp-week-days small{font-size:12px;font-weight:750;color:var(--muted);text-transform:capitalize}.pp-week-nums{margin:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.pp-week-nums div{display:flex;flex-direction:column-reverse;gap:2px;padding:10px 12px;border-radius:12px;background:var(--bg)}.pp-week-nums dt{font-size:12px;color:var(--muted)}.pp-week-nums dd{margin:0;font-size:24px;font-weight:850;font-variant-numeric:tabular-nums}.pp-week-nums .xp dd{color:#b58f00}html.dark .pp-week-nums .xp dd{color:#e2bf3a}@media (max-width: 560px){.pp-week-nums{grid-template-columns:repeat(2,minmax(0,1fr))}.pp-week-card{padding:14px}.pp-week-days{gap:5px}.pp-wk-t{border-radius:9px;border-width:2px}}.pp-week-best{display:flex;flex-direction:column;gap:6px}.pp-week-best-h{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.pp-week-best a{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;color:var(--ink);text-decoration:none}.pp-week-best a:hover small{text-decoration:underline}.pp-week-best small{font-size:13px;color:var(--muted)}.pp-week-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.pp-week-streak{display:flex;flex-wrap:wrap;gap:6px 18px}.pp-week-streak p{margin:0;font-size:15px;display:flex;align-items:baseline;gap:6px}.pp-week-streak b{font-size:20px;font-weight:850;font-variant-numeric:tabular-nums}.pp-week-streak span:last-child{color:var(--muted);font-size:13.5px}.pp-week-msg{margin:0;font-size:13.5px;font-weight:700;color:var(--green)}.pp-week-msg:empty{display:none}.pp-how-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:16px;align-items:start}@media (max-width: 760px){.pp-how-grid{grid-template-columns:minmax(0,1fr)}}.pp-rules{margin:0;padding-left:20px;list-style:disc;display:flex;flex-direction:column;gap:6px;font-size:15px;line-height:1.5}.pp-sources{margin:0;padding:14px;border-radius:14px;background:var(--well);display:flex;flex-direction:column;gap:6px}.pp-sources div{display:flex;justify-content:space-between;gap:12px;font-size:14.5px}.pp-sources dt{color:var(--muted)}.pp-sources dd{margin:0;font-weight:800;font-variant-numeric:tabular-nums}
