/* A single quiet line beside the score, sized for portrait play. */
.cosmetic-goal-row-actions{flex-wrap:wrap}.cosmetic-goal-row-actions .cosmetic-goal-buy:not(.close){background:linear-gradient(#859a6b,#617b50);color:#fff8e7;font-weight:700;box-shadow:0 2px #4f653f;min-height:38px}.cosmetic-goal-row-actions .cosmetic-goal-buy:disabled{box-shadow:none;filter:saturate(.4)}
.cosmetic-goal{display:flex;align-items:center;gap:7px;width:100%;min-height:39px;padding:5px 8px;margin:4px 0;border:1px solid #cebb8e;border-radius:10px;background:#fbf0d6;color:#685034;text-align:left;box-shadow:0 1px #b59b6f22;font-size:11px}
.cosmetic-goal-symbol{font-size:22px;line-height:1;color:#a8772f}.cosmetic-goal-copy{min-width:0;flex:1}.cosmetic-goal-copy>b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px}.cosmetic-goal-copy>small{font-size:9px}.cosmetic-goal-meter{display:block;height:3px;margin-top:5px;border-radius:3px;overflow:hidden;background:#ded2b6}.cosmetic-goal-meter>i{display:block;height:100%;border-radius:3px;background:#8e9f6f;transition:width .35s ease}.cosmetic-goal-amount{text-align:right;flex:none;font-variant-numeric:tabular-nums}.cosmetic-goal-amount b{font-size:10px}.cosmetic-goal-amount small{display:block;font-size:8px;line-height:1.4;color:#766044}.cosmetic-goal-earned{animation:cosmetic-goal-glow .7s ease-out}.cosmetic-star-flight{position:fixed;pointer-events:none;z-index:50;font-size:19px;color:#b98729;text-shadow:0 1px #fff4b9;animation:cosmetic-star-fly .7s cubic-bezier(.2,.6,.4,1) both}
.cosmetic-chooser-intro,.cosmetic-chooser-note{font-size:11px!important;line-height:1.5!important;color:#766044}.cosmetic-goal-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:12px 0}.cosmetic-goal-tabs button:not(.close){min-width:0;min-height:40px;padding:7px 3px;margin:0;font-size:11px;background:#eee1c1;color:#6e5435}.cosmetic-goal-tabs button[aria-pressed="true"]{background:#617b50;color:#fff8e7}.cosmetic-goal-list{display:grid;gap:8px}.cosmetic-goal-row{display:flex;align-items:center;gap:10px;border:1px solid #d9c6a0;padding:7px;border-radius:12px;background:#fff6df}.cosmetic-goal-row.is-pinned{border:2px solid #8a9a6f;padding:6px;background:#f4f0d8}.cosmetic-goal-art{width:66px;flex:0 0 66px;overflow:hidden;border-radius:8px}.cosmetic-goal-art .flower-art{width:58px;height:64px;margin:auto}.cosmetic-goal-art .style-scene{height:65px;padding:6px}.cosmetic-goal-art .style-mini-frame{padding:4px;border-width:1px}.cosmetic-goal-art .style-mini-board{padding:2px;border-width:2px}.cosmetic-goal-art .style-mini-board svg{height:15px}.cosmetic-goal-art .garden-style-scene{padding:4px;min-height:65px}.cosmetic-goal-art .garden-planter-preview{min-width:0;padding:2px;border-width:4px;gap:0}.cosmetic-goal-art .garden-planter-preview .flower-art{width:17px;height:35px}.cosmetic-goal-info{min-width:0;flex:1}.cosmetic-goal-info>b{display:block;font-size:12px}.cosmetic-goal-info>small{display:block;font-size:10px;color:#7b6344;line-height:1.4;margin:3px 0}.cosmetic-goal-row-actions{display:flex;gap:5px}.cosmetic-goal-row-actions button:not(.close){min-height:36px;margin:3px 0 0;padding:6px 8px;font-size:10px}.cosmetic-goal-row-actions button:first-child{background:#eee1c1;color:#685034}.cosmetic-goal-row-actions button[aria-pressed="true"]{background:#788d5e}.cosmetic-goal-row-actions button:disabled{opacity:.65}
.cosmetic-preview-extras{margin-top:8px;border-top:1px solid #d3be96;padding-top:7px}.cosmetic-preview-extras>div{display:grid;grid-template-columns:1fr 1.3fr;gap:6px}.cosmetic-preview-extras button:not(.close){margin:0;min-height:38px;padding:7px 5px;font-size:11px}.cosmetic-preview-extras #pinPreviewCosmetic{background:#f3e2b9;color:#705332}.cosmetic-preview-extras small{display:block;font-size:9px;line-height:1.4;margin-top:5px;text-align:center;color:#806440}.cosmetic-preview-extras button[aria-pressed="true"]{box-shadow:inset 0 0 0 2px #859361}.style-live-toolbar .cosmetic-preview-extras{margin-top:5px;padding-top:5px}.style-live-toolbar .cosmetic-preview-extras button{min-height:34px;font-size:10px}.style-live-toolbar .cosmetic-preview-extras small{font-size:8px;margin-top:3px}.cosmetic-flower-detail{text-align:center}.cosmetic-flower-portrait{display:grid;place-items:center;min-height:140px;border-radius:15px;background:radial-gradient(ellipse,#f2e5b9,#f8f0dc);margin:12px 0}.cosmetic-flower-portrait .flower-art{width:110px;height:125px}.cosmetic-shop-goal:not(.close){font-size:11px;margin:0 0 12px;background:#efe1bd;color:#6c542e;padding:9px 11px;min-height:36px}.cosmetic-trial-flower{outline:1px dashed #f8e5a9;outline-offset:1px;border-radius:7px}
@keyframes cosmetic-star-fly{0%{opacity:0;transform:translate(0,0) scale(.7)}18%{opacity:1}75%{opacity:1}100%{opacity:0;transform:translate(var(--goal-dx),var(--goal-dy)) scale(.35)}}
@keyframes cosmetic-goal-glow{0%,100%{box-shadow:0 1px #b59b6f22}45%{box-shadow:0 0 0 3px #d3af5c88;background:#fff4c8}}
@media(max-width:360px){.cosmetic-goal{padding:4px 6px;gap:5px;min-height:36px}.cosmetic-goal-amount small{font-size:7px}.cosmetic-goal-copy>b{font-size:9px}.cosmetic-goal-art{width:56px;flex-basis:56px}.cosmetic-goal-info>b{font-size:11px}}
@media(prefers-reduced-motion:reduce){.cosmetic-goal-earned,.cosmetic-star-flight{animation:none}.cosmetic-goal-meter>i{transition:none}}
/* A clear wallet, two actions per item, and optional extras on demand. */
.cosmetic-chooser h2,.cosmetic-collections h2{font-size:clamp(24px,7vw,32px);line-height:1.1;margin:8px 0 14px}
.cosmetic-shop-wallet{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;border:1px solid #c8b382;border-radius:12px;background:#ebe7c9;color:#61764b}
.cosmetic-shop-wallet>b{font-size:19px;white-space:nowrap;font-variant-numeric:tabular-nums}.cosmetic-shop-wallet>span{font-size:11px;line-height:1.4;color:#6e684c;text-align:right}
.cosmetic-chooser .cosmetic-chooser-intro{margin:10px 0 12px;font-size:12px!important}.cosmetic-goal-tabs button:not(.close){min-height:44px}.cosmetic-goal-row{gap:9px;padding:9px}.cosmetic-goal-row.is-pinned{padding:8px}.cosmetic-goal-info>b{line-height:1.35}.cosmetic-goal-info>small{margin:4px 0;line-height:1.45}.cosmetic-goal-info>.cosmetic-equipped-status{color:#5b7547;font-weight:600}.cosmetic-goal-row-actions{display:flex;gap:6px;flex-wrap:wrap}.cosmetic-goal-row-actions button:not(.close){min-height:44px;padding:8px 10px;font-size:11px;border-radius:9px}.cosmetic-goal-row-actions .cosmetic-goal-equip{background:linear-gradient(#859a6b,#617b50);color:#fff8e7}.cosmetic-goal-row-actions button:disabled{background:#e4dfca;color:#716b54;box-shadow:none;opacity:1;filter:none}.cosmetic-goal-row-actions .cosmetic-goal-buy:disabled{background:#e4dfca;color:#716b54}
.cosmetic-preview-extras{padding-top:0}.cosmetic-preview-extras>summary{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding:0 3px;list-style:none;font-size:11px;font-weight:600;color:#7e6648;cursor:pointer}.cosmetic-preview-extras>summary::-webkit-details-marker{display:none}.cosmetic-preview-extras>summary span{font-size:16px;transition:transform .15s}.cosmetic-preview-extras[open]>summary span{transform:rotate(180deg)}.cosmetic-preview-extras>div{grid-template-columns:1fr 1.2fr}.cosmetic-preview-extras button:not(.close){min-height:44px}.cosmetic-preview-extras small{font-size:10px;line-height:1.5;text-align:left;padding:3px}.style-live-toolbar .cosmetic-preview-extras{margin-top:4px;padding-top:0}.style-live-toolbar .cosmetic-preview-extras button{min-height:44px}.style-live-toolbar .cosmetic-preview-extras small{font-size:10px}.cosmetic-flower-detail>button{min-height:44px}.cosmetic-flower-detail>p{font-size:12px;line-height:1.5}.cosmetic-goal-copy>small{display:block;line-height:1.4}.cosmetic-goal-amount small{max-width:110px}.cosmetic-chooser #cosmeticGoalBack{margin-top:10px;min-height:44px}
@media(max-width:360px){.cosmetic-goal-art{width:49px;flex-basis:49px}.cosmetic-goal-row{gap:7px;padding:8px}.cosmetic-goal-row.is-pinned{padding:7px}.cosmetic-goal-row-actions{gap:5px}.cosmetic-goal-row-actions button:not(.close){padding:7px 8px;font-size:10px}.cosmetic-shop-wallet>span{font-size:10px}.cosmetic-goal-amount small{max-width:85px}}
@media(prefers-reduced-motion:reduce){.cosmetic-preview-extras>summary span{transition:none}}
/* Unlocking a flower and saving its price are separate, visible steps. */
.cosmetic-requirements{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:12px 0;text-align:left}.cosmetic-requirements>div{padding:10px;border:1px solid #d5bf96;border-radius:11px;background:#fbf1d8}.cosmetic-requirements b,.cosmetic-requirements span{display:block}.cosmetic-requirements b{font-size:12px;color:#627b50}.cosmetic-requirements span{font-size:11px;line-height:1.45;margin-top:4px;color:#725e44}
.cosmetic-earn-link:not(.close){display:block;min-height:44px;padding:8px 3px;margin:3px 0;background:transparent;color:#657b4f;box-shadow:none;border:0;font-size:12px;text-decoration:underline;text-underline-offset:3px}.cosmetic-flower-detail>.cosmetic-earn-link{margin:3px auto}.cosmetic-preview-extras>.cosmetic-earn-link:not(.close){width:100%;text-align:left;font-size:11px;padding:7px 3px}.cosmetic-active-trial{padding:8px 10px;border:1px dashed #afba8a;border-radius:9px;background:#f1eed4;color:#68764f;font-size:11px!important;line-height:1.4!important}
.cosmetic-earn h2{font-size:clamp(24px,7vw,32px);line-height:1.1;margin:8px 0 14px}.cosmetic-earn>p{font-size:12px;line-height:1.5}.cosmetic-earn-options{display:grid;gap:8px;margin:12px 0}.cosmetic-earn-options article{display:flex;gap:10px;padding:11px;border:1px solid #d4c098;border-radius:12px;background:#fff5dc}.cosmetic-earn-options article>span{flex:none;font-size:24px;color:#a67a35}.cosmetic-earn-options article>div{min-width:0;flex:1}.cosmetic-earn-options b{display:flex;align-items:baseline;justify-content:space-between;gap:5px;font-size:12px;color:#6c5438}.cosmetic-earn-options strong{white-space:nowrap;color:#647d4e}.cosmetic-earn-options small{display:block;margin-top:5px;font-size:11px;line-height:1.45;color:#7a674a}.cosmetic-earn>button:not(.close){width:100%;min-height:44px;margin:5px 0}.cosmetic-earn-routes{display:grid;grid-template-columns:1fr 1fr;gap:7px}.cosmetic-earn-routes>button:not(.close){min-width:0;min-height:44px;margin:5px 0;padding:8px;font-size:11px}.cosmetic-earn #cosmeticEarnBack{background:#eee0bc;color:#715b3e}.cosmetic-goal-amount small{max-width:126px}
@media(max-width:360px){.cosmetic-goal-amount small{max-width:104px}.cosmetic-earn-options article{gap:7px;padding:9px}.cosmetic-earn-options article>span{font-size:21px}.cosmetic-earn-options b{font-size:11px}.cosmetic-requirements>div{padding:8px}.cosmetic-requirements b{font-size:11px}}
