.fragment-icon{display:inline-block;flex-shrink:0;object-fit:contain;vertical-align:middle;filter:drop-shadow(0 2px 5px #0008)}.fragment-wallet{display:flex!important;align-items:center;gap:9px}.fragment-wallet>div{display:grid;gap:3px}.fragment-wallet b{margin:0!important}.fragment-wallet small{font-size:10px;color:#baa68c}.fragment-upgrade{display:flex;align-items:center;gap:16px;padding:16px;border:1px solid #705131;background:linear-gradient(120deg,#302013aa,#17110ce6);margin-top:2px}.fragment-upgrade-copy{flex:1;min-width:0}.fragment-upgrade-copy>strong{display:block;font-size:14px;color:#f5dfbd;font-weight:500;margin-bottom:8px}.fragment-upgrade-copy>p{font-size:11px;color:#c9b391;margin:0 0 8px;line-height:1.7}.fragment-upgrade-copy>small{font-size:10px;color:#bfa583;display:block;margin-top:7px;line-height:1.6}.fragment-upgrade button{flex-shrink:0;min-height:44px;padding:10px 14px;background:#6b4826;border:1px solid #b68643;color:#ffe4b4;font-size:12px}.fragment-upgrade button:disabled{opacity:.55;cursor:default}.fragment-upgrade button.is-max{background:#252318;border-color:#697448;color:#d2dfaa;opacity:1}.fragment-pips,.condensation-pips{display:flex;gap:7px}.fragment-pips i{width:12px;height:12px;background:#20180f;border:1px solid #725639;transform:rotate(45deg)}.fragment-pips i.filled{background:var(--hero-color,var(--pet-color,#e4b463));border-color:var(--hero-color,var(--pet-color,#e4b463));box-shadow:0 0 8px #e4b46322}.fragment-result{display:flex!important;align-items:center;justify-content:center;gap:5px;flex-wrap:wrap;padding:0 7px}.reveal-cards .fragment-result img.fragment-icon{width:34px;height:34px;object-fit:contain}.pet-fragment-note{display:flex;align-items:center;gap:12px;margin:14px 0 0;border-top:1px solid #63462c;padding-top:14px;font-size:11px;color:#c5b094;line-height:1.7}.pet-fragment-note strong{display:block;color:#efd8b4;font-weight:500}.condensation-cinema{position:fixed;inset:0;z-index:140;overflow:auto;display:flex;flex-direction:column;align-items:center;background:radial-gradient(ellipse at 50% 36%,color-mix(in srgb,var(--fragment-color) 17%,#12100f),#080706 68%);color:#f7eddc;font-family:Microsoft YaHei UI,Noto Sans SC,sans-serif}.condensation-heading{width:100%;display:flex;justify-content:space-between;padding:28px clamp(20px,5vw,70px);font-size:12px;letter-spacing:.2em;border-bottom:1px solid #f5dcaa22;position:relative;z-index:2}.condensation-heading small{color:var(--fragment-color);letter-spacing:.08em}.condensation-art{position:relative;flex:1 0 290px;width:min(580px,100%);min-height:290px;max-height:430px;display:grid;place-items:center;margin:10px auto 0}.condensation-ring{position:absolute;width:280px;height:280px;border:1px solid var(--fragment-color);border-radius:50%;opacity:.3;box-shadow:0 0 60px color-mix(in srgb,var(--fragment-color) 15%,transparent),inset 0 0 60px color-mix(in srgb,var(--fragment-color) 10%,transparent);animation:condensation-ring 2.8s ease-out both}.condensation-ring.inner{width:240px;height:240px;border-style:dashed;opacity:.2;animation-delay:.12s}.condensation-fragments{position:absolute;inset:0;display:grid;place-items:center}.condensation-shard{position:absolute;animation:condensation-gather 2.2s cubic-bezier(.46,.03,.6,1) var(--shard-delay) both}.condensation-flare{position:absolute;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,#fff8e7,var(--fragment-color) 20%,transparent 68%);animation:condensation-flare 2.8s ease-out both;pointer-events:none}.condensation-subject{position:relative;width:270px;height:330px;object-fit:contain;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--fragment-color) 30%,transparent));animation:condensation-reveal 2.8s both}.condensation-subject.pet{width:330px;height:300px}.condensation-caption{text-align:center;position:relative;padding:0 20px 20px;flex-shrink:0}.condensation-caption>p:first-child{font-size:11px;letter-spacing:.15em;color:var(--fragment-color);margin:0 0 12px}.condensation-caption h2{margin:0 0 14px;font-size:30px;font-weight:500;letter-spacing:.12em}.condensation-caption h2 span{display:block;font-size:14px;letter-spacing:.3em;color:#d8bd93;margin-top:8px}.condensation-level{display:flex;align-items:center;justify-content:center;gap:20px;color:#c1ab8c}.condensation-level>span{font-size:14px}.condensation-level i,.condensation-effect i{font-style:normal;color:#887355}.condensation-level strong{font-size:38px;font-weight:500;color:var(--fragment-color)}.condensation-level small{font-size:13px;color:#b19b7e;font-weight:400}.condensation-pips{justify-content:center;margin:12px 0 20px;gap:12px}.condensation-pips i{width:13px;height:13px;transform:rotate(45deg);border:1px solid #75654e}.condensation-pips i.filled{background:var(--fragment-color);border-color:var(--fragment-color)}.condensation-pips i.new{animation:condensation-pip .8s 2.6s both;box-shadow:0 0 18px var(--fragment-color)}.condensation-effect{display:flex;align-items:center;justify-content:center;gap:12px;font-size:13px;color:#d6c1a4;margin:0 0 10px}.condensation-effect>span{color:#a08d73}.condensation-effect strong{color:var(--fragment-color);font-weight:500}.condensation-caption>small{font-size:10px;color:#b49b7a}.condensation-continue{position:relative;flex-shrink:0;min-height:44px;min-width:180px;margin:0 20px 28px;padding:12px 26px;background:#2c2116;border:1px solid #bd9459;color:#ffe1ad;font-size:12px}.condensation-continue span{margin-left:30px}.is-complete .condensation-shard{animation:none;opacity:0}.is-complete .condensation-subject{animation:none;opacity:1;transform:none}.is-complete .condensation-flare{animation:none;opacity:0}.is-complete .condensation-ring{animation:none;transform:scale(1);opacity:.25}.is-complete .condensation-pips i.new{animation:none}@keyframes condensation-gather{0%{opacity:0;transform:translate(var(--shard-x),var(--shard-y)) rotate(var(--shard-turn)) scale(.5)}15%,45%{opacity:1;transform:translate(var(--shard-x),var(--shard-y)) rotate(0) scale(.8)}90%{opacity:1;transform:translate(0) rotate(-50deg) scale(.3)}to{opacity:0;transform:translate(0) scale(0)}}@keyframes condensation-ring{0%{opacity:0;transform:scale(.7)}35%{opacity:.45;transform:scale(1)}72%{opacity:.6;transform:scale(.65)}85%{opacity:.35;transform:scale(1.3)}to{opacity:.25;transform:scale(1)}}@keyframes condensation-flare{0%,65%{opacity:0;transform:scale(.3)}77%{opacity:.9;transform:scale(1.4)}to{opacity:0;transform:scale(2.2)}}@keyframes condensation-reveal{0%,67%{opacity:0;transform:scale(.85)}88%,to{opacity:1;transform:scale(1)}}@keyframes condensation-pip{0%{background:transparent;box-shadow:none}to{background:var(--fragment-color);box-shadow:0 0 18px var(--fragment-color)}}@media(max-width:600px){.fragment-upgrade{gap:10px;flex-wrap:wrap;padding:12px}.fragment-upgrade>.fragment-icon{width:62px;height:62px}.fragment-upgrade button{width:100%}.summon-balances{gap:14px;flex-wrap:wrap}.condensation-art{transform:scale(.8);margin:-20px auto -25px}.condensation-heading{padding:20px}.condensation-caption h2{font-size:25px}.condensation-continue{margin-bottom:20px}}@media(prefers-reduced-motion:reduce){.condensation-cinema *{animation:none!important}.condensation-subject{opacity:1}.condensation-shard,.condensation-flare{display:none}}
