:root{--ink:#263e36;--muted:#748378;--green:#2e6652;--line:#e0e6de;--paper:#f7f8f3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 system-ui,-apple-system,'Segoe UI',Tahoma,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #9db68c;outline-offset:4px}.pe-header,main,.pe-footer{width:min(1180px,calc(100% - 64px));margin:auto}.pe-header{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.pe-brand{font-size:23px;font-weight:800;color:#315a49;white-space:nowrap}.pe-brand img{max-width:160px;max-height:50px}.pe-header nav{display:flex;align-items:center;gap:30px;font-size:13px;color:#5f7365;font-weight:600}.pe-login{display:flex;align-items:center;gap:22px;padding:10px 17px;background:none;border:1px solid #bdcbbc;border-radius:8px;color:#315a49}.pe-hero{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;padding:55px 0 58px;min-height:550px}.pe-copy{padding-bottom:10px}.pe-kicker{display:flex;align-items:center;gap:8px;color:#6d866f;font-size:12px;font-weight:650}.pe-kicker>span{width:7px;height:7px;border-radius:50%;background:#739a71}.pe-copy h1{font-size:clamp(40px,4.8vw,64px);line-height:1.32;letter-spacing:-1.8px;font-weight:800;margin:20px 0 18px}.pe-copy h1 em{font-style:normal;color:#64856c}.pe-copy>p{font-size:15px;line-height:2;color:#7b887b;margin:0 0 27px}.pe-actions{display:flex;align-items:center;gap:24px}.pe-primary{display:flex;gap:24px;align-items:center;background:var(--green);color:#fff;border:1px solid var(--green);border-radius:9px;font-weight:650;padding:12px 22px;box-shadow:0 7px 15px #315f4412}.pe-primary:hover{background:#244f40}.pe-secondary{font-size:13px;color:#5c7764;font-weight:650}.pe-note{display:flex;align-items:center;gap:7px;font-size:10px;color:#96a08f;margin-top:19px}.pe-note .ic{width:13px;height:13px}.pe-note i{font-style:normal;margin:0 3px}.pe-visual{position:relative;height:400px;display:grid;place-items:center;isolation:isolate}.pe-orbit{position:absolute;z-index:-1;border:1px solid #dbe3d5;border-radius:50%;width:390px;height:390px}.orbit-two{width:460px;height:460px;border-style:dashed;border-color:#e1e6da}.pe-table-art{width:320px;height:320px;transform:rotate(-10deg);background:#dde6d6;border:1px solid #c9d8c2;border-radius:95px;padding:15px;box-shadow:12px 25px 40px #4c705617}.pe-table-inner{width:100%;height:100%;border-radius:80px;border:1px solid #c0d1b8;background:#ceddc5;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.pe-art-label{font-size:11px;color:#64805d;transform:rotate(10deg);margin-top:-10px}.pe-fan{width:245px;height:177px;position:relative;margin:9px 0}.pe-playing{position:absolute;width:99px;height:143px;background:#fffefa;border:1px solid #e1e4d7;border-radius:10px;box-shadow:0 9px 15px #355a3b17;top:16px;color:#3b604a;direction:ltr}.pe-playing.one{left:20px;transform:rotate(-12deg)}.pe-playing.two{left:78px;transform:translateY(-8px) rotate(8deg);color:#b16f5c;z-index:2}.pe-playing.three{left:133px;transform:rotate(25deg)}.pe-playing>span{font:700 19px/1.1 Georgia,serif;position:absolute;left:8px;top:9px}.pe-playing small{display:block;font-size:16px}.pe-playing>b{display:grid;place-items:center;height:100%;font-size:49px;font-weight:400}.pe-art-caption{font-size:10px;color:#75916c;transform:rotate(10deg)}.pe-float{position:absolute;display:flex;align-items:center;gap:11px;padding:13px 17px;background:#fffdf8;border:1px solid #e4e8dc;border-radius:13px;box-shadow:0 14px 25px #3b5d3e10;transform:rotate(2deg)}.pe-float b,.pe-float small{display:block}.pe-float b{font-size:12px;color:#49694e}.pe-float small{font-size:10px;color:#94a18b}.pe-float-icon{width:36px;height:36px;background:#edf2e8;border-radius:10px;display:grid;place-items:center;color:#799264}.pe-float .ic{width:20px;height:20px}.pe-chat{top:30px;inset-inline-start:0}.pe-game{bottom:17px;inset-inline-end:-3px;transform:rotate(-4deg)}.pe-game .pe-float-icon{background:#f5efdf;color:#a59158}.pe-games{padding:30px 0 55px;border-top:1px solid var(--line)}.pe-section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:22px}.pe-overline{font-size:10px;color:#92a087;font-weight:700;letter-spacing:.4px}.pe-section-heading h2,.pe-how h2,.pe-about h2{font-size:26px;line-height:1.5;margin:4px 0;color:#34513f;letter-spacing:-.5px}.pe-section-heading>a{font-size:12px;color:#648568;white-space:nowrap}.pe-game-grid{display:grid;grid-template-columns:1fr 1fr .9fr;gap:20px}.pe-game-card{border:1px solid #e0e5d8;border-radius:16px;background:#fffefa;overflow:hidden}.pe-game-art{height:165px;background:#e9eddf;position:relative;display:grid;place-items:center;overflow:hidden}.pe-game-art.hand{background:#e4ede7}.pe-game-art img{width:105px;height:105px;z-index:1;transform:rotate(-7deg);filter:drop-shadow(7px 10px 9px #38513a14)}.pe-game-badge{position:absolute;top:13px;inset-inline-start:14px;font-size:9px;color:#849275;padding:3px 8px;background:#ffffff80;border-radius:5px}.pe-art-suit{position:absolute;font-size:140px;line-height:1;opacity:.055;left:-12px;bottom:-20px}.pe-game-info{padding:18px 20px}.pe-game-top{display:flex;align-items:center;justify-content:space-between;gap:6px}.pe-game-top h3{font-size:19px;margin:0;font-weight:750}.pe-game-top>span{font-size:10px;color:#9aab93}.pe-game-info p{font-size:12px;color:#8c9885;margin:6px 0 21px}.pe-card-actions{display:flex;justify-content:space-between;align-items:center;gap:8px}.pe-card-actions button{border:0;background:#edf3e8;color:#4b7655;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:700;display:flex;gap:15px}.pe-card-actions a{color:#8b9b81;font-size:11px}.pe-community-card{padding:26px 25px 22px;background:#e9eee1;border-radius:16px;border:1px solid #e1e7d7;display:flex;flex-direction:column;align-items:flex-start}.pe-community-icon{width:43px;height:43px;border:1px solid #c8d5bb;border-radius:12px;display:grid;place-items:center;color:#789468;margin-bottom:15px}.pe-community-icon .ic{width:23px;height:23px}.pe-community-card h3{font-size:25px;line-height:1.5;margin:5px 0 10px;color:#526c45;letter-spacing:-.5px}.pe-community-card p{font-size:12px;color:#91a082;margin:0 0 18px}.pe-community-card button{display:flex;gap:17px;border:0;padding:0;background:none;color:#587747;font-size:12px;font-weight:700;margin-top:auto}.pe-community-card>small{font-size:9px;color:#97a58b;margin-top:12px}.pe-how{display:grid;grid-template-columns:.8fr 1.7fr;gap:45px;align-items:center;padding:32px 0 42px;border-top:1px solid var(--line)}.pe-how h2{font-size:23px}.pe-how ol{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:0}.pe-how li>span{font:600 25px Georgia,serif;color:#b4c3a6}.pe-how h3{font-size:13px;margin:8px 0 3px;color:#55734d}.pe-how p{font-size:11px;color:#94a08a;margin:0}.pe-about{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:35px 0 65px;border-top:1px solid var(--line)}.pe-about>div:first-child{max-width:380px}.pe-about p{font-size:13px;line-height:2;color:#8b9984}.pe-about a{font-size:12px;color:#628357;font-weight:650}.pe-faq h2{font-size:18px;margin-bottom:12px}.pe-faq details{border-bottom:1px solid #e0e6d8;padding:11px 0}.pe-faq summary{font-size:12px;color:#6c835c;cursor:pointer}.pe-faq details p{font-size:12px;margin:8px 0}.pe-footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 0 30px}.pe-footer .pe-brand{font-size:17px}.pe-footer span,.pe-footer>a:last-child{font-size:11px;color:#98a28d}
#entry-access{width:min(440px,calc(100% - 28px));max-height:90dvh;overflow:auto;background:#fffefb;border:1px solid #dbe3d4;border-radius:19px;padding:32px;color:var(--ink);box-shadow:0 25px 90px #18332a30}#entry-access::backdrop{background:#203b3080;backdrop-filter:blur(4px)}#entry-access .pe-close{position:absolute;top:10px;inset-inline-end:12px;background:#eef3e9;border:0;border-radius:50%;width:32px;height:32px;font-size:22px;color:#62785a}.login_close,.switch_cards{display:none}.login_identity{text-align:center;margin:6px 0 22px}.login_logo{display:grid;place-items:center;margin:0 auto 10px;background:#edf4e8;color:#5f855e;width:49px;height:49px;border-radius:14px}.login_logo svg{width:27px}.login_identity h2{font-size:23px;margin:0}.login_identity p{font-size:12px;color:#899881;margin:4px 0}.tabs{display:flex;gap:3px;padding:4px;background:#f0f4e9;border-radius:9px;margin:18px 0}.tabs button{flex:1;border:0;background:none;color:#88977e;font-size:12px;padding:9px 3px;border-radius:6px}.tabs button[aria-selected=true]{background:#fff;color:#486b41;box-shadow:0 1px 3px #28412710;font-weight:700}#entry-access label{display:grid;gap:6px;font-size:12px;font-weight:600;margin:0 0 14px}#entry-access input{width:100%;min-width:0;height:44px;border:1px solid #dce4d4;border-radius:7px;padding:8px 11px;color:#405936;background:#fff;font-size:15px}#entry-access input:focus{outline:2px solid #b9cda8;outline-offset:1px}.password_field{position:relative}.password_field input{padding-inline-end:65px!important}.password_field button{position:absolute;inset-inline-end:7px;top:8px;border:0;background:none;font-size:11px;color:#648055;padding:4px}.submit{width:100%;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 14px;border:0;border-radius:8px;background:var(--green);color:#fff;font-size:14px;font-weight:650}.submit:disabled{opacity:.6}.hint,.notice{color:#87977c;font-size:11px}#login_status{color:#aa5945;font-size:12px;margin:12px 0 0}#login_status:empty{display:none}.gender_pick{border:0;padding:0;margin:0 0 16px;display:flex;gap:10px}.gender_pick legend{font-size:12px;margin-bottom:8px}.gender_pick label{position:relative;flex:1}.gender_pick input{position:absolute;opacity:0;width:100%;height:100%}.gender_pick span{display:block;text-align:center;border:1px solid #dce4d4;border-radius:7px;padding:8px}.gender_pick input:checked+span{background:#eaf2e5;border-color:#a5bd94}.gender_pick input:focus-visible+span{outline:2px solid #608d47}[hidden]{display:none!important}
@media(max-width:1000px){.pe-header,main,.pe-footer{width:calc(100% - 40px)}.pe-hero{gap:10px;min-height:490px}.pe-visual{transform:scale(.83);transform-origin:center}.pe-copy h1{font-size:43px}.pe-game-grid{gap:13px}.pe-game-info{padding:15px}.pe-community-card{padding:21px 18px}.pe-community-card h3{font-size:23px}.pe-about{gap:45px}.pe-how{gap:22px}}
@media(max-width:700px){.pe-header,main,.pe-footer{width:calc(100% - 32px)}.pe-header{height:72px}.pe-brand{font-size:18px}.pe-header nav{gap:13px;font-size:11px}.pe-header nav>a:nth-child(2){display:none}.pe-login{padding:7px 10px;gap:9px;font-size:11px}.pe-hero{grid-template-columns:1fr;gap:0;padding:32px 0 20px;min-height:0}.pe-copy{text-align:center;padding:0}.pe-kicker{justify-content:center;font-size:10px}.pe-copy h1{font-size:40px;margin:14px 0 12px;letter-spacing:-1px}.pe-copy p{font-size:12px;line-height:1.9;margin:0 auto 20px;max-width:310px}.pe-wide{display:none}.pe-actions{justify-content:center;gap:20px}.pe-primary{font-size:12px;padding:10px 16px;gap:18px}.pe-secondary{font-size:12px}.pe-note{justify-content:center;font-size:9px;margin-top:14px}.pe-visual{height:295px;transform:none;margin:10px auto 0;width:100%;max-width:360px}.pe-orbit{width:230px;height:230px}.orbit-two{width:280px;height:280px}.pe-table-art{width:220px;height:220px;border-radius:65px;padding:11px}.pe-table-inner{border-radius:55px}.pe-fan{transform:scale(.69);margin:-14px 0;width:245px;height:177px;flex:none}.pe-art-label{font-size:9px;margin-top:0}.pe-art-caption{font-size:8px}.pe-float{padding:9px 11px;gap:7px;border-radius:9px}.pe-float b{font-size:10px}.pe-float small{font-size:8px}.pe-float-icon{width:29px;height:29px;border-radius:8px}.pe-float .ic{width:16px;height:16px}.pe-chat{top:22px;inset-inline-start:0}.pe-game{bottom:11px;inset-inline-end:0}.pe-games{padding:20px 0 30px}.pe-section-heading{align-items:start;gap:12px;margin-bottom:17px}.pe-section-heading h2{font-size:20px;max-width:230px}.pe-section-heading>a{font-size:10px;max-width:100px;white-space:normal;text-align:end;margin-top:18px}.pe-game-grid{grid-template-columns:1fr 1fr;gap:11px}.pe-game-art{height:130px}.pe-game-art img{width:80px;height:80px}.pe-game-badge{font-size:8px;top:9px;inset-inline-start:8px}.pe-game-info{padding:12px}.pe-game-top{display:block}.pe-game-top h3{font-size:17px}.pe-game-top>span{font-size:9px}.pe-game-info p{font-size:10px;margin:6px 0 14px;min-height:36px}.pe-card-actions{flex-direction:column;align-items:stretch;gap:9px}.pe-card-actions button{justify-content:center;font-size:11px;padding:7px 8px;gap:10px}.pe-card-actions a{text-align:center;font-size:10px}.pe-community-card{grid-column:1/-1;position:relative;padding:20px 22px;padding-inline-end:90px}.pe-community-icon{position:absolute;top:23px;inset-inline-end:23px}.pe-community-card h3{font-size:23px}.pe-community-card h3 br{display:none}.pe-community-card p{font-size:12px;margin-bottom:12px}.pe-community-card button{font-size:12px}.pe-community-card small{font-size:9px}.pe-how{grid-template-columns:1fr;gap:18px;padding:25px 0}.pe-how h2{font-size:21px}.pe-how ol{gap:14px}.pe-how li>span{font-size:22px}.pe-how h3{font-size:11px}.pe-how p{font-size:10px}.pe-about{grid-template-columns:1fr;gap:24px;padding:25px 0 35px}.pe-about h2{font-size:23px}.pe-about p{font-size:12px}.pe-faq h2{font-size:18px}.pe-footer{flex-wrap:wrap;padding:20px 0}.pe-footer .pe-brand{font-size:15px}.pe-footer span{display:none}#entry-access{padding:28px 21px}.login_identity h2{font-size:21px}#entry-access input{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.pe-login{white-space:nowrap}.pe-copy>p,.pe-about p{color:#6f7f69}.pe-game-info p,.pe-community-card p{color:#738269}.pe-card-actions a,.pe-how p,.pe-community-card>small{color:#7a896f}
@media(max-width:380px){.pe-header nav{gap:9px}.pe-header .pe-brand{font-size:16px}.pe-login{font-size:10px;padding:7px 9px}.pe-header nav>a{font-size:10px}}