/* Current private friend review: no image editing, animation or game asset creation. */
@media(min-width:761px){
 .friend-original-banner{left:50%;right:auto;width:min(100%,1894px);transform:translateX(-50%)}
 .friend-original-banner .hero-art{transform:scale(1);transform-origin:68% 34%;object-position:70% 35%}
 .friend-original-banner .hero-art-dark{transform:scale(1.1);object-position:72% 35%}
 .petal-layer{position:absolute;inset:86px 0 auto;height:1300px;z-index:0;pointer-events:none;overflow:hidden}
 .static-petal{width:clamp(24px,3.1vw,58px);height:clamp(42px,5vw,90px);border-radius:85% 8% 85% 12%;background:linear-gradient(135deg,#ffb1c1 2%,#f34a6a 32%,#bf153e 78%,#86152f);opacity:.36;animation:none!important;transition:none!important}
 :root[data-theme=dark] .static-petal{opacity:.68}
 .static-petal:after{content:'';position:absolute;inset:10% 49% 13% 43%;background:linear-gradient(180deg,#ffd7df80,transparent);border-radius:50%;transform:rotate(25deg)}
 .petal-1{left:-1%;top:2%;width:85px;height:125px;transform:rotate(-48deg)}
 .petal-2{left:1%;top:41%;width:55px;height:90px;transform:rotate(65deg)}
 .petal-3{left:29%;top:5%;width:24px;height:43px;transform:rotate(-36deg)}
 .petal-4{right:-1%;top:19%;width:79px;height:125px;transform:rotate(60deg)}
 .petal-5{right:1%;top:67%;width:75px;height:115px;transform:rotate(20deg)}
 .petal-6{right:22%;top:1%;width:23px;height:39px;transform:rotate(45deg)}
 .petal-7{left:-1%;top:80%;width:85px;height:130px;transform:rotate(-20deg)}
 .petal-8{right:2%;top:46%;width:38px;height:63px;transform:rotate(78deg)}
 .petal-9{left:2%;top:63%;width:32px;height:56px;transform:rotate(25deg)}
 .petal-10{right:-1%;top:91%;width:100px;height:140px;transform:rotate(96deg)}
}
.item-icon{width:60px;min-height:70px;padding:6px 4px 4px;flex-shrink:0}
.item-icon img{width:46px;height:42px;object-fit:contain}
.item-icon strong{width:46px;height:42px;line-height:42px;font-size:13px}
.item-icon span{font-size:12px;line-height:18px;white-space:nowrap;letter-spacing:-.25px}
.item-icons{gap:8px}.component-list .item-icon{width:64px}
.personal-values-list{margin-top:14px}.personal-row{padding:14px 0}
.personal-row-head strong{font-size:14px}.personal-row-head{margin-bottom:8px}
.personal-value{display:grid;grid-template-columns:minmax(0,1fr) 128px auto;gap:10px;align-items:center}
.personal-value label{font-size:12px}.personal-value input{width:100%;min-height:44px;font-size:16px;font-variant-numeric:tabular-nums}
.source-label{display:block;margin-top:3px}.personal-input-error{display:block;color:var(--danger);font-size:12px;min-height:0}
.pinned-values{background:var(--surface-2);border:1px solid var(--line);border-radius:12px;padding:14px;margin-top:16px}.pinned-values h3{font-size:13px;margin:0}
@media(min-width:761px) and (max-width:1100px){.item-icon{width:54px}.item-icon img{width:42px;height:40px}.item-icons{gap:6px}}
@media(max-width:760px){
 .home-atmosphere,.petal-layer,.private-preview-label{display:none!important}
 .card-components .item-icon,.item-icon{width:60px;min-height:70px}
 .item-icon img,.item-icon strong{width:46px;height:42px}.item-icon strong{line-height:42px}
 .item-icon span{font-size:12px}.item-icons{gap:7px}
 .personal-value{grid-template-columns:minmax(0,1fr) 112px auto;gap:7px}
 .personal-value .text-button{padding:8px 2px}.personal-row-head strong{font-size:14px}
}
.personal-row-head strong{display:flex;align-items:center;gap:10px;min-width:0}
.personal-currency-icon{width:36px;height:36px;flex-shrink:0;object-fit:contain}
.currency-group-label{margin:22px 0 5px;color:var(--muted);font-size:12px;font-weight:600;letter-spacing:.03em}
.pending-components{display:flex;flex-direction:column;align-items:flex-start;gap:5px;font-size:12px;color:var(--muted)}
/* Catalogue column widths use semantic classes in styles.css. */
.sale-period{white-space:nowrap;color:var(--muted);font-size:12px}.package-sale-period{margin-top:5px;color:var(--muted);font-size:12px}
button,a,input,select{touch-action:manipulation}
button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
button{transition:background-color 120ms ease,border-color 120ms ease,box-shadow 120ms ease}
button:active:not(:disabled){box-shadow:inset 0 0 0 1px var(--accent)}
@media(max-width:760px){.pin-button,.personal-value .text-button,.dialog-heading .icon-button{min-height:40px}.currency-group-label{margin-top:18px}}
@media(prefers-reduced-motion:reduce){button{transition:none}}