.familiar-floating-button{position:fixed!important;width:64px;height:64px;padding:4px;box-sizing:border-box;background:linear-gradient(145deg,#4a205c,#1e0d2c)!important;border:2px solid #d9a62e;border-bottom:5px solid #775119;border-radius:13px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:99;box-shadow:0 3px 8px #0008;}
body.mobile-slide-mode .familiar-floating-button{position:absolute!important;left:auto!important;right:8px!important;top:calc(var(--gameplay-buttons-top,220px) + 108px)!important;width:46px!important;height:46px!important;padding:2px;}
body:not(.publisher-game-open) .familiar-floating-button{display:none;}
#familiar-dot{position:absolute;right:-3px;top:-3px;width:12px;height:12px;background:#f22;border:2px solid #fff;border-radius:50%;}#familiar-dot[hidden]{display:none!important;}
.familiar-overlay{position:fixed;inset:0;background:#000a;display:none;justify-content:center;align-items:center;z-index:1000101;padding:12px;box-sizing:border-box;backdrop-filter:none!important;}
.familiar-panel{width:min(720px,100%);max-height:calc(100dvh - 24px);overflow:auto;background:#101820;color:#d9e1e9;border:2px solid #e7b63f;border-radius:14px;padding:16px;box-sizing:border-box;}
.familiar-panel>header{display:flex;align-items:center;justify-content:space-between;gap:10px;}.familiar-panel h2{font-size:21px;color:#ffd65d;margin:0;}.familiar-close{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border:1px solid #7185ae;border-radius:50%;background:#202938;color:#fff;font-size:23px;cursor:pointer;}
.familiar-panel p{font-size:13px;line-height:1.5;margin:8px 0;}.familiar-resource{width:22px;height:22px;object-fit:contain;vertical-align:middle;}.familiar-wallet{font-size:17px!important;color:#5ce0e7;}.familiar-actions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0;}.familiar-actions button{flex:1;padding:9px 8px;min-width:120px;}.familiar-panel button:disabled{filter:grayscale(1);opacity:.5;cursor:default;}.familiar-panel button{touch-action:manipulation;}.familiar-wait{color:#e7bc69;}.familiar-totals{border:1px solid #3c626c;border-radius:8px;padding:10px;margin:12px 0;}.familiar-totals h3{margin:0 0 8px;font-size:14px;color:#ffd65d;}.familiar-totals span{display:inline-block;margin-right:12px;color:#83e3bc;font-size:13px;}.familiar-panel details{font-size:13px;margin:12px 0;}.familiar-panel summary{color:#ffd65d;cursor:pointer;}.familiar-odds{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;}.familiar-collection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}.familiar-item{min-width:0;text-align:center;border:2px solid var(--pet-color);border-radius:10px;padding:9px 6px;background:#10151c;}.familiar-art{height:80px;}.familiar-art img{width:100%;height:100%;object-fit:contain;}.familiar-item.unowned .familiar-art{filter:grayscale(1);opacity:.4;}.familiar-item h3{font-size:13px;color:#ffd65d;margin:6px 0;overflow-wrap:anywhere;}.familiar-item p{font-size:11px;margin:6px 0;}.familiar-item small{font-size:10px;display:block;overflow-wrap:anywhere;}.familiar-item button{margin-top:8px;width:100%;padding:6px 2px;font-size:12px;}.familiar-copy-progress{color:#9ab4cb;}.familiar-receipt{padding:12px;border:2px solid #e7b63f;border-radius:10px;background:#0a1017;text-align:center;}.familiar-receipt h3{color:#ffd65d;margin:0 0 10px;}.familiar-receipt>button{padding:7px 25px;margin-top:10px;}.familiar-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;}.familiar-results article{min-width:0;border:1px solid;border-radius:6px;padding:4px;}.familiar-results img{width:100%;height:65px;object-fit:contain;}.familiar-results b{font-size:11px;display:block;overflow-wrap:anywhere;}.familiar-results small{font-size:10px;}.familiar-daily-final{border:2px solid #e7b63f!important;}
@media(max-width:600px){.familiar-collection{grid-template-columns:repeat(2,minmax(0,1fr));}.familiar-results{grid-template-columns:repeat(2,minmax(0,1fr));}.familiar-panel{padding:12px;}.familiar-odds{grid-template-columns:repeat(2,1fr);}}
.familiar-ritual{text-align:center;height:110px;display:grid;place-items:center;overflow:hidden;}.familiar-ritual img{height:95px;width:95px;object-fit:contain;animation:familiar-summon 2.9s ease-in-out both;}
@keyframes familiar-summon{0%,15%{transform:rotate(0) scale(.9);filter:brightness(1);}30%{transform:rotate(-7deg);}45%{transform:rotate(7deg);}60%{transform:rotate(-5deg);}75%{transform:rotate(5deg) scale(1.05);}100%{transform:rotate(0) scale(1.1);filter:brightness(1.65);}}
@media(prefers-reduced-motion:reduce){.familiar-ritual img{animation:none;}}
.clarity-reduced .familiar-ritual img{animation:none;}
.familiar-panel.receipt-visible #familiar-content>:not(.familiar-receipt){display:none;}
.familiar-panel.receipt-visible{width:min(600px,100%);}
.familiar-panel.receipt-visible .familiar-receipt{border:0;margin-top:12px;}
.familiar-level-progress{appearance:none;-webkit-appearance:none;display:block;width:100%;height:8px;border:1px solid #68747e;border-radius:5px;background:#050a12;overflow:hidden;box-sizing:border-box;}
.familiar-level-progress::-webkit-progress-bar{background:#050a12;border-radius:4px;}
.familiar-level-progress::-webkit-progress-value{background:#ffd13c;border-radius:4px;}
.familiar-level-progress::-moz-progress-bar{background:#ffd13c;border-radius:4px;}
.familiar-level-all{text-align:center;margin-top:16px;}.familiar-level-all button{padding:10px 28px;min-width:170px;}
.gameplay-floating-button.locked{filter:grayscale(1);opacity:.65;}.gameplay-floating-button img.gameplay-lock{position:absolute;width:38%!important;height:44%!important;left:31%;top:28%;filter:none!important;}.gameplay-lock[hidden]{display:none!important;}
#gem-display{flex-wrap:wrap;column-gap:4px;row-gap:3px;font-size:clamp(11px,3.1vw,16px);}#familiar-egg-hud{display:inline-flex;align-items:center;gap:4px;color:#68e4ea;}#familiar-egg-hud img{width:18px;height:20px;object-fit:contain;}.familiar-egg-divider{color:#555;margin:0 4px;}
#gem-display .quick-stat>img{width:30px!important;height:30px!important;object-fit:contain;flex-shrink:0;}
.familiar-item{display:flex;flex-direction:column;}.familiar-art{flex-shrink:0;}.familiar-item [data-pet]{margin-top:auto;}.familiar-item .familiar-chance{margin-bottom:10px;}.familiar-item [data-level-pet]{min-height:29px;}
.familiar-item.unowned [data-level-pet]{visibility:hidden;pointer-events:none;}.familiar-results.single-result{grid-template-columns:minmax(0,180px);justify-content:center;}.familiar-results.single-result img{height:110px;}.familiar-panel.receipt-visible.single-receipt{width:min(380px,100%);}
.familiar-ritual.waiting img{animation:none;}.familiar-ritual.active img{animation-duration:1.24s;}

.familiar-hatch-sprite{display:none;width:170px;height:170px;margin:auto;background-image:url("/assets/ui/summoning-hatch-sheet.webp");background-size:400% 300%;background-repeat:no-repeat;}.familiar-ritual.active>img{display:none;}.familiar-ritual.active .familiar-hatch-sprite{display:block;}

.familiar-ritual{height:174px;}

/* Summoning has a dedicated window; the collection retains a static altar. */
.familiar-altar{text-align:center;margin:10px 0 2px;}.familiar-altar img{width:120px;height:120px;object-fit:contain;}
.familiar-item.unowned [data-level-pet]{visibility:visible;pointer-events:auto;}
.familiar-summon-overlay .familiar-panel{width:min(380px,100%);}.familiar-summon-overlay .familiar-panel.receipt-visible:not(.single-receipt){width:min(640px,100%);}
.familiar-summon-overlay header{position:relative;display:block;padding:0 32px;text-align:center;min-height:32px;}.familiar-summon-overlay h2{line-height:32px;}.familiar-summon-overlay header .familiar-close{position:absolute;right:0;top:0;}
.familiar-summon-content{margin-top:12px;}.familiar-summon-overlay .familiar-receipt{background:transparent;}
.familiar-summon-overlay .familiar-ritual{height:220px;}.familiar-summon-overlay .familiar-hatch-sprite{display:block;width:210px;height:210px;}
.familiar-results article{border:0;padding:8px;}.familiar-results .familiar-art{height:90px;}.familiar-results.single-result .familiar-art{height:130px;}.familiar-results .familiar-art img{height:100%;}
.familiar-art{position:relative;isolation:isolate;}.familiar-art img{position:relative;z-index:1;}.familiar-halo::before{content:'';position:absolute;inset:8% 10%;border-radius:50%;background:radial-gradient(ellipse,var(--pet-color) 0%,transparent 70%);opacity:.55;pointer-events:none;z-index:0;}
.familiar-item{border-color:#37444e;}
.familiar-halo img{filter:drop-shadow(0 0 7px color-mix(in srgb,var(--pet-color) 65%,transparent));}

.familiar-hatch-canvas{display:block;width:210px;height:210px;margin:auto;}.familiar-summon-overlay .familiar-panel.multi-summon{width:min(640px,100%);}
.familiar-repeat-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:14px;}.familiar-repeat-actions button{padding:8px 12px;}.familiar-repeat-actions button:disabled{filter:grayscale(1);opacity:.5;}
.familiar-reveal{position:relative;min-height:220px;}.familiar-reveal-egg{position:absolute;inset:0;pointer-events:none;margin:0!important;opacity:0;}.familiar-reveal.fresh .familiar-reveal-egg{animation:familiar-egg-fade .45s ease-out both;}.familiar-reveal.fresh .familiar-results{animation:familiar-pet-reveal .5s ease-out both;}
@keyframes familiar-egg-fade{0%{opacity:1;filter:brightness(1.3);}100%{opacity:0;filter:brightness(1);}}@keyframes familiar-pet-reveal{0%{opacity:0;transform:translateY(5px) scale(.97);}100%{opacity:1;transform:none;}}
@media(prefers-reduced-motion:reduce){.familiar-reveal.fresh .familiar-results{animation:none;}.familiar-reveal.fresh .familiar-reveal-egg{display:none;}}.clarity-reduced .familiar-reveal.fresh .familiar-results{animation:none;}.clarity-reduced .familiar-reveal.fresh .familiar-reveal-egg{display:none;}

.familiar-summon-content{min-height:280px;}.familiar-summon-content>.familiar-ritual,.familiar-reveal-egg{height:280px!important;}.familiar-reveal{min-height:280px;}

.familiar-repeat-actions [data-summon-exit]{margin-right:0;}
.familiar-repeat-actions{display:grid;grid-template-columns:minmax(44px,.55fr) repeat(2,minmax(0,1.25fr));width:min(340px,100%);margin:14px auto 0;gap:6px;}
.familiar-repeat-actions button{min-width:0;padding:8px 4px;font-size:12px;}
@media(max-width:400px){.familiar-repeat-actions button{font-size:11px;white-space:nowrap;}}
.familiar-halo[data-rarity=epique]{--halo-inset:0%;--halo-blur:10px;--halo-opacity:.65;}
.familiar-halo[data-rarity=legendaire]{--halo-inset:-8%;--halo-blur:14px;--halo-opacity:.8;}
.familiar-halo[data-rarity=sublime]{--halo-inset:-14%;--halo-blur:18px;--halo-opacity:.9;}
.familiar-halo::before{inset:var(--halo-inset,8%) var(--halo-inset,10%);opacity:var(--halo-opacity,.55);}
.familiar-halo img{filter:drop-shadow(0 0 var(--halo-blur,7px) color-mix(in srgb,var(--pet-color) 75%,transparent));}

/* x1 keeps one box throughout waiting, hatching and the reward reveal. */
.familiar-summon-overlay .familiar-panel:not(.multi-summon) .familiar-summon-content{height:340px;min-height:340px;}
.familiar-summon-overlay .familiar-panel:not(.multi-summon) .familiar-summon-content>.familiar-ritual,.familiar-summon-overlay .familiar-panel:not(.multi-summon) .familiar-reveal-egg{height:340px!important;}
.familiar-summon-overlay .familiar-panel:not(.multi-summon) .familiar-reveal{height:340px;min-height:340px;display:grid;align-items:center;}

/* Level-all results need their own bounded list, not the fixed x1 hatch viewport. */
.familiar-summon-overlay .familiar-panel.level-receipt{display:flex;flex-direction:column;overflow:hidden;max-height:calc(100dvh - 24px);}
.familiar-panel.level-receipt>header{flex:none;}
.familiar-summon-overlay .familiar-panel.level-receipt .familiar-summon-content{display:flex;flex-direction:column;height:auto;min-height:0;overflow:hidden;flex:1 1 auto;}
.familiar-panel.level-receipt .familiar-receipt{display:flex;flex-direction:column;min-height:0;overflow:hidden;flex:1 1 auto;margin:0;padding:0;}
.familiar-panel.level-receipt .familiar-results{grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;grid-auto-rows:max-content;min-height:0;overflow:auto;overscroll-behavior:contain;flex:1 1 auto;padding:4px;scrollbar-width:thin;}
.familiar-panel.level-receipt .familiar-results article{padding:8px 4px;}
.familiar-panel.level-receipt .familiar-results .familiar-art{height:80px;}
.familiar-panel.level-receipt .familiar-results b{font-size:12px;line-height:1.3;}
.familiar-panel.level-receipt .familiar-results small{display:block;font-size:11px;line-height:1.4;margin-top:3px;}
.familiar-panel.level-receipt .familiar-results.single-result{grid-template-columns:minmax(0,220px);justify-content:center;}
.familiar-level-receipt-actions{flex:none;padding:12px 0 0;margin-top:8px;border-top:1px solid #705a30;text-align:center;}
.familiar-level-receipt-actions button{min-width:130px;min-height:40px;padding:8px 24px;}
@media(max-width:600px){.familiar-panel.level-receipt .familiar-results{grid-template-columns:repeat(2,minmax(0,1fr));}}