.ptph-shell{--ptph-navy:#0b1b3d;--ptph-blue:#287ef0;--ptph-text:#14213d;--ptph-muted:#748099;--ptph-border:#dce4f0;font-family:"Sarabun",sans-serif;color:var(--ptph-text);max-width:1180px;margin:32px auto;padding:0 20px}.ptph-shell *{box-sizing:border-box}.ptph-auth{max-width:500px;padding:30px;border:1px solid var(--ptph-border);border-radius:18px;background:#fff;box-shadow:0 18px 50px rgba(12,32,70,.09)}.ptph-auth-head span,.ptph-dashboard-head>div:nth-child(2)>span{color:var(--ptph-blue);font-family:"Kanit",sans-serif;font-size:12px;font-weight:700;letter-spacing:1.5px}.ptph-auth-head h1{margin:4px 0;font-family:"Kanit",sans-serif}.ptph-auth-head p,.ptph-auth-foot{color:var(--ptph-muted)}.ptph-form{display:grid;gap:14px;margin-top:22px}.ptph-form label{display:grid;gap:6px;font-weight:600}.ptph-form input,.ptph-form select,.ptph-form textarea,.ptph-mini-form input,.ptph-mini-form textarea{width:100%;padding:11px 12px;border:1px solid var(--ptph-border);border-radius:10px;background:#fff;color:var(--ptph-text);font:inherit}.ptph-form textarea{min-height:90px}.ptph-form small{color:var(--ptph-muted);font-weight:400}.ptph-form .ptph-consent{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;font-size:13px;font-weight:400}.ptph-form .ptph-consent input{width:auto;margin-top:3px}.ptph-button{display:inline-flex;justify-content:center;border:0;border-radius:10px;padding:11px 16px;background:var(--ptph-blue);color:#fff!important;font-family:"Kanit",sans-serif;font-weight:600;text-decoration:none;cursor:pointer}.ptph-auth-foot{text-align:center}.ptph-notice{margin:0 0 16px;padding:11px 13px;border-radius:9px}.ptph-success{background:#eaf8f0;color:#17623d}.ptph-error{background:#fff0f1;color:#9b2832}.ptph-dashboard{padding:0;border-radius:20px;overflow:hidden;background:#f4f7fb;box-shadow:0 18px 55px rgba(10,30,65,.12)}.ptph-dashboard-head{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;padding:27px 30px;background:linear-gradient(135deg,#081a3c,#17417f);color:#fff}.ptph-dashboard-head h1{margin:3px 0;font-family:"Kanit",sans-serif}.ptph-dashboard-head p{margin:0;color:#aab9d5}.ptph-avatar{width:72px;height:72px;border:3px solid #efc14b;border-radius:50%;display:grid;place-items:center;background:#2764c9;font-size:25px;font-weight:700}.ptph-check,.ptph-profile-verified{display:inline-grid;place-items:center;width:19px;height:19px;border-radius:50%;background:var(--ptph-blue);color:#fff;font-style:normal;font-size:13px;vertical-align:middle}.ptph-logout{color:#c6d2e7}.ptph-dashboard>.ptph-notice{margin:20px 25px 0}.ptph-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:20px;padding:24px}.ptph-panel{padding:20px;border:1px solid var(--ptph-border);border-radius:15px;background:#fff}.ptph-panel h2{margin:0 0 8px;font-family:"Kanit",sans-serif}.ptph-panel>p,.ptph-empty p{color:var(--ptph-muted)}.ptph-status{float:right;padding:5px 9px;border-radius:15px;background:#fff5d9;color:#805e0b;font-size:11px}.ptph-panel code{display:block;width:max-content;margin:15px 0 6px;padding:8px 12px;border-radius:7px;background:#eef3fb;font-size:18px}.ptph-panel>small{color:var(--ptph-muted)}.ptph-empty{padding:25px 10px;text-align:center}.ptph-quest-row{display:grid;grid-template-columns:1fr auto;gap:8px;padding:15px 0;border-bottom:1px solid var(--ptph-border)}.ptph-quest-row:last-child{border-bottom:0}.ptph-quest-row span,.ptph-quest-row p{color:var(--ptph-muted);font-size:12px}.ptph-quest-row h3{margin:2px 0}.ptph-quest-row>b{font-size:11px;color:var(--ptph-blue)}.ptph-quest-row details{grid-column:1/-1}.ptph-quest-row summary{width:max-content;color:var(--ptph-blue);cursor:pointer}.ptph-mini-form{display:grid;gap:8px;margin-top:10px}.ptph-header-login,.ptph-header-account{display:flex;align-items:center;gap:7px;color:inherit;text-decoration:none}.ptph-header-login svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8}.ptph-header-account>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#287ef0;color:#fff}.ptph-header-account b,.ptph-header-login span{font-size:12px}.ptph-claim-link{display:block;margin-top:6px;color:#77adff;font-size:11px;text-decoration:none}.ptph-profile-verified{margin-left:7px;background:#2785ff;cursor:help}.ptph-profile-verified:after{content:attr(data-ptph-tooltip);position:absolute;transform:translate(-50%,28px);width:max-content;max-width:230px;padding:6px 8px;border-radius:6px;background:#fff;color:#17213a;font-size:10px;opacity:0;pointer-events:none;box-shadow:0 6px 20px rgba(0,0,0,.2)}.ptph-profile-verified:hover:after{opacity:1}
@media(max-width:760px){.ptph-shell{margin:18px auto;padding:0 12px}.ptph-dashboard-head{grid-template-columns:auto 1fr;padding:20px 16px}.ptph-dashboard-head .ptph-logout{grid-column:1/-1}.ptph-dashboard-grid{grid-template-columns:1fr;padding:15px}.ptph-avatar{width:58px;height:58px}.ptph-dashboard-head h1{font-size:21px}.ptph-header-account b,.ptph-header-login span{display:none}.topbar-right .ptph-header-login,.topbar-right .ptph-header-account{order:1}.topbar-right .search-btn{order:0}.topbar-right .menu-btn{order:2}.ptph-auth{padding:22px 18px}.ptph-profile-verified{width:17px;height:17px;font-size:11px}}
.ptph-dashboard-grid--readonly{grid-template-columns:minmax(0,1fr)}.ptph-readonly-note{margin:14px 4px 0;color:var(--ptph-muted);font-size:12px;text-align:center}
.ptph-form .ptph-consent>span{line-height:1.55}.ptph-form .ptph-consent a{color:var(--ptph-blue);font-weight:600;text-decoration:underline;text-underline-offset:2px}.ptph-form .ptph-consent a:hover{color:#155fc1}
@media(min-width:761px){.nav>.ptph-header-login,.nav>.ptph-header-account{margin-left:5px;padding:6px 9px;border:1px solid rgba(255,255,255,.13);border-radius:20px}.topbar-right>.ptph-header-login,.topbar-right>.ptph-header-account{display:none}}
@media(max-width:760px){.nav>.ptph-header-login,.nav>.ptph-header-account{display:none}}
.ptph-header-menu{position:relative;flex:none}.ptph-header-menu-toggle{width:36px;height:36px;padding:0;border:1px solid rgba(255,255,255,.15);border-radius:50%;display:grid;place-items:center;background:transparent;color:#e8eefb;cursor:pointer}.ptph-header-menu-toggle:hover,.ptph-header-menu.is-open .ptph-header-menu-toggle{background:#172a55;border-color:#33558d}.ptph-header-menu-toggle>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#287ef0;color:#fff;font-weight:700}.ptph-header-menu-toggle svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.8}.ptph-header-menu-pop{display:none;position:absolute;z-index:90;top:calc(100% + 9px);right:0;width:184px;padding:7px;border:1px solid #dce4f0;border-radius:11px;background:#fff;box-shadow:0 15px 36px rgba(4,13,34,.25)}.ptph-header-menu.is-open .ptph-header-menu-pop{display:grid}.ptph-header-menu-pop a{display:block!important;width:100%;padding:9px 10px!important;border:0!important;border-radius:7px!important;color:#14213d!important;font:600 13px 'Kanit',sans-serif!important;text-align:left;text-decoration:none}.ptph-header-menu-pop a:hover{background:#eef4fd!important;color:#176cd6!important}.ptph-header-menu-pop .ptph-header-register{margin-top:3px;background:#287ef0!important;color:#fff!important;text-align:center}.ptph-header-menu-pop .ptph-header-register:hover{background:#1f70df!important;color:#fff!important}
@media(max-width:768px){.nav>.ptph-header-menu{display:block!important;position:static!important;width:100%;margin:7px 0 0!important;padding:12px 0 0!important;border-top:1px solid rgba(255,255,255,.1)}.nav>.ptph-header-menu>.ptph-header-menu-toggle{display:none!important;width:0!important;height:0!important;margin:0!important;padding:0!important;border:0!important;overflow:hidden!important;visibility:hidden!important}.nav>.ptph-header-menu>.ptph-header-menu-pop{display:grid!important;position:static!important;inset:auto!important;width:100%!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.nav>.ptph-header-menu>.ptph-header-menu-pop a{display:flex!important;align-items:center;justify-content:center;min-height:42px;padding:9px 10px!important;border:1px solid #2b4476!important;border-radius:9px!important;background:#101f48!important;color:#dfe7f7!important;text-align:center!important}.nav>.ptph-header-menu>.ptph-header-menu-pop a:hover{background:#172a55!important;color:#fff!important}.nav>.ptph-header-menu>.ptph-header-menu-pop .ptph-header-register{margin:0!important;border-color:#287ef0!important;background:#287ef0!important;color:#fff!important}}
.ptph-public-achievements{margin-top:22px;padding:22px;border:1px solid #dce4f0;border-radius:16px;background:#fff}.ptph-public-achievements>div:first-child>span{color:#287ef0;font-size:11px;font-weight:700;letter-spacing:1.4px}.ptph-public-achievements h2{margin:3px 0 15px}.ptph-achievement-scroll{display:flex;gap:15px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:6px}.ptph-achievement-scroll article{flex:0 0 135px;text-align:center;scroll-snap-align:start}.ptph-achievement-medal{display:grid;place-items:center;width:76px;height:76px;margin:auto;border-radius:50%;background:radial-gradient(circle,#fff6be,#e8b53b 43%,#9b6210);box-shadow:0 8px 20px rgba(157,105,23,.2)}.ptph-achievement-medal b{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#174c9d;color:#fff;font-size:23px}.ptph-achievement-medal img{width:70px;height:70px;object-fit:contain}.ptph-achievement-scroll strong,.ptph-achievement-scroll small{display:block}.ptph-achievement-scroll strong{margin-top:9px;font-size:12px}.ptph-achievement-scroll small{color:#7b879c;font-size:10px}
/* Keep Player Dashboard readable regardless of theme light/dark overrides. */
#page .ptph-dashboard-head{background:linear-gradient(135deg,#fff 0%,#eef4ff 100%)!important;border-bottom:1px solid #dce4f0;color:#14213d!important}
#page .ptph-dashboard-head h1{color:#14213d!important}
#page .ptph-dashboard-head>div:nth-child(2)>span{color:#287ef0!important}
#page .ptph-dashboard-head p{color:#748099!important}
#page .ptph-dashboard-head .ptph-logout{color:#287ef0!important;font-weight:600}
#page .ptph-dashboard-head .ptph-logout:hover{color:#155fc1!important}
.ptph-claim-intro,.ptph-member-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:24px;padding:20px;border:1px solid #dce4f0;border-radius:16px;background:#fff}.ptph-claim-intro h2,.ptph-member-card h2{margin:0 0 5px;color:#14213d!important}.ptph-claim-intro p,.ptph-member-card p{margin:0;color:#748099}.ptph-claim-state,.ptph-member-ok{display:inline-flex;align-items:center;gap:7px;margin-bottom:8px;font-size:12px;font-weight:700}.ptph-claim-state{color:#a36a00}.ptph-claim-state:before{content:"";width:8px;height:8px;border-radius:50%;background:#f0b429}.ptph-member-ok{color:#168454}.ptph-member-ok:before{content:"✓";width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#e5f7ed}.ptph-claim-actions{display:flex;align-items:center;gap:9px;flex:none}.ptph-claim-actions form{margin:0}.ptph-button-secondary{border:1px solid #ccd8e8;background:#fff;color:#53627c!important}.ptph-button-secondary:hover{border-color:#9fb4d2;background:#f5f8fc}.ptph-claim-panel{display:none;margin:0 24px 24px;padding:22px;border:1px solid #cfdcf0;border-radius:16px;background:#fff}.ptph-claim-panel.is-open{display:block}.ptph-claim-panel>h2{margin:0 0 4px;color:#14213d!important}.ptph-claim-panel>p{margin:0 0 18px;color:#748099}.ptph-search-wrap{position:relative;display:block}.ptph-search-wrap svg{position:absolute;z-index:1;left:13px;top:50%;width:18px;height:18px;transform:translateY(-50%);fill:none;stroke:#7c899f;stroke-width:2}.ptph-form .ptph-search-wrap input{padding-left:42px}.ptph-player-results{display:none;max-height:300px;margin-top:-9px;padding:6px;overflow-y:auto;border:1px solid #d8e1ee;border-radius:12px;background:#fff;box-shadow:0 14px 36px rgba(10,26,58,.14)}.ptph-player-results.is-open{display:grid}.ptph-player-option{display:grid;grid-template-columns:38px 1fr;align-items:center;gap:10px;width:100%;padding:9px;border:0;border-radius:9px;background:transparent;color:#14213d;text-align:left;cursor:pointer}.ptph-player-option:hover,.ptph-player-option:focus-visible{background:#eef4fd}.ptph-player-option>span{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#2871d9;color:#fff;font-weight:700}.ptph-player-option strong,.ptph-player-option small{display:block}.ptph-player-option small{margin-top:2px;color:#748099;font-size:11px;font-weight:400}.ptph-claim-help{margin:0;padding:13px 15px;border-radius:11px;background:#f0f6ff;color:#53627c;font-size:13px}.ptph-claim-submit{display:flex;justify-content:flex-end;gap:9px}.ptph-member-home{display:grid;gap:14px}.ptph-member-card{margin-bottom:0}.ptph-quest-locked{margin:0 24px 24px;padding:28px 20px;border:1px dashed #ccd7e7;border-radius:16px;background:#f9fbfe;text-align:center}.ptph-quest-locked strong{color:#293651}.ptph-quest-locked p{margin:5px 0 0;color:#748099}.ptph-member-card>.ptph-button{flex:none}
@media(max-width:620px){.ptph-claim-intro,.ptph-member-card{align-items:stretch;flex-direction:column;margin:14px;padding:17px}.ptph-claim-actions{display:grid;grid-template-columns:1fr 1fr}.ptph-claim-actions form,.ptph-claim-actions button{width:100%}.ptph-claim-panel{margin:0 14px 14px;padding:17px}.ptph-claim-submit{display:grid;grid-template-columns:1fr 1fr}.ptph-quest-locked{margin:0 14px 14px}.ptph-member-card>.ptph-button{width:100%}}

/* Campaign-grouped Player Dashboard — 1.0.16 */
.ptph-dashboard-actions{display:flex;align-items:center;gap:14px}.ptph-profile-button{display:inline-flex;align-items:center;gap:7px;padding:10px 13px;border:1px solid rgba(255,255,255,.26);border-radius:11px;background:rgba(255,255,255,.1);color:#fff!important;font-family:"Kanit",sans-serif;font-size:13px;font-weight:600;text-decoration:none;transition:.2s}.ptph-profile-button:hover{background:rgba(255,255,255,.18);transform:translateY(-1px)}.ptph-profile-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2}.ptph-dashboard-grid--readonly{display:block}.ptph-dashboard-grid--readonly>main{min-width:0}.ptph-quest-panel{padding:20px}.ptph-quest-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:12px}.ptph-quest-heading h2{margin:0}.ptph-quest-heading>span{color:#7b879d;font-size:12px}.ptph-campaign-card{margin-top:14px;border:1px solid #dce5f2;border-radius:17px;background:#fff;overflow:hidden;box-shadow:0 7px 21px rgba(28,52,94,.06)}.ptph-campaign-card>summary{display:grid;grid-template-columns:68px minmax(0,1fr) auto;align-items:center;gap:14px;padding:16px;cursor:pointer;list-style:none}.ptph-campaign-card>summary::-webkit-details-marker{display:none}.ptph-campaign-card>summary:after{content:"⌄";grid-column:3;justify-self:end;width:27px;height:27px;margin-top:7px;border-radius:50%;display:grid;place-items:center;background:#edf4fd;color:#256fd6;font-size:17px;line-height:1;transition:transform .2s}.ptph-campaign-card[open]>summary:after{transform:rotate(180deg)}.ptph-campaign-reward{grid-row:1/span 2;width:68px;height:68px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 38%,#fff8cc 0,#f5ce58 38%,#ad690b 100%)}.ptph-campaign-reward img{display:block;width:100%;height:100%;padding:7px;object-fit:contain}.ptph-campaign-reward svg{width:43px;height:43px;fill:#fff2a0;filter:drop-shadow(0 3px 3px rgba(78,43,0,.25))}.ptph-campaign-copy{min-width:0;display:grid;gap:2px}.ptph-campaign-copy small{color:#2875df;font-size:11px;font-weight:800;letter-spacing:.04em}.ptph-campaign-copy strong{overflow:hidden;color:#14213d;font-family:"Kanit",sans-serif;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.ptph-campaign-copy em{color:#7b879d;font-size:11px;font-style:normal}.ptph-campaign-progress{grid-column:3;grid-row:1;text-align:right}.ptph-campaign-progress strong,.ptph-campaign-progress small{display:block}.ptph-campaign-progress strong{color:#172649;font-size:14px}.ptph-campaign-progress small{max-width:190px;margin-top:2px;overflow:hidden;color:#7b879d;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.ptph-campaign-progress i{display:none}.ptph-progress-track{height:5px;background:#edf1f7}.ptph-progress-track i{display:block;height:100%;background:linear-gradient(90deg,#2d7fee,#42c5fa)}.ptph-campaign-quests{padding:4px 17px 12px;border-top:1px solid #e7edf5}.ptph-campaign-lock{display:flex;align-items:center;gap:8px;margin:10px 0 2px;padding:10px 12px;border-radius:10px;background:#f4f7fb;color:#66738b;font-size:12px}.ptph-quest-item{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid #edf1f6}.ptph-quest-item:last-child{border-bottom:0}.ptph-quest-state{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:#2875df;font-size:12px;font-weight:800}.ptph-quest-item h3{margin:0;color:#14213d;font-size:14px}.ptph-quest-item p,.ptph-quest-item small{margin:2px 0 0;color:#7b879d;font-size:11px}.ptph-quest-item>b{padding:5px 8px;border-radius:8px;background:#eaf3ff;color:#2872d6;font-size:10px;white-space:nowrap}.ptph-quest-item.is-done .ptph-quest-state{background:#e4f7ec;color:#168653}.ptph-quest-item.is-done>b{background:#e5f7ed;color:#16774b}.ptph-quest-item.is-locked{opacity:.7}.ptph-evidence-box{grid-column:2/-1;margin-top:0}.ptph-evidence-box>summary{width:max-content;padding:6px 9px;border:1px solid #bed3ee;border-radius:8px;color:#266dcc;font-size:11px;font-weight:700;cursor:pointer;list-style:none}.ptph-evidence-box>summary::-webkit-details-marker{display:none}.ptph-evidence-box[open]>summary{background:#edf5ff}.ptph-readonly-note{padding:0 3px;color:#8591a7;font-size:11px}
@media(max-width:760px){.ptph-dashboard-head{align-items:flex-start;grid-template-columns:auto minmax(0,1fr);gap:12px}.ptph-dashboard-actions{grid-column:1/-1;width:100%;justify-content:space-between}.ptph-dashboard-head .ptph-logout{grid-column:auto}.ptph-profile-button{flex:1;justify-content:center}.ptph-dashboard-grid--readonly{padding:14px 12px}.ptph-quest-panel{padding:15px 12px}.ptph-quest-heading>span{display:none}.ptph-campaign-card>summary{grid-template-columns:56px minmax(0,1fr);gap:10px;padding:13px}.ptph-campaign-reward{grid-row:1;width:56px;height:56px;border-radius:12px}.ptph-campaign-reward svg{width:36px;height:36px}.ptph-campaign-copy strong{font-size:15px;white-space:normal;line-height:1.25}.ptph-campaign-progress{grid-column:1/-1;grid-row:auto;width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left}.ptph-campaign-progress small{display:none}.ptph-campaign-card>summary:after{grid-column:2;grid-row:2;margin:0}.ptph-campaign-quests{padding:3px 12px 10px}.ptph-quest-item{grid-template-columns:29px minmax(0,1fr);gap:8px;padding:12px 0}.ptph-quest-state{width:28px;height:28px}.ptph-quest-item>b,.ptph-evidence-box{grid-column:2;justify-self:start}.ptph-quest-item>b{margin-top:1px}.ptph-evidence-box{width:100%}}
@media(max-width:390px){.ptph-dashboard-actions{align-items:stretch;flex-direction:column;gap:8px}.ptph-profile-button{width:100%}.ptph-dashboard-head .ptph-logout{text-align:center}.ptph-campaign-copy small{font-size:10px}.ptph-campaign-copy strong{font-size:14px}}

/* Keep the profile action legible when the active theme overrides the dashboard header background. */
.ptph-dashboard .ptph-profile-button{border:1px solid #1768d5!important;background:#287ef0!important;color:#fff!important;box-shadow:0 7px 18px rgba(40,126,240,.24)}.ptph-dashboard .ptph-profile-button:hover{border-color:#0f55b9!important;background:#1768d5!important;color:#fff!important;box-shadow:0 9px 22px rgba(40,126,240,.3)}.ptph-dashboard .ptph-profile-button:focus-visible{outline:3px solid rgba(40,126,240,.28);outline-offset:3px}

/* Quest trophies use their transparent PNG artwork without a circular plate. */
.ptph-public-achievements .ptph-achievement-medal{width:86px;height:86px;border-radius:0!important;background:transparent!important;box-shadow:none!important}.ptph-public-achievements .ptph-achievement-medal img{display:block;width:82px;height:82px;object-fit:contain;filter:drop-shadow(0 7px 7px rgba(9,24,53,.2))}.ptph-public-achievements .ptph-achievement-medal b{width:46px;height:46px;border-radius:10px}

.ptph-reward-info{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 17px;border-top:1px solid #e7edf5;background:#f7faff}.ptph-reward-info>div{min-width:0}.ptph-reward-info small,.ptph-reward-info strong{display:block}.ptph-reward-info small{color:#2875df;font-size:10px;font-weight:800;letter-spacing:.04em}.ptph-reward-info strong{margin-top:2px;color:#14213d;font-size:13px}.ptph-reward-info p{margin:3px 0 0;color:#68758d;font-size:11px;line-height:1.45}.ptph-reward-info>span{flex:none;color:#7b879d;font-size:10px}.ptph-claim-reward{flex:none;padding:9px 12px;border-radius:9px;background:#06c755;color:#fff!important;font-family:"Kanit",sans-serif;font-size:11px;font-weight:700;text-decoration:none;box-shadow:0 6px 14px rgba(6,199,85,.2)}.ptph-claim-reward:hover{background:#05ad4b;color:#fff!important}
@media(max-width:620px){.ptph-reward-info{align-items:stretch;flex-direction:column;padding:12px}.ptph-claim-reward{text-align:center}.ptph-reward-info>span{text-align:left}}
.ptph-player-option[hidden]{display:none!important}
.ptph-player-results.is-empty:after{content:"ไม่พบผู้เล่น ลองพิมพ์ชื่ออื่นหรือ Player ID";display:block;padding:16px 12px;color:#748099;font-size:13px;text-align:center}

/* Player analytics dashboard — 1.2.0 */
.ptph-dashboard-grid--readonly{padding:22px}.ptph-dashboard-grid--readonly main{display:grid;gap:16px}.ptph-dashboard-grid--readonly .ptph-panel{margin:0;padding:18px;border:1px solid #dfe6f1;border-radius:16px;background:#fff}.ptph-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:14px}.ptph-section-head>div>span,.ptph-report-intro>span{color:#287ef0;font-size:10px;font-weight:800;letter-spacing:1.4px}.ptph-section-head h2,.ptph-report-intro h2{margin:2px 0 0;color:#14213d;font-family:"Kanit",sans-serif}.ptph-section-head small{color:#8490a4}.ptph-live-card{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;padding:17px 19px;border:1px solid #3172cb;border-radius:16px;background:linear-gradient(125deg,#102e66,#1552a3);color:#fff}.ptph-live-card span{color:#9bc3ff;font-size:10px;font-weight:800;letter-spacing:1px}.ptph-live-card span i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#ff5265;box-shadow:0 0 0 5px rgba(255,82,101,.13)}.ptph-live-card h2{margin:5px 0 2px;color:#fff!important}.ptph-live-card p{margin:0;color:#b7ccec;font-size:11px}.ptph-live-card dl{display:grid;grid-template-columns:repeat(3,auto);gap:26px;margin:0}.ptph-live-card dt{color:#9db7df;font-size:10px}.ptph-live-card dd{margin:2px 0 0;font-weight:700}.ptph-metrics{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.ptph-metrics article{min-width:0;padding:14px;border:1px solid #e2e8f2;border-radius:13px}.ptph-metrics small,.ptph-metrics strong,.ptph-metrics em{display:block}.ptph-metrics small{color:#7d899d;font-size:10px}.ptph-metrics strong{margin:5px 0;color:#14213d;font-size:23px}.ptph-metrics em{color:#16845a;font-size:9px;font-style:normal}.ptph-metrics .ptph-metric-psy{border-color:#2769be;background:linear-gradient(140deg,#102d63,#1956a8)}.ptph-metrics .ptph-metric-psy small,.ptph-metrics .ptph-metric-psy em{color:#bcd4fb}.ptph-metrics .ptph-metric-psy strong{color:#ffd65b}.ptph-dashboard-columns{display:grid;grid-template-columns:1.4fr .8fr;gap:16px}.ptph-chart-tabs{display:flex;gap:3px;padding:3px;border-radius:9px;background:#f0f3f8}.ptph-chart-tabs button{border:0;border-radius:7px;background:transparent;color:#738098;padding:6px 8px;font-size:10px;font-weight:700;cursor:pointer}.ptph-chart-tabs button.is-active{background:#fff;color:#287ef0;box-shadow:0 2px 7px rgba(20,40,80,.1)}.ptph-year-chart{display:flex;align-items:flex-end;gap:10px;height:190px;padding:25px 6px 25px;border-bottom:1px solid #dfe6f0}.ptph-year-bar{position:relative;display:flex;align-items:flex-end;justify-content:center;flex:1;height:100%}.ptph-year-bar i{display:block;width:min(40px,72%);height:var(--bar-height);min-height:4px;border-radius:8px 8px 3px 3px;background:linear-gradient(#348fff,#1767e8);transition:height .25s}.ptph-year-bar b{position:absolute;top:calc(100% - var(--bar-height) - 20px);font-size:10px}.ptph-year-bar span{position:absolute;bottom:-20px;color:#8591a5;font-size:10px}.ptph-insights{display:grid;gap:9px}.ptph-insights article{padding:11px;border-left:3px solid #287ef0;border-radius:8px;background:#f5f8fd}.ptph-insights b,.ptph-insights span{display:block}.ptph-insights b{font-size:11px}.ptph-insights span{margin-top:2px;color:#748099;font-size:10px;line-height:1.45}.ptph-psy-list{display:grid}.ptph-psy-row{display:grid;grid-template-columns:minmax(220px,1fr) 55px 70px 60px 55px;align-items:center;gap:8px;padding:11px 8px;border-bottom:1px solid #edf1f6;font-size:11px}.ptph-psy-row>span:first-child>*{display:block}.ptph-psy-row small{color:#7d899d}.ptph-psy-row i{width:max-content;margin-top:3px;padding:2px 6px;border-radius:20px;background:#e7f8ef;color:#16845a;font-size:8px;font-style:normal;font-weight:700}.ptph-psy-row.is-excluded{opacity:.52}.ptph-psy-row.is-excluded i{background:#eef1f5;color:#69758b}.ptph-psy-head{color:#8793a6;font-size:9px;font-weight:700}.ptph-result-list article,.ptph-ticket-list article{display:flex;align-items:center;gap:12px;padding:11px 2px;border-bottom:1px solid #edf1f6}.ptph-result-list article>div,.ptph-ticket-list article>div{flex:1;min-width:0}.ptph-result-list b,.ptph-result-list small,.ptph-ticket-list b,.ptph-ticket-list small{display:block}.ptph-result-list small,.ptph-ticket-list small{color:#8490a4;font-size:9px}.ptph-result-list strong{color:#2872d8}.ptph-result-list span{min-width:80px;text-align:right;font-weight:700}.ptph-series-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ptph-series-list article{padding:12px;border:1px solid #e2e8f1;border-radius:12px}.ptph-series-list b,.ptph-series-list strong,.ptph-series-list small{display:block}.ptph-series-list strong{margin:4px 0;color:#157550}.ptph-series-list small{color:#8490a4;font-size:9px}.ptph-report-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:16px}.ptph-report-intro{padding:18px;border:1px solid #d8e5f8;border-radius:16px;background:linear-gradient(145deg,#f5f9ff,#edf4ff)}.ptph-report-intro p{color:#6f7c92;font-size:11px;line-height:1.55}.ptph-ticket-list article>span{padding:4px 7px;border-radius:20px;background:#fff2d8;color:#a16700;font-size:9px;font-weight:700;white-space:nowrap}.ptph-ticket-list article>span.is-resolved{background:#e5f7ed;color:#168153}.ptph-ticket-list p{margin:4px 0 0;color:#596780;font-size:10px}.ptph-report-modal{position:fixed;z-index:999999;inset:0;display:none;align-items:center;justify-content:center;padding:20px;background:rgba(4,15,39,.62)}.ptph-report-modal.is-open{display:flex}.ptph-report-dialog{position:relative;width:min(510px,100%);max-height:90vh;overflow:auto;padding:22px;border-radius:18px;background:#fff;box-shadow:0 30px 80px rgba(3,14,39,.3)}.ptph-report-dialog h2{margin:0}.ptph-close-report{position:absolute;right:14px;top:14px;width:32px;height:32px;border:0;border-radius:50%;background:#eef2f7;color:#3d4b65;font-size:20px;cursor:pointer}
@media(max-width:850px){.ptph-metrics{grid-template-columns:repeat(3,1fr)}.ptph-dashboard-columns,.ptph-report-grid{grid-template-columns:1fr}.ptph-live-card{grid-template-columns:1fr}.ptph-live-card dl{justify-content:space-between}.ptph-series-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.ptph-series-list article{flex:0 0 46%;scroll-snap-align:start}}
@media(max-width:620px){.ptph-dashboard-grid--readonly{padding:13px}.ptph-dashboard-grid--readonly .ptph-panel{padding:14px}.ptph-metrics{grid-template-columns:1fr 1fr}.ptph-metrics article:first-child{grid-column:1/-1}.ptph-live-card{padding:14px}.ptph-live-card dl{gap:8px}.ptph-section-head{align-items:flex-start;flex-direction:column}.ptph-chart-tabs{max-width:100%;overflow:auto}.ptph-psy-row{grid-template-columns:minmax(150px,1fr) 44px 50px}.ptph-psy-row>*:nth-child(3),.ptph-psy-row>*:nth-child(4){display:none}.ptph-result-list article{align-items:flex-start;flex-wrap:wrap}.ptph-result-list span{min-width:0}.ptph-series-list article{flex-basis:78%}}

/* Dashboard live card: keep theme typography from overriding the dark card. */
.ptph-dashboard .ptph-live-card,
.ptph-dashboard .ptph-live-card h2,
.ptph-dashboard .ptph-live-card dd{color:#56242d!important}
.ptph-dashboard .ptph-live-card{border-color:#f3c8cf;background:linear-gradient(125deg,rgba(255,251,252,.99),rgba(255,243,245,.94));box-shadow:0 6px 18px rgba(188,45,68,.045)}
.ptph-dashboard .ptph-live-card>div>span{color:#d3455d!important}
.ptph-dashboard .ptph-live-card>div>p{color:#967078!important}
.ptph-dashboard .ptph-live-card dt{color:#aa7f87!important}

@media(max-width:620px){
  .ptph-dashboard .ptph-live-card{grid-template-columns:minmax(0,1fr) 122px;align-items:stretch;gap:10px;padding:10px 12px;border-radius:13px}
  .ptph-dashboard .ptph-live-copy{display:flex;min-width:0;flex-direction:column;justify-content:center}
  .ptph-dashboard .ptph-live-label{font-size:9px;letter-spacing:.7px}
  .ptph-dashboard .ptph-live-card h2{display:-webkit-box;margin:5px 0 2px;overflow:hidden;font-size:16px;line-height:1.18;-webkit-box-orient:vertical;-webkit-line-clamp:2}
  .ptph-dashboard .ptph-live-card .ptph-live-copy>p{display:flex;min-width:0;gap:5px;font-size:8px;line-height:1.2}
  .ptph-dashboard .ptph-live-tournament{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ptph-dashboard .ptph-live-updated{flex:none;white-space:nowrap}
  .ptph-dashboard .ptph-live-updated:before{content:"· ";color:#dbaab2}
  .ptph-dashboard .ptph-live-card dl{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:0;margin:0;padding-left:10px;border-left:1px solid rgba(201,47,73,.14)}
  .ptph-dashboard .ptph-live-card dl>div{min-width:0;text-align:center}
  .ptph-dashboard .ptph-live-round{grid-column:1/-1;padding-bottom:6px;border-bottom:1px solid rgba(201,47,73,.13)}
  .ptph-dashboard .ptph-live-round dt{display:none}
  .ptph-dashboard .ptph-live-round dd{font-size:11px;color:#c63b53!important}
  .ptph-dashboard .ptph-live-chips,.ptph-dashboard .ptph-live-table{padding-top:6px}
  .ptph-dashboard .ptph-live-table{border-left:1px solid rgba(201,47,73,.18)}
  .ptph-dashboard .ptph-live-card dt{font-size:7px}
  .ptph-dashboard .ptph-live-card dd{margin:1px 0 0;font-size:11px;line-height:1.15;white-space:nowrap}
}

/* Player Dashboard mobile polish — 1.2.2 */
.ptph-dashboard-grid--readonly,.ptph-dashboard-grid--readonly main,.ptph-dashboard-columns,.ptph-panel{min-width:0}
.ptph-dashboard-grid--readonly{overflow:hidden}
.ptph-dashboard .ptph-overview .ptph-metrics article.ptph-metric-psy strong{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.08)}
.ptph-year-bar i{transition:height .72s cubic-bezier(.2,.78,.22,1),filter .35s;will-change:height}
.ptph-year-bar.is-rising i{filter:drop-shadow(0 5px 8px rgba(40,126,240,.22))}
.ptph-year-bar b{transition:top .72s cubic-bezier(.2,.78,.22,1)}
.ptph-psy-list:not(.is-expanded) .ptph-psy-row:nth-of-type(n+5){display:none}
.ptph-psy-panel.is-expanded .ptph-psy-list .ptph-psy-row{display:grid}
.ptph-psy-toggle{display:flex;align-items:center;justify-content:center;gap:7px;width:100%;margin-top:10px;padding:9px;border:0;border-radius:10px;background:#f1f5fb;color:#2872d8;font:700 11px inherit;cursor:pointer}
.ptph-psy-toggle i{font-size:15px;font-style:normal;transition:transform .25s}
.ptph-psy-panel.is-expanded .ptph-psy-toggle i{transform:rotate(180deg)}
.ptph-result-list b,.ptph-result-list small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

@media(max-width:620px){
  .ptph-dashboard-grid--readonly{padding:9px 8px}
  .ptph-dashboard-grid--readonly main{gap:12px}
  .ptph-dashboard-grid--readonly .ptph-panel{padding:13px 12px;border-radius:14px}
  .ptph-section-head{gap:5px;margin-bottom:11px}
  .ptph-section-head h2,.ptph-report-intro h2{font-size:21px;line-height:1.25}
  .ptph-section-head small{font-size:10px}
  .ptph-metrics{gap:8px}
  .ptph-metrics article{padding:12px 11px}
  .ptph-metrics strong{font-size:21px}
  .ptph-metrics small{font-size:9px}
  .ptph-metrics em{font-size:8px;line-height:1.35}
  .ptph-chart-tabs{width:100%;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}
  .ptph-chart-tabs button{padding:7px 4px;font-size:9px;white-space:nowrap}
  .ptph-year-chart{height:165px;gap:6px;padding-inline:2px}
  .ptph-psy-head{display:none}
  .ptph-psy-row{grid-template-columns:minmax(0,1fr) auto auto;gap:8px;padding:12px 2px}
  .ptph-psy-row>span:first-child{min-width:0}
  .ptph-psy-row>span:first-child b,.ptph-psy-row>span:first-child small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .ptph-psy-row>span:first-child b{font-size:12px}
  .ptph-psy-row>span:first-child small{font-size:9px}
  .ptph-psy-row>strong{font-size:13px;color:#2872d8}
  .ptph-result-list article{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 10px;padding:12px 2px}
  .ptph-result-list article>div{grid-column:1/-1;width:100%}
  .ptph-result-list b{font-size:12px}
  .ptph-result-list small{font-size:9px}
  .ptph-result-list article>strong{grid-column:1;grid-row:2;font-size:11px}
  .ptph-result-list article>span{grid-column:2;grid-row:2;min-width:0;color:#157550;font-size:12px;font-weight:800;white-space:nowrap}
  .ptph-series-list{margin-right:-12px;padding-right:12px;gap:9px}
  .ptph-series-list article{flex:0 0 84%;min-width:0;padding:13px}
  .ptph-series-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}
  .ptph-series-list strong{font-size:17px}
}

@media(prefers-reduced-motion:reduce){.ptph-year-bar i,.ptph-year-bar b,.ptph-psy-toggle i{transition:none}}

.ptph-view-all-results{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:11px;padding:9px 12px;border-radius:10px;background:#f1f5fb;color:#2872d8!important;font-size:10px;font-weight:800;text-decoration:none!important;transition:background .2s,transform .2s}
.ptph-view-all-results:hover{background:#e7effb;transform:translateY(-1px)}
.ptph-view-all-results span{font-size:14px;line-height:1}
.ptph-dashboard-head .ptph-avatar{overflow:hidden}.ptph-dashboard-head .ptph-avatar img{display:block;width:100%;height:100%;object-fit:cover}

/* Monthly Player Report — 1.3.0 */
.ptph-monthly-card{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding:19px 21px;border:1px solid #cfe2fb;border-radius:17px;background:linear-gradient(135deg,#edf6ff,#dcecff);box-shadow:0 10px 24px rgba(45,102,176,.08);color:#17335d}
.ptph-monthly-copy>span{color:#2773d5;font-size:10px;font-weight:800;letter-spacing:1.3px}.ptph-monthly-copy h2{margin:4px 0;color:#17335d}.ptph-monthly-copy>p{margin:0;color:#6e85a5;font-size:11px}.ptph-monthly-copy>div{display:flex;flex-wrap:wrap;gap:18px;margin-top:13px}.ptph-monthly-copy small{display:grid;gap:2px;color:#7188a8;font-size:9px}.ptph-monthly-copy small b{color:#17335d;font-size:17px}.ptph-monthly-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ptph-monthly-actions button,.ptph-monthly-export button{padding:10px 14px;border:0;border-radius:10px;background:#2e7df2;color:#fff;font-size:10px;font-weight:800;cursor:pointer;white-space:nowrap}.ptph-monthly-actions button:last-child,.ptph-monthly-export button:last-child{border:1px solid #b8d4f7;background:#fff;color:#2869bd}
.ptph-monthly-modal{position:fixed;z-index:999999;inset:0;display:none;align-items:center;justify-content:center;padding:18px;background:rgba(4,15,39,.68)}.ptph-monthly-modal.is-open{display:flex}.ptph-monthly-dialog{width:min(820px,100%);max-height:94vh;overflow:auto;padding:17px;border-radius:19px;background:#f1f6fc}.ptph-monthly-dialog>header{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;margin-bottom:13px}.ptph-monthly-dialog>header h2{margin:0}.ptph-monthly-dialog select{padding:8px 10px;border:1px solid #d4deeb;border-radius:9px;background:#fff}.ptph-close-monthly{width:34px;height:34px;border:0;border-radius:50%;background:#e2eaf4;color:#52617a;font-size:20px;cursor:pointer}.ptph-monthly-preview{position:relative;aspect-ratio:4/5;overflow:hidden;padding:7%;border-radius:14px;background:radial-gradient(circle at 90% 5%,#275cab 0,transparent 34%),linear-gradient(145deg,#07162f,#143d7e);color:#fff}.ptph-monthly-brand{font-size:20px;font-weight:800}.ptph-monthly-brand span{color:#2e8cff}.ptph-monthly-label{display:block;margin-top:5%;color:#77adfa;font-size:9px;font-weight:800;letter-spacing:1.5px}.ptph-monthly-player{display:flex;align-items:center;gap:13px;margin-top:4%}.ptph-monthly-player>i{display:grid;place-items:center;width:66px;height:66px;border:4px solid #f6c84d;border-radius:50%;background:#2768c8;color:#fff;font-size:26px;font-style:normal;font-weight:800}.ptph-monthly-player h3{margin:0;color:#fff;font-size:25px}.ptph-monthly-player p{margin:3px 0 0;color:#a9bee0}.ptph-monthly-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-top:5%}.ptph-monthly-kpis>div{padding:11px;border:1px solid rgba(255,255,255,.14);border-radius:10px;background:rgba(255,255,255,.06)}.ptph-monthly-kpis small{display:block;color:#9fb8df;font-size:8px}.ptph-monthly-kpis b{display:block;margin-top:4px;font-size:17px}.ptph-monthly-prize{margin-top:3%;padding:12px 14px;border:1px solid rgba(246,200,77,.3);border-radius:11px;background:rgba(246,200,77,.1)}.ptph-monthly-prize small{display:block;color:#c2d1ea;font-size:9px}.ptph-monthly-prize strong{display:block;margin-top:3px;color:#f6c84d;font-size:22px}.ptph-monthly-highlight{margin-top:3%;padding:12px;border-left:3px solid #f6c84d;background:rgba(255,255,255,.05)}.ptph-monthly-highlight small{color:#8eadd8}.ptph-monthly-highlight b{display:block;margin-top:4px;color:#fff}.ptph-monthly-highlight span{display:block;margin-top:4px;color:#f6c84d;font-weight:800}.ptph-monthly-preview footer{position:absolute;left:7%;right:7%;bottom:5%;display:flex;justify-content:space-between;gap:10px;color:#829ac1;font-size:8px}.ptph-monthly-export{display:flex;justify-content:center;gap:9px;margin-top:12px}
@media(max-width:620px){.ptph-monthly-card{grid-template-columns:1fr;gap:14px;padding:15px}.ptph-monthly-copy h2{font-size:20px}.ptph-monthly-copy>div{justify-content:space-between;gap:8px}.ptph-monthly-copy small b{font-size:15px}.ptph-monthly-actions button{width:100%}.ptph-monthly-dialog{padding:11px}.ptph-monthly-dialog>header{grid-template-columns:1fr auto}.ptph-monthly-dialog>header select{grid-column:1/-1;grid-row:2;width:100%}.ptph-monthly-preview{border-radius:10px}.ptph-monthly-player>i{width:52px;height:52px}.ptph-monthly-player h3{font-size:19px}.ptph-monthly-kpis{grid-template-columns:1fr 1fr}.ptph-monthly-preview footer span{max-width:68%}}

@media(max-width:620px){.ptph-result-list article:nth-of-type(n+4){display:none}}
@media(min-width:621px) and (max-width:850px){.ptph-result-list article:nth-of-type(n+6){display:none}}

.ptph-monthly-preview .ptph-monthly-brand{display:block;width:210px;height:58px;background:url('https://pokertodayth.com/wp-content/uploads/2026/08/LOGO-POKERTODAY-White-scaled.png') left center/contain no-repeat;font-size:0!important;line-height:0}
.ptph-monthly-preview .ptph-monthly-brand span{display:none!important}

.ptph-dashboard .ptph-monthly-preview,.ptph-dashboard .ptph-monthly-preview h2,.ptph-dashboard .ptph-monthly-preview h3,.ptph-dashboard .ptph-monthly-preview b{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ptph-dashboard .ptph-monthly-preview .ptph-monthly-player h3{color:#fff!important;-webkit-text-fill-color:#fff!important;text-shadow:0 2px 8px rgba(0,0,0,.16)}
.ptph-dashboard .ptph-monthly-preview .ptph-monthly-player p{color:#b9ccec!important;-webkit-text-fill-color:#b9ccec!important}
.ptph-dashboard .ptph-monthly-preview .ptph-monthly-kpis b{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ptph-dashboard .ptph-monthly-preview .ptph-monthly-prize strong{color:#f6c84d!important;-webkit-text-fill-color:#f6c84d!important;text-shadow:0 2px 8px rgba(0,0,0,.12)}
.ptph-dashboard .ptph-monthly-preview .ptph-monthly-highlight b{color:#fff!important;-webkit-text-fill-color:#fff!important}
.ptph-dashboard .ptph-monthly-preview .ptph-monthly-highlight span{color:#f6c84d!important;-webkit-text-fill-color:#f6c84d!important}

/* Verified player profile controls — 1.4.0 */
.ptph-verification-card>div{display:flex;align-items:center;gap:9px;margin:14px 0}.ptph-verification-card code{padding:10px 15px;border:1px dashed #7aa9ec;border-radius:10px;background:#eef5ff;color:#174f9c;font-size:20px;font-weight:800;letter-spacing:3px}.ptph-copy-code{padding:9px 12px;border:0;border-radius:9px;background:#2e7df2;color:#fff;font-weight:800;cursor:pointer}.ptph-verification-card small{display:block;color:#7d8aa3}
.ptph-profile-settings{order:20}.ptph-profile-editor{display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:16px;margin-bottom:18px}.ptph-profile-preview{display:grid;place-items:center;width:96px;height:96px;overflow:hidden;border:4px solid #e5b83e;border-radius:50%;background:#2268c6;color:#fff;font-size:34px;font-weight:800}.ptph-profile-preview img{width:100%;height:100%;object-fit:cover}.ptph-profile-editor strong{display:block}.ptph-profile-editor p{margin:4px 0 10px;color:#7a879e;font-size:11px}.ptph-photo-pick{display:inline-flex!important;align-items:center;width:auto!important;padding:8px 12px;border-radius:9px;background:#eaf3ff;color:#2469c5!important;font-size:10px!important;font-weight:800!important;cursor:pointer}.ptph-photo-pick input{position:absolute!important;width:1px!important;height:1px!important;opacity:0}.ptph-photo-locked{display:inline-flex;padding:6px 9px;border-radius:20px;background:#edf1f6;color:#68758c;font-size:10px;font-weight:800}.ptph-cropper{margin:0 auto 18px;padding:12px;border:1px solid #dce5f0;border-radius:14px;background:#f5f8fc}.ptph-cropper[hidden]{display:none}.ptph-cropper canvas{display:block;width:min(100%,480px);height:auto;margin:auto;border-radius:10px;touch-action:none;cursor:grab}.ptph-cropper>div{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:11px}.ptph-cropper label{display:flex!important;align-items:center;gap:7px;width:auto!important}.ptph-cropper button{padding:7px 10px;border:1px solid #ccdaec;border-radius:8px;background:#fff;color:#40516d;font-weight:700;cursor:pointer}.ptph-cropper .ptph-crop-done{border-color:#2e7df2;background:#2e7df2;color:#fff}.ptph-social-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-bottom:14px}.ptph-social-fields label{min-width:0}.ptph-photo-change-form{margin-top:10px}
@media(max-width:620px){.ptph-profile-editor{grid-template-columns:72px minmax(0,1fr);gap:12px}.ptph-profile-preview{width:72px;height:72px}.ptph-social-fields{grid-template-columns:1fr}.ptph-cropper{padding:7px}.ptph-verification-card>div{align-items:stretch;flex-direction:column}.ptph-verification-card code{text-align:center}}

/* Account settings — 1.4.1 */
.ptph-dashboard-nav{display:flex;gap:6px;padding:10px 20px;border-top:1px solid #e0e7f0;border-bottom:1px solid #e0e7f0;background:#fff}.ptph-tab{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;white-space:nowrap;border:0;background:transparent;color:#5a6a8a;font-family:"Kanit",sans-serif;font-size:13px;font-weight:500;padding:9px 14px;border-radius:9px;cursor:pointer}.ptph-tab:hover,.ptph-tab:focus-visible{background:#edf4fe;color:#2470d5}.ptph-tab.active{background:var(--ptph-blue);color:#fff}.ptph-tab-ico{width:16px;height:16px;flex:0 0 auto;background:currentColor;-webkit-mask:var(--ptph-ico) center/contain no-repeat;mask:var(--ptph-ico) center/contain no-repeat}.ptph-ico-overview{--ptph-ico:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><path d="M4 20V10M12 20V4M20 20v-7"/></svg>')}.ptph-ico-profile{--ptph-ico:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="12" cy="8" r="4"/><path d="M4 21c.7-4.2 3.4-6 8-6s7.3 1.8 8 6"/></svg>')}.ptph-ico-account{--ptph-ico:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2"><circle cx="12" cy="12" r="3"/><path d="M19.4 15a1.7 1.7 0 0 0 .34 1.87l.06.06a2 2 0 1 1-2.83 2.83l-.06-.06a1.7 1.7 0 0 0-1.87-.34 1.7 1.7 0 0 0-1.04 1.56V21a2 2 0 1 1-4 0v-.09A1.7 1.7 0 0 0 9 19.4a1.7 1.7 0 0 0-1.87.34l-.06.06a2 2 0 1 1-2.83-2.83l.06-.06A1.7 1.7 0 0 0 4.6 15a1.7 1.7 0 0 0-1.56-1.04H3a2 2 0 1 1 0-4h.09A1.7 1.7 0 0 0 4.6 9a1.7 1.7 0 0 0-.34-1.87l-.06-.06a2 2 0 1 1 2.83-2.83l.06.06A1.7 1.7 0 0 0 9 4.6a1.7 1.7 0 0 0 1.04-1.56V3a2 2 0 1 1 4 0v.09A1.7 1.7 0 0 0 15 4.6a1.7 1.7 0 0 0 1.87-.34l.06-.06a2 2 0 1 1 2.83 2.83l-.06.06A1.7 1.7 0 0 0 19.4 9a1.7 1.7 0 0 0 1.56 1.04H21a2 2 0 1 1 0 4h-.09A1.7 1.7 0 0 0 19.4 15z"/></svg>')}.ptph-account-section{margin:18px;padding:20px;border:1px solid #dce5f0;border-radius:17px;background:#fff;scroll-margin-top:85px}.ptph-account-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(320px,1.2fr);gap:24px}.ptph-account-info{display:grid;align-content:start;gap:10px}.ptph-account-info label{display:grid;gap:4px;padding:12px;border:1px solid #e1e7f0;border-radius:11px;color:#8692a7;font-size:10px}.ptph-account-info strong{color:#18233b;font-size:13px;overflow-wrap:anywhere}.ptph-account-info p{color:#8894a7;font-size:9px}.ptph-password-field{position:relative;display:block}.ptph-password-field input{padding-right:58px!important}.ptph-toggle-password{position:absolute;top:50%;right:7px;transform:translateY(-50%);padding:5px 7px;border:0;border-radius:6px;background:#edf3fb;color:#2d6fc8;font-size:9px;font-weight:800;cursor:pointer}
@media(max-width:620px){.ptph-dashboard-nav{overflow-x:auto;padding:8px;scrollbar-width:none}.ptph-tab{padding:8px 11px;font-size:12px}.ptph-account-section{margin:10px 8px;padding:14px 12px}.ptph-account-layout{grid-template-columns:1fr;gap:18px}.ptph-account-section .ptph-section-head{align-items:flex-start}.ptph-account-section .ptph-section-head small{max-width:180px}}
