/* R17: rounded collectible system; existing rarities and game rules retained. */
.football-card.card11{clip-path:none!important;border-radius:26px!important;border:1px solid color-mix(in srgb,var(--foil) 65%,var(--deep));overflow:hidden;box-shadow:0 8px 18px #00000024,inset 0 1px 0 #ffffffb0!important;background:radial-gradient(ellipse at 95% 0%,#ffffffbb,transparent 52%),linear-gradient(155deg,var(--paper),var(--metal) 75%,var(--deep))!important}
.football-card.card11.special{background:radial-gradient(ellipse at 95% 0%,#b171d67a,transparent 58%),radial-gradient(ellipse at 0 100%,#13979975,transparent 62%),linear-gradient(145deg,#39274d,#15253c)!important}
.football-card.card11:before{inset:9px;border-radius:19px;clip-path:none!important;border:1px solid color-mix(in srgb,var(--foil) 65%,transparent);box-shadow:none!important;opacity:.8}
.football-card.card11:after{background:linear-gradient(125deg,transparent 23%,#fff3 46%,transparent 65%);opacity:.35;border-radius:25px}
.card11 .card-edition{border-radius:20px;top:22px;right:19px;padding:5px 10px;font-weight:800;letter-spacing:.01em;background:color-mix(in srgb,var(--foil) 45%,transparent);border:1px solid color-mix(in srgb,var(--deep) 20%,transparent)}
.card11.special .card-edition{background:#dac291;color:#302340;border:0}
.card11 .card-top{top:27px;left:23px}.card11 .card-top b{font-size:49px;letter-spacing:-.045em;text-shadow:none}
.card11 .card-crest{clip-path:none!important;border-radius:25px!important;border:1px solid color-mix(in srgb,var(--foil) 70%,transparent)!important;background:linear-gradient(145deg,#ffffff52,#ffffff05)!important;box-shadow:inset 0 1px 0 #fff9,0 8px 20px #0002!important;top:67px;right:23px;width:94px!important;height:98px!important}
.card11 .card-crest span{font-size:36px!important;letter-spacing:-.04em;text-shadow:none!important}.card11 .card-crest:before,.card11 .card-crest:after{display:none}
.card11 .card-series9{top:181px;font-size:11px!important;letter-spacing:.12em;opacity:.85}
.card11 .card-nameplate{top:205px;border:0;left:16px;right:16px}.card11 h3{font-size:20px!important;font-weight:800;text-shadow:none;letter-spacing:-.025em}.card11 p{font-size:13px!important}
.card11 .attribute-grid11{top:274px;left:19px;right:19px;border:1px solid color-mix(in srgb,var(--deep) 18%,transparent);border-radius:15px;background:linear-gradient(135deg,#ffffff45,#ffffff12);padding:12px 4px;gap:9px 0}
.card11 .attribute-grid11 span{border-right:1px solid color-mix(in srgb,var(--deep) 16%,transparent)}.card11 .attribute-grid11 b{font-size:23px!important;font-weight:800;text-shadow:none!important}.card11 .attribute-grid11 small{font-size:11px!important;letter-spacing:.06em}
.card11 .fiction11{top:395px;font-size:10px!important;letter-spacing:.065em}.card11 .card-state{top:417px;border-radius:14px;font-size:12px!important;padding:4px 12px!important;box-shadow:none}
.football-card.card11.missing{background:linear-gradient(145deg,#f0f3f4,#d4dde1)!important;box-shadow:inset 0 0 0 1px #cad2d5!important}.card11.missing .card-state{border:1px dashed #75858d}.card11.missing .card-crest{opacity:.2}
.cinema11 .card-back9{clip-path:none;border-radius:26px;border:1px solid #bfccd9;box-shadow:inset 0 0 0 8px #162637,inset 0 0 0 9px #91a6b766;background:radial-gradient(ellipse at top right,#516a83,#112031 65%)}
.cinema11[data-phase=complete] .card-front9:after{clip-path:none;border-radius:26px}
/* Shared shop/reveal artwork: gradients, rounded edges, no criss-cross clutter. */
.pack-tile{--p17:#185477;--q17:#0c2337;--a17:#8bd4ed}.pack-tile.pack-1{--p17:#274fb0;--q17:#10294e;--a17:#9bc2ff}.pack-tile.pack-2{--p17:#6646a7;--q17:#24264e;--a17:#d2b8ff}.pack-tile.pack-3{--p17:#9c405a;--q17:#38213b;--a17:#ffc3cd}.pack-tile.pack-4{--p17:#665280;--q17:#211c35;--a17:#f0d8a3}
.pack-art{clip-path:none!important;border-radius:24px!important;border:1px solid color-mix(in srgb,var(--a17) 65%,transparent)!important;background:radial-gradient(ellipse at 95% 0%,color-mix(in srgb,var(--a17) 45%,transparent),transparent 64%),linear-gradient(150deg,var(--p17),var(--q17))!important;transform:none!important;box-shadow:inset 0 1px 0 #ffffff75,0 10px 22px #0002!important;overflow:hidden;color:#fff!important}
.pack-art:before{inset:9px!important;border:1px solid #ffffff38!important;border-radius:17px;clip-path:none!important;background:none!important;transform:none!important}.pack-art:after,.pack-facet9,.pack-edge{display:none!important}
.pack-art .pack-seal{clip-path:none!important;border-radius:21px!important;border:1px solid #ffffff40!important;background:linear-gradient(135deg,#ffffff25,#ffffff08)!important;box-shadow:inset 0 1px 0 #ffffff55!important;font-weight:800;letter-spacing:-.06em;color:var(--a17)!important}
.pack-art .pack-label{font-size:11px;letter-spacing:.13em;color:#fff!important;opacity:.8}.pack-art h3{font-size:22px!important;letter-spacing:-.03em;font-weight:800}.pack-art strong{font-size:35px!important}.pack-art small{background:#ffffff15!important;border-radius:20px;border:1px solid #ffffff20;font-size:11px!important;padding:5px 9px}.pack-collection9{font-size:10px!important;letter-spacing:.18em;color:var(--a17)!important}
.gem-pack-art14{border-radius:25px!important;box-shadow:inset 0 1px 0 #ffffff88,0 10px 22px #0002!important;border-width:1px!important}.gem-pack-art14:before{border-radius:18px!important;opacity:.5}.gem-pack-art14:after{opacity:.12}.gem-pack-art14 h3{font-size:28px;letter-spacing:-.03em}.gem-facet14{filter:drop-shadow(0 5px 12px #0003)}
#revealTrigger9 .reveal-pack16{border-radius:24px!important}
/* Save/load stays the same file workflow, with clearly separated actions. */
#saveDialog{width:min(720px,calc(100vw - 28px));max-width:720px;padding:30px;border:1px solid var(--line);border-radius:26px;background:var(--surface);color:var(--ink);box-shadow:0 24px 80px #0005}
#saveDialog::backdrop{background:#071522a6;backdrop-filter:blur(4px)}
#saveDialog h2{font-size:28px;letter-spacing:-.035em;margin:0 0 8px}#saveDialog>p{font-size:15px;line-height:1.5;color:var(--muted);margin:0 0 22px}
.save-grid17{display:grid;grid-template-columns:1fr 1fr;gap:16px}.save-box17{padding:20px;border:1px solid var(--line);border-radius:19px;background:var(--panel);display:flex;flex-direction:column;gap:13px;text-align:left}.save-box17 h3{font-size:20px;margin:0}.save-box17 p{font-size:14px;line-height:1.5;margin:0}.save-step17{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:var(--accent);color:var(--on);font-size:20px;font-weight:800}.save-box17 .path{font-size:12px;line-height:1.5;background:transparent;border:0;padding:0;margin:0;overflow-wrap:anywhere}.save-box17 button,.save-box17 .file{margin-top:auto;border-radius:12px;width:100%;min-height:48px;box-sizing:border-box;display:block;text-align:center;font-size:14px;font-weight:700;padding:13px 10px}.save-box17 .file:focus-within{outline:3px solid var(--accent);outline-offset:3px}
#saveDialog #fileMessage:not(:empty){margin:16px 0;padding:14px;border-radius:12px;background:var(--panel);border:1px solid var(--line);color:var(--ink)}#saveDialog #autoArea{margin-top:18px;border:1px solid var(--line);border-radius:14px;padding:15px}#saveDialog #autoArea p{font-size:14px;line-height:1.6}#saveClose{border-radius:12px;margin:18px 0 0;width:100%}
.save-box17 .file{position:relative;cursor:pointer;background:var(--surface);border:1px solid var(--line)}.save-box17 .file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.card11 .card-state{border-radius:14px!important}.pack-art .pack-seal{text-shadow:none!important}
@media(max-width:580px){#saveDialog{padding:22px}.save-grid17{grid-template-columns:1fr}.save-box17{padding:16px}.save-box17 .path{font-size:12px}}