.pg-screen{background:radial-gradient(800px 400px at 100% 0%, #3ad6bf1a, transparent 60%), radial-gradient(700px 400px at 0% 100%, #ff5a3c14, transparent 60%), var(--paper-2);color:var(--ink)}.pg-head{padding:calc(12px + var(--safe-top,0px)) 16px 12px;background:var(--paper);border-bottom:1px solid var(--line);z-index:5;align-items:center;gap:12px;display:flex;position:sticky;top:0}.pg-head h1{font-family:var(--display);margin:0;font-size:22px}.pg-head .btn-icon{color:var(--ink)}.pg-pill{background:var(--navy);color:#fff;font-family:var(--display);white-space:nowrap;border-radius:999px;align-items:baseline;gap:4px;margin-left:auto;padding:7px 12px;font-size:16px;font-weight:800;display:inline-flex}.pg-pill small{opacity:.6;font-size:12px;font-weight:600}.pg-pill-star{color:#ffc93c;text-shadow:0 0 10px #ffc93c80}.pg-body{width:100%;max-width:560px;padding:16px 16px calc(48px + var(--safe-bottom,0px));flex-direction:column;gap:18px;margin:0 auto;display:flex}.pg-foot{text-align:center;color:var(--ink-3);margin:8px 0 0;font-size:13px}.pg-hero{background:var(--navy);color:#fff;border-radius:20px;flex-direction:column;gap:12px;padding:16px 18px;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #10233a2e}.pg-hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#3ad6bf59,#0000 70%);border-radius:50%;width:180px;height:180px;position:absolute;top:-60px;right:-40px}.pg-hero-text{z-index:1;flex-direction:column;gap:2px;display:flex;position:relative}.pg-hero-text strong{font-family:var(--display);font-size:19px}.pg-hero-text span{color:#ffffffbf;font-size:14px;line-height:1.35}.pg-bar{background:#ffffff24;border-radius:99px;height:10px;position:relative;overflow:hidden}.pg-bar i{border-radius:inherit;background:linear-gradient(90deg, #ffc93c, var(--accent));min-width:4px;height:100%;transition:width .9s cubic-bezier(.2,.9,.3,1);display:block}.pg-bar--thin{background:var(--paper-2);height:7px}.pg-bar--thin i{background:linear-gradient(90deg, var(--accent-2), #2bb6a3)}.pg-chapter{--ch:var(--accent);flex-direction:column;display:flex}.pg-banner{color:#fff;background:linear-gradient(135deg, var(--ch), color-mix(in srgb, var(--ch) 55%, var(--navy)));box-shadow:0 6px 0 color-mix(in srgb, var(--ch) 50%, #000 30%), 0 10px 24px #10233a26;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 16px;display:grid;position:relative;overflow:hidden}.pg-banner:before{content:"";opacity:.14;pointer-events:none;background-image:repeating-linear-gradient(-45deg,#fff 0 2px,#0000 2px 14px);position:absolute;inset:0}.pg-banner>*{position:relative}.pg-banner-icon{filter:drop-shadow(0 2px 4px #00000040);font-size:34px;line-height:1}.pg-banner-text h2{font-family:var(--display);margin:0;font-size:19px;line-height:1.15}.pg-banner-text span{opacity:.85;margin-top:2px;font-size:13px;line-height:1.3;display:block}.pg-banner-stars{font-family:var(--display);white-space:nowrap;background:#0003;border-radius:12px;padding:6px 10px;font-size:17px;font-weight:800}.pg-banner-stars small{opacity:.7;font-size:12px}.pg-banner-lock{font-size:18px}.pg-banner-need{background:#00000038;border-radius:10px;grid-column:1/-1;padding:7px 10px;font-size:13.5px}.pg-chapter.is-locked .pg-banner{filter:saturate(.35)brightness(.92)}.pg-path{width:100%;margin-top:6px;position:relative}.pg-road{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.pg-road path{fill:none;stroke-linecap:round}.pg-road-base{stroke:#dbe3ec;stroke-width:16px}.pg-road-lit{stroke:color-mix(in srgb, var(--ch) 70%, #fff);stroke-width:16px}.pg-road-dash{stroke:#fff;stroke-width:2.5px;stroke-dasharray:2 9;opacity:.9}.pg-chapter.is-locked .pg-road-base{stroke:#e3e8ee}.pg-deco{opacity:.55;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:26px;animation:4s ease-in-out infinite pg-float;position:absolute;transform:translate(-50%,-50%)}.pg-chapter.is-locked .pg-deco{filter:grayscale();opacity:.25}@keyframes pg-float{50%{transform:translate(-50%,calc(-50% - 5px))rotate(4deg)}}.pg-node{width:128px;color:var(--ink);z-index:1;background:0 0;border:0;flex-direction:column;align-items:center;gap:4px;padding:0;display:flex;position:absolute;transform:translate(-50%,-32px)}.pg-node-disc{width:64px;height:64px;font-family:var(--display);background:var(--paper);color:var(--ch);border:4px solid var(--ch);box-shadow:0 5px 0 color-mix(in srgb, var(--ch) 55%, #000 25%), 0 8px 18px #10233a2e;border-radius:50%;place-items:center;font-size:24px;font-weight:800;line-height:1;transition:transform .12s;display:grid;position:relative}.pg-node:active .pg-node-disc{box-shadow:0 2px 0 color-mix(in srgb, var(--ch) 55%, #000 25%);transform:translateY(3px)scale(.97)}.pg-node:focus-visible{outline:none}.pg-node:focus-visible .pg-node-disc{outline:3px solid var(--accent-2);outline-offset:3px}.pg-node--open .pg-node-disc,.pg-node--checking .pg-node-disc{background:var(--ch);color:#fff;border-color:#fff}.pg-node--done.is-perfect .pg-node-disc{color:#fff;background:linear-gradient(135deg,#ffd34d,#ffae1a);border-color:#fff;box-shadow:0 5px #c98200,0 8px 18px #ffae1a59}.pg-node--locked .pg-node-disc{color:var(--ink-3);background:#e6ebf1;border-color:#d2dae3;font-size:20px;box-shadow:0 5px #c3ccd7}.pg-node--soon .pg-node-disc{background:var(--paper);color:var(--ink-3);box-shadow:none;border:3px dashed #c3ccd7;font-size:22px}.pg-node--checking .pg-node-disc{opacity:.75}.pg-node.is-boss .pg-node-disc{width:78px;height:78px;font-size:36px}.pg-node.is-boss{transform:translate(-50%,-39px)}.pg-node.is-boss.pg-node--locked .pg-node-disc{font-size:22px}.pg-node.is-current .pg-node-disc:before{content:"";border:4px solid var(--ch);pointer-events:none;border-radius:50%;animation:1.6s ease-out infinite pg-ring;position:absolute;inset:-4px}.pg-node.is-current .pg-node-disc{animation:1.6s ease-in-out infinite pg-bob}@keyframes pg-ring{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.55)}}@keyframes pg-bob{50%{transform:scale(1.06)}}.pg-node-flag{filter:drop-shadow(0 3px 3px #00000040);z-index:2;font-size:26px;animation:1.1s ease-in-out infinite pg-pin;position:absolute;top:-30px}.pg-node.is-boss .pg-node-flag{top:-32px}@keyframes pg-pin{50%{transform:translateY(-6px)}}.pg-node-stars{margin-top:2px}.pg-node-soon{letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);background:var(--paper);border:1px solid var(--line);border-radius:99px;margin-top:2px;padding:2px 8px;font-size:10.5px;font-weight:800}.pg-node-label{text-align:center;max-width:124px;color:var(--ink);-webkit-line-clamp:2;background:#ffffffe0;border-radius:8px;-webkit-box-orient:vertical;padding:2px 7px;font-size:12px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.pg-node--locked .pg-node-label,.pg-node--soon .pg-node-label{color:var(--ink-3)}.pg-stars{--s:16px;align-items:flex-end;gap:1px;line-height:1;display:inline-flex}.pg-star{font-size:var(--s);color:#cfd8e2;text-shadow:0 1px #00000014;display:inline-block}.pg-star.on{color:#ffc020;text-shadow:0 1px #c98200,0 0 8px #ffc02073}.pg-node-stars .pg-star.mid{transform:translateY(-3px)}.pg-stars--pop .pg-star.on{animation:.55s cubic-bezier(.2,1.7,.4,1) both pg-star-pop}@keyframes pg-star-pop{0%{opacity:0;color:#cfd8e2;transform:scale(0)rotate(-90deg)}60%{opacity:1;transform:scale(1.35)rotate(12deg)}to{transform:scale(1)rotate(0)}}.pg-sheet-backdrop{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#10233a80;justify-content:center;align-items:flex-end;animation:.2s both pg-fade;display:flex;position:fixed;inset:0}@keyframes pg-fade{0%{opacity:0}}.pg-sheet{--ch:var(--accent);background:var(--paper);width:100%;max-width:520px;max-height:92vh;color:var(--ink);padding:8px 18px calc(18px + var(--safe-bottom,0px));border-top:6px solid var(--ch);border-radius:24px 24px 0 0;flex-direction:column;gap:14px;animation:.32s cubic-bezier(.2,.9,.3,1.05) both pg-sheet-up;display:flex;overflow-y:auto;box-shadow:0 -10px 40px #10233a4d}@media (width>=640px){.pg-sheet-backdrop{align-items:center}.pg-sheet{border-radius:24px}}@keyframes pg-sheet-up{0%{transform:translateY(100%)}}.pg-sheet-grip{background:var(--line);border-radius:99px;align-self:center;width:44px;height:5px;margin-bottom:-4px}.pg-sheet-top{align-items:center;gap:12px;display:flex}.pg-sheet-icon{background:color-mix(in srgb, var(--ch) 14%, #fff);border:2px solid color-mix(in srgb, var(--ch) 30%, #fff);border-radius:18px;flex:none;place-items:center;width:58px;height:58px;font-size:32px;display:grid}.pg-sheet-titles{flex:1;min-width:0}.pg-sheet-titles small{color:var(--ink-3);flex-wrap:wrap;align-items:center;gap:6px;font-size:12.5px;font-weight:600;display:flex}.pg-sheet-titles h2{font-family:var(--display);margin:2px 0 0;font-size:23px;line-height:1.15}.pg-sheet-x{color:var(--ink-2);align-self:flex-start;font-size:26px}.pg-tag{text-transform:uppercase;letter-spacing:.08em;color:#fff;background:var(--ch);border-radius:6px;padding:2px 7px;font-size:10.5px;font-style:normal;font-weight:800}.pg-sheet-desc{color:var(--ink-2);margin:0;font-size:15px;line-height:1.45}.pg-chips{flex-wrap:wrap;gap:6px;display:flex}.pg-chip{background:var(--paper-2);border:1px solid var(--line);color:var(--ink-2);border-radius:99px;padding:5px 10px;font-size:12.5px;font-weight:600}.pg-thresh{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.pg-thresh-cell{background:var(--paper-2);border:2px solid var(--line);border-radius:14px;flex-direction:column;align-items:center;gap:3px;padding:10px 6px;display:flex}.pg-thresh-cell strong{font-family:var(--display);font-size:17px}.pg-thresh-cell>span:last-child{color:var(--ink-3);margin-top:-3px;font-size:11px}.pg-thresh-cell:not(.got) .pg-star.on{color:#c9d2dc;text-shadow:none}.pg-thresh-cell.got{background:#fff8e1;border-color:#ffd34d}.pg-best{background:var(--paper-2);color:var(--ink-2);border-radius:12px;flex-wrap:wrap;align-items:baseline;gap:8px;padding:10px 12px;font-size:13.5px;display:flex}.pg-best strong{font-family:var(--display);color:var(--ink);font-size:18px}.pg-best strong small{color:var(--ink-3);font-size:12px;font-weight:600}.pg-best-plays{margin-left:auto;font-size:12.5px}.pg-note{color:#2c4a7a;background:#eef4ff;border-radius:12px;margin:0;padding:9px 12px;font-size:13.5px}.pg-note--lock{color:#a33a20;background:#fff1ed}.pg-note--soon{color:#8a5a00;background:#fff7e0}.pg-hero--ach{grid-template-columns:auto 1fr;align-items:center;gap:14px;display:grid}.pg-ach-ring{--p:0;z-index:1;background:conic-gradient(#ffc93c calc(var(--p) * 360deg), #ffffff24 0);border-radius:50%;place-items:center;width:72px;height:72px;display:grid;position:relative}.pg-ach-ring:before{content:"";background:var(--navy);border-radius:50%;position:absolute;inset:8px}.pg-ach-ring span{font-family:var(--display);font-size:18px;font-weight:800;position:relative}.pg-mini-stats{z-index:1;grid-column:1/-1;grid-template-columns:repeat(4,1fr);gap:6px;display:grid;position:relative}.pg-mini-stats div{text-align:center;background:#ffffff14;border-radius:12px;padding:8px 4px}.pg-mini-stats strong{font-family:var(--display);font-size:16px;display:block}.pg-mini-stats span{color:#ffffffa6;font-size:11px}.pg-seg{background:var(--paper);border:1px solid var(--line);border-radius:14px;gap:4px;padding:4px;display:flex}.pg-seg button{color:var(--ink-2);background:0 0;border:0;border-radius:10px;flex:1;padding:9px 6px;font-size:14px;font-weight:600}.pg-seg button.on{background:var(--navy);color:#fff}.pg-ach-group h2{font-family:var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3);margin:0 0 8px;font-size:13px;font-weight:700}.pg-ach-grid{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=520px){.pg-ach-grid{grid-template-columns:1fr 1fr}}.pg-ach{background:var(--paper);border:1px solid var(--line);border-radius:16px;align-items:flex-start;gap:12px;padding:12px;display:flex;position:relative;overflow:hidden}.pg-ach-icon{background:linear-gradient(135deg,#fff3c4,#ffd34d);border-radius:14px;flex:none;place-items:center;width:48px;height:48px;font-size:26px;display:grid;box-shadow:inset 0 -3px #c9820059}.pg-ach-text{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.pg-ach-text strong{font-family:var(--display);font-size:16px;line-height:1.2}.pg-ach-text>span{color:var(--ink-2);font-size:13px;line-height:1.35}.pg-ach-date{color:var(--good);margin-top:2px;font-size:11.5px;font-weight:700}.pg-ach-prog{align-items:center;gap:8px;margin-top:4px;display:flex}.pg-ach-prog .pg-bar{flex:1}.pg-ach-prog small{color:var(--ink-3);white-space:nowrap;font-size:11.5px;font-weight:700}.pg-ach.is-on{border-color:#ffd34d;box-shadow:0 3px #ffe7a0}.pg-ach.is-on:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 40%,#ffffffb3 50%,#0000 60%);animation:5s ease-in-out infinite pg-glint;position:absolute;inset:0;transform:translate(-100%)}@keyframes pg-glint{0%,70%{transform:translate(-100%)}to{transform:translate(100%)}}.pg-ach.is-off .pg-ach-icon{background:var(--paper-2);box-shadow:none;filter:grayscale();opacity:.55}.pg-ach.is-off .pg-ach-text strong{color:var(--ink-2)}.pg-ach.is-secret{background:repeating-linear-gradient(-45deg, var(--paper) 0 10px, var(--paper-2) 10px 20px)}.pg-ach.is-secret .pg-ach-text>span{font-style:italic}.pg-empty{text-align:center;color:var(--ink-3);margin:20px 0}.pg-rewards{flex-direction:column;gap:14px;display:flex}.pg-reward-campaign{--ch:var(--accent);text-align:center;background:var(--paper);border:2px solid color-mix(in srgb, var(--ch) 35%, #fff);box-shadow:0 6px 0 color-mix(in srgb, var(--ch) 22%, #fff);border-radius:20px;flex-direction:column;align-items:center;gap:10px;padding:16px 16px 18px;display:flex;position:relative;overflow:hidden}.pg-reward-campaign.is-perfect{background:radial-gradient(circle at 50% 30%, #fff6d6, var(--paper) 70%);border-color:#ffd34d;box-shadow:0 6px #ffe7a0}.pg-rc-head{text-align:left;align-items:center;gap:10px;width:100%;display:flex}.pg-rc-icon{background:color-mix(in srgb, var(--ch) 12%, #fff);border-radius:14px;flex:none;place-items:center;width:46px;height:46px;font-size:30px;display:grid}.pg-rc-head small{color:var(--ink-3);font-size:12px;font-weight:600;display:block}.pg-rc-head strong{font-family:var(--display);font-size:18px}.pg-badge{text-transform:uppercase;letter-spacing:.06em;color:#fff;background:var(--accent);white-space:nowrap;border-radius:8px;margin-left:auto;padding:5px 9px;font-size:11px;font-weight:800;animation:1.2s ease-in-out 1.6s both pg-badge;transform:rotate(3deg)}@keyframes pg-badge{0%{transform:scale(0)rotate(-20deg)}50%{transform:scale(1.2)rotate(6deg)}to{transform:scale(1)rotate(3deg)}}.pg-rc-stars{gap:6px;margin:6px 0 0}.pg-rc-stars .pg-star.mid{transform:translateY(-12px)scale(1.12)}.pg-rc-stars.pg-stars--pop .pg-star.mid.on{animation-name:pg-star-pop-mid}@keyframes pg-star-pop-mid{0%{opacity:0;transform:translateY(-12px)scale(0)rotate(-90deg)}60%{opacity:1;transform:translateY(-12px)scale(1.5)rotate(12deg)}to{transform:translateY(-12px)scale(1.12)rotate(0)}}.pg-rc-line{font-family:var(--display);margin:0;font-size:19px;font-weight:800;animation:.4s both pg-fade-up}@keyframes pg-fade-up{0%{opacity:0;transform:translateY(8px)}}.pg-rc-thresh{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pg-rc-thresh span{background:var(--paper-2);color:var(--ink-3);border:1px solid var(--line);border-radius:99px;padding:4px 9px;font-size:12px;font-weight:700}.pg-rc-thresh span.got{color:#9a6400;background:#fff8e1;border-color:#ffd34d}.pg-rc-hint{color:var(--ink-2);margin:0;font-size:13px}.pg-rc-unlock{color:#116b5e;background:#e9fbf7;border:1px solid #b6efe5;border-radius:12px;width:100%;padding:10px 12px;font-size:14px;animation:.4s 2s both pg-fade-up}.pg-rc-unlock--chapter{color:#5b35b5;background:#f1ebff;border-color:#dccfff}.pg-rc-next{width:100%;margin-top:2px;animation:.4s 2.2s both pg-fade-up}.pg-confetti{pointer-events:none;position:absolute;inset:0;overflow:hidden}.pg-confetti i{opacity:0;border-radius:2px;height:12px;animation-name:pg-confetti;animation-timing-function:cubic-bezier(.3,.6,.5,1);animation-iteration-count:1;animation-fill-mode:forwards;position:absolute;top:-14px}.pg-confetti i.round{aspect-ratio:1;border-radius:50%;height:auto}@keyframes pg-confetti{0%{opacity:1;transform:translate(0)rotate(0)}85%{opacity:1}to{transform:translate(var(--drift), 420px) rotate(var(--rot));opacity:0}}.pg-reward-block{flex-direction:column;gap:8px;display:flex}.pg-reward-h{font-family:var(--display);margin:0;font-size:18px}.pg-reward-h--sub{font-size:14px;font-family:var(--body);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-3)}.pg-unlocks{flex-direction:column;gap:8px;display:flex}.pg-unlock{text-align:left;background:linear-gradient(135deg, var(--navy), var(--navy-2,#183251));color:#fff;border-radius:16px;align-items:center;gap:12px;padding:12px;animation:.6s cubic-bezier(.2,1.4,.4,1) both pg-unlock;display:flex;position:relative;overflow:hidden;box-shadow:0 5px #0a1626}.pg-unlock:after{content:"";pointer-events:none;background:linear-gradient(110deg,#0000 35%,#ffffff40 50%,#0000 65%);animation:3.5s ease-in-out 1s infinite pg-glint;position:absolute;inset:0;transform:translate(-100%)}@keyframes pg-unlock{0%{opacity:0;transform:translate(-30px)scale(.9)}}.pg-unlock-icon{background:linear-gradient(135deg,#ffd34d,#ffae1a);border-radius:14px;flex:none;place-items:center;width:50px;height:50px;font-size:28px;display:grid;box-shadow:inset 0 -3px #965a0059}.pg-unlock strong{font-family:var(--display);font-size:17px;display:block}.pg-unlock span:not(.pg-unlock-icon){color:#ffffffb8;font-size:13px;line-height:1.3}.pg-counters{background:var(--paper);border:1px solid var(--line);border-radius:16px;flex-direction:column;gap:8px;padding:12px;display:flex}.pg-counter{align-items:center;gap:10px;display:flex}.pg-counter-icon{text-align:center;flex:none;width:32px;font-size:22px}.pg-counter-body{flex-direction:column;flex:1;gap:5px;min-width:0;display:flex}.pg-counter-top{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.pg-counter-top strong{font-size:14px}.pg-counter-top small{color:var(--ink-3);white-space:nowrap;font-size:12px;font-weight:700}.pg-counter-top em{color:var(--good);margin-left:4px;font-style:normal}.pg-link{color:var(--accent-dark,#e2421f);background:0 0;border:0;align-self:center;padding:6px 10px;font-size:14px;font-weight:700}.pg-toast{left:50%;top:calc(12px + var(--safe-top,0px));z-index:80;background:var(--navy);color:#fff;cursor:pointer;border-radius:16px;align-items:center;gap:10px;min-width:240px;max-width:calc(100vw - 32px);padding:10px 16px 10px 10px;animation:.5s cubic-bezier(.2,1.5,.4,1) both pg-toast-in;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 10px 30px #0000004d,0 0 0 2px #ffc93c}.pg-toast.is-leaving{animation:.35s both pg-toast-out}@keyframes pg-toast-in{0%{opacity:0;transform:translate(-50%,-120%)scale(.9)}}@keyframes pg-toast-out{to{opacity:0;transform:translate(-50%,-120%)}}.pg-toast-icon{background:linear-gradient(135deg,#ffd34d,#ffae1a);border-radius:12px;flex:none;place-items:center;width:42px;height:42px;font-size:24px;display:grid}.pg-toast small{text-transform:uppercase;letter-spacing:.08em;color:#ffc93c;font-size:11px;font-weight:800;display:block}.pg-toast strong{font-family:var(--display);font-size:16px}@media (prefers-reduced-motion:reduce){.pg-screen *,.pg-rewards *,.pg-toast,.pg-sheet,.pg-sheet-backdrop{animation-duration:.01ms!important;animation-iteration-count:1!important}.pg-confetti{display:none}}