.pnd-root{display:block;color:#eeede7;font-family:'PN Body',Arial,sans-serif;font-style:normal}
.pnd-root--device{position:absolute;left:0;top:0;z-index:12}
.pnd-badge{display:flex;align-items:center;gap:9px;min-height:52px;padding:3px 8px 3px 0;color:#eeede7;text-decoration:none}
.pnd-badge .pnd-insignia{width:29px;height:36px;color:#e0c9c5}
.pnd-badge b,.pnd-badge small{display:block;font-family:'PN Mono',monospace;font-style:normal;line-height:1.5;letter-spacing:.08em}
.pnd-badge b{font-size:10px;font-weight:500}.pnd-badge small{font-size:8px;color:#b8b8b8}
.pnd-badge:hover .pnd-insignia{color:#e84955}
.pnd-dialog{box-sizing:border-box;width:min(760px,calc(100vw - 24px));max-width:none;max-height:90dvh;max-height:min(90dvh,960px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid #55575a;border-top:4px solid #55575a;border-bottom:6px solid #24262a;border-radius:14px;background:#090b0e;color:#eeede7;box-shadow:0 0 0 5px #17191c,0 25px 100px #000b}
.pnd-dialog::backdrop{background:#000b;backdrop-filter:blur(5px)}
.pnd-record{position:relative;padding:32px;background-image:linear-gradient(#a4a4a405 1px,transparent 1px),linear-gradient(90deg,#a4a4a405 1px,transparent 1px);background-size:36px 36px}
.pnd-close{position:sticky;display:block;top:8px;z-index:2;width:44px;height:44px;margin:8px 8px -52px auto;border:1px solid #494b50;border-radius:50%;background:#202227;color:#eeede7;font:26px/1 Arial;cursor:pointer}
.pnd-heading{padding-right:35px}.pnd-micro{margin:0 0 8px;font:500 9px/1.6 'PN Mono',monospace;letter-spacing:.11em;color:#bbb9b5}
.pnd-heading h2{margin:0 0 28px;font:400 clamp(28px,4vw,44px)/.98 'PN Title',Arial,sans-serif;letter-spacing:-.015em;color:#eeede7}
.pnd-status{display:flex;align-items:center;gap:22px;margin:0 0 24px}.pnd-seal{display:grid;place-items:center;width:102px;height:112px;flex:none;background:radial-gradient(#ca1b271a,transparent 68%);color:#e3d0c9}.pnd-seal svg{width:78px;height:94px}
.pnd-status h3{margin:0 0 8px;color:#eeede7;font:400 clamp(24px,4vw,36px)/1 'PN Title',Arial,sans-serif;letter-spacing:0}.pnd-status p:last-child{margin:0;font-size:14px;color:#bbb9b5;overflow-wrap:anywhere}
.pnd-action{display:block;padding:17px 12px;border:1px solid #da4450;border-bottom:3px solid #67101d;background:linear-gradient(#c72333,#9b1726);color:#fff;text-align:center;text-decoration:none;font:600 11px/1.5 'PN Mono',monospace;letter-spacing:.07em}
.pnd-root .pnd-note{font:400 12px/1.65 'PN Body',Arial,sans-serif;color:#bcbab7;margin:12px 0 18px}
.pnd-progress-label{display:flex;justify-content:space-between;gap:12px;font:10px/1.6 'PN Mono',monospace;color:#ddd}
.pnd-progress{display:block;width:100%;height:5px;margin:9px 0 10px;border:0;appearance:none;background:#343538;color:#ca1b27}.pnd-progress::-webkit-progress-bar{background:#343538}.pnd-progress::-webkit-progress-value{background:#ca1b27}.pnd-progress::-moz-progress-bar{background:#ca1b27}
.pnd-account,.pnd-cart-link{display:inline-block;padding:10px 0;color:#eeede7;text-underline-offset:5px;font:500 10px/1.5 'PN Mono',monospace}
.pnd-section-label{display:flex;justify-content:space-between;gap:16px;margin:24px 0 15px;padding-top:19px;border-top:1px solid #343539;font:500 9px/1.5 'PN Mono',monospace;letter-spacing:.09em;color:#c2bfbb}.pnd-section-label span:last-child{color:#88898b;text-align:right}
.pnd-ladder{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;padding:0;margin:0;list-style:none}
.pnd-ladder li{display:flex;flex-direction:column;align-items:center;gap:8px;padding:8px 2px 12px;color:#838487;border-bottom:1px solid #343539;text-align:center}.pnd-ladder li.is-current{color:#efeee8;border-color:#ca1b27;background:linear-gradient(transparent,#ca1b270e)}
.pnd-ladder svg{width:42px;height:54px}.pnd-ladder strong{font:500 8px/1.4 'PN Mono',monospace;letter-spacing:.03em}.pnd-ladder span{font:10px/1.4 'PN Mono',monospace}
.pnd-reward{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:18px;padding:18px 0;border-bottom:1px solid #27292d}.pnd-reward:first-child{padding-top:0}.pnd-reward-image{display:grid;place-items:center;min-height:80px}.pnd-reward-image img{max-width:80px;width:100%;height:80px;object-fit:contain;filter:drop-shadow(0 6px 9px #0008)}
.pnd-reward-copy h4{margin:0 0 8px;font:500 14px/1.35 'PN Body',Arial,sans-serif;letter-spacing:0;color:#eeede7}.pnd-reward-copy .pnd-micro{color:#c0999b;margin-bottom:5px;font-size:8px}
.pnd-lock{font:9px/1.5 'PN Mono',monospace;letter-spacing:.06em;color:#939396}.pnd-claim{min-height:44px;padding:10px 14px;border:1px solid #745055;background:#25171b;color:#f0eee9;font:500 10px/1.5 'PN Mono',monospace;cursor:pointer}.pnd-claim[hidden]{display:none}.pnd-claim:disabled{opacity:.5;cursor:wait}
.pnd-feedback{font:13px/1.6 'PN Body',Arial,sans-serif;color:#ede5df;margin:16px 0 0}.pnd-feedback:empty{display:none}
.pnd-terms{margin-top:14px;padding:15px 0;border-top:1px solid #343539}.pnd-terms summary{cursor:pointer;padding:8px 0;color:#c6c3bd;font:10px/1.6 'PN Mono',monospace;letter-spacing:.04em}.pnd-terms p{font:12px/1.65 'PN Body',Arial,sans-serif;color:#aaa9a6}
.pnd-footer{margin:12px 0 0;color:#b9505a;font:500 9px/1.5 'PN Mono',monospace;letter-spacing:.18em}
.pnd-root :is(a,button,summary):focus-visible{outline:2px solid #f0eee9;outline-offset:4px}
.pnd-page{padding:clamp(24px,5vw,80px) 14px;background:#050607}.pnd-root--page{max-width:850px;margin:auto;border:1px solid #55575a;border-top:5px solid #34363b;border-bottom:6px solid #24262a;border-radius:14px;background:#090b0e;overflow:hidden}
@media(max-width:749px){.pnd-badge{gap:7px}.pnd-badge b{font-size:9px}.pnd-badge small{font-size:7px}.pnd-record{padding:24px 18px}.pnd-heading h2{font-size:29px;max-width:13ch;margin-bottom:22px}.pnd-status{gap:13px}.pnd-seal{width:66px;height:90px}.pnd-seal svg{width:60px;height:74px}.pnd-status h3{font-size:26px}.pnd-ladder svg{width:33px;height:44px}.pnd-ladder strong{font-size:8px;letter-spacing:0}.pnd-ladder span{font-size:9px}.pnd-section-label{font-size:8px;gap:6px}.pnd-reward{grid-template-columns:60px 1fr;gap:12px}.pnd-reward-image img{height:66px}.pnd-reward-copy h4{font-size:13px}.pnd-terms p{font-size:12px}}
@media(max-width:359px){.pnd-record{padding:24px 12px}.pnd-badge b{font-size:8px}.pnd-badge small{font-size:6.5px}.pnd-badge .pnd-insignia{width:25px}.pnd-status h3{font-size:24px}}

@media(max-width:359px){.pnd-ladder strong{font-size:7px}}