body[data-page="points"]{--ptp-card-ratio:85.6 / 53.98;--ptp-card-radius:clamp(12px,3.7vw,20px);--ptp-card-shade:linear-gradient(180deg,rgba(10,4,30,0.58),rgba(10,4,30,0.5) 30%,transparent 58%),linear-gradient(0deg,rgba(10,4,30,0.76),rgba(10,4,30,0.62) 32%,transparent 76%)}body[data-page="points"] .ptp-page{padding-top:24px}.ptp-card-logo{position:absolute;top:12px;left:20px;display:block;width:auto;height:44px;max-width:calc(100% - 100px);object-fit:contain;filter:brightness(0) invert(1);pointer-events:none}.ptp-card-edit{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:12px;border:1px solid #ffffff55;border-radius:50%;background:#10082780;color:#fff;cursor:pointer}.ptp-card-edit:focus-visible{outline:2px solid #fff;outline-offset:3px}body.ptp-editor-open{overflow:hidden}.ptp-background-editor{--ptp-sheet-travel:48px;width:min(620px,calc(100% - 32px));max-height:min(860px,calc(100dvh - 48px));padding:0;border:1px solid var(--border);border-radius:24px;background:var(--card);color:var(--foreground);font:inherit;overflow:hidden}.ptp-background-editor[open]{display:flex;flex-direction:column}.ptp-background-editor::backdrop{background:#0c071b80}.ptp-background-editor[open]::backdrop{animation:ptp-backdrop-in 240ms ease-out both}.ptp-background-editor.is-closing::backdrop{animation:ptp-backdrop-out 220ms ease-in both}@keyframes ptp-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes ptp-backdrop-out{from{opacity:1}to{opacity:0}}.ptp-editor-head{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:12px;padding:12px 16px 8px 20px}.ptp-editor-head h2{margin:0;font-size:1rem;font-weight:600}.ptp-editor-head button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:12px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer}.ptp-editor-body{flex:1 1 auto;min-height:0;padding:0 20px 12px;overflow-y:auto;overscroll-behavior:contain}.ptp-background-preview{position:relative;overflow:hidden;display:flex;align-items:flex-end;aspect-ratio:var(--ptp-card-ratio);padding:20px;border-radius:var(--ptp-card-radius);color:#fff;background-color:#1a103b;background-image:var(--ptp-card-shade),var(--ptp-artwork,url("../images/points/mountain-landscape-v1.svg"));background-position:var(--ptp-artwork-position,center);background-size:cover}.ptp-background-preview .ptp-card-value{font-size:2rem}.ptp-background-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}.ptp-background-grid button{position:relative;min-width:0;min-height:44px;aspect-ratio:var(--ptp-card-ratio);padding:0;overflow:hidden;border:2px solid transparent;border-radius:12px;background:#1a103b;cursor:pointer}.ptp-background-grid img{display:block;width:100%;height:100%;object-fit:cover}.ptp-background-grid button[aria-pressed="true"]{border-color:var(--ring)}.ptp-background-check{position:absolute;top:4px;right:4px;display:none;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:#b95206;color:#fff}.ptp-background-grid [aria-pressed="true"] .ptp-background-check{display:inline-flex}.ptp-background-editor :focus-visible{outline:2px solid var(--ring);outline-offset:2px}.ptp-editor-status{min-height:1.5em;margin:12px 0 0;font-size:0.8rem;color:var(--muted-foreground)}.ptp-editor-actions{display:flex;flex:0 0 auto;gap:12px;padding:12px 20px max(16px,env(safe-area-inset-bottom));border-top:1px solid var(--border)}.ptp-editor-actions button{flex:1;min-height:44px}.ptp-background-editor button:disabled{cursor:default;opacity:0.5}@media (max-width:640px){.ptp-background-editor{--ptp-sheet-travel:calc(100% + 24px);width:100%;max-width:100%;max-height:calc(100dvh - max(20px,env(safe-area-inset-top)));margin:auto 0 0;border-radius:24px 24px 0 0}.ptp-background-grid{gap:8px}}@media (prefers-reduced-motion:reduce){.ptp-background-editor[open]::backdrop{animation:none}}