/* Flat sticker presentation for the current World Adventure routes. */
body.cg-game {
  --cg-ink: #222120;
  --cg-paper: #fff9ef;
  --cg-mint: #acd1b2;
  --cg-yellow: #f3cd72;
  --cg-lilac: #cfbee7;
  --cg-pink: #f1afc0;
  --cg-blue: #b5d5e9;
  --vx-frame: var(--cg-ink);
  --vx-paper: var(--cg-paper);
  background: #e9e5da;
  color: var(--cg-ink);
}
body.cg-game .site,
body.cg-game #app { background: transparent; }
body.cg-game #app {
  position: relative;
  isolation: isolate;
  --cg-stage: #f9e8cf;
}
body.cg-game #app:has(> .cg-collection) { --cg-stage: #d7eaf5; }
body.cg-game #app:has(> .cg-profile) { --cg-stage: #e4d9f2; }
body.cg-game #app:has(> .cg-selection) { --cg-stage: #f3d7e1; }
body.cg-game #app:has(> :is(.cg-cover-page, .cg-question-page)) { --cg-stage: #dbeadb; }
body.cg-game #app:has(> :is(.cg-result-page, .cg-ritual, .cg-error)) { --cg-stage: #e4d9f2; }
body.cg-game #app:has(> .cg-invitation) { --cg-stage: #f8e4b9; }
body.cg-game #app::before {
  content: "";
  position: fixed;
  inset: 0 auto 0 50%;
  width: min(100%, 440px);
  transform: translateX(-50%);
  background: var(--cg-stage);
  z-index: -1;
}
.cg-page { background: transparent; overflow-wrap: anywhere; }
.cg-page h1, .cg-page h2, .cg-overlay h2 { font-weight: 900; letter-spacing: .035em; }
.cg-fine { color: #624c36; }
.cg-overline { color: #6b4a91; }
.cg-page :is(button, a):focus-visible, .cg-overlay :is(button, input, select, textarea):focus-visible {
  outline: 3px solid #5933a5;
  outline-offset: 4px;
}

/* Shared controls. */
.cg-button, .cg-back, .cg-edit-profile, .cg-goods-buy, .cg-modal-close,
.cg-report-tools button, .cg-text-button {
  border: 2px solid var(--cg-ink);
  border-radius: 5px;
  background: #ffe8be;

  font-weight: 800;
}
.cg-primary {
  background: #9872de;
  color: #fffdf6 !important;
  border-color: var(--cg-ink);


}
.cg-button:disabled, .cg-goods-buy:disabled {
  opacity: 1;
  color: #59544e !important;
  border-color: var(--cg-ink);
  background: #ddd7ca;


}
.cg-back {
  bottom: max(16px, env(safe-area-inset-bottom));
  color: #57371f;
  background: #fff1cc;
}
.cg-back span { font-size: 24px; line-height: 1; }
.cg-toast { background: #fff1ce; border-color: var(--cg-ink); border-radius: 6px;  }
.cg-voxel-sprite { display: block; flex-shrink: 0; }
.cg-voxel-duo { display: inline-flex; align-items: center; gap: 6px; vertical-align: middle; }
.cg-voxel-duo svg { width: 43%; height: 100%; }
.cg-voxel-duo b { color: #c34e86; }

/* The pack and home stickers. */
.cg-home { height: 100dvh; min-height: 0; padding: 0; display: block; text-align: center; }
.cg-home h1 {
  position: absolute; inset: 12% 0 auto;
  font-size: clamp(29px, min(10.2vw, 6.3dvh), 51px);
  line-height: 1.18; letter-spacing: .07em;
  color: var(--cg-ink);
}
.cg-home-intro {
  position: absolute; top: 25.4%; width: 100%; margin: 0 !important;
  color: #3b387d; font-size: clamp(11px, 3.6vw, 16px); font-weight: 750;
}
.cg-home-stars { top: 12%; font-size: 18px; color: #fff1ab;  }
.cg-home .cg-pack {
  position: absolute; top: 33.7%; left: 50%; transform: translateX(-50%);
  width: min(47%, 29dvh); height: auto; aspect-ratio: 608/814; margin: 0;
}
.cg-pack-inner {
  position: absolute; inset: 0; border: 0; background: transparent;

}
.cg-pack-inner::before { display: none; }
.cg-voxel-pack {
  width: 100%; height: 100%;

}
.cg-pack-spark { background: none; color: #ffe7a3; right: -22px;  }
.cg-tap-hint {
  position: absolute; inset: 80.1% 12px auto; color: #3b3474;
  font-size: clamp(12px, 3.5vw, 16px); font-weight: 850;
}
.cg-home-docks { position: absolute; inset: 0; pointer-events: none; }
.cg-cloud-dock {
  position: absolute; bottom: max(6%, env(safe-area-inset-bottom));
  display: grid; place-items: center; width: 116px; padding-bottom: 13px; isolation: isolate;
  transition: transform .42s cubic-bezier(.2,.75,.25,1);
}
.cg-shelf-left { left: 4px; transform: translateX(calc(-100% - 12px)); }
.cg-shelf-right { right: 4px; transform: translateX(calc(100% + 12px)); }
.cg-home.cg-shelves-visible .cg-cloud-dock { transform: translateX(0); }
.cg-dock-cloud { position: absolute; width: 100%; inset: auto 0 0; z-index: -1; }
.cg-shelf-right .cg-dock-cloud { transform: scaleX(-1); }
.cg-dock-button {
  display: grid; place-items: center; position: relative; pointer-events: auto;
  width: 82px; min-height: 84px; gap: 0; padding: 0; border: 0; border-radius: 12px;
  background: none; cursor: pointer; transition: transform .16s ease-out;
}
.cg-dock-button:active { transform: translateY(4px) scale(.94); }
.cg-dock-icon { width: 66px; height: 66px; object-fit: contain; }
.cg-dock-label { font-size: 12px; line-height: 1.15; font-weight: 850; white-space: nowrap; }
.cg-unpacking .cg-pack-inner { animation: vx-unpack .24s both; }
@keyframes vx-unpack {
  40% { transform: scale(.94); }
  to { transform: scale(1.045) rotate(-2deg); }
}
.cg-unpacking .cg-tap-hint, .cg-selection-action[aria-busy=true] .cg-action-title { animation: vx-wait 1.15s ease-in-out infinite; }
@keyframes vx-wait { 50% { opacity: .64; } }

.cg-stage-outgoing {
  position: fixed; inset: 0 auto 0 50%; width: min(100%, 440px);
  transform: translateX(-50%); z-index: -1; pointer-events: none;
}

/* V03–V05: five decks, then the full cover. */
:is(.cg-selection, .cg-collection) { --vx-deck-height: clamp(70px, calc((100dvh - 196px) / 3), 198px); }
.cg-selection {
  min-height: 0; height: 100dvh; gap: 12px;
  padding: max(16px, env(safe-area-inset-top)) 13px max(66px, calc(env(safe-area-inset-bottom) + 50px));
  justify-content: center;
}
.cg-selection { --vx-deck-height: clamp(65px, calc((100dvh - 204px) / 3), 198px); }
.cg-selection-header { display: flex; flex-direction: column; width: 100%; padding: 0 42px; }
.cg-selection-header h1 { color: #40552d; font-size: clamp(17px, 5vw, 25px); margin-top: 2px;  }
.cg-selection-header h1 { order: -1; margin-bottom: 3px; }
.cg-inventory { color: #4f3a25; }
.cg-item {
  border: 1px solid var(--cg-ink); border-radius: 5px; background: #fff2d4;

}
.cg-world-grid, .cg-collection-grid {
  width: 100%; max-width: 324px; column-gap: 11px; padding-inline: 4px;
}
.cg-world-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px 15px; padding-block: 2px 4px; }
.cg-world-deck, .cg-world-deck:nth-child(4) { grid-column: span 2; aspect-ratio: auto; height: var(--vx-deck-height); }
.cg-world-deck:nth-child(5) { grid-column: 2 / span 2; height: var(--vx-deck-height); }
.cg-deck-top, .cg-deck-under, .cg-large-under {
  border: 2px solid var(--vx-frame); border-radius: 8px; background: var(--vx-paper);

}
.cg-deck-under-one, .cg-large-under-one { background: #bca2e9; border-color: var(--cg-ink); }
.cg-deck-under-two, .cg-large-under-two { background: #e6d4f5; border-color: var(--cg-ink); }
.cg-card-front {
  display: none; background: var(--vx-paper); padding: 0; overflow: hidden;
  border: 3px solid color-mix(in srgb, var(--card-color) 80%, var(--cg-ink));
  font-weight: 850; text-align: center;
}
.cg-card-front .cg-world-art {
  position: absolute; inset: 0; width: 100%; height: 100%;
  object-fit: cover; object-position: center 46%;
}
.cg-card-front b {
  position: absolute; inset: auto 0 0; z-index: 1; padding: 5px 4px;
  background: #25374de6; color: #fff8e8;
  font-size: clamp(11px, 3.3vw, 15px); line-height: 1.25;
}
.cg-world-deck:disabled { opacity: 1; }
.cg-deck-rotor { position: absolute; inset: 0; display: block; }
.cg-world-deck .cg-deck-top { background: var(--vx-paper); }
.cg-world-deck .cg-card-back { padding: 0; background: #8274cd; }


.cg-world-deck.cg-flipping .cg-deck-rotor {
  animation: cg-paper-flip .28s cubic-bezier(.5,.14,.5,.86) both;
}
.cg-world-deck.cg-flipping .cg-deck-top { display: flex; transform: none; transition: none; }
.cg-world-deck.cg-flipping .cg-card-back { animation: cg-paper-back .28s step-end both; }
.cg-world-deck.cg-flipping .cg-card-front { animation: cg-paper-front .28s step-end both; }
@keyframes cg-paper-flip { 50% { transform: scaleX(.06); } }
@keyframes cg-paper-back { 50%, 100% { visibility: hidden; } }
@keyframes cg-paper-front { 0% { visibility: hidden; } 50%, 100% { visibility: visible; } }
.cg-world-deck.cg-revealed:not(.cg-flipping) .cg-deck-under-one { transform: translate(-4px, 5px); }
.cg-world-deck.cg-revealed:not(.cg-flipping) .cg-deck-under-two { transform: translate(-2px, 2px); }
.cg-selection-check { z-index: 2; border: 1px solid var(--cg-ink); border-radius: 4px; background: #ffe9a2; color: #5d4a28; }
.cg-world-deck[aria-pressed=true] { transform: none; }
.cg-world-deck[aria-pressed=true] .cg-card-front {
  border-color: var(--cg-ink);
}
.cg-world-deck.cg-revealed[aria-pressed=true] .cg-selection-check { animation: cgTick .18s ease-out both; }
.cg-selection-action[aria-busy=true] {
  background: #f6e6ba; border-color: var(--cg-ink); color: #574025 !important;
}
.cg-selection-footer { max-width: 324px; }
.cg-selection-footer .cg-selection-action { border-radius: 6px; min-height: 53px; padding: 4px 8px; gap: 2px; }
#cgRefresh:not(:disabled) { background: #e2ebac; }
#cgConfirm:not(:disabled), .cg-overlay[data-voxel-reference="V19"] .cg-primary {
  background: #fbe7a1;
  color: #51391b !important;
  border-color: var(--cg-ink);


}
#cgAccept:not(:disabled), .cg-overlay[data-voxel-reference="V22"] .cg-primary {
  background: #dce9ad;
  color: #324423 !important;
  border-color: var(--cg-ink);


}
.cg-action-cost .cg-voxel-sprite { width: 23px; height: 23px; }
.cg-selection.cg-selection-outgoing {
  position: absolute; inset: 0; z-index: 0; pointer-events: none;
}
.cg-cover-arrival { z-index: 1; }
.cg-question-stack .cg-cover-card { z-index: 2; animation: none; }
.cg-cover-arrival .cg-cover-card:disabled { opacity: 1; }
.cg-cover-arrival .cg-cover-hint { animation: vx-arrival .24s .33s both; }
@keyframes vx-arrival { from { opacity: 0; translate: 0 6px; } }
.cg-play .cg-question-stack {
  width: min(100%, 350px); height: clamp(358px, calc(100dvh - 146px), 500px);
  min-height: 0; max-width: none; max-height: none;
}
.cg-cover-card, .cg-invitation-cover {
  border: 3px solid var(--cg-ink); border-radius: 10px; background: var(--vx-paper); padding: 8px;

}
.cg-cover-card { display: block; padding: 0; overflow: hidden; }
.cg-cover-card .cg-world-art {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  object-position: center 46%; border-radius: 0;
}
.cg-cover-title {
  position: absolute; inset: auto 0 0; z-index: 1;
  padding: 20px 12px 12px; color: #fff8e8;
  background: #192738;
}
.cg-cover-title p { color: #fff3dc; }
.cg-question-page {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: 1fr auto 1fr;
  justify-items: center;
  align-items: start;
  gap: 12px;
  padding: max(20px, env(safe-area-inset-top), env(safe-area-inset-bottom)) 17px;
}
.cg-cover-page .cg-scene-progress { visibility: hidden; }
.cg-cover-hint { color: #523f83; font-weight: 750; }

/* V06–V08: readable scene cards, four real choices and a moving pack. */
.cg-question-page { overflow: clip; }
.cg-question-page .cg-scene-progress { align-self: end; }
.cg-scene-progress { flex-direction: column; gap: 6px; }
.cg-scene-plaque {
  display: grid; place-items: center; position: relative; width: 100%;
  min-height: 42px; color: #56361d; font-size: clamp(13px, 3.7vw, 18px);
}
.cg-scene-plaque strong {
  z-index: 1; max-width: 73%; text-align: center; padding: 6px 13px;
  background: #ffeac5; border: 2px solid var(--cg-ink);
}
.cg-scene-with-avatars { grid-template-columns: 40px minmax(0, 1fr) 40px; gap: 5px; }
.cg-scene-with-avatars strong { max-width: 100%; overflow-wrap: anywhere; }
.cg-question-avatar {
  display: grid; place-items: center; width: 38px; height: 38px; overflow: hidden;
  border: 2px solid var(--cg-ink); border-radius: 7px; background: #efe0f5;
}
.cg-question-invitee { border-color: var(--cg-ink); background: #edf3d7; }
.cg-question-avatar :is(svg, img) { display: block; width: 100%; height: 100%; object-fit: cover; }
.cg-progress-dots { background: #fff5dc; padding: 5px 10px; border-radius: 5px; }
.cg-progress-dots i { border-radius: 2px; width: 9px; height: 9px; border-color: var(--cg-ink); }
.cg-progress-dots i.cg-current { background: #f5c757; }
.cg-question-card, .cg-fortune-card, .cg-center-panel, .cg-profile-header,
.cg-error, .cg-overlay {
  border: 3px solid var(--cg-ink); border-radius: 10px;
  background: var(--vx-paper);

}
.cg-question-stack { display: grid; isolation: isolate; }
.cg-question-card {
  grid-area: 1 / 1; display: grid; grid-template-rows: minmax(0, 1fr) auto auto auto;
  min-width: 0; min-height: 0; gap: 7px; animation: none; padding: 12px;
}
.cg-question-current { z-index: 1; }
:is(.cg-question-card, .cg-cover-card).cg-question-leaving { animation: vx-question-out .2s cubic-bezier(.35,.05,.65,1) both; }
@keyframes vx-question-out { to { transform: translateX(-120%) rotate(-4deg); } }
.cg-question-card > .cg-art-scene {
  width: 100%; height: 100%; min-height: 0; object-fit: cover; object-position: 50% 44%;
  border-radius: 5px; border: 2px solid var(--cg-ink);
}
.cg-scene-label {
  justify-self: start; border: none; border-radius: 3px;
  background: #e6edc6; color: #3e5128; padding: 2px 7px;
}
.cg-question-card .cg-question-text {
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4;
  height: 5.6em; overflow: hidden; margin: 0; padding: 0; border: 0;
  font-size: clamp(14px, 3.8vw, 16px); line-height: 1.4; font-weight: 750; color: #40522e;
}
.cg-options { gap: 7px; }
.cg-options button {
  border: 1px solid var(--cg-ink); border-radius: 4px; background: #fffaeb;

  min-height: 43px; padding: 6px 7px; font-weight: 650;
}
.cg-option-mark { border: 1px solid var(--cg-ink); border-radius: 4px; background: #d8c2f2; color: #4a2c74; }
.cg-options button:nth-child(2) .cg-option-mark { background: #c3dcfb; color: #254472; border-color: var(--cg-ink); }
.cg-options button:nth-child(3) .cg-option-mark { background: #fce2a0; color: #603d18; border-color: var(--cg-ink); }
.cg-options button:nth-child(4) .cg-option-mark { background: #f3c4d7; color: #733858; border-color: var(--cg-ink); }
.cg-options button[aria-pressed=true] { background: #edf4d6; border-color: var(--cg-ink);  }
.cg-options button[aria-pressed=true] .cg-option-mark { background: #d3e9a6; border-color: var(--cg-ink); color: #3b5e22; }
.cg-options button.cg-answer-confirmed[aria-pressed=true] .cg-option-mark {
  position: relative; animation: vx-answer-pop .5s ease-out both;
}
.cg-answer-confirmed .cg-option-mark::after {
  content: ""; position: absolute; inset: -1px; border: 1px solid var(--cg-ink); border-radius: inherit;
  pointer-events: none; animation: vx-answer-ring .44s ease-out both;
}
@keyframes vx-answer-pop {
  from { transform: scale(.82); }
  45% { transform: scale(1.17); }
  to { transform: scale(1); }
}
@keyframes vx-answer-ring {
  from { opacity: .8; transform: scale(1); }
  to { opacity: 0; transform: scale(1.55); }
}
.cg-option-label { min-width: 0; flex: 1; overflow-wrap: anywhere; }
.cg-options button.cg-inviter-pick {
  outline: 2px solid #936cc1; outline-offset: 1px;
  animation: vx-inviter-glow .48s ease-out both;
}
.cg-inviter-bubble {
  position: relative; display: flex; align-items: center; flex: 0 1 auto;
  min-width: 0; max-width: 40%; margin-left: auto; padding: 3px 6px;
  border: 1px solid var(--cg-ink); border-radius: 7px;
  background: #efe5ff; color: #513979; white-space: nowrap;
  font-size: clamp(9px, 2.6vw, 11px); font-weight: 800; line-height: 1.2;
  animation: vx-choice-reveal .36s cubic-bezier(.18,.75,.3,1) both;
}
.cg-inviter-bubble > span { overflow: hidden; text-overflow: ellipsis; }
.cg-inviter-bubble::before {
  content: ""; position: absolute; width: 5px; height: 5px;
  left: -4px; top: calc(50% - 3px); transform: rotate(45deg);
  background: inherit; border-left: 1px solid var(--cg-ink); border-bottom: 1px solid var(--cg-ink);
}
@keyframes vx-choice-reveal {
  from { opacity: 0; transform: translateX(5px) scale(.94); }
  to { opacity: 1; transform: translateX(0) scale(1); }
}
@keyframes vx-inviter-glow {
  from { outline-color: #936cc100; }
  38% { outline-color: #643da7; }
  to { outline-color: #936cc1; }
}
.cg-reaction { min-height: 0; margin-top: 10px !important; padding: 7px 8px; background: #e8efcd; border-left: 4px solid var(--cg-ink); color: #3f552a; }
.cg-reaction:empty { display: none; }
.cg-question-bottom { justify-content: center; gap: 9px; }
.cg-question-bottom > span { background: #fff0d2; padding: 6px 10px;  border-radius: 4px; }
.cg-ritual h2 { color: #654594; }
.cg-ritual .cg-converging {
  --cg-orb-x: 49.3%;
  --cg-orb-y: 45.4%;
  isolation: isolate; width: min(100%, 380px); height: auto; aspect-ratio: 864 / 486;
}
.cg-converging > .cg-fortune-process-art {
  display: block; width: 100%; height: 100%; border-radius: 8px;

}
.cg-orbit-card {
  position: absolute; left: calc(var(--cg-orb-x) - 23px); top: calc(var(--cg-orb-y) - 30px);
  width: 46px; height: 60px; opacity: 0; z-index: 1;

}
.cg-orbit-card svg { width: 100%; height: 100%; display: block; }
.cg-orbit-card b {
  position: absolute; inset: 0; display: grid; place-items: center; padding-bottom: 1px;
  color: #583867; font-size: 11px;
}
.cg-orbit-spark {
  position: absolute; left: calc(var(--cg-orb-x) - 20px); top: calc(var(--cg-orb-y) - 20px);
  width: 40px; height: 40px; display: grid; place-items: center;
  font-size: 32px; color: #fff3a6;  opacity: 0; z-index: 2;
}
@media (prefers-reduced-motion: reduce) {
  .cg-orbit-card, .cg-orbit-spark { display: none; }
  .cg-inviter-bubble, .cg-options button.cg-inviter-pick { animation: none; }
}
.cg-ritual > p, .cg-ritual > h2 { padding: 6px 14px; background: #fff4dc; border-radius: 5px; }

/* V09–V13: report plaque, evidence, invitation and album. */
.cg-result-page {
  justify-content: safe center;
  padding: max(50px, calc(env(safe-area-inset-bottom) + 45px)) 20px;
  gap: 12px;
}
.cg-result-header { color: #452c20; font-weight: 800; }
.cg-result-header span:last-child { background: #f2e5ff; padding: 4px 7px; border-radius: 4px;  }
.cg-fortune-card { padding: 16px 17px 14px; }
.cg-fortune-card::before { border: 0; }
.cg-fortune-emblem { width: 118px; height: 100px; margin-bottom: 10px; }
.cg-fortune-emblem img { object-fit: cover; object-position: 50% 45%; border: 3px solid var(--cg-ink); border-radius: 7px;  }
.cg-fortune-emblem .cg-voxel-duo { width: 100%; height: 100%; justify-content: center; }
.cg-fortune-corner { background: transparent; color: #9b75cb; }
.cg-fortune-card h1 { font-size: clamp(20px, 5.3vw, 28px); color: #633f27; margin: 7px 0 11px; }
.cg-fortune-copy { border-top: 1px solid #d1b77a; padding-top: 10px; color: #4d3827; }
.cg-fortune-rule { color: #947344; margin-top: 8px; }
.cg-fortune-footnote { color: #604b34; }
.cg-public-world-report .core-two { width: min(100%, 350px); }
.cg-public-world-report .core-two a { border-radius: 5px; }
.cg-report-tools { display: flex; gap: 5px; background: #f8e5bf; padding: 7px; margin-top: 13px; }
.cg-report-tools button { flex: 1; min-width: 0; flex-direction: column; padding: 6px 1px; gap: 4px; font-size: 10px;  }
.cg-report-tools button svg { color: #66418d; width: 18px; height: 18px; }
.cg-report-tabs { padding: 2px; border: 2px solid var(--cg-ink); border-radius: 5px; background: #fff2df; }
.cg-report-tabs button { border-radius: 4px; }
.cg-report-tabs button[aria-pressed=true] { background: #8256c7; color: #fffdf8; }
.cg-result-paired .cg-fortune-emblem { width: 185px; height: 100px; }
.cg-fortune-card.cg-fortune-has-cover .cg-fortune-emblem {
  width: calc(100% + 34px); height: clamp(110px, 21dvh, 175px); margin: -16px -17px 12px;
}
.cg-fortune-has-cover .cg-fortune-emblem img {
  border: 0; border-radius: 7px 7px 0 0;  object-fit: cover; object-position: center;
}
.cg-fortune-has-cover .cg-fortune-corner { display: none; }
.cg-invite-note { color: #483972; font-weight: 650; }
.cg-result-footer .cg-consent, .cg-pair-status, .cg-pair-picker { background: #fff3da; padding: 6px 8px; border-radius: 4px; }
.cg-insight {
  border: 1px solid var(--cg-ink); padding: 8px; margin-bottom: 8px; background: #fff8e8;
   border-radius: 4px;
}
.cg-insight h3 { margin: 0 0 5px; }
.cg-invitation .cg-overline { background: #fff6dd; padding: 6px 12px; border: 2px solid var(--cg-ink); }
.cg-invitation-cover { border-color: var(--cg-ink); }
.cg-invitation-cover > .cg-world-art { height: min(37dvh, 285px); object-fit: cover; border-radius: 4px; }
.cg-invite-cost { display: flex; align-items: center; justify-content: center; gap: 5px; margin-top: 3px; font-size: 12px; }
.cg-invite-cost svg { width: 23px; height: 23px; }
.cg-invitation > p { background: #fff3da; padding: 4px 10px; border-radius: 4px; }
.cg-collection { padding: 25px 13px 79px; }
.cg-collection header { margin: 0 auto -3px; text-align: center; position: relative; z-index: 1; width: max-content; max-width: 100%; }
.cg-collection header h1 { margin: 0; padding: 5px 23px; background: #c5d68a; border: 3px solid var(--cg-ink);  color: #3c4f27; }
.cg-collection-grid { margin-inline: auto; row-gap: 13px; padding-block: 14px 0; }
.cg-collection-grid:empty { display: none; }
.cg-collected-world { border: 0; padding: 0; background: var(--vx-paper); border-radius: 8px; }
.cg-collected-face { position: relative; width: 100%; height: var(--vx-deck-height); }
.cg-collected-face .cg-card-front { display: flex; }
.cg-duo-dock { margin: 4px 0 0; padding: 4px 0; border: none; min-height: 0; background: none; }
.cg-avatar-seat { border: 2px solid var(--cg-ink); border-radius: 6px; width: clamp(27px, 9vw, 40px); height: clamp(27px, 9vw, 40px); }
.cg-avatar-seat img { border-radius: 4px; }
.cg-avatar-seat-empty { border-style: dashed; border-color: var(--cg-ink); }
.cg-duo-complete .cg-duo-link { color: #a34c76; }
.cg-collection > p:not(:empty) { color: #453729;  }

/* Profile and dialogs. */
html:has(body.cg-game #app > .cg-profile) {
  overflow: hidden;
  overscroll-behavior: none;
}
.cg-profile {
  height: 100dvh;
  min-height: 0;
  overflow: hidden;
  display: grid;
  grid-template-rows: .95fr .76fr 1.5fr 1.45fr auto;
  gap: clamp(8px, 1.8dvh, 17px);
  padding: max(12px, env(safe-area-inset-top)) 13px max(67px, calc(env(safe-area-inset-bottom) + 51px));
}
.cg-profile-header, .cg-profile .cg-center-panel {
  border-color: var(--cg-ink);
  background: #fff8e8;

}
.cg-profile-header {
  display: flex;
  align-items: center;
  margin: 0;
  padding: clamp(8px, 2dvh, 20px) clamp(8px, 3vw, 14px);
  gap: clamp(6px, 2.5vw, 12px);
}
.cg-profile-header > div {
  border: 2px solid var(--cg-ink);
  border-radius: 7px;
  width: clamp(37px, 8.5dvh, 72px);
  aspect-ratio: 1;
  height: auto;
  background: #e8edc9;

}
.cg-profile-header > div :is(img, svg) { width: 100%; height: 100%; object-fit: cover; }
.cg-profile-header > section { flex: 1; min-width: 0; }
.cg-profile-header h1 { margin: 0; font-size: clamp(15px, 4.7vw, 23px); }
.cg-profile-header :is(h1, p, small) {
  display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.cg-profile-header :is(p, small) { font-size: 11px; color: #594431; }
.cg-edit-profile { padding: 4px 7px; min-height: 32px; white-space: nowrap; font-size: 12px; }
.cg-profile-items { gap: 8px; margin: 0; }
.cg-profile-items article {
  min-width: 0; display: grid; grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center; gap: clamp(3px, 1.5vw, 8px); padding: 5px 7px;
  border: 2px solid var(--cg-ink); border-radius: 7px;
  background: #f0f4dd;
}
.cg-profile-items article:nth-child(2) {
  background: #fff0c9; border-color: var(--cg-ink);

}
.cg-item-label { min-width: 0; display: grid; gap: 2px; line-height: 1.25; }
.cg-profile-items .cg-item-label span { font-size: clamp(11px, 3vw, 13px); }
.cg-profile-items .cg-item-label small { font-size: clamp(9px, 2.6vw, 11px); color: #615443; }
.cg-profile-items article > svg { width: clamp(25px, 5.8dvh, 44px); height: auto; }
.cg-profile-items article > strong { font-size: clamp(16px, 5vw, 25px); }
.cg-profile .cg-center-panel { padding: 8px; margin: 0; }
.cg-profile .cg-center-panel h2 { margin: 0; text-align: center; color: #415731; font-size: clamp(13px, 2.1dvh, 18px); }
.cg-rewards {
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-template-rows: auto 1fr; gap: 6px;
}
.cg-rewards h2 { grid-column: 1 / -1; }
.cg-rewards .cg-reward-row {
  display: flex; flex-direction: column; align-items: stretch; justify-content: center;
  gap: 4px; padding: 5px 3px; background: #fff8e7; border: 1px solid var(--cg-ink); border-radius: 4px;
}
.cg-rewards .cg-reward-row > div {
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  text-align: center; gap: 2px; flex: 1;
}
.cg-rewards .cg-reward-row > div svg { width: clamp(23px, 5dvh, 41px); height: auto; }
.cg-rewards .cg-reward-row b { font-size: 12px; line-height: 1.3; }
.cg-rewards .cg-reward-row small { font-size: 10px; line-height: 1.3; color: #664f37; }
.cg-profile :is(.cg-rewards, .cg-profile-actions, .cg-profile-links) .cg-button {
  min-height: clamp(30px, 4.7dvh, 41px); font-size: clamp(10px, 3vw, 12px); padding: 3px 2px;
}
.cg-rewards .cg-button { white-space: normal; }
.cg-profile-actions, .cg-profile-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.cg-profile-actions > section { display: grid; grid-template-rows: auto 1fr; gap: 6px; }
.cg-profile-actions .cg-center-two {
  grid-template-columns: minmax(0, 1fr); align-content: center; gap: clamp(5px, 1.5dvh, 11px);
}
.cg-profile-actions .cg-primary, .cg-rewards .cg-primary {
  background: #d7e5aa; border-color: var(--cg-ink);

  color: #304522 !important;
}
.cg-center-notice { border: 1px solid var(--cg-ink); padding: 9px; margin-top: 8px; border-radius: 5px; background: #fffaed;  }
.cg-center-notice:last-child { border-bottom: 1px solid var(--cg-ink); padding-bottom: 9px; }
.cg-center-notice > span svg { width: 39px; height: 39px; }
.cg-overlay { width: min(92vw, 399px); max-height: 89dvh; padding: 19px 15px 17px; }
.cg-overlay::backdrop { background: #192743b0; }
.cg-overlay h2 {
  font-size: clamp(17px, 5vw, 24px); text-align: center; color: #583a22;
  background: #ffe8bd; padding: 6px 9px; border: 2px solid var(--cg-ink);
  margin: 0 35px 14px 0;
}
.cg-modal-close { width: 32px; height: 32px; line-height: 25px; top: 15px; right: 12px; color: #5d3426 !important; z-index: 1; }
.cg-modal-bunny { height: 80px; margin-bottom: 8px; display: grid; place-items: center; }
.cg-modal-bunny > svg { width: 78px; height: 78px; }
.cg-modal-bunny .cg-voxel-duo { height: 78px; width: 165px; }
.cg-modal-content > p { margin: 7px 0; }
.cg-modal-banner { height: 51px; display: flex; justify-content: center; margin: -6px auto 7px; }
.cg-modal-banner .cg-voxel-duo { height: 100%; width: 114px; }
.cg-modal-actions { gap: 7px; margin-top: 12px; }
.cg-modal-actions:empty { display: none; }
.cg-modal-actions .cg-button { min-height: 41px; }
.cg-overlay :is(input:not([type=checkbox]):not([type=file]),textarea,select) {
  border: 1px solid var(--cg-ink); border-radius: 4px; background: #fff9e8;
}
.cg-upload-row { flex-direction: column; gap: 8px; }
.cg-upload-preview { border-color: var(--cg-ink); border-radius: 8px; width: 86px; height: 86px; }
.cg-upload-picker { border-radius: 5px; border: 1px solid var(--cg-ink); background: #deebbc;  }
.cg-avatar-choices { grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 5px; }
.cg-avatar-choices button { height: auto; aspect-ratio: 1; border-radius: 4px; border-color: var(--cg-ink); padding: 2px; }
.cg-avatar-choices button[aria-pressed=true] { outline-color: #6f9146; outline-offset: 0; }
.cg-goods-dialog .cg-goods-card { background: #fff5df; border-color: var(--cg-ink); border-radius: 5px;  gap: 4px; padding: 4px; }
.cg-goods-card h4 { margin: 0; text-align: center; font-size: 10px; color: #3f532b; background: #d7e2ac; padding: 3px; width: 100%; }
.cg-goods-art { height: clamp(34px, 10dvh, 80px); }
/* Keep the item SVGs in flow inside each shop tile. */
.cg-goods-art > .cg-voxel-goods {
  position: static; transform: none; width: 100%; height: 100%;
  display: flex; align-items: center; justify-content: center;
}
.cg-voxel-goods > svg { width: 70%; min-width: 0; max-height: 100%; }
.cg-goods-count-2 > svg { width: 48%; }
.cg-goods-count-3 > svg { width: 33%; }
.cg-goods-buy { background: #c6d890; border-color: var(--cg-ink); color: #304424 !important; min-height: 33px;  }
.cg-goods-row { margin: 8px 0 11px; }
.cg-goods-row h3 { color: #465733; }
.cg-purchase-demo { border-radius: 4px; background: #f5e8cc; color: #644b33; }
.cg-benefits { padding: 0; display: grid; gap: 6px; list-style: none; }
.cg-benefits li { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border: 1px solid var(--cg-ink); border-radius: 5px; background: #fff7e4; font-size: 13px; }
.cg-benefits svg { width: 33px; height: 33px; }
.cg-ad-demo { background: #fff3d8; border: 2px solid var(--cg-ink); border-radius: 6px; min-height: 144px; }
.cg-ad-demo svg { width: 72px; height: 72px; }
.cg-error { min-height: min(84dvh, 630px); width: calc(100% - 30px); margin: 18px auto 60px; padding: 20px 15px; }
.cg-error > svg { width: 105px; height: 105px; }
.cg-overlay[data-voxel-reference="V15"] .cg-primary,
.cg-overlay[data-voxel-reference="V24"] .cg-primary {
  background: #cf7ba8;
  border-color: var(--cg-ink);

}

.cg-card-front { position: absolute; }
.cg-overlay[data-voxel-reference="V11"], .cg-overlay[data-voxel-reference="V16"] { width: min(94vw, 410px); }
.cg-overlay[data-voxel-reference="V17"], .cg-overlay[data-voxel-reference="V22"], .cg-overlay[data-voxel-reference="V24"] { width: min(84vw, 365px); }
.cg-fortune-pending .cg-voxel-pack { height: 100%; width: 100%; }
.cg-fortune-pending .cg-waiting-pattern { height: 28px; }

/* Controls for the development reference layer. */
.cg-reference-controls {
  position: relative; z-index: 80; width: max-content; max-width: 100%; margin: 6px 6px 6px auto;
  display: flex; align-items: center; gap: 7px; padding: 3px 6px; font-size: 10px;
  background: #252038; color: white; border-radius: 4px;
}
.cg-reference-controls label { display: flex; align-items: center; gap: 4px; }
.cg-reference-controls input { width: 48px; margin: 0; }
.cg-reference-controls button { color: white; font-size: inherit; border: 0; background: #51446a; padding: 3px 4px; cursor: pointer; }

@media (max-height: 580px) {
  .cg-ritual { gap: 10px; }
  .cg-ritual .cg-converging { width: min(100%, 320px); }
  .cg-question-bottom > #cgContinue { min-height: 35px; padding: 4px 12px; }
  :is(.cg-selection, .cg-collection) { --vx-deck-height: clamp(65px, calc((100dvh - 170px) / 3), 126px); }
  .cg-selection { gap: 5px; --vx-deck-height: clamp(55px, calc((100dvh - 214px) / 3), 126px); }
  .cg-selection-header h1 { font-size: 16px; }
  .cg-selection-footer .cg-selection-action { min-height: 47px; }
  .cg-question-page { gap: 7px; padding-block: 12px; }
  .cg-scene-progress { gap: 3px; }
  .cg-scene-plaque { min-height: 28px; }
  .cg-scene-plaque strong { padding: 2px 10px; }
  .cg-question-avatar { width: 29px; height: 29px; }
  .cg-progress-dots { padding: 2px 8px; }
  .cg-progress-dots i { width: 7px; height: 7px; }
  .cg-question-card { gap: 5px; padding: 9px; }
  .cg-question-card .cg-options { gap: 5px; }
  .cg-question-card .cg-options button { min-height: 35px; padding-block: 4px; }
  .cg-cloud-dock { width: 99px; padding-bottom: 11px; }
  .cg-dock-button { width: 67px; min-height: 68px; }
  .cg-dock-icon { width: 56px; height: 56px; }
  .cg-profile { gap: 6px; padding-top: max(8px, env(safe-area-inset-top)); }
  .cg-profile .cg-center-panel { padding: 5px 6px; }
  .cg-profile-actions > section, .cg-rewards { gap: 4px; }
  .cg-rewards .cg-reward-row { padding: 2px; gap: 3px; }
  .cg-result-page { padding-block: 49px; }
  .cg-goods-dialog { padding: 11px; }
  .cg-goods-dialog h2 { margin-bottom: 8px; }
  .cg-goods-row { margin: 5px 0 7px; }
  .cg-goods-art { height: 34px; }
  .cg-goods-buy { min-height: 28px; }
  .cg-modal-banner { height: 33px; }
}
@media (prefers-reduced-motion: reduce) {
  .cg-world-deck[aria-pressed=true] { transform: none; }
  .cg-answer-confirmed .cg-option-mark::after { display: none; }
  .cg-page *, .cg-overlay * { animation-duration: .01ms !important; transition-duration: .01ms !important; }
}

/* Keep complete English prompts readable on narrow screens. */
html[lang="en"] .cg-question-card .cg-question-text {
  display: block;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  font-size: clamp(13px, 3.55vw, 15px);
}


/* Flat surfaces with the same rounded ink line as the illustrations. */
.cg-page :is(h1, h2, h3, .cg-overline, .cg-fine), .cg-overlay :is(h2, h3) { color: var(--cg-ink); }
.cg-page :is(.cg-button, .cg-back, .cg-edit-profile, .cg-report-tools button, .cg-text-button),
.cg-overlay :is(.cg-button, .cg-goods-buy, .cg-modal-close, .cg-upload-picker) {
  border: 2.5px solid var(--cg-ink);
  border-radius: 13px;
  background: var(--cg-paper);
  color: var(--cg-ink) !important;
}
.cg-page .cg-primary, .cg-overlay .cg-primary { background: var(--cg-lilac); }
.cg-page #cgRefresh:not(:disabled), .cg-page #cgAccept:not(:disabled),
.cg-profile :is(.cg-rewards, .cg-profile-actions) .cg-primary,
.cg-overlay :is(.cg-goods-buy, .cg-upload-picker) { background: var(--cg-mint); }
.cg-page #cgConfirm:not(:disabled) { background: var(--cg-yellow); }
.cg-page .cg-button:disabled, .cg-overlay .cg-goods-buy:disabled { background: #e4ded6; color: #554f49 !important; }
.cg-page :is(.cg-question-card, .cg-fortune-card, .cg-center-panel, .cg-profile-header),
.cg-page.cg-error, .cg-overlay {
  border: 2.5px solid var(--cg-ink);
  border-radius: 23px;
  background: var(--cg-paper);
}
.cg-cover-card, .cg-invitation-cover, .cg-deck-top, .cg-deck-under,
.cg-collected-world { border-radius: 16px; }
.cg-deck-under-one, .cg-large-under-one { background: var(--cg-lilac); }
.cg-deck-under-two, .cg-large-under-two { background: var(--cg-pink); }
.cg-world-deck .cg-card-back { background: var(--cg-lilac); }
.cg-cover-title, .cg-card-front b {
  background: var(--cg-paper); color: var(--cg-ink); border-top: 2px solid var(--cg-ink);
}
.cg-cover-title { padding: 9px 12px 12px; }
.cg-cover-title p { color: #494442; }
.cg-selection-check { background: var(--cg-yellow); border: 2px solid var(--cg-ink); border-radius: 50%; color: var(--cg-ink); }
.cg-world-deck[aria-pressed=true] .cg-card-front { border-color: var(--cg-ink); }
.cg-tap-hint, .cg-home-intro, .cg-cover-hint, .cg-invite-note { color: var(--cg-ink); }
.cg-home-stars {
  inset: 10% 12% auto; width: auto; justify-content: space-between;
}
.cg-home-stars svg { width: clamp(21px, 7vw, 37px); height: auto; }
.cg-home-stars svg:last-child { transform: translateY(32px); }
.cg-home-clouds { position: absolute; inset: 0; pointer-events: none; }
.cg-home-clouds svg { position: absolute; width: 24%; height: auto; }
.cg-home-clouds svg:first-child { top: 24%; left: -4%; }
.cg-home-clouds svg:last-child { top: 59%; right: -2%; }
:is(.cg-page, .cg-overlay) .sticker-svg :is(path, rect, ellipse, circle) {
  vector-effect: non-scaling-stroke;
  stroke-width: 2.25px;
}
.cg-pack-spark { color: #a26024; }
.cg-sticker-pack {
  position: relative; display: grid; place-items: center;
  border: 3px solid var(--cg-ink); border-radius: 23px; background: var(--cg-pink);
}
.cg-sticker-pack-seam {
  position: absolute; inset: 9% 0 auto; border-top: 2px dashed var(--cg-ink);
}
.cg-sticker-pair { display: flex; width: 87%; align-items: center; justify-content: center; }
.cg-sticker-pair > svg { width: 50%; height: auto; }
.cg-sticker-pair > svg:first-child { transform: rotate(-8deg); }
.cg-sticker-pair > svg:last-child { transform: rotate(8deg); }
.cg-sticker-pack-seal { position: absolute; width: 28%; height: auto; bottom: 6%; }
.cg-dock-cloud { height: 65%; }
.cg-dock-button { color: var(--cg-ink); }
.cg-scene-plaque strong, .cg-progress-dots, .cg-scene-label {
  color: var(--cg-ink); border: 2px solid var(--cg-ink); border-radius: 13px;
}
.cg-scene-plaque strong { background: var(--cg-pink); }
.cg-progress-dots { background: var(--cg-paper); }
.cg-progress-dots i, .cg-question-avatar, .cg-avatar-seat { border-radius: 50%; }
.cg-question-card > .cg-art-scene {
  display: grid; place-items: center; border-radius: 13px;
  background: #e8e0f2;
}
.cg-art-scene > svg { display: block; width: 100%; height: 100%; max-height: 124px; }
.cg-scene-label { background: var(--cg-yellow); }
.cg-question-card .cg-question-text { color: var(--cg-ink); }
.cg-question-card .cg-options button {
  border: 2px solid var(--cg-ink); border-radius: 11px; background: #fffdf7;
}
.cg-question-card .cg-options button[aria-pressed=true] { background: var(--cg-mint); }
.cg-options .cg-option-mark { color: var(--cg-ink); border-radius: 50%; }
.cg-converging > .cg-fortune-process-art {
  border: 2.5px solid var(--cg-ink); border-radius: 20px; background: #f7e9f2;
}
.cg-fortune-process-art > svg { display: block; width: 100%; height: 100%; }
.cg-fortune-pending .cg-fortune-process-art { display: block; width: 100%; height: 100%; }
.cg-ritual .cg-converging { --cg-orb-x: 50%; --cg-orb-y: 44%; }
.cg-orbit-spark { color: #975719; }
.cg-result-header span:last-child, .cg-invitation .cg-overline,
.cg-collection header h1 {
  border: 2px solid var(--cg-ink); border-radius: 15px; background: var(--cg-mint);
}
.cg-report-tools, .cg-report-tabs, .cg-insight,
.cg-center-notice, .cg-rewards .cg-reward-row, .cg-overlay .cg-goods-card {
  border-radius: 12px;
}
.cg-report-tools { background: #f4e8cf; }
.cg-report-tabs button[aria-pressed=true] { background: var(--cg-lilac); color: var(--cg-ink); }
.cg-fortune-has-cover .cg-fortune-emblem img { border-radius: 20px 20px 0 0; }
.cg-profile-header > div { border-radius: 50%; background: var(--cg-pink); }
.cg-profile-items article { border-radius: 12px; background: var(--cg-mint); }
.cg-profile-items article:nth-child(2) { background: var(--cg-yellow); }
.cg-overlay h2 { border-radius: 13px; background: var(--cg-pink); }
.cg-overlay .cg-modal-close { border-radius: 50%; }
.cg-overlay :is(input:not([type=checkbox]):not([type=file]),textarea,select) {
  border: 2px solid var(--cg-ink); border-radius: 10px;
}
.cg-goods-card h4 { background: var(--cg-yellow); color: var(--cg-ink); border-radius: 6px; }

/* Unity reference artwork is a development layer above the interactive screen. */
.cg-reference-image {
  position: absolute;
  inset: 0 0 auto;
  width: 100%;
  height: auto;
  transform: none;
  z-index: 75;
  pointer-events: none;
}
.cg-overlay .cg-reference-image {
  position: fixed;
  inset: 0 auto auto 50%;
  width: min(100vw, 440px);
  transform: translateX(-50%);
}
.cg-reference-controls { z-index: 80; }

/* The warm paper, dark outlines and mint controls come from the Unity boards. */
body.cg-game {
  --cg-ink: #181714;
  --cg-paper: #faf6eb;
  --cg-mint: #aad1b4;
  --cg-pink: #eaa2b4;
  --cg-blue: #a4c7dc;
  --cg-lilac: #cab2d7;
  --cg-yellow: #f1d080;
  font-family: 'Arial Rounded MT Bold', 'Trebuchet MS', system-ui, sans-serif;
}
body.cg-game #app:has(> .cg-page)::before { background: var(--cg-paper); }
.cg-page :is(h1, h2), .cg-overlay h2 { letter-spacing: -.035em; line-height: 1.15; }
.cg-page :is(.cg-button, .cg-edit-profile), .cg-overlay :is(.cg-button, .cg-upload-picker, .cg-goods-buy) {
  border-radius: 999px;
}
.cg-page .cg-button.cg-primary, .cg-overlay .cg-button.cg-primary,
.cg-page #cgConfirm:not(:disabled), .cg-page #cgAccept:not(:disabled) { background: var(--cg-mint); }
.cg-page #cgRefresh:not(:disabled) { background: var(--cg-paper); }
.cg-game .cg-back {
  inset: auto auto max(14px, env(safe-area-inset-bottom))
    max(14px, env(safe-area-inset-left), calc((100vw - 440px) / 2 + 14px));
  width: 44px;
  height: 44px;
  padding: 0;
  margin: 0;
  border: 2.5px solid var(--cg-ink);
  border-radius: 50%;
  background: var(--cg-paper);
  color: var(--cg-ink);
  text-decoration: none;
}
.cg-game .manual-copy-dialog .cg-back { margin: 0; }
.cg-illustration { display: block; max-width: 100%; object-fit: contain; }
.cg-home-stars, .cg-home-clouds, .cg-pack-spark, .cg-dock-cloud { display: none; }

.cg-home h1, .cg-wordmark h1 {
  font-size: clamp(33px, 11vw, 55px);
  font-weight: 950;
  letter-spacing: -.075em;
  line-height: 1.04;
}
.cg-home h1 { inset: 8.6% 0 auto; }
.cg-home h1::before, .cg-home h1::after,
.cg-selection-header h1::before, .cg-selection-header h1::after {
  content: 'ˎ';
  display: inline-block;
  margin-inline: .15em;
  transform: rotate(-25deg);
}
.cg-home h1::after, .cg-selection-header h1::after { content: 'ˏ'; transform: rotate(25deg); }
.cg-home-intro { top: 17%; font-size: clamp(14px, 4.9vw, 22px); }
.cg-home .cg-pack {
  top: 28%;
  width: min(63%, 29.2dvh);
  height: auto;
  aspect-ratio: auto;
}
.cg-home .cg-pack-inner { position: relative; }
.cg-pack-inner > .cg-pack-closed { display: block; width: 100%; height: auto; }
@media (prefers-reduced-motion: no-preference) {
  .cg-unpacking .cg-pack-closed { animation: cg-booster-tear .21s ease-out both; }
}
@keyframes cg-booster-tear {
  0%, 30% { clip-path: inset(0); }
  100% { clip-path: inset(17.7% 0 0); }
}
.cg-home .cg-tap-hint { inset: 73% 10px auto; font-size: clamp(13px, 4.1vw, 19px); }
.cg-unpacking .cg-tap-hint::after {
  content: '● ● ●';
  display: block;
  margin-top: .5em;
  color: #996582;
  letter-spacing: .45em;
}
.cg-cloud-dock { width: calc(50% - 13px); padding: 0; bottom: auto; top: 81%; }
.cg-shelf-left { left: 8px; }
.cg-shelf-right { right: 8px; }
.cg-dock-button {
  display: flex;
  justify-content: center;
  width: 100%;
  min-height: clamp(45px, 9dvh, 68px);
  gap: 5px;
  background: var(--cg-paper);
  border: 2.5px solid var(--cg-ink);
  border-radius: 999px;
}
.cg-shelf-right .cg-dock-button { background: var(--cg-mint); }
.cg-dock-icon { width: 38px; height: 38px; }
.cg-dock-label { font-size: clamp(12px, 3.7vw, 17px); }

.cg-selection { padding: max(55px, 11dvh) 12px max(22px, 8dvh); gap: clamp(15px, 5dvh, 40px); }
.cg-selection-header { padding: 0; }
.cg-selection-header h1 { font-size: clamp(23px, 6.5vw, 33px); }
.cg-world-grid {
  max-width: 100%;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(9px, 2.6dvh, 24px) 11px;
  padding: 3px 0 8px;
}
.cg-world-grid .cg-world-deck {
  grid-column: span 2;
  height: clamp(83px, 22dvh, 169px);
}
.cg-world-grid .cg-world-deck:nth-child(4) { grid-column: 2 / span 2; }
.cg-world-grid .cg-world-deck:nth-child(5) { grid-column: 4 / span 2; }
.cg-world-deck .cg-deck-top, .cg-world-deck .cg-deck-under { border-radius: 17px; }
.cg-world-deck .cg-card-front, .cg-world-deck .cg-card-back,
.cg-world-deck .cg-deck-under { background: var(--deck-tint); }
.cg-world-deck:nth-child(1) { --deck-tint: var(--cg-pink); }
.cg-world-deck:nth-child(2) { --deck-tint: var(--cg-mint); }
.cg-world-deck:nth-child(3) { --deck-tint: var(--cg-lilac); }
.cg-world-deck:nth-child(4) { --deck-tint: var(--cg-blue); }
.cg-world-deck:nth-child(5) { --deck-tint: var(--cg-yellow); }
.cg-world-deck .cg-art-cover { padding-bottom: 24px; object-position: center; }
.cg-world-deck .cg-card-front b {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  background: var(--deck-tint);
  border-top: 0;
  padding: 3px;
  font-size: clamp(10px, 2.9vw, 14px);
}
.cg-selection-footer { max-width: 100%; }
.cg-selection-footer .cg-selection-action { border-radius: 999px; }
.cg-selection-check { top: 3px; right: 3px; background: var(--cg-yellow); }

.cg-question-page {
  min-height: 100dvh;
  height: auto;
  padding: max(13px, env(safe-area-inset-top)) 13px 24px;
  grid-template-rows: auto minmax(0, 1fr) auto;
  gap: 11px;
  overflow: visible;
}
.cg-question-page .cg-scene-progress { align-self: start; width: 100%; }
.cg-scene-plaque { min-height: 34px; }
.cg-scene-plaque strong {
  background: none;
  border: 0;
  font-size: clamp(16px, 5vw, 29px);
  padding: 1px 0;
}
.cg-progress-dots { background: none; border: 0; gap: 11px; }
.cg-progress-dots i { width: 13px; height: 13px; position: relative; }
.cg-progress-dots i + i::before {
  content: '';
  position: absolute;
  width: 10px;
  left: -12px;
  top: 4px;
  border-top: 2px solid var(--cg-ink);
}
.cg-progress-dots i:is(.cg-current, .cg-answered, .cg-done) { background: var(--cg-mint); }
.cg-play .cg-question-stack {
  width: 100%;
  height: auto;
  min-height: 0;
  align-self: center;
}
.cg-question-page .cg-question-card {
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: var(--cg-paper);
  gap: 8px;
}
.cg-question-card > .cg-art-scene {
  display: block;
  height: auto;
  aspect-ratio: 3 / 1;
  border: 2px solid var(--cg-ink);
  border-radius: 18px 18px 0 0;
  background: var(--cg-pink);
  object-fit: cover;
  object-position: center;
}
.cg-question-card > .cg-scene-label { align-self: center; margin-top: -20px; position: relative; }
.cg-question-card .cg-question-text {
  margin-top: -20px;
  padding: 24px 10px 9px;
  height: auto;
  max-height: none;
  min-height: 78px;
  border: 2px solid var(--cg-ink);
  border-radius: 14px;
  text-align: center;
  font-weight: 740;
}
.cg-question-card .cg-options { gap: 7px; }
.cg-question-card .cg-options button { border-radius: 999px; min-height: 42px; background: var(--cg-paper); }
.cg-question-card .cg-options button[aria-pressed=true] { background: var(--cg-mint); }
.cg-options button .cg-option-mark { background: transparent !important; border: 0; color: var(--cg-ink); font-size: 15px; }
.cg-question-bottom { max-width: none; width: 100%; }
.cg-question-bottom > #cgContinue { width: 100%; }
.cg-invited-play .cg-question-card { padding: 18px 12px 12px; border: 2px solid var(--cg-ink); border-radius: 18px; }
.cg-invited-play .cg-question-card > .cg-art-scene {
  border-radius: 12px;
}
.cg-invited-play .cg-question-card > .cg-scene-label { margin: 0; }
.cg-invited-play .cg-question-card .cg-question-text { border: 0; margin: 0; padding: 0 0 7px; min-height: 0; }
.cg-cover-page .cg-scene-progress { visibility: visible; }
.cg-cover-page .cg-question-stack { height: clamp(270px, 55dvh, 430px); }
.cg-cover-page .cg-cover-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  border-radius: 24px;
  background: var(--cg-pink);
}
.cg-cover-card .cg-world-art { object-position: center; }
.cg-cover-card-title, .cg-cover-card-description {
  position: relative;
  display: block;
  padding: 10px 13px;
  background: var(--cg-paper);
  overflow-wrap: anywhere;
}
.cg-cover-card-title {
  border-bottom: 2px solid var(--cg-ink);
  font-size: clamp(17px, 5.3vw, 26px);
  line-height: 1.18;
  font-weight: 900;
}
.cg-cover-card-description {
  border-top: 2px solid var(--cg-ink);
  font-size: clamp(12px, 3.5vw, 15px);
  line-height: 1.4;
  font-weight: 650;
}
.cg-cover-page .cg-cover-hint { color: var(--cg-ink); font-size: 17px; }
.cg-cover-page .cg-cover-hint span { display: none; }

.cg-ritual { justify-content: space-evenly; }
.cg-ritual .cg-converging { width: 100%; aspect-ratio: 1.05; }
.cg-converging > .cg-fortune-process-art { background: none; border: 0; display: grid; place-items: center; }
.cg-converging .cg-fortune-process-art img { width: 29%; margin-top: -9%; }
.cg-ritual > p {
  width: 100%;
  padding: 12px 16px;
  border: 2px solid var(--cg-ink);
  border-radius: 999px;
  color: var(--cg-ink);
  font-weight: 800;
}
.cg-wordmark { text-align: center; }
.cg-wordmark p { font-weight: 800; font-size: 15px; }
.cg-result-page { justify-content: flex-start; padding: 16px 13px 30px; }
.cg-result-header { display: grid; justify-content: center; justify-items: center; gap: 1px; }
.cg-result-header > span:first-child { font-size: clamp(23px, 6.5vw, 33px); letter-spacing: -.04em; }
.cg-result-header > span:last-child { border: 0; background: transparent; padding: 0; }
.cg-report-tabs, .cg-report-tabs button, .cg-pair-picker { border-radius: 999px; }
.cg-report-tabs button[aria-pressed=true] { background: var(--cg-mint); }
.cg-result-page .cg-fortune-card { border-radius: 18px; padding: 10px; }
.cg-result-page .cg-fortune-card::before { content: none; }
.cg-result-page .cg-fortune-emblem { width: 100%; height: auto; aspect-ratio: 2.5; margin: 0; }
.cg-fortune-emblem img.cg-illustration { object-fit: contain; border: 0; }
.cg-result-page .cg-fortune-copy { border: 0; padding: 0 4px; text-align: center; }
.cg-fortune-card :is(.cg-fortune-rule, .cg-fortune-corner) { display: none; }
.cg-fortune-card > .cg-overline { margin-top: 6px; font-size: 10px; }
.cg-report-tools { padding: 0; background: transparent; }
.cg-report-tools button { border-radius: 12px; min-height: 57px; }
.cg-result-paired .cg-fortune-card { border: 0; }
.cg-result-paired .cg-fortune-emblem { aspect-ratio: 1.7; }
.cg-result-paired .cg-pair-picker { order: 0; border: 2px solid var(--cg-ink); }
.cg-result-paired .cg-fortune-card { order: 1; }
.cg-result-page .cg-fortune-pending .cg-fortune-emblem { aspect-ratio: 1.5; }
.cg-invitation > p, .cg-invitation .cg-overline { background: transparent; border: 0; }
.cg-invitation .cg-overline { font-size: 17px; }
.cg-invitation-cover { border: 0; }
.cg-invitation-cover > .cg-illustration {
  width: min(70%, 212px);
  max-height: 31dvh;
  margin: 0 auto 16px;
}
.cg-invitation #cgAccept { display: flex; flex-direction: row-reverse; justify-content: center; gap: 11px; }
.cg-invitation .cg-invite-cost { margin: 0; border-right: 2px solid var(--cg-ink); padding-right: 10px; }

.cg-collection { padding: 17px 13px 40px; }
.cg-collection header { margin: 0; text-align: left; }
.cg-collection header h1 { border: 0; background: transparent; padding: 0; font-size: 25px; }
.cg-collection-grid { max-width: none; column-gap: 12px; padding: 16px 0; align-items: start; }
.cg-collection-column { display: grid; gap: 12px; min-width: 0; }
.cg-collected-world { width: 100%; border: 2px solid var(--cg-ink); overflow: hidden; }
.cg-collected-world .cg-collected-face { border: 0; height: clamp(96px, 19dvh, 155px); }
.cg-collected-face .cg-card-front { border: 0; border-radius: 0; }
.cg-collected-title {
  width: 100%;
  padding: 6px 5px 0;
  color: var(--cg-ink);
  font-size: clamp(12px, 3.4vw, 15px);
  line-height: 1.25;
  overflow-wrap: anywhere;
}
.cg-avatar-seat-empty svg { visibility: hidden; }
.cg-empty-worlds:not([hidden]) { margin: 14dvh auto 16px; text-align: center; }
.cg-empty-worlds > img { width: 100%; max-height: 40dvh; }
.cg-collection > .cg-button:not([hidden]) { display: block; width: 100%; text-align: center; }
.cg-collection #cgCollectionStatus { text-align: center; }
.cg-profile { height: auto; overflow: visible; gap: 10px; padding: 16px 13px 30px; grid-template-rows: auto; }
html:has(body.cg-game #app > .cg-profile) { overflow: auto; overscroll-behavior: auto; }
.cg-profile-header { border: 0; padding: 0; background: none; }
.cg-profile-items article { border-radius: 18px; background: var(--cg-blue); }
.cg-profile-items article:nth-child(2) { background: var(--cg-mint); }
.cg-profile-actions { grid-template-columns: 1fr; }
.cg-profile-actions .cg-center-two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cg-profile .cg-center-panel h2 { text-align: left; color: var(--cg-ink); }
.cg-profile .cg-center-panel .cg-button { min-height: 36px; padding: 5px; }
.cg-profile-actions #cgSubscribe { background: var(--cg-lilac); }
.cg-profile-actions #cgCoupleSubscribe { background: var(--cg-pink); }
.cg-profile-actions #cgBuyItems { background: var(--cg-blue); }
.cg-profile-actions #cgGiftItems { background: var(--cg-mint); }
.cg-profile-links { grid-template-columns: minmax(0, 1fr) auto; }

.cg-overlay {
  width: min(calc(100vw - 24px), 405px);
  padding: 16px 13px;
  max-height: calc(100dvh - 20px);
  border-radius: 18px;
  background: var(--cg-paper);
}
.cg-overlay h2 {
  border: 0;
  background: transparent;
  margin: 0 26px 12px;
  padding: 0;
  font-size: clamp(22px, 6vw, 32px);
}
.cg-overlay .cg-modal-close { border: 0; background: transparent; top: 7px; right: 7px; font-size: 27px; }
.cg-modal-bunny { height: auto; }
.cg-modal-bunny .cg-illustration { max-height: 155px; margin: 0 auto; }
.cg-confirm-art { width: min(70%, 215px); max-height: 180px; margin: 0 auto; }
.cg-overlay[data-voxel-reference="V15"] { border: 0; }
.cg-overlay[data-voxel-reference="V11"] .cg-insight { border: 2px solid var(--cg-ink); background: var(--cg-paper); }
.cg-insight .cg-scene-label { display: inline-block; font-size: 10px; padding: 1px 6px; border-width: 0; }
.cg-insight:nth-child(2) .cg-scene-label { background: var(--cg-pink); }
.cg-insight:nth-child(3) .cg-scene-label { background: var(--cg-lilac); }
.cg-insight:nth-child(4) .cg-scene-label { background: var(--cg-blue); }
.cg-insight h3 { margin: 4px 0; }
.cg-insight p { margin: 4px 0; }
.cg-insight-choice { background: #e1ecdc; border-radius: 7px; padding: 2px 6px; }
.cg-goods-dialog .cg-goods-card { border: 2px solid var(--cg-ink); background: var(--cg-paper); }
.cg-goods-card h4 { background: none; }
.cg-goods-dialog .cg-goods-row h3 { position: absolute; clip-path: inset(50%); width: 1px; height: 1px; overflow: hidden; }
.cg-overlay .cg-purchase-demo { background: none; }
.cg-overlay[data-voxel-reference="V20"] .cg-center-notice { border: 2px solid var(--cg-ink); }
.cg-public-world-report .cg-public-summary { display: flex; align-items: center; gap: 12px; text-align: left; }
.cg-public-summary :is(.cg-illustration, .cg-art-report) {
  width: 46%;
  aspect-ratio: 1.35;
  border-radius: 10px;
  object-fit: cover;
}
.cg-public-world-report .cg-public-copy { max-width: 350px; border: 2px solid var(--cg-ink); border-radius: 14px; padding: 15px; }
.cg-public-world-report .core-two a { border-radius: 999px; }

@media (max-height: 590px) {
  .cg-question-card .cg-question-text { min-height: 0; }
  .cg-selection { gap: 14px; padding-top: 55px; padding-bottom: 22px; }
}


.cg-scene-progress { padding-inline: 40px; }
.cg-question-page:not(.cg-cover-page) .cg-scene-progress { padding-inline: 0; }
.cg-result-header { padding-inline: 39px; text-align: center; }
.cg-cover-page .cg-question-bottom { flex-wrap: wrap; }
.cg-cover-page .cg-cover-hint { width: 100%; text-align: center; }
.cg-cover-page { padding-bottom: clamp(18px, 6dvh, 44px); }
.cg-rewards-title { background: none; border: 0; padding: 0; font: inherit; cursor: pointer; }
.cg-rewards-title:hover { text-decoration: underline; }
.cg-reward-art { max-height: 130px; margin: 0 auto 12px; }
.cg-reward-detail {
  display: grid;
  grid-template-columns: 35px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 7px;
  margin: 6px 0;
  border: 2px solid var(--cg-ink);
  border-radius: 14px;
}
.cg-reward-detail small { display: block; }
.cg-reward-detail > .cg-voxel-goods { display: flex; justify-content: center; }
.cg-reward-detail .cg-button { padding: 4px 7px; font-size: 11px; min-height: 32px; }

.cg-question-heading { min-width: 0; text-align: center; }
.cg-question-heading h1 { font-size: clamp(19px, 5.8vw, 28px); letter-spacing: -.035em; }
.cg-question-heading p { margin-top: 4px; font-size: 12px; font-weight: 650; line-height: 1.4; }
.cg-question-page:not(.cg-cover-page) .cg-question-stack { align-self: start; }
.cg-question-page:not(.cg-cover-page) { padding-bottom: clamp(27px, 8dvh, 57px); }
.cg-result-footer #cgInvite { display: flex; align-items: center; justify-content: center; gap: 10px; }
.cg-result-footer #cgInvite svg { width: 38px; height: 38px; }
.cg-profile-items article .cg-voxel-goods, .cg-rewards .cg-reward-row .cg-voxel-goods {
  display: grid; place-items: center; width: 38px; height: 37px;
}
.cg-reference-controls button { min-height: 24px; }
.cg-overlay[data-voxel-reference="V11"] { background: var(--cg-paper); width: min(calc(100vw - 18px), 440px); }
.cg-overlay[data-voxel-reference="V11"] .cg-insight { padding: 6px 8px; margin-bottom: 7px; font-size: 13px; }
.cg-overlay[data-voxel-reference="V11"] .cg-insight h3 { font-size: 14px; }
.cg-overlay[data-voxel-reference="V11"] .cg-insight p { line-height: 1.4; }
.cg-overlay[data-voxel-reference="V11"] .cg-modal-actions .cg-button { background: var(--cg-mint); }

@media (min-width: 940px) {
  #app > .cg-reference-controls {
    position: fixed;
    bottom: 12px;
    left: calc(50% + 230px);
    margin: 0;
  }
}

/* Leave room for the shared back control even when a page scrolls. */
body.cg-game .cg-page:not(.cg-home) {
  padding-bottom: calc(max(14px, env(safe-area-inset-bottom)) + 55px);
}
.cg-fortune-emblem img.cg-art-report {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 12px;
  object-fit: cover;
  object-position: center;
}

/* Center the content when it fits. Taller content starts at the top and scrolls. */
.cg-profile,
.cg-question-page:not(.cg-cover-page) {
  align-content: safe center;
  padding-top: max(16px, env(safe-area-inset-top));
  gap: clamp(9px, 1.5dvh, 14px);
}
.cg-profile {
  min-height: 100dvh;
  grid-template-columns: minmax(0, 1fr);
}
.cg-profile-header {
  border: 2px solid var(--cg-ink);
  border-radius: 17px;
  background: var(--cg-paper);
  padding: 9px 11px;
}
.cg-profile-header > div { width: clamp(40px, 6.5dvh, 52px); }
.cg-profile-header h1 { font-size: clamp(16px, 5vw, 21px); }
.cg-profile-header .cg-edit-profile { min-height: 36px; }
.cg-profile-items article { min-height: 58px; border-radius: 14px; }
.cg-profile-items article .cg-voxel-goods { width: clamp(24px, 8vw, 34px); height: 31px; }
.cg-profile .cg-center-panel { padding: 9px; }
.cg-profile .cg-center-panel h2 { font-size: 14px; }
.cg-profile .cg-rewards { gap: 7px; }
.cg-rewards .cg-reward-row { border-radius: 10px; padding: 6px 4px; gap: 6px; }
.cg-rewards .cg-reward-row .cg-voxel-goods { height: 29px; width: 29px; }
.cg-profile .cg-rewards .cg-button { min-height: 37px; }
.cg-profile-actions { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.cg-profile-actions .cg-center-two {
  grid-template-columns: minmax(0, 1fr);
  align-content: stretch;
  gap: 6px;
}
.cg-profile .cg-profile-actions .cg-button { min-height: 42px; line-height: 1.25; }
.cg-profile-links { padding-top: 9px; border-top: 1px solid #b9abc7; }
.cg-profile .cg-profile-links .cg-button { min-height: 40px; padding-inline: 9px; }

.cg-question-page:not(.cg-cover-page) { grid-template-rows: auto auto auto; }
.cg-question-page:not(.cg-cover-page) .cg-scene-progress { max-width: 350px; }
.cg-question-heading h1 { font-size: clamp(18px, 5vw, 23px); }
.cg-question-heading p { max-width: 35ch; margin-inline: auto; }
.cg-question-page .cg-question-card {
  border: 2px solid var(--cg-ink);
  border-radius: 19px;
  padding: clamp(9px, 2.8vw, 13px);
  gap: 8px;
}
.cg-question-page .cg-question-card > .cg-art-scene {
  height: clamp(58px, 11dvh, 96px);
  aspect-ratio: auto;
  border-radius: 12px;
}
.cg-question-page .cg-question-card > .cg-scene-label {
  align-self: flex-start;
  margin: 0;
  border-radius: 999px;
}
.cg-question-page .cg-question-card .cg-question-text {
  min-height: 0;
  margin: 0;
  padding: 0 1px 5px;
  border: 0;
  text-align: left;
}
.cg-question-card .cg-options button { border-radius: 12px; padding: 6px 9px; min-height: 42px; }
.cg-question-page:not(.cg-cover-page) .cg-question-bottom {
  max-width: 350px;
  min-height: 46px;
  flex-wrap: wrap;
}
.cg-question-page:not(.cg-cover-page) .cg-question-bottom > span { background: transparent; }
.cg-question-bottom > #cgContinue { min-height: 46px; }

.cg-result-page {
  min-height: 100dvh;
  justify-content: safe center;
  gap: clamp(9px, 1.5dvh, 14px);
  padding-top: max(16px, env(safe-area-inset-top));
}
.cg-result-header {
  display: flex;
  justify-content: space-between;
  gap: 7px;
  padding-inline: 3px;
  text-align: left;
}
.cg-result-header > span:first-child { font-size: clamp(15px, 4.4vw, 20px); line-height: 1.2; }
.cg-result-header > span:last-child { white-space: nowrap; color: #524461; }
.cg-result-page .cg-fortune-card { padding: 10px 10px 12px; border: 2px solid var(--cg-ink); }
.cg-result-page .cg-fortune-emblem { height: clamp(69px, 12dvh, 108px); aspect-ratio: auto; }
.cg-result-page .cg-fortune-pending .cg-fortune-emblem { aspect-ratio: auto; }
.cg-result-page .cg-fortune-card > .cg-overline {
  align-self: flex-start;
  margin: 10px 4px 0;
  padding: 3px 8px;
  border-radius: 999px;
  background: var(--cg-lilac);
}
.cg-result-page .cg-fortune-card h1 {
  align-self: stretch;
  margin: 6px 4px 9px;
  text-align: left;
  font-size: clamp(21px, 6vw, 28px);
}
.cg-result-page .cg-fortune-copy { text-align: left; line-height: 1.68 !important; }
.cg-result-header ~ .cg-fortune-card > .cg-fortune-footnote { display: none; }
.cg-result-page .cg-report-tools {
  border: 0;
  border-top: 1px solid #d8cdc1;
  border-radius: 0;
  padding-top: 9px;
  margin-top: 11px;
  gap: 6px;
}
.cg-result-page .cg-report-tools button {
  min-height: 45px;
  padding: 5px 3px;
  font-size: 11px;
  background: var(--cg-paper);
}
.cg-result-page .cg-fortune-pending :is(h1, .cg-fortune-copy) { text-align: center; }
.cg-result-page .cg-fortune-pending > .cg-overline { align-self: center; }
.cg-result-page .cg-fortune-pending .cg-fortune-copy { min-height: 0; }
.cg-result-footer {
  padding: 8px;
  background: #f5effa;
  border: 1px solid #b9abc7;
  border-radius: 16px;
}
.cg-result-footer #cgInvite { min-height: 46px; }
.cg-result-footer #cgInvite svg { width: 26px; height: 26px; }
.cg-result-footer .cg-invite-note { margin-top: 6px !important; }

@media (max-height: 620px) {
  body.cg-game .cg-page.cg-profile {
    gap: 6px;
    padding-block: max(8px, env(safe-area-inset-top)) calc(max(8px, env(safe-area-inset-bottom)) + 55px);
  }
  .cg-profile-header { padding-block: 6px; }
  .cg-profile-items article { min-height: 48px; padding-block: 3px; }
  .cg-profile .cg-center-panel { padding-block: 5px; }
  .cg-profile .cg-rewards { gap: 4px; }
  .cg-rewards .cg-reward-row { gap: 3px; padding-block: 3px; }
  .cg-rewards .cg-reward-row .cg-voxel-goods { width: 22px; height: 22px; }
  .cg-profile-actions > section, .cg-profile-actions .cg-center-two { gap: 4px; }
  .cg-profile :is(.cg-profile-actions, .cg-profile-links) .cg-button { min-height: 36px; }
  .cg-profile-links { padding-top: 5px; }
}