.pd-home{--bg:#f5efe4;--card:#fffcf6;--ink:#2b2621;--muted:#7b7166;--line:#e7dccb;--shadow:#6046281a;--accent:#c25e36;--sage:#6c8c62;--sun:#f0b44f;--empty:#e9e0d1;--correct:#5f8d5a;--incorrect:#c0655a;--display:"Fraunces",Georgia,serif;--sans:"Rubik",system-ui,sans-serif;background:var(--bg);max-width:1120px;min-height:100dvh;color:var(--ink);font:16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;margin:0 auto;padding:0 40px;position:relative}html:has(.pd-home){background:#f5efe4}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .pd-home{--bg:#1c1915;--card:#25211c;--ink:#f2eadf;--muted:#a99d8e;--line:#37302a;--shadow:#00000059;--accent:#ec8d63;--sage:#93b087;--empty:#3a332c;--correct:#7fae79;--incorrect:#dd877b}:root:not([data-theme=light]):has(.pd-home){background:#1c1915}}:root[data-theme=dark] .pd-home{--bg:#1c1915;--card:#25211c;--ink:#f2eadf;--muted:#a99d8e;--line:#37302a;--shadow:#00000059;--accent:#ec8d63;--sage:#93b087;--empty:#3a332c;--correct:#7fae79;--incorrect:#dd877b}:root[data-theme=dark]:has(.pd-home){background:#1c1915}.pd-home *,.pd-home :before,.pd-home :after{box-sizing:border-box}.pd-home h1,.pd-home h2,.pd-home p,.pd-home ul{margin:0;padding:0}.pd-home a:focus{outline:none}.pd-home a:focus-visible,.pd-theme:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:8px}.pd-bar{align-items:center;gap:20px;padding:28px 0;display:flex}.pd-mark{color:inherit;font:600 21px/1 var(--display);letter-spacing:-.01em;align-items:center;gap:10px;text-decoration:none;display:flex}.pd-sun{background:var(--sun);width:18px;height:18px;box-shadow:0 0 0 4px color-mix(in srgb,var(--sun) 25%,transparent);border-radius:50%}.pd-date{color:var(--muted);font-variant-numeric:tabular-nums;gap:12px;font-size:13px;display:flex;margin-left:auto!important}.pd-date>span{border-left:1px solid var(--line);padding-left:12px}.pd-theme{border:1px solid var(--line);background:var(--card);width:38px;height:38px;color:var(--ink);cursor:pointer;border-radius:50%;place-items:center;padding:0;display:grid}.pd-theme svg{fill:none;stroke:currentColor;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round;width:18px;height:18px}.pd-theme:hover{border-color:var(--muted)}.pd-today{padding:56px 0 44px}.pd-hello{font:500 clamp(44px,7vw,76px)/1.02 var(--display);letter-spacing:-.03em;font-variation-settings:"SOFT" 100,"opsz" 144}.pd-lede{max-width:34em;color:var(--muted);font-size:18px;margin-top:14px!important}.pd-progress{flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:28px;display:flex}.pd-checks{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.pd-checks li{border:1px solid var(--line);background:var(--card);color:var(--muted);border-radius:999px;align-items:center;gap:8px;padding:7px 14px 7px 9px;font-size:14px;display:flex}.pd-checks span{border:1.5px solid var(--line);border-radius:50%;width:16px;height:16px}.pd-checks .on{color:var(--ink)}.pd-checks .on span{border-color:var(--sage);background:var(--sage) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4.5 8.3l2.3 2.2 4.7-5' fill='none' stroke='white' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/100% no-repeat}.pd-streak{color:var(--muted);font-size:14px}.pd-streak b{color:var(--accent);font-weight:700}.pd-games{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.pd-game{border:1px solid var(--line);background:var(--card);color:inherit;box-shadow:0 1px 0 var(--shadow),0 10px 30px -18px var(--shadow);border-radius:24px;flex-direction:column;padding:10px;text-decoration:none;transition:transform .2s,box-shadow .2s;display:flex}.pd-game:hover{box-shadow:0 1px 0 var(--shadow),0 18px 40px -20px var(--shadow);transform:translateY(-3px)}.pd-home .pd-game:focus-visible{border-radius:24px}.pd-body{flex-direction:column;flex:1;padding:16px 12px 10px;display:flex}.pd-thumb{aspect-ratio:16/10;border-radius:16px;position:relative;overflow:hidden}.pd-thumb svg,.pd-thumb img{object-fit:cover;width:100%;height:100%;display:block}.pd-thumb-rank{background:#faf9f6;box-shadow:inset 0 0 0 1px #e4e2dc}.pd-thumb-hole{background:#cfe4ef}.pd-thumb-cg{background:#0d0b08}.pd-thumb-cg img{filter:brightness(.92);transition:transform .5s,filter .5s}.pd-game:hover .pd-thumb-cg img{filter:brightness(1.05);transform:scale(1.04)}.pd-cg-title{text-align:center;letter-spacing:.24em;color:#f1e3c2;text-transform:uppercase;text-shadow:0 2px #000;font:700 clamp(13px,1.7vw,17px)/1 Courier Prime,Courier New,monospace;position:absolute;bottom:9%;left:0;right:0}.pd-flag-b{visibility:hidden}.pd-game:hover .pd-flag-a,.pd-game:focus-visible .pd-flag-a{animation:.9s infinite pd-frame-a}.pd-game:hover .pd-flag-b,.pd-game:focus-visible .pd-flag-b{animation:.9s infinite pd-frame-b}@keyframes pd-frame-a{0%,49.9%{visibility:visible}50%,to{visibility:hidden}}@keyframes pd-frame-b{0%,49.9%{visibility:hidden}50%,to{visibility:visible}}.pd-h1-aim,.pd-h1-meter,.pd-h1-seg,.pd-h1-spark{opacity:0}.pd-h1-ball{transform-origin:40.5px 74.5px}.pd-game:hover .pd-h1-aim,.pd-game:focus-visible .pd-h1-aim{animation:1.4s forwards pd-h1-aim}.pd-game:hover .pd-h1-meter,.pd-game:focus-visible .pd-h1-meter{animation:1.4s forwards pd-h1-meter}.pd-game:hover .pd-h1-seg,.pd-game:focus-visible .pd-h1-seg{animation:pd-on 50ms calc(60ms + var(--i) * 30ms) forwards}.pd-game:hover .pd-h1-ball,.pd-game:focus-visible .pd-h1-ball{animation:1.4s forwards pd-h1-putt}.pd-game:hover .pd-h1-spark,.pd-game:focus-visible .pd-h1-spark{animation:pd-h1-spark .6s calc(1.04s + var(--d)) cubic-bezier(.2,.7,.4,1) forwards}.pd-game:hover .pd-h1-flag,.pd-game:focus-visible .pd-h1-flag{animation:.35s ease-out 1.02s pd-hop}.pd-game:hover .pd-h1-title,.pd-game:focus-visible .pd-h1-title{animation:.4s ease-out 1.08s pd-hop}@keyframes pd-on{to{opacity:1}}@keyframes pd-h1-aim{0%{opacity:0}8%,30%{opacity:1}36%,to{opacity:0}}@keyframes pd-h1-meter{0%{opacity:0}4%,32%{opacity:1}40%,to{opacity:0}}@keyframes pd-h1-putt{0%{animation-timing-function:ease-in-out;transform:translate(0)scale(1)}26%{animation-timing-function:linear;transform:translate(-4px)scale(1)}31%{animation-timing-function:cubic-bezier(.15,.75,.35,1);transform:translate(-4px)scale(1)}68%{animation-timing-function:ease-in;transform:translate(82px)scale(1)}75%,to{transform:translate(82px)scale(0)}}@keyframes pd-h1-spark{0%{opacity:1;transform:translate(0)}55%{opacity:1;transform:translate(var(--dx),var(--dy))}to{opacity:0;transform:translate(var(--dx),calc(var(--dy) + 12px))}}@keyframes pd-hop{0%,to{transform:translate(0)}40%{transform:translateY(-3px)}}.pd-card{transform-origin:126.3px 82.3px}.pd-slot-win{opacity:0}.pd-game:hover .pd-card,.pd-game:focus-visible .pd-card{animation:.6s cubic-bezier(.3,.7,.4,1) forwards pd-place}.pd-game:hover .pd-slot-win,.pd-game:focus-visible .pd-slot-win{animation:.6s forwards pd-win}@keyframes pd-place{0%{opacity:1;transform:none}78%{opacity:1;transform:translate(-18.2px,-38.1px)rotate(-8deg)scale(.69)}to{opacity:0;transform:translate(-18.2px,-38.1px)rotate(-8deg)scale(.69)}}@keyframes pd-win{0%,74%{opacity:0}to{opacity:1}}.pd-title{align-items:baseline;gap:10px;font-weight:400;display:flex}.pd-name{font:500 26px/1.15 var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100}.pd-num{color:var(--muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:13px}.pd-desc{color:var(--muted);font-size:15px;line-height:1.5;margin-top:6px!important}.pd-status{align-items:center;gap:10px;min-height:24px;padding-top:16px;font-size:14px;display:flex;margin-top:auto!important}.pd-play{color:var(--accent);align-items:center;gap:6px;font-weight:700;display:inline-flex}.pd-play:after{content:"→";transition:transform .2s}.pd-game:hover .pd-play:after{transform:translate(3px)}.pd-soft{color:var(--muted)}.pd-result{font-variant-numeric:tabular-nums;font-weight:700}.pd-squares{gap:3px;display:flex}.pd-squares span{background:var(--empty);border-radius:3px;width:10px;height:10px}.pd-squares .ok{background:var(--correct)}.pd-squares .bad{background:var(--incorrect)}.pd-soon{border:1px dashed var(--line);border-radius:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:36px;margin-top:24px;padding:10px;display:grid}.pd-soon-art{aspect-ratio:16/10;border-radius:16px;overflow:hidden}.pd-soon-art svg{width:100%;height:100%;display:block}.pd-soon-text{padding:12px 24px 12px 0}.pd-kicker{letter-spacing:.12em;text-transform:uppercase;color:var(--sage);font-size:12px;font-weight:700}.pd-soon-title{font:500 30px/1.15 var(--display);letter-spacing:-.02em;font-variation-settings:"SOFT" 100;margin-top:8px!important}.pd-pc-bird{transition:transform .8s cubic-bezier(.3,.7,.4,1)}.pd-soon:hover .pd-pc-bird{transform:translate(10px,-6px)}.pd-end{border-top:1px solid var(--line);text-align:center;margin-top:72px;padding:28px 0 52px}.pd-next{color:var(--muted);font-size:15px}.pd-next time{color:var(--ink);font-variant-numeric:tabular-nums;font-weight:500}.pd-foot{color:var(--muted);font-size:13px;margin-top:8px!important}.pd-foot a{color:inherit}.pd-foot a:hover{color:var(--ink)}@media (max-width:960px){.pd-games{grid-template-columns:1fr 1fr}}@media (max-width:640px){.pd-home{padding:0 16px}.pd-bar{gap:12px;padding:18px 0}.pd-date>span{display:none}.pd-today{padding:28px 0}.pd-lede{font-size:16px}.pd-progress{margin-top:20px}.pd-checks li{padding:6px 12px 6px 8px;font-size:13px}.pd-games{grid-template-columns:1fr;gap:16px}.pd-game{border-radius:20px}.pd-thumb{border-radius:13px}.pd-name{font-size:24px}.pd-soon{border-radius:20px;grid-template-columns:1fr;gap:4px}.pd-soon-text{padding:12px}.pd-soon-title{font-size:25px}.pd-end{margin-top:48px}}@media (prefers-reduced-motion:reduce){.pd-game,.pd-thumb-cg img,.pd-play:after,.pd-pc-bird{transition:none}.pd-game:hover{transform:none}.pd-flag-a,.pd-flag-b,.pd-h1-aim,.pd-h1-meter,.pd-h1-seg,.pd-h1-ball,.pd-h1-spark,.pd-h1-flag,.pd-h1-title,.pd-card,.pd-slot-win{animation:none!important}}
