/* Integrated with 0aim.xyz; v0.2 gallery uses a Twitch-authenticated D1 collection. */
.points-explainer{padding-block:28px 75px}.points-explainer-inner{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;border:1px solid #ad66cf77;background:radial-gradient(circle at 83% 48%,#b44ad722,transparent 50%),linear-gradient(125deg,#151b2d,#201327);padding:32px 38px;box-shadow:0 18px 60px #0005}
.points-explainer h2{font:800 clamp(29px,4.7vw,52px)/1.05 var(--display);letter-spacing:-.045em;margin:14px 0}.points-explainer h2 span{color:var(--pink)}.points-explainer p{max-width:680px;color:#bac3d4;line-height:1.4;font-size:18px}.points-explainer code{color:var(--cyan);font:800 15px var(--display)}
.points-explainer-side{min-width:230px;border:1px solid #ffffff33;background:#0c1322c9;padding:28px 20px;display:grid;gap:10px;text-align:center}.points-explainer-side>b{font:800 48px var(--display);color:#ffd57a}.points-explainer-side b small{font-size:12px;display:block;color:#cfb9e5}.points-explainer-side>span{font:800 11px var(--display);color:var(--cyan);letter-spacing:1px}.points-explainer-side>div{border-top:1px solid #ffffff23;padding-top:15px;font:700 10px var(--display);color:#abb9d0}.points-explainer-side em{color:var(--pink);display:block;margin-top:4px;font-style:normal}
.action.preview{color:#baf7f2;border-color:#62dace9e;background:#15373b;white-space:normal}.action.preview:hover{color:#fff;background:#176467}.catalog-mode .cooldown-controls select:disabled,.catalog-mode .own-toggle{opacity:.5}
/* Respect the existing mobile cards and keep intro readable. */
@media(max-width:760px){.points-explainer-inner{grid-template-columns:1fr;padding:25px}.points-explainer-side{min-width:0}.points-explainer p{font-size:17px}}
@media(prefers-reduced-motion:reduce){.points-explainer *{animation:none!important}}

[hidden]{display:none!important}
/* v0.2: secure viewer collection and sealed D1 draws. */
.account-feedback{margin-top:18px;padding:15px 18px;color:#aae9e2;background:#0c262a;border-left:3px solid var(--cyan);font-size:15px;line-height:1.4}
.pending{padding-block:55px 75px;border-bottom:1px solid #ffffff24}
.pending-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px}
.pending-head h2{font:800 clamp(36px,5vw,60px)/1.05 var(--display);letter-spacing:-.055em;margin:16px 0}
.pending-head h2 span{color:transparent;-webkit-text-stroke:1px #ff59a9}
.pending-head p{color:#c5c7dc;max-width:700px}
.pending-head>strong{font:800 13px var(--display);letter-spacing:.07em;color:var(--cyan);white-space:nowrap}
.pending-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:27px}
.mystery-tile{min-height:270px;display:flex;flex-direction:column;gap:11px;padding:24px;border:1px solid #bc66e6;background:linear-gradient(140deg,#221331,#101d2a 68%,#0b2630);box-shadow:0 18px 60px #0006;position:relative;overflow:hidden}
.mystery-tile:before{content:'';position:absolute;inset:-100%;pointer-events:none;background:linear-gradient(110deg,transparent 47%,#7dfff023 49%,#ff59ce23 50%,transparent 53%);transform:rotate(15deg);animation:shine 8s ease-in-out infinite}
.mystery-spark{font:800 54px var(--display);color:#df9cff;text-align:center;filter:drop-shadow(0 0 20px #cf79fc)}
.mystery-tile h3{font:800 20px var(--display);margin:0;color:white}
.mystery-tile p{margin:0;color:#bac5db;font-size:15px;flex:1}
.mystery-tile .action{align-self:flex-start;z-index:1}
@media(max-width:850px){.pending-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:540px){.pending-grid{grid-template-columns:1fr}.pending-head{display:block}.pending-head>strong{display:block;margin-top:16px}}
@media(prefers-reduced-motion:reduce){.mystery-tile:before{animation:none}}

/* v0.3 test: challenge approval workflow, independent of permanent card ownership. */
.owned-card{min-width:0;display:flex;flex-direction:column;gap:11px}
.owned-card>.collectible{width:100%}
.owned-card>.activation-action{width:100%;min-height:52px;text-align:center;font-size:10px;white-space:normal;justify-content:center;border-color:#2af5e777;color:#77f6ed;background:#0e292d}
.owned-card>.activation-action:disabled{color:#bdc6d5;opacity:.7;border-color:#ffffff3c}

/* v0.3.1: consumed copies live in separate history, not active inventory. */
.used-section{padding-block:26px 75px;border-top:1px solid #ffffff23}
.used-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:22px}
.used-entry{display:flex;flex-direction:column;gap:8px;background:#111c2bcf;border:1px solid #62dace6c;padding:18px 22px;border-radius:12px}
.used-entry strong{font:800 19px var(--display);color:#80f8e7}
.used-entry span{font-size:13px;color:#c4cfe0}