/* GENESIS player accounts (player.js): header link, lightbox actions, sign in, account page, print sheets */
.pl-hdr{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px;margin-left:auto;margin-right:12px;border-radius:999px;color:var(--parch);font:600 15px/1 var(--f-body);text-decoration:none;white-space:nowrap}
.pl-hdr:hover,.pl-hdr:focus-visible{color:var(--gold)}
.pl-hdr svg{fill:none;stroke:currentColor;stroke-width:1.8}
.pl-n:not(:empty){min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:var(--gold);color:rgb(var(--ink-rgb));font:700 13px/22px var(--f-body);text-align:center}
@media (max-width:980px){.pl-hdr-t{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.pl-hdr{padding:0 8px;margin-right:6px}}

.lb-acts:empty{display:none}
.lb-acts{margin:18px 0 6px}
.pl-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.pl-heart,.pl-act{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--parch);font:600 15px/1.1 var(--f-body);text-decoration:none;cursor:pointer}
.pl-heart svg{fill:none;stroke:currentColor;stroke-width:1.8;transition:transform .2s}
.pl-heart.on{border-color:var(--gold);color:var(--gold);background:rgba(var(--gold-rgb),.12)}
.pl-heart.on svg{fill:currentColor;transform:scale(1.08)}
.pl-heart:hover,.pl-act:hover,.pl-heart:focus-visible,.pl-act:focus-visible{border-color:var(--gold);color:var(--gold)}
.pl-nudge{margin-top:16px;padding:16px 18px;border-radius:16px;border:1px solid rgba(var(--gold-rgb),.45);background:rgba(var(--gold-rgb),.08)}
.pl-nudge p{margin:0 0 10px}
.pl-nudge-h{font:600 19px/1.2 var(--f-display);color:var(--gold)}
.pl-nudge-no{min-height:44px;padding:0 10px;border:0;background:none;color:var(--muted);font:500 15px/1 var(--f-body);text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.pl-nudge-no:hover{color:var(--parch)}

.pl-dlg{width:min(460px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px 24px 24px;border:1px solid var(--line);border-radius:22px;background:rgb(var(--ink-rgb));color:var(--parch);box-shadow:0 30px 80px rgba(var(--shade-rgb),.7)}
.pl-dlg::backdrop{background:rgba(var(--shade-rgb),.72);backdrop-filter:blur(3px)}
.pl-x{position:absolute;top:10px;right:10px}
.pl-h{font:600 clamp(22px,3vw,28px)/1.15 var(--f-display);color:var(--gold);margin:0 0 14px;padding-right:40px}
.pl-perks{list-style:none;margin:0 0 18px;padding:0;display:grid;gap:8px}
.pl-perks li{position:relative;padding-left:26px}
.pl-perks li::before{content:"";position:absolute;left:4px;top:.45em;width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(var(--gold-rgb),.18)}
.pl-form{display:grid;gap:12px}
.pl-lead{margin:0;color:var(--muted)}
.pl-lbl{display:grid;gap:6px;font:600 15px/1.3 var(--f-body)}
.pl-lbl input{width:100%;box-sizing:border-box;min-height:50px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:rgba(var(--shade-rgb),.45);color:var(--parch);font:400 17px/1.4 var(--f-body)}
.pl-lbl input:focus{outline:2px solid var(--gold);outline-offset:1px}
.pl-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.pl-go{justify-self:start}
.pl-form.sent .pl-lbl,.pl-form.sent .pl-go{display:none}
.pl-fine{margin:0;font-size:14px;color:var(--muted)}
.pl-said{margin:0;font-weight:500}
.pl-said:empty{display:none}
.pl-said.ok{padding:12px 14px;border-radius:12px;background:rgba(var(--gold-rgb),.12);color:var(--parch)}
.pl-said.bad{color:#ff9d8a}

.pl-toast{position:fixed;left:50%;bottom:24px;z-index:2147483000;max-width:calc(100vw - 32px);margin:0;padding:12px 18px;border-radius:999px;background:var(--gold);color:rgb(var(--ink-rgb));font:600 15px/1.3 var(--f-body);box-shadow:0 12px 30px rgba(var(--shade-rgb),.5);opacity:0;transform:translate(-50%,12px);pointer-events:none;transition:opacity .25s,transform .25s}
.pl-toast.on{opacity:1;transform:translate(-50%,0)}

.cg-a.pl-saved{position:relative}
.cg-a.pl-saved::after{content:"";position:absolute;top:8px;right:8px;width:26px;height:26px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23100d17' d='M12 20.5s-7.5-4.6-9.6-9.3C1 8 3 4.5 6.6 4.5c2.1 0 3.6 1.2 4.4 2.6.8-1.4 2.3-2.6 4.4-2.6C19 4.5 21 8 19.6 11.2 17.5 15.9 12 20.5 12 20.5z'/%3E%3C/svg%3E") center/15px no-repeat;box-shadow:0 2px 8px rgba(0,0,0,.45)}

#pl-account{margin-top:8px}
.pl-out{max-width:34em}
.pl-top{display:grid;gap:14px;margin:0 0 28px}
.pl-who{margin:0;color:var(--muted)}
.pl-who strong{color:var(--parch);word-break:break-all}
.pl-meter p{margin:8px 0 0;color:var(--parch)}
.pl-bar{height:10px;border-radius:999px;background:rgba(var(--gold-rgb),.15);overflow:hidden;max-width:32em}
.pl-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,rgba(var(--gold-rgb),.7),var(--gold))}
.pl-empty{padding:28px;border:1px dashed var(--line);border-radius:20px;max-width:34em}
.pl-printer{margin:0 0 32px;padding:clamp(18px,3vw,28px);border:1px solid var(--line);border-radius:20px;background:rgba(var(--ink-rgb),.55);max-width:44em}
.pl-which{margin:0 0 14px}
.pl-pills{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px}
.pl-pill{display:grid;gap:2px;min-height:56px;padding:8px 18px;border-radius:16px;border:1px solid var(--line);background:transparent;color:var(--parch);text-align:left;cursor:pointer;font:inherit}
.pl-pill strong{font:600 16px/1.2 var(--f-body)}
.pl-pill small{font-size:13px;color:var(--muted)}
.pl-pill.on{border-color:var(--gold);background:rgba(var(--gold-rgb),.12)}
.pl-pill.on strong{color:var(--gold)}
.pl-pill:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pl-print-go{margin:0 0 10px}
.pl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:18px}
.pl-card{position:relative}
.pl-card a{display:block;color:var(--parch);text-decoration:none}
.pl-card img{display:block;width:100%;height:auto;border-radius:10px;box-shadow:0 10px 26px rgba(var(--shade-rgb),.5)}
.pl-cap{display:block;margin-top:8px;font-size:14px;line-height:1.3}
.pl-rm{position:absolute;top:6px;right:6px;width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:rgba(var(--ink-rgb),.85);color:var(--parch);font:400 22px/1 var(--f-body);cursor:pointer}
.pl-rm:hover,.pl-rm:focus-visible{border-color:var(--gold);color:var(--gold)}

.pl-print{display:none}
@media print{
  @page{size:letter portrait;margin:.35in}
  body>*:not(.pl-print){display:none!important}
  html,body{background:#fff!important}
  .pl-print{display:block}
  .pl-sheet{display:grid;justify-content:center;align-content:start;gap:.12in;break-after:page;page-break-after:always}
  .pl-sheet:last-child{break-after:auto;page-break-after:auto}
  .pl-sheet img{display:block;outline:1px dashed #9a9a9a;outline-offset:.04in}
  .per1 .pl-sheet{grid-template-columns:5in;padding-top:1.5in}
  .per1 .pl-sheet img{width:5in;height:7in}
  .per4 .pl-sheet{grid-template-columns:repeat(2,3.5in)}
  .per4 .pl-sheet img{width:3.5in;height:4.9in}
  .per6 .pl-sheet{grid-template-columns:repeat(3,2.5in);gap:.1in}
  .per6 .pl-sheet img{width:2.5in;height:3.5in}
}
@media (max-width:900px){.lb-acts .pl-row{justify-content:center}.pl-nudge{text-align:left}}

/* site-wide fixes riding the one stylesheet every page loads */
.btn small{display:block;font-weight:400;opacity:.75;letter-spacing:.02em}
.btn:has(small){white-space:normal;text-align:center}
.cg-pager a{display:inline-flex;align-items:center;min-height:44px;padding:0 4px}
@media (max-width:720px){.ftr{padding-bottom:calc(30px + var(--bar,68px) + env(safe-area-inset-bottom))}}
.pl-two{display:inline-flex;align-items:center;min-height:44px;margin-top:6px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--parch);font:500 14px/1 var(--f-body);cursor:pointer}
.pl-two.on{border-color:var(--gold);color:var(--gold);background:rgba(var(--gold-rgb),.1)}
.pl-two:hover,.pl-two:focus-visible{border-color:var(--gold)}
.pl-two:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.pl-one{border-style:dashed;color:var(--muted);cursor:default}
.pl-which .pl-two{margin:0 0 0 4px;vertical-align:middle}