.pph,.ppq{--pp-ink:#0b2545;--pp-ink-soft:#35507a;--pp-muted:#64748b;--pp-line:#e3e9f1;--pp-red:#d9414d;--pp-green:#17a05f;--pp-blue:#2563eb;--pp-paper:#f6f8fc;font-family:Rubik,Heebo,Segoe UI,Arial,sans-serif}.ppq{position:fixed;inset:0;z-index:120;display:grid;place-items:center;padding:24px;background:rgba(6,22,46,.52);backdrop-filter:blur(2px);top:var(--ppq-top,0);bottom:auto;height:var(--ppq-h,100%)}.ppq,.ppq-panel{box-sizing:border-box}.ppq-panel{width:min(520px,100%);max-height:min(720px,86vh,calc(var(--ppq-h, 100vh) - 48px));display:flex;flex-direction:column;overflow:hidden;background:#fff;border:1px solid var(--pp-line);border-radius:20px;box-shadow:0 24px 60px rgba(6,22,46,.32)}.ppq-grip{display:none}.ppq-head{flex:none;display:flex;align-items:center;gap:10px;padding:16px 18px 10px}.ppq-head h2{margin:0;flex:1;font-size:19px;font-weight:900;line-height:1.25;color:var(--pp-ink)}.ppq-x{flex:0 0 34px;width:34px;height:34px;padding:0;border-radius:9999px;border:1px solid var(--pp-line);background:#fff;color:var(--pp-muted);font:inherit;font-size:21px;line-height:1;cursor:pointer;display:grid;place-items:center}.ppq-x:hover{background:var(--pp-paper);color:var(--pp-ink)}.ppq-search{flex:none;padding:0 18px 10px}.ppq-search input{width:100%;height:42px;box-sizing:border-box;padding:0 14px;border:1px solid var(--pp-line);border-radius:12px;background:var(--pp-paper);font:inherit;font-size:15px;color:var(--pp-ink)}.ppq-search input:focus{outline:none;border-color:#b9cdf0;background:#fff;box-shadow:0 0 0 3px rgba(37,99,235,.12)}.ppq-list{flex:1 1 auto;min-height:0;overflow-y:auto;padding:0 12px 8px;overscroll-behavior:contain}.ppq-sec{padding:6px 0}.ppq-sec h3{margin:6px;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--pp-muted)}.ppq-sec ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:4px}.ppq-club{width:100%;box-sizing:border-box;display:flex;align-items:center;gap:10px;padding:8px 10px;border:1px solid transparent;border-radius:14px;background:#fff;font:inherit;color:inherit;text-align:start;cursor:pointer}.ppq-club:hover{background:var(--pp-paper)}.ppq-club.is-picked{background:color-mix(in srgb,var(--ppq-accent) 9%,#fff);border-color:color-mix(in srgb,var(--ppq-accent) 45%,#fff)}.ppq-crest{flex:0 0 46px;width:46px;height:46px;display:grid;place-items:center}.ppq-crest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1.5px rgba(6,22,46,.16))}.ppq-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ppq-txt b{font-size:15px;font-weight:700;line-height:19px;color:var(--pp-ink)}.ppq-txt small{font-size:12px;line-height:16px;color:var(--pp-muted)}.ppq-txt small.is-active{color:var(--pp-ink-soft);font-weight:600}.ppq-txt small.is-won{color:var(--pp-green);font-weight:700}.ppq-now{flex:none;font-size:10.5px;font-weight:700;color:var(--pp-red);background:#fdf3f4;border-radius:9999px;padding:3px 8px}.ppq-tick{flex:0 0 20px;text-align:center;font-size:15px;font-weight:900;color:var(--ppq-accent)}.ppq-empty{margin:18px 6px;text-align:center;font-size:14px;color:var(--pp-muted)}.ppq-foot{flex:none;display:flex;align-items:center;gap:12px;padding:12px 18px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--pp-line);background:#fff}.ppq-foot-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.ppq-foot-txt b{font-size:14px;font-weight:800;color:var(--pp-ink)}.ppq-foot-txt small{font-size:12px;color:var(--pp-muted)}.ppq-go{flex:0 1 auto;height:44px;padding:0 18px;border:0;border-radius:12px;background:var(--pp-red);color:#fff;font:inherit;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 4px 12px rgba(217,65,77,.26);white-space:nowrap}.ppq-go:active{transform:translateY(1px)}.ppq-all{flex:1 1 auto;text-align:center;font-size:14px;font-weight:700;color:var(--pp-blue);text-decoration:none;padding:10px}.ppq-all:hover{text-decoration:underline}@media (max-width:768px){.ppq{padding:0;align-items:end}.ppq-panel{width:100%;max-width:none;max-height:min(88dvh,calc(var(--ppq-h, 100dvh) - 8px));border-radius:22px 22px 0 0;border-bottom:0;animation:ppq-rise .18s ease-out}.ppq-grip{display:block;width:42px;height:4px;border-radius:9999px;background:#d7dfea;margin:8px auto 2px}.ppq-head{padding-top:6px}.ppq-head h2{font-size:17.5px}.ppq-go{flex:1 1 auto}.ppq-search input{font-size:16px;height:44px}}.ppq-fav{position:relative;width:min(400px,100%);align-items:center;text-align:center;padding:26px 22px calc(22px + env(safe-area-inset-bottom));gap:6px}.ppq-fav-x{position:absolute;top:12px;inset-inline-start:12px}.ppq-fav-crest{width:92px;height:92px;display:grid;place-items:center;margin-bottom:6px}.ppq-fav-crest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 2px 3px rgba(6,22,46,.2))}.ppq-fav-q{margin:0;font-size:22px;font-weight:900;line-height:1.3;color:var(--pp-ink);overflow-wrap:anywhere}.ppq-fav-sub{margin:0 0 12px;font-size:14px;color:var(--pp-muted)}.ppq-fav-go{align-self:stretch;height:50px;font-size:17px}.ppq-fav-other{align-self:stretch;margin-top:4px;min-height:44px;border:0;background:none;cursor:pointer;font:inherit;font-size:15px;font-weight:700;color:var(--pp-blue)}.ppq-fav-other:hover{text-decoration:underline}@media (max-width:768px){.ppq-fav{width:100%;padding-top:6px}.ppq-fav .ppq-grip{margin-bottom:14px}.ppq-fav-x{top:14px}}@keyframes ppq-rise{0%{transform:translateY(14px);opacity:.4}to{transform:none;opacity:1}}@media (prefers-reduced-motion:reduce){.ppq-panel{animation:none}}.pph{box-sizing:border-box;width:100%;max-width:560px;margin:0 auto;padding:14px 16px calc(20px + env(safe-area-inset-bottom));gap:14px;color:var(--pp-ink)}.pph,.pph-brand{display:flex;flex-direction:column}.pph-brand{align-items:center;gap:2px;text-align:center}.pph-brand img{width:min(232px,62%);height:auto;display:block}.pph-cat{font-size:12.5px;font-weight:700;letter-spacing:.06em;color:var(--pp-muted)}.pph-name{margin:0;font-size:15px;font-weight:800;color:var(--pp-ink-soft)}.pph-club{display:flex;align-items:center;gap:11px;padding:9px 12px;background:#fff;border:1px solid var(--pp-line);border-radius:18px;box-shadow:0 2px 10px rgba(6,22,46,.05)}.pph-crest{flex:0 0 54px;width:54px;height:54px;display:grid;place-items:center}.pph-crest img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 1px 1.5px rgba(6,22,46,.16))}.pph-club-txt{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:3px}.pph-club-txt b{font-size:16px;font-weight:800;line-height:20px}.pph-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pph-stage{font-size:11.5px;font-weight:700;color:#0f7a4d;background:#eafaf1;border-radius:9999px;padding:3px 9px}.pph-count{font-size:13px;font-weight:700;color:var(--pp-ink-soft);font-variant-numeric:tabular-nums}.pph-bar{height:7px;background:#dfe6ef;overflow:hidden}.pph-bar,.pph-bar i{border-radius:9999px}.pph-bar i{display:block;height:100%;margin-inline-end:auto;background:var(--pp-green)}.pph-play{display:flex;align-items:center;justify-content:center;gap:8px;height:54px;border:0;border-radius:15px;background:var(--pp-red);color:#fff;font:inherit;font-size:17.5px;font-weight:900;text-decoration:none;cursor:pointer;box-shadow:0 6px 18px rgba(217,65,77,.3)}.pph-play:active{transform:translateY(1px)}.pph-second{display:grid;grid-template-columns:1.25fr 1fr;gap:10px}.pph-card{display:flex;align-items:center;gap:11px;padding:13px 14px;min-width:0;background:#fff;border:2px solid var(--pp-line);border-radius:16px;box-shadow:0 2px 8px rgba(6,22,46,.07);font:inherit;color:var(--pp-ink);text-decoration:none;cursor:pointer;text-align:start;transition:border-color .14s ease,box-shadow .14s ease,transform .1s ease}.pph-card:hover{border-color:#b7c9e0;box-shadow:0 4px 14px rgba(6,22,46,.12)}.pph-card:active{transform:translateY(1px);box-shadow:0 1px 4px rgba(6,22,46,.1)}.pph-card img{flex:0 0 auto;height:42px;width:auto}.pph-card-txt{display:flex;flex-direction:column;min-width:0}.pph-card-txt b{font-size:16px;font-weight:800;line-height:20px}.pph-card-txt small{font-size:12.5px;color:var(--pp-muted)}.pph-swap-ico{flex:0 0 42px;width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--pp-paper);border:1px solid var(--pp-line);font-size:19px}.pph-exit{align-self:center;font-size:13px;font-weight:600;color:var(--pp-muted);text-decoration:none;padding:4px 8px}.pph-exit:hover{color:var(--pp-ink);text-decoration:underline}.pph-empty{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;padding:6px 4px 0}.pph-empty p{margin:0;font-size:14.5px;line-height:21px;color:var(--pp-ink-soft);max-width:360px}.pph-empty img{width:110px;height:auto}@media (max-width:480px){.pph{gap:12px;padding-top:10px}.pph-brand img{width:min(206px,58%)}.pph-play{height:50px;font-size:16.5px}.pph-second{grid-template-columns:1fr 1fr}.pph-card{padding:11px;gap:9px}.pph-card img{height:36px}.pph-card-txt b{font-size:14.5px}.pph-card-txt small{font-size:11.5px}.pph-swap-ico{flex-basis:36px;width:36px;height:36px;font-size:17px}}.pph-sheet{position:fixed;inset:0;z-index:130;display:grid;place-items:center;padding:24px;background:rgba(6,22,46,.55);backdrop-filter:blur(3px);animation:pph-fade .16s ease-out}@keyframes pph-fade{0%{opacity:0}to{opacity:1}}.pph-sheet-body{width:min(560px,100%);max-height:min(92dvh,760px);overflow-y:auto;overscroll-behavior:contain;background:linear-gradient(180deg,#fff,#f6f8fc);border:1px solid var(--pp-line,#e3e9f1);border-radius:22px;box-shadow:0 30px 80px rgba(6,22,46,.4)}.pph.is-sheet{position:relative;padding-top:18px}.pph.is-leaving{opacity:0;pointer-events:none;transition:opacity .11s ease}.pph-x{position:absolute;inset-inline-end:12px;top:12px;z-index:2;width:40px;height:40px;padding:0;border-radius:9999px;cursor:pointer;border:1px solid var(--pp-line);background:#fff;color:var(--pp-ink);font:inherit;font-size:17px;font-weight:800;line-height:1;display:grid;place-items:center;box-shadow:0 2px 8px rgba(6,22,46,.14)}.pph-x:hover{background:var(--pp-ink);color:#fff;border-color:var(--pp-ink)}.pph-home{align-self:center;display:inline-flex;align-items:center;gap:7px;padding:9px 18px;border-radius:12px;border:1.5px solid var(--pp-line);background:#fff;font:inherit;font-size:13.5px;font-weight:800;color:var(--pp-ink-soft);text-decoration:none;box-shadow:0 1px 3px rgba(6,22,46,.07)}.pph-home:hover{border-color:#b7c9e0;color:var(--pp-ink)}.pph-home span{font-size:15px}@media (max-width:480px){.pph-sheet{padding:0;align-items:end}.pph-sheet-body{width:100%;max-width:none;max-height:94dvh;border-radius:22px 22px 0 0}}.pph-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px}.pph-foot .pph-home{margin-left:0;margin-right:0}.pph-report{font:inherit;cursor:pointer}