/* Approved Daylight Tarot screens: 2-1 card choice and 1-2 reading wait. */
#app .deck-scene.card-focus-scene.approved-selection {
  --approved-paper:#f7efdf;--approved-surface:#fffbf3;--approved-ink:#392a22;
  --approved-muted:#806a58;--approved-rule:#e2d2bc;--approved-rust:#b93627;
  width:100%;height:100%;min-height:0;max-width:none;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1fr);
  grid-template-rows:42px auto auto minmax(0,1fr) auto;
  background:var(--approved-paper);color:var(--approved-ink);
  font-family:'Daylight Korean','Malgun Gothic',sans-serif;
}
#app .approved-selection .approved-selection-topbar {
  grid-row:1;display:flex;justify-content:space-between;align-items:center;
  min-width:0;height:42px;padding:0 20px;
  border:0;background:var(--approved-paper);
}
#app .approved-selection .approved-selection-label {
  display:block;white-space:nowrap;
  font-size:11px;font-weight:500;letter-spacing:0;line-height:1.5;
  color:#a87557;
}
#app .approved-selection .approved-selection-toolbar {
  display:flex;align-items:center;gap:6px;flex:none;
}
#app .approved-selection .focus-shuffle {
  height:36px;min-height:36px;padding:6px;background:transparent;
  border:0;border-radius:0;box-shadow:none;
  display:flex;align-items:center;gap:4px;
  font-size:11px;color:#765e4d;
}
#app .approved-selection .focus-shuffle svg {
  width:18px;height:18px;fill:none;stroke:currentColor;
}
#app .approved-selection .focus-shuffle:disabled {color:#b7a797;opacity:1}
#app .approved-selection .focus-close {
  display:grid;place-items:center;width:34px;height:36px;min-height:36px;
  background:transparent;border:0;border-radius:0;box-shadow:none;color:#765e4d;
}
#app .approved-selection .focus-close svg {width:17px;height:17px}
#app .approved-selection .deck-title {
  grid-row:2;position:relative;z-index:5;width:100%;padding:22px 20px 14px;
  text-align:center;box-sizing:border-box;
}
#app .approved-selection .deck-title h1.approved-selection-title {
  width:100%;max-width:none;min-height:34px;margin:0;
  font-size:24px!important;font-weight:600;line-height:1.4;letter-spacing:-.06em;
  color:var(--approved-ink);white-space:nowrap;overflow:visible;
  word-break:normal;text-align:center;
}
#app .approved-selection .deck-question {
  position:relative;display:block;width:100%;max-width:540px;min-width:0;
  margin:17px auto 0;padding:0;background:transparent;border:0;box-shadow:none;
  color:#8c7360;
}
#app .approved-selection .deck-question summary {
  position:relative;min-height:40px;padding:0 12px;gap:0;
  display:flex;align-items:center;justify-content:center;
  line-height:1.6;font-size:11px;text-align:center;
  white-space:normal;color:#8c7360;cursor:pointer;
}
#app .approved-selection .deck-question summary>span {
  display:-webkit-box;width:100%;flex:1;min-width:0;max-width:none;
  -webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;
  max-height:3.2em;overflow:hidden;text-overflow:ellipsis;
  white-space:normal;word-break:keep-all;overflow-wrap:anywhere;
  line-height:1.6;font-size:11px;text-align:center;
}
#app .approved-selection .deck-question summary svg {
  position:absolute;right:0;top:50%;margin:0;width:12px;height:12px;
  transform:translateY(-50%) rotate(90deg);
}
#app .approved-selection .deck-question[open] summary svg {
  transform:translateY(-50%) rotate(-90deg);
}
#app .approved-selection .deck-question>p {
  position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:80;
  max-height:min(130px,30vh);padding:12px 14px;margin:auto;
  background:var(--approved-surface);border:1px solid var(--approved-rule);
  border-radius:7px;box-shadow:0 6px 18px #543b2418;
  color:var(--approved-ink);font-size:12px;line-height:1.7;
}
#app .approved-selection .focus-picked {
  grid-row:3;display:flex;flex-direction:column;align-items:center;
  padding:4px 20px 9px;margin:0;min-width:0;z-index:3;
}
#app .approved-selection .selection-count {
  order:0;width:100%;margin:0 0 12px;
  font-size:12px;line-height:1.6;color:#8d3e2a;font-weight:650;text-align:center;
}
#app .approved-selection .picked-shelf {
  order:1;display:flex;align-items:center;justify-content:center;
  gap:11px;margin:0;min-height:0;
}
#app .approved-selection .picked-slot {
  width:50px;height:84px;aspect-ratio:951/1585;flex:none;
  border-radius:4px;position:relative;overflow:visible;
}
#app .approved-selection .picked-slot.empty {
  background:#fffbf36e;border:1px dashed #d5bd9e;
}
#app .approved-selection .picked-slot.is-next {
  background:#fffaf0;border:1px solid #bb6a4c;box-shadow:none;
}
#app .approved-selection .picked-slot.empty>button {
  width:100%;height:100%;padding:0;background:transparent;
  color:#b99d7e;font:20px Georgia,serif;
}
#app .approved-selection .picked-slot.filled {
  width:50px;height:84px;aspect-ratio:951/1585;flex:none;
  border:0;background:transparent;box-shadow:none;padding:0;animation:none;
}
#app .approved-selection .picked-slot.filled>button {
  border:0;background:transparent;box-shadow:none;padding:0;
  width:100%;height:100%;
}
#app .approved-selection .picked-slot.filled .physical-card,
#app .approved-selection .picked-slot.filled .physical-card>img {
  display:block;width:100%;height:100%;
}
#app .approved-selection .picked-slot .slot-number {
  left:-5px;top:auto;bottom:-3px;width:16px;height:16px;
  background:var(--approved-rust);color:#fff9ed;
  font:9px/16px sans-serif;border-radius:50%;
}
#app .approved-selection .approved-selection-note {
  order:2;margin:9px 0 0;min-height:15px;
  color:#9b816b;font-size:9px;line-height:1.6;text-align:center;
}
#app .approved-selection .fan-window.approved-deck-area {
  grid-row:4;position:relative;align-self:stretch;isolation:isolate;
  margin:4px 0 0;width:100%;height:auto;min-width:0;min-height:0;
  background:radial-gradient(ellipse at 50% 45%,#fffbf3 0%,#fffbf380 46%,transparent 72%);
  overflow:hidden;touch-action:none;
}
#app .approved-selection #fan {position:absolute;top:0;left:50%;width:0;height:100%;touch-action:none}
#app .approved-selection .fan-card {
  top:0;padding:0;border:0;border-radius:0;background:transparent;
  transform-origin:50% 80%;transition:none;filter:none;box-shadow:none;touch-action:none;
}
#app .approved-selection .fan-card:hover,#app .approved-selection .fan-card:active {
  filter:none;box-shadow:none;
}
#app .approved-selection .fan-arrow {
  top:44%;z-index:440;display:grid;place-items:center;
  width:36px;height:36px;border-radius:50%;
  background:#fffbf3f5;border:1px solid #decab2;
  box-shadow:0 2px 6px #54391b09;color:#89583d;
}
#app .approved-selection .fan-arrow.previous {left:14px}
#app .approved-selection .fan-arrow.next {right:14px}
#app .approved-selection .fan-arrow:disabled {opacity:.28}
#app .approved-selection .approved-deck-caption {
  position:absolute;bottom:1px;left:20px;right:20px;
  z-index:450;display:flex;align-items:center;justify-content:center;gap:8px;
  pointer-events:none;color:#90765f;font-size:10px;line-height:1.6;
}
#app .approved-selection .approved-deck-caption>span:first-child {
  color:#b17d5f;font-size:14px;letter-spacing:2px;
}
#app .approved-selection .focus-footer.approved-footer {
  grid-row:5;position:relative;z-index:500;
  justify-self:center;width:100%;max-width:660px;
  padding:12px 20px max(16px,env(safe-area-inset-bottom));
  background:var(--approved-paper);box-sizing:border-box;
}
#app .approved-selection .deck-actions {width:100%;padding:0}
#app .approved-selection .deck-actions .primary {
  width:100%;min-width:0;min-height:46px;height:auto;
  display:flex;align-items:center;justify-content:center;gap:12px;
  padding:10px 14px;border:0;border-radius:7px;
  font-size:13px;font-weight:600;background:var(--approved-rust);color:#fff8ed;
  box-shadow:none;
}
#app .approved-selection .deck-actions .primary:disabled {
  opacity:1;background:#e6d5be;color:#9f8268;font-weight:500;
}
#app .approved-selection .deck-actions .primary svg {width:17px;height:17px}
#app .approved-selection .deck-actions .approved-deck-note {
  min-height:15px;margin:7px 0 0;text-align:center;
  font-size:9px;line-height:1.6;color:#a28770;
}
#app .approved-selection .deck-frozen-note {
  top:4px;background:#fffbf3;border:1px solid var(--approved-rule);color:#79533f;
}
#app .approved-selection .focus-shuffle:focus-visible,
#app .approved-selection .focus-close:focus-visible,
#app .approved-selection .fan-arrow:focus-visible {
  outline:2px solid var(--approved-rust);outline-offset:3px;
}

/* Selected 1-2: four warm, softly illuminated moving orbits around one card. */
#app .reading-loading.approved-reading-loading {
  position:fixed;inset:0;z-index:80;
  display:flex;align-items:center;justify-content:center;
  padding:76px 19px 20px;overflow-y:auto;overflow-x:hidden;
  background:linear-gradient(#fffdf2a1,#fffdf2a1),var(--table-image),#f7efdf;
  background-size:cover;background-position:center;
  text-align:center;color:#365e48;touch-action:pan-y;overscroll-behavior:contain;
}
#app .approved-reading-loading .approved-wait-topbar {
  position:absolute;top:0;left:0;right:0;z-index:6;
  height:56px;display:flex;justify-content:space-between;align-items:center;
  padding:0 20px;background:#f7efdf;border-bottom:1px solid #e2d2bc;
  color:#392a22;
}
#app .approved-reading-loading .approved-wait-brand {
  display:flex;align-items:center;gap:7px;
  font-size:18px;font-weight:650;letter-spacing:-.055em;white-space:nowrap;
}
#app .approved-reading-loading .approved-wait-brand svg {
  width:23px;height:23px;fill:none;stroke:#aa3f2d;
  stroke-linecap:round;stroke-linejoin:round;stroke-width:1.4;
}
#app .approved-reading-loading .approved-wait-brand small {
  font-size:10px;font-weight:600;letter-spacing:.1em;
}
#app .approved-reading-loading .approved-wait-header-right {
  display:flex;align-items:center;gap:10px;color:#806a58;
}
#app .approved-reading-loading .approved-wait-language {
  display:flex;align-items:center;gap:4px;font-size:11px;
}
#app .approved-reading-loading .approved-wait-language svg,
#app .approved-reading-loading .approved-wait-menu {
  width:19px;height:19px;fill:none;stroke:currentColor;
  stroke-linecap:round;stroke-linejoin:round;stroke-width:1.5;
}
#app .approved-reading-loading .approved-wait-body {
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:min(390px,100%);max-width:100%;min-height:0;margin:auto;
}
#app .approved-reading-loading .approved-wait-kicker {
  display:flex;justify-content:center;align-items:center;gap:7px;
  margin:0 0 6px;color:#7d805f;
  font-size:10px;line-height:1.6;letter-spacing:.015em;
}
#app .approved-reading-loading .approved-wait-kicker i {
  width:5px;height:5px;border-radius:50%;background:#a56d3d;flex:none;
}
#app .approved-reading-loading .approved-wait-scene {
  position:relative;flex:none;isolation:isolate;
  width:min(335px,100%);aspect-ratio:335/300;
  margin:0 0 11px;overflow:visible;
}
#app .approved-reading-loading .approved-wait-shadow {
  position:absolute;left:50%;top:79%;width:80.6%;height:11.7%;
  transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(ellipse,#85623c21,transparent 67%);z-index:0;
}
#app .approved-reading-loading .approved-wait-light {
  position:absolute;left:50%;top:48.67%;width:73%;height:81.7%;
  transform:translate(-50%,-50%);border-radius:50%;
  background:radial-gradient(ellipse,#d6ad6659 0%,#e6d4a62b 38%,transparent 70%);
  z-index:1;pointer-events:none;
}
#app .approved-reading-loading .approved-wait-svg {
  position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:2;
}
#app .approved-reading-loading .approved-wait-track ellipse {
  fill:none;stroke:#a88954;stroke-width:1.25;stroke-linecap:round;
  opacity:.70;filter:drop-shadow(0 0 2px #c6a36a40);
}
#app .approved-reading-loading .approved-wait-dot {fill:#a85d2f}
#app .approved-reading-loading .approved-wait-glow {fill:#d5ad60;opacity:.14}
#app .approved-reading-loading .approved-wait-card {
  position:absolute;left:50%;top:48.67%;z-index:4;
  display:block;width:34.63%;height:auto;aspect-ratio:951/1585;
  transform:translate(-50%,-50%);
  object-fit:contain;filter:drop-shadow(0 9px 8px #4c3a2528);
  border:0;background:transparent;pointer-events:none;user-select:none;
}
#app .approved-reading-loading .approved-wait-heading {
  width:100%;margin:0 0 11px;
  font-size:17px;font-weight:650;line-height:1.65;letter-spacing:-.045em;
  color:#365e48;word-break:keep-all;overflow-wrap:anywhere;
}
#app .approved-reading-loading .approved-wait-question {
  width:100%;max-width:none;max-height:24vh;overflow-y:auto;
  margin:0;color:#61725d;font-size:12px;line-height:1.85;
  white-space:normal;word-break:keep-all;overflow-wrap:anywhere;
}
#app .approved-reading-loading .loading-cancel.approved-wait-cancel {
  min-height:38px;margin:24px 0 0;padding:7px 12px;
  background:transparent;color:#6e775a;border:0;border-radius:0;
  font-size:11px;text-decoration:underline;
  text-underline-offset:4px;text-decoration-color:currentColor;
}
#app .approved-reading-loading .loading-cancel:focus-visible {
  outline:2px solid #a56d3d;outline-offset:3px;
}
@media(max-height:660px) {
  #app .approved-selection .approved-selection-topbar {height:42px}
  #app .deck-scene.card-focus-scene.approved-selection {grid-template-rows:42px auto auto minmax(0,1fr) auto}
  #app .approved-selection .deck-title {padding-top:11px;padding-bottom:7px}
  #app .approved-selection .deck-question {margin-top:8px}
  #app .approved-selection .focus-picked {padding-top:0;padding-bottom:4px}
  #app .approved-selection .selection-count {margin-bottom:7px}
  #app .approved-selection .picked-slot {width:42px;height:auto}
  #app .approved-selection .approved-selection-note {margin-top:5px}
  #app .approved-selection .focus-footer.approved-footer {padding-top:8px;padding-bottom:8px}
  #app .approved-reading-loading .approved-wait-scene {width:min(270px,100%)}
  #app .reading-loading.approved-reading-loading {padding-top:60px}
  #app .approved-reading-loading .approved-wait-topbar {height:50px}
  #app .approved-reading-loading .loading-cancel.approved-wait-cancel {margin-top:14px}
}
@media(max-width:359px) and (orientation:portrait) {
  #app .approved-selection .deck-title h1.approved-selection-title {
    font-size:20px!important;white-space:normal;min-height:0;line-height:1.35;
  }
  #app .approved-selection .deck-title {padding-left:12px;padding-right:12px}
  #app .approved-selection .picked-slot,
  #app .approved-selection .picked-slot.filled {width:42px;height:70px}
}
@media(orientation:landscape) and (max-height:520px) {
  #app.card-select-active #main-content {overflow:auto;touch-action:pan-y}
  #app .deck-scene.card-focus-scene.approved-selection {
    min-height:555px;grid-template-columns:minmax(0,1fr);
    grid-template-rows:50px auto auto minmax(200px,1fr) auto;
    overflow:visible;
  }
  #app .approved-selection .deck-title,
  #app .approved-selection .focus-picked,
  #app .approved-selection .fan-window,
  #app .approved-selection .focus-footer {grid-column:1}
  #app .approved-selection .deck-title {grid-row:2}
  #app .approved-selection .focus-picked {grid-row:3}
  #app .approved-selection .fan-window {grid-row:4}
  #app .approved-selection .focus-footer {grid-row:5}
}
@media(prefers-reduced-motion:reduce) {
  #app .approved-reading-loading .approved-wait-dot,
  #app .approved-reading-loading .approved-wait-track {animation:none!important}
}

/* 2026-11-14: approved mobile selection, with the homepage's wordmark fixed.
   Position controls from the review: hint -10, heading -11, question -3,
   selected cards 0, spread +5 CSS pixels. No other element is resized. */
#app.card-select-active > .site-header.studio-header.selection-site-header {
  display:flex;
  border-bottom:1px solid transparent;
}
#app .selection-site-header .selection-header-actions {
  display:flex;align-items:center;gap:14px;
}
#app .selection-site-header .focus-shuffle {
  display:inline-flex;align-items:center;justify-content:center;gap:4px;
  height:36px;min-height:36px;padding:6px;
  color:#765e4d;font-size:11px;font-weight:400;white-space:nowrap;
  background:transparent;border:0;border-radius:0;box-shadow:none;
}
#app .selection-site-header .focus-shuffle svg {
  width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;
}
#app .selection-site-header .focus-shuffle:disabled {color:#b7a797;opacity:1}
#app .selection-site-header .focus-close {
  display:grid;place-items:center;width:34px;height:36px;min-height:36px;
  padding:0;color:#765e4d;background:transparent;border:0;
  border-radius:0;box-shadow:none;
}
#app .selection-site-header .focus-close svg {width:17px;height:17px}
#app .deck-scene.card-focus-scene.approved-selection {
  grid-template-rows:auto auto minmax(0,1fr) auto;
}
#app .approved-selection .deck-title {
  grid-row:1;
}
#app .approved-selection .deck-title h1.approved-selection-title {
  position:relative;top:-11px;
}
#app .approved-selection .deck-question {
  margin-top:10px;transform:translateY(-3px);
}
#app .approved-selection .focus-picked {
  grid-row:2;
}
#app .approved-selection .fan-window.approved-deck-area {
  grid-row:3;
}
#app .approved-selection #fan {
  transform:translateY(5px);
}
#app .approved-selection .fan-arrow {
  transform:translateY(5px);
}
#app .approved-selection .approved-deck-caption {
  transform:translateY(-10px);
}
#app .approved-selection .focus-footer.approved-footer {
  grid-row:4;padding:4px 20px max(13px,env(safe-area-inset-bottom));
}
@media(max-height:660px) {
  #app .deck-scene.card-focus-scene.approved-selection {
    grid-template-rows:auto auto minmax(0,1fr) auto;
  }
}
@media(orientation:landscape) and (max-height:520px) {
  #app .deck-scene.card-focus-scene.approved-selection {
    min-height:510px;grid-template-columns:minmax(0,1fr);
    grid-template-rows:auto auto minmax(170px,1fr) auto;
  }
  #app .approved-selection .deck-title {grid-row:1}
  #app .approved-selection .focus-picked {grid-row:2}
  #app .approved-selection .fan-window.approved-deck-area {grid-row:3}
  #app .approved-selection .focus-footer.approved-footer {grid-row:4}
}

/* 2번: original variant 2 model, geometry and CSS effects at 92% stage width.
   On the live page the genuine underlying screen replaces the preview screenshot. */
#app .reading-loading.approved-reading-loading {
  padding:20px 19px;overflow-x:hidden;overflow-y:auto;
  background:#293b30ad;backdrop-filter:blur(7px);
  color:#fffdf4;touch-action:pan-y;
}
#app .approved-reading-loading .approved-wait-topbar {display:none}
#app .approved-reading-loading .approved-wait-body {
  width:100%;max-width:430px;padding:0;margin:auto;max-height:none;
}
#app .approved-reading-loading .approved-wait-kicker {
  margin:0 0 6px;font-size:10px;letter-spacing:.015em;
  color:#e1dfcc;
}
#app .approved-reading-loading .approved-wait-kicker i {background:#e6cf9d}
#app .approved-reading-loading .approved-wait-scene {
  width:92%;aspect-ratio:335/300;max-width:100%;
  position:relative;flex:none;margin:0 0 11px;overflow:visible;
}
#app .approved-reading-loading .approved-wait-canvas {
  position:absolute;top:0;left:0;width:335px;height:300px;
  transform-origin:top left;isolation:isolate;
}
#app .approved-reading-loading .approved-wait-shadow {
  left:50%;top:237px;width:270px;height:35px;
  background:radial-gradient(ellipse,#85623c21,transparent 67%);
}
#app .approved-reading-loading .approved-wait-light {
  left:167.5px;top:145px;width:245px;height:245px;
  background:radial-gradient(ellipse,#ecd2a044 0%,#e6d4a622 38%,transparent 70%);
  z-index:1;will-change:transform,opacity;
}
#app .approved-reading-loading .approved-wait-edge {
  position:absolute;left:167.5px;top:146px;width:143px;height:222px;
  z-index:3;pointer-events:none;transform:translate(-50%,-50%);
  border-radius:14px;opacity:0;
}
#app .approved-reading-loading .approved-wait-horizon {
  position:absolute;left:27px;top:155px;width:281px;height:1px;
  z-index:2;transform-origin:center;
  background:linear-gradient(90deg,transparent,#e2c28b,transparent);
}
#app .approved-reading-loading .approved-wait-orbit {
  position:absolute;left:167.5px;top:146px;
  transform:translate(-50%,-50%);border:1.8px solid #e8c48a;
  border-radius:50%;box-shadow:0 0 13px #f5d29b45,inset 0 0 7px #fff3d133;
  z-index:1;will-change:transform,opacity;
}
#app .approved-reading-loading .approved-wait-orbit.orbit-1 {
  width:250px;height:158px;border-width:1.8px;
}
#app .approved-reading-loading .approved-wait-orbit.orbit-2 {
  width:298px;height:222px;border-width:1.15px;border-color:#d8b887;
}
#app .approved-reading-loading .approved-wait-orbit.orbit-3 {
  width:204px;height:204px;border-width:1.55px;border-color:#f0d7a2;
}
#app .approved-reading-loading .approved-wait-orbit.orbit-4 {
  width:282px;height:112px;border-width:1.25px;border-color:#e4ca99;
}
#app .approved-reading-loading .approved-wait-svg {
  position:absolute;top:0;left:0;width:335px;height:300px;
  overflow:visible;z-index:7;
}
#app .approved-reading-loading .approved-wait-path {
  fill:none;stroke:#e4d1a8;stroke-width:1.1;opacity:0;
}
#app .approved-reading-loading .approved-wait-dot {
  fill:#fff8d9;stroke:#f0ca7e;stroke-width:.5;
  filter:drop-shadow(0 0 4px #fff0a6);
}
#app .approved-reading-loading .approved-wait-glow {
  fill:#efd4a0;filter:blur(3px);pointer-events:none;
}
#app .approved-reading-loading .approved-wait-card {
  left:0;top:0;z-index:6;width:116px;height:auto;aspect-ratio:951/1585;
  transform:none;filter:drop-shadow(0 10px 14px #14241e55);
  will-change:transform;
}
#app .approved-reading-loading .approved-wait-heading {
  margin:0 0 11px;color:#fffdf4;font-size:17px;line-height:1.65;
}
#app .approved-reading-loading .approved-wait-question {
  color:#f1efdf;font-size:12px;line-height:1.85;
}
#app .approved-reading-loading .loading-cancel.approved-wait-cancel {
  margin:24px 0 0;min-height:38px;padding:7px 12px;
  color:#efefdf;text-decoration-color:#dce0cf70;
}
@media(max-height:660px) {
  #app .reading-loading.approved-reading-loading {padding:16px 15px}
  #app .approved-reading-loading .approved-wait-scene {width:92%}
  #app .approved-reading-loading .loading-cancel.approved-wait-cancel {margin-top:14px}
}

/* Card-by-card reconstruction: only the image layers are combined. */
#app .approved-selection .fan-window .fan-composite {
  position:absolute;inset:0;display:block;width:100%;height:100%;
  z-index:1;pointer-events:none;
}
#app .approved-selection .fan-window.fan-composite-ready #fan {z-index:2}
#app .approved-selection .fan-window.fan-composite-ready #fan .fan-card .physical-card {
  visibility:hidden!important;filter:none!important;
}

#app .approved-selection .fan-window.fan-composite-ready #fan .fan-card:focus-visible {outline:2px solid #963e2c;outline-offset:2px}