/* Friday: component tokens reference PokerDot's existing semantic palette/type. */
.fr-deal{--fr-bg:var(--dot-canvas,#07080a);--fr-ink:var(--dot-ink,#f0f2f5);--fr-muted:var(--dot-muted,#a1a7b2);--fr-line:var(--dot-line,#ffffff17);--fr-surface:linear-gradient(145deg,#101215,#0b0d10 78%);--fr-positive:#6bd6a5;--fr-action:#d71921;--fr-card-back:#101416;--fr-edge:#a3adb8;--fr-space:20px;position:absolute;inset:0;z-index:110;display:flex;flex-direction:column;background:var(--fr-bg);color:var(--fr-ink);font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Play',sans-serif);overflow:hidden}
.fr-deal *{box-sizing:border-box}.fr-deal button{font:inherit;color:inherit;cursor:pointer}.fr-deal button:focus-visible{outline:2px solid var(--fr-ink);outline-offset:4px}.fr-body{flex:1;min-height:0;overflow:auto;padding:0 var(--fr-space) 16px;scrollbar-width:none}.fr-context{display:flex;justify-content:space-between;gap:12px;color:var(--fr-muted);font-size:var(--pd-type-caption);margin:0 0 20px}.fr-context span:last-child{text-align:right}
.fr-stage{position:relative;border:1px solid var(--fr-line);border-radius:20px;background:var(--fr-surface);padding:20px 14px 24px;overflow:hidden}.fr-phase{text-align:center;color:var(--fr-muted);margin:0 0 22px;min-height:20px}.fr-board{display:flex;justify-content:center;gap:8px;min-height:75px}.fr-card{position:relative;width:52px;height:75px;flex:none;perspective:700px}.fr-card-large{width:78px;height:112px}.fr-card-flip{width:100%;height:100%;position:relative;transform-style:preserve-3d;transform:rotateY(180deg);transition:transform .6s cubic-bezier(.2,.8,.2,1);border-radius:5px;box-shadow:0 6px 12px #0005}.fr-card[data-shown=true] .fr-card-flip{transform:rotateY(0deg)}.fr-card-back,.fr-card-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:5px;overflow:hidden;display:grid;place-items:center}.fr-card-face>svg{display:block;width:100%;height:100%}.fr-card-back{transform:rotateY(180deg);border:1px solid var(--fr-edge);background:var(--fr-card-back);box-shadow:inset 0 0 0 4px var(--fr-card-back),inset 0 0 0 5px var(--fr-line)}.fr-back-dots{display:grid;grid-template-columns:8px 8px;gap:3px;transform:rotate(45deg)}.fr-back-dots>i{display:block;width:8px;height:8px;border-radius:50%;background:var(--fr-edge)}.fr-back-dots>i:first-child{background:var(--fr-action)}.fr-card[data-winning=true]{filter:drop-shadow(0 0 5px #6bd6a533)}.fr-card[data-winning=true]:after{content:'';position:absolute;inset:-3px;border:1px solid var(--fr-positive);border-radius:7px;pointer-events:none}.fr-dot-mark{position:absolute;bottom:6px;left:8px;background:var(--fr-card-back);color:var(--fr-ink);font-size:var(--pd-type-caption);padding:0 4px;border-radius:3px}
.fr-table-line{width:70%;height:16px;border-bottom:1px solid var(--fr-line);border-radius:50%;margin:8px auto 20px}.fr-hole{display:flex;justify-content:center;gap:22px}.fr-hole>div{display:flex;align-items:center;flex-direction:column;gap:12px}.fr-hole>div>span{font-size:var(--pd-type-caption);color:var(--fr-muted)}.fr-hole>.fr-owned>span{color:var(--fr-ink)}
.fr-result{text-align:center;min-height:136px;margin-top:26px}.fr-result h2{margin:0 0 12px;font:700 var(--pd-type-body)/24px var(--cm-font-ui,'Play',sans-serif);letter-spacing:0;text-transform:none;color:var(--fr-ink)}.fr-rate{font:700 var(--pd-type-hero)/56px var(--cm-font-display,'Play',sans-serif);font-variant-numeric:tabular-nums;color:var(--fr-positive);letter-spacing:-1px}.fr-rate>span{font-size:var(--pd-type-submetric);letter-spacing:0;margin-left:3px}.fr-result p{margin:6px 0 0;color:var(--fr-muted)}.fr-skip{border:0;border-bottom:1px solid var(--fr-line);background:none;margin:18px 0 0;padding:8px 0;color:var(--fr-muted)!important}.fr-credit{display:flex;justify-content:space-between;align-items:baseline;margin-top:20px;padding:0 2px;gap:12px}.fr-credit>span{color:var(--fr-muted)}.fr-credit>strong{font:700 var(--pd-type-submetric)/28px var(--cm-font-display,'Play',sans-serif);font-variant-numeric:tabular-nums}.fr-note{color:var(--fr-muted);font-size:var(--pd-type-caption);line-height:18px;margin:12px 0 0;text-wrap:pretty}.fr-footer{flex:none;padding:12px var(--fr-space) 24px;background:var(--fr-bg)}.fr-footer .fr-primary{width:100%;min-height:50px;border:1px solid #ff6a7233;border-radius:12px;background:linear-gradient(#ef2939,var(--fr-action));font-weight:700;font-size:var(--pd-type-label);color:var(--fr-ink)}.fr-primary:active{filter:brightness(.9)}.fr-primary:disabled{opacity:.4;cursor:default}.fr-wait{display:block;text-align:center;padding:15px;color:var(--fr-muted)}.fr-error{color:#f1838c;font-size:var(--pd-type-label)}
@media(max-width:370px){.fr-deal{--fr-space:16px}.fr-board{gap:5px}.fr-stage{padding-left:10px;padding-right:10px}.fr-context{font-size:var(--pd-type-caption);gap:8px}}
@media(max-height:760px){.fr-phase{margin-bottom:14px}.fr-stage{padding-top:16px;padding-bottom:16px}.fr-result{margin-top:18px;min-height:119px}.fr-table-line{margin-bottom:14px}.fr-context{margin-bottom:14px}.fr-footer{padding-bottom:16px}}
@media(prefers-reduced-motion:reduce){.fr-card-flip{transition:none}}

/* Cards-only home: the collection object is the hero, not a totem. */
.fr-hub{height:100%;min-height:0;display:flex;flex-direction:column;position:relative;background:var(--dot-canvas,#07080a);color:var(--dot-ink,#f0f2f5);font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Play',sans-serif)}
.fr-hub *{box-sizing:border-box}.fr-hub button{font:inherit;color:inherit;cursor:pointer}.fr-hub button:focus-visible{outline:2px solid #edf1f7;outline-offset:4px}.fr-hub-scroll{flex:1;min-height:0;overflow:auto;padding:24px 20px 100px;scrollbar-width:none}.fr-home-intro>span{font-size:var(--pd-type-caption);color:var(--dot-muted,#a1a7b2)}.fr-home-intro h2{font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif);letter-spacing:0;text-transform:none;margin:8px 0}.fr-home-intro p{font-size:var(--pd-type-label);line-height:22px;color:var(--dot-muted,#a1a7b2);margin:0 0 20px;text-wrap:pretty}
.fr-your-card{display:flex;flex-direction:column;align-items:center;width:100%;padding:22px 20px 20px;background:radial-gradient(ellipse at 50% 35%,#c4ced914,transparent 68%),linear-gradient(145deg,#101215,#0b0d10);border:1px solid var(--dot-line,#ffffff17);border-radius:20px}.fr-owned-art{display:flex;justify-content:center;margin-bottom:16px;filter:drop-shadow(0 12px 16px #0006)}.fr-owned-art canvas{width:100px!important;height:141px!important;border-radius:7px!important}.fr-empty-card{display:grid;place-items:center;width:100px;height:141px;border:1px solid #a3adb866;border-radius:7px;background:#0b0e10;font:700 var(--pd-type-metric)/40px var(--cm-font-display,'Play',sans-serif)}.fr-your-card>strong{font:700 var(--pd-type-submetric)/28px var(--cm-font-display,'Play',sans-serif)}.fr-your-card>span{margin-top:5px;color:var(--dot-muted,#a1a7b2)}.fr-your-card>small{margin-top:16px;font-size:var(--pd-type-caption);color:var(--dot-muted,#a1a7b2)}.fr-home-progress{margin:22px 0 18px}.fr-home-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.fr-home-progress strong{font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif)}.fr-home-progress small{font:400 var(--pd-type-label)/20px var(--cm-font-ui,'Play',sans-serif);color:var(--dot-muted,#a1a7b2)}.fr-progress-track{height:4px;background:#ffffff12;border-radius:4px;overflow:hidden;margin-top:12px}.fr-progress-track i{display:block;height:100%;background:#d71921}.fr-home-progress p{font-size:var(--pd-type-caption);line-height:18px;color:var(--dot-muted,#a1a7b2);margin:10px 0 0}
.fr-hub-scroll>.fr-primary{width:100%;min-height:50px;border:1px solid #ff6a7233;border-radius:12px;background:linear-gradient(#ef2939,#d71921);font-weight:700;font-size:var(--pd-type-label)}.fr-home-links{margin-top:22px;border-top:1px solid var(--dot-line,#ffffff17)}.fr-home-links button{display:flex;justify-content:space-between;align-items:center;text-align:left;gap:12px;width:100%;padding:17px 0;border:0;border-bottom:1px solid var(--dot-line,#ffffff17);background:none}.fr-home-links button>span{color:var(--dot-muted,#a1a7b2)}.fr-demo-link{border:0;background:none;font-size:var(--pd-type-caption)!important;line-height:18px!important;color:var(--dot-muted,#a1a7b2)!important;display:block;margin:20px 0 0;padding:4px 0;text-align:left}
.fr-rates{border:1px solid var(--dot-line,#ffffff17);border-radius:20px;background:linear-gradient(145deg,#101215,#0b0d10);padding:0 18px;margin:24px 0}.fr-rates>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 0}.fr-rates>div+div{border-top:1px solid var(--dot-line,#ffffff17)}.fr-rates strong{font:700 var(--pd-type-title)/24px var(--cm-font-display,'Play',sans-serif)}.fr-receipt{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 0;border-bottom:1px solid var(--dot-line,#ffffff17)}.fr-receipt>div{display:flex;flex-direction:column;gap:5px}.fr-receipt span{font-size:var(--pd-type-caption);color:var(--dot-muted,#a1a7b2)}.fr-receipt>b{font:700 var(--pd-type-submetric)/28px var(--cm-font-display,'Play',sans-serif);color:#6bd6a5}.fr-hub .fr-note{color:var(--dot-muted,#a1a7b2)}