.display-options-card{display:grid;gap:var(--space-md)}.art-picker{display:grid;gap:var(--space-base)}.art-picker__active-pill{font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ember-200);padding:var(--space-2xs) var(--space-10);border-radius:var(--radius-pill);background:var(--ember-a08);border:1px solid var(--ember-a30)}.art-picker__copy{margin:0;color:var(--parchment-300);font-size:var(--text-body-sm);line-height:1.5}.art-picker__hero{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:var(--space-lg);align-items:stretch}.art-picker__hero-frame{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-scrim-40);border:1px solid var(--ember-a30);box-shadow:var(--shadow-drop-soft),var(--shadow-inset-05);aspect-ratio:3 / 4}.art-picker__hero-img{width:100%;height:100%;display:block;object-fit:cover}.art-picker__hero-empty{display:grid;place-items:center;width:100%;height:100%;color:var(--parchment-400);font-size:var(--text-body-sm)}.art-picker__hero-meta{display:grid;align-content:center;gap:var(--space-xs)}.art-picker__hero-label{font-family:Cinzel,serif;font-size:var(--text-lead);letter-spacing:var(--tracking-title);color:var(--parchment-100)}.art-picker__hero-blurb{color:var(--parchment-300);font-size:var(--text-body-sm);line-height:1.5}.art-picker__options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.art-picker__gallery{display:grid;gap:var(--space-base)}.art-picker__gallery--card-art{grid-template-columns:repeat(3,minmax(0,1fr))}.art-picker-tile--card{padding:0;background:transparent;border:none;display:grid;gap:var(--space-sm)}.art-picker-tile--card:hover:not(:disabled){transform:translateY(-2px);background:transparent}.art-picker-tile__preview--wide{aspect-ratio:16 / 9;border:1px solid var(--ember-a08);background:var(--color-scrim-55);box-shadow:var(--shadow-drop-soft),var(--shadow-inset-05);border-radius:var(--radius-base)}.art-picker-tile--active .art-picker-tile__preview--wide{border-color:var(--ember-a50);box-shadow:var(--shadow-inset-08),0 0 0 2px var(--ember-a40) inset}.art-picker-tile__strip{display:grid;grid-template-columns:repeat(3,1fr);width:100%;height:100%;gap:1px;background:var(--color-scrim-heavy)}.art-picker-tile__strip--rotate{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}.art-picker-tile__strip-img{width:100%;height:100%;display:block;object-fit:cover}.art-picker-tile__active-flag{position:absolute;top:6px;right:6px;font-size:.62rem;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--parchment-50);background:var(--ember-a30);border:1px solid var(--ember-a50);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm);pointer-events:none}.art-picker-tile__caption{font-family:Cinzel,serif;font-size:var(--text-body-sm);letter-spacing:var(--tracking-title);color:var(--parchment-100);text-align:center}.art-picker-tile--active .art-picker-tile__caption{color:var(--ember-200)}.art-picker-tile--locked .art-picker-tile__caption{color:var(--parchment-400)}.art-picker-tile__lock-hint{display:block;margin-top:var(--space-2xs);font-size:.7rem;text-align:center;color:var(--parchment-200);letter-spacing:var(--tracking-label);text-transform:uppercase;padding:0 var(--space-sm)}.pile-backs-picker{display:grid;gap:var(--space-base)}.pile-backs-picker__panes{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-18)}.pile-back-pane{display:grid;gap:var(--space-10)}.pile-back-pane__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.pile-back-pane__label{font-family:Cinzel,serif;font-size:var(--text-lead);letter-spacing:var(--tracking-title);color:var(--parchment-100)}.pile-back-pane__active{font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ember-200)}.pile-back-pane__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-10)}.pile-back-tile{display:grid;gap:var(--space-xs);padding:0;background:transparent;border:none;color:var(--parchment-100);cursor:pointer;font:inherit;transition:transform var(--transition-fast)}.pile-back-tile:hover:not(:disabled){transform:translateY(-2px)}.pile-back-tile:focus-visible{outline:2px solid var(--ember-200);outline-offset:2px}.pile-back-tile:disabled{cursor:not-allowed}.pile-back-tile--locked{cursor:not-allowed;opacity:.78}.pile-back-tile__frame{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-base);overflow:hidden;background:var(--color-scrim-55);border:1px solid var(--ember-a08);box-shadow:var(--shadow-drop-soft),var(--shadow-inset-05);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.pile-back-tile:hover:not(:disabled) .pile-back-tile__frame{border-color:var(--ember-a50)}.pile-back-tile--active .pile-back-tile__frame{border-color:var(--ember-a50);box-shadow:var(--shadow-inset-08),0 0 0 2px var(--ember-a40) inset}.pile-back-tile__img{width:100%;height:100%;display:block;object-fit:cover}.pile-back-tile__empty{display:grid;place-items:center;width:100%;height:100%;color:var(--parchment-400);font-size:.7rem;text-transform:uppercase;letter-spacing:var(--tracking-label)}.pile-back-tile__active-flag{position:absolute;top:6px;right:6px;font-size:.6rem;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--parchment-50);background:var(--ember-a30);border:1px solid var(--ember-a50);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm);pointer-events:none}.pile-back-tile__veil{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:var(--space-2xs);background:var(--color-scrim-heavy);padding:var(--space-sm)}.pile-back-tile__lock{font-size:1.4rem;filter:drop-shadow(0 1px 1px var(--color-scrim-heavy))}.pile-back-tile__lock-hint{font-size:.66rem;text-align:center;color:var(--parchment-200);letter-spacing:var(--tracking-label);text-transform:uppercase}.pile-back-tile__caption{font-size:.78rem;letter-spacing:var(--tracking-label);color:var(--parchment-200);text-align:center;text-transform:uppercase}.pile-back-tile--active .pile-back-tile__caption{color:var(--ember-200)}.pile-back-tile--locked .pile-back-tile__caption{color:var(--parchment-400)}.pile-back-tile__rotate-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:1px;background:var(--color-scrim-heavy)}.pile-back-tile__rotate-img{width:100%;height:100%;display:block;object-fit:cover}.art-picker-tile{display:grid;gap:var(--space-sm);padding:var(--space-10);text-align:left;background:var(--color-scrim-34);border:1px solid var(--ember-a08);border-radius:var(--radius-base);color:var(--parchment-100);cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);font:inherit}.art-picker-tile:hover:not(:disabled){border-color:var(--ember-a40);transform:translateY(-1px);background:var(--color-scrim-medium)}.art-picker-tile:focus-visible{outline:2px solid var(--ember-200);outline-offset:2px}.art-picker-tile--active{border-color:var(--ember-a50);background:var(--ember-a08);box-shadow:var(--shadow-inset-08),0 0 0 1px var(--ember-a40) inset}.art-picker-tile--locked{cursor:not-allowed;opacity:.7}.art-picker-tile:disabled{cursor:not-allowed}.art-picker-tile__preview{position:relative;border-radius:var(--radius-sm);overflow:hidden;background:var(--color-scrim-strong);aspect-ratio:4 / 3;border:1px solid var(--color-scrim-medium)}.art-picker-tile__hero-img{width:100%;height:100%;display:block;object-fit:cover}.art-picker-tile__rotate{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;width:100%;height:100%;gap:1px;background:var(--color-scrim-heavy)}.art-picker-tile__rotate-img{width:100%;height:100%;display:block;object-fit:cover}.art-picker-tile__empty{display:grid;place-items:center;width:100%;height:100%;color:var(--parchment-400);font-size:.7rem;text-transform:uppercase;letter-spacing:var(--tracking-label)}.art-picker-tile__veil{position:absolute;inset:0;display:grid;place-items:center;background:var(--color-scrim-55)}.art-picker-tile__lock{font-size:1.4rem;filter:drop-shadow(0 1px 1px var(--color-scrim-heavy))}.art-picker-tile__body{display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm)}.art-picker-tile__label{font-family:Cinzel,serif;font-size:var(--text-body-sm);letter-spacing:var(--tracking-title);color:var(--parchment-100)}.art-picker-tile__badge{font-size:.66rem;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--ember-200);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);background:var(--ember-a08);border:1px solid var(--ember-a30)}.art-picker-tile--active .art-picker-tile__badge{color:var(--parchment-50);background:var(--ember-a30);border-color:var(--ember-a50)}.art-picker-tile--locked .art-picker-tile__badge{color:var(--parchment-400);border-color:var(--color-veil-10);background:var(--color-scrim-soft)}.art-picker-tile__blurb{margin:0;font-size:.76rem;line-height:1.45;color:var(--parchment-300)}.pile-theme-picker{display:grid;gap:var(--space-base)}.pile-theme-picker__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:var(--space-base)}.pile-theme-card{display:grid;gap:var(--space-10);padding:var(--space-md);background:var(--color-scrim-34);border:1px solid var(--ember-a08);border-radius:var(--radius-base);color:var(--parchment-100);text-align:left;cursor:pointer;transition:transform var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);font:inherit}.pile-theme-card:hover:not(:disabled){border-color:var(--ember-a40);transform:translateY(-1px);background:var(--color-scrim-medium)}.pile-theme-card:focus-visible{outline:2px solid var(--ember-200);outline-offset:2px}.pile-theme-card--active{border-color:var(--ember-a50);background:var(--ember-a08);box-shadow:var(--shadow-inset-08)}.pile-theme-card--locked{opacity:.78;cursor:not-allowed}.pile-theme-card:disabled{cursor:not-allowed}.pile-theme-card__preview{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-xs);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-scrim-strong);aspect-ratio:16 / 9}.pile-theme-card__preview-pile{position:relative;overflow:hidden}.pile-theme-card__preview-img{width:100%;height:100%;display:block;object-fit:cover}.pile-theme-card__preview-empty{display:grid;place-items:center;width:100%;height:100%;color:var(--parchment-400);font-size:.7rem;text-transform:uppercase;letter-spacing:var(--tracking-label)}.pile-theme-card__preview-tag{position:absolute;bottom:4px;left:4px;font-size:.6rem;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--parchment-50);padding:var(--space-3xs) var(--space-xs);border-radius:var(--radius-pill);background:var(--color-scrim-55);pointer-events:none}.pile-theme-card__veil{position:absolute;inset:0;display:grid;place-items:center;background:var(--color-scrim-heavy)}.pile-theme-card__lock{font-size:1.6rem;filter:drop-shadow(0 1px 1px var(--color-scrim-heavy))}.pile-theme-card__active-flag{position:absolute;top:6px;right:6px;font-size:.62rem;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--parchment-50);background:var(--ember-a30);border:1px solid var(--ember-a50);border-radius:var(--radius-pill);padding:var(--space-3xs) var(--space-sm)}.pile-theme-card__body{display:grid;gap:var(--space-xs)}.pile-theme-card__head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.pile-theme-card__label{font-family:Cinzel,serif;font-size:var(--text-body-sm);letter-spacing:var(--tracking-title);color:var(--parchment-100)}.pile-theme-card__family{font-size:.62rem;text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--parchment-300)}.pile-theme-card__description{margin:0;font-size:.78rem;line-height:1.45;color:var(--parchment-300)}.pile-theme-card__progress{display:flex;align-items:center;gap:var(--space-sm)}.pile-theme-card__progress-track{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-scrim-40);overflow:hidden;border:1px solid var(--ember-a08)}.pile-theme-card__progress-fill{height:100%;background:linear-gradient(90deg,var(--ember-a50),var(--c-gold-9-a16));transition:width var(--transition-settle)}.pile-theme-card__stage{font-size:.66rem;text-transform:uppercase;letter-spacing:var(--tracking-label);padding:var(--space-3xs) var(--space-sm);border-radius:var(--radius-pill);border:1px solid var(--color-veil-08)}.pile-theme-card__stage--mastered{color:var(--parchment-50);background:var(--ember-a30);border-color:var(--ember-a50)}.pile-theme-card__stage--available{color:var(--ember-200);background:var(--ember-a08);border-color:var(--ember-a30)}.pile-theme-card__stage--locked{color:var(--parchment-400);background:var(--color-scrim-34)}.pile-theme-card__unlock{margin:0;font-size:.7rem;line-height:1.4;color:var(--parchment-400);font-style:italic}@media(max-width:760px){.art-picker__hero,.art-picker__options,.art-picker__gallery--card-art,.pile-backs-picker__panes{grid-template-columns:1fr}}.display-settings-overlay{position:fixed;inset:0;z-index:4500;display:grid;place-items:center;background:var(--c-ink-a78);backdrop-filter:blur(4px);padding:var(--space-2xl);overflow:auto}.display-settings-overlay__panel{position:relative;width:min(100%,1080px);max-height:calc(var(--app-vh) - 48px);display:grid;grid-template-rows:auto 1fr;background:linear-gradient(180deg,var(--c-ink-a95),var(--c-ink-a95));border:1px solid var(--ember-a30);border-radius:var(--radius-lg);box-shadow:0 24px 80px var(--color-scrim-strong),var(--shadow-inset-08);overflow:hidden}.display-settings-overlay__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-lg);padding:var(--space-22) var(--space-2xl) var(--space-18);border-bottom:1px solid var(--ember-a08);background:var(--color-scrim-22)}.display-settings-overlay__heading{display:grid;gap:var(--space-2xs);min-width:0;flex:1 1 auto}.display-settings-overlay__eyebrow{margin:0;font-size:var(--text-eyebrow);letter-spacing:var(--tracking-eyebrow);text-transform:uppercase;color:var(--ember-200)}.display-settings-overlay__title{margin:0;font-family:Cinzel,serif;font-size:var(--text-lead);letter-spacing:var(--tracking-title);color:var(--parchment-50)}.display-settings-overlay__copy{margin:var(--space-2xs) 0 0;font-size:var(--text-body-sm);line-height:1.5;color:var(--parchment-300);max-width:64ch}.display-settings-overlay__close{flex:0 0 auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid var(--ember-a30);background:var(--color-scrim-40);color:var(--parchment-100);font-size:1rem;cursor:pointer;transition:border-color var(--transition-fast),background var(--transition-fast)}.display-settings-overlay__close:hover{border-color:var(--ember-a50);background:var(--ember-a08)}.settings-page-tabs{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border-radius:var(--radius-pill);border:1px solid var(--ember-a30);background:var(--color-scrim-dim)}.settings-page-tabs{width:fit-content;margin:0 0 var(--space-base)}.settings-page-tab{position:relative;z-index:1;font-family:Cinzel,serif;letter-spacing:.08em}.settings-page-tab.is-selected{background:linear-gradient(180deg,var(--c-bark-4-a85),var(--oxblood-900-a90));color:var(--parchment-50);box-shadow:inset 0 1px 0 var(--ember-50-a18),0 0 0 1px var(--ember-a30)}.display-settings-overlay__body{padding:var(--space-22) var(--space-2xl) var(--space-28);overflow:auto}.display-settings-overlay__body .display-settings{display:grid;gap:var(--space-18)}.settings-table-card{padding:var(--space-18)}.settings-table{display:grid;gap:var(--space-sm);margin-top:var(--space-md)}.settings-table-row{display:grid;grid-template-columns:minmax(130px,.9fr) minmax(90px,.6fr) minmax(220px,1.7fr);align-items:center;gap:var(--space-md);min-height:48px;padding:var(--space-sm) var(--space-10);border:1px solid var(--ember-a08);border-radius:var(--radius-base);background:var(--color-veil-04)}.settings-table-row__label{min-width:0;font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-40-a70)}.settings-table-row__value{min-width:0;font-family:Cinzel,serif;font-size:.86rem;color:var(--parchment-100)}.settings-table-row__control{min-width:0;display:flex;justify-content:flex-end}.settings-control{display:inline-flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--space-2xs);padding:var(--space-3xs);border-radius:var(--radius-pill);border:1px solid var(--ember-a08);background:var(--color-scrim-24)}.settings-control__choice{position:relative;z-index:1;min-height:28px;padding:var(--space-2xs) var(--space-10);border:0;border-radius:var(--radius-pill);background:transparent;color:var(--text-interactive-muted);font-size:var(--rsize-label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.settings-control__choice--active{background:var(--ember-a08);color:var(--parchment-50);box-shadow:inset 0 1px 0 var(--ember-50-a18)}.settings-toggle{position:relative;z-index:1;display:inline-flex;align-items:center;gap:var(--space-sm);min-height:30px;padding:var(--space-2xs) var(--space-10) var(--space-2xs) var(--space-2xs);border-radius:var(--radius-pill);border:1px solid var(--ember-a30);background:var(--color-scrim-dim);color:var(--text-interactive-muted);font-size:var(--rsize-label);letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.settings-toggle__track{position:relative;width:36px;height:20px;border-radius:var(--radius-pill);background:var(--color-veil-10);box-shadow:inset 0 0 0 1px var(--ember-a08)}.settings-toggle__thumb{position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--cream-40-a78);transition:transform var(--transition-fast),background var(--transition-fast)}.settings-toggle--on .settings-toggle__track{background:var(--c-verdant-2-a30)}.settings-toggle--on .settings-toggle__thumb{transform:translate(16px);background:var(--parchment-50)}.settings-readonly{display:inline-flex;align-items:center;min-height:28px;padding:var(--space-2xs) var(--space-10);border-radius:var(--radius-pill);border:1px solid var(--ember-a08);color:var(--text-interactive-muted);font-size:var(--rsize-label);letter-spacing:.08em;text-transform:uppercase}@media(max-width:760px){.display-settings-overlay{padding:var(--space-md)}.display-settings-overlay__panel{max-height:calc(var(--app-vh) - 24px)}.display-settings-overlay__head{flex-wrap:wrap;padding:var(--space-lg) var(--space-18) var(--space-base)}.display-settings-overlay__body{padding:var(--space-lg) var(--space-18) var(--space-22)}.settings-page-tabs{width:100%}.settings-page-tab{flex:1 1 0}.settings-table-row{grid-template-columns:1fr;gap:var(--space-xs)}.settings-table-row__control,.settings-control{justify-content:flex-start}}