/* Dragons Land: inventory + eggs shop + merge */
#dragons-main-modal > .main-modal-content > p[data-translate="dragons_description"]{display:none!important}
#dragons-main-modal > .main-modal-content{position:relative}
#dragons-main-modal .dl-dragons-help-btn{
 position:absolute;right:47px;top:12px;z-index:5;width:31px;height:31px;
 border:1px solid #d5a65c;border-radius:50%;background:linear-gradient(#324f76,#14253d);
 color:#ffe6a8;font:800 18px/1 Manrope,sans-serif;box-shadow:0 2px 9px #0006;cursor:pointer
}
#dragons-main-modal > .main-modal-content > .dragons-grid{
 grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:7px!important;
}
#dragons-main-modal > .main-modal-content > .dragons-grid > .dragons-item{
 min-height:154px!important;padding:7px 4px 8px!important;gap:3px!important;border-radius:11px!important
}
#dragons-main-modal > .main-modal-content > .dragons-grid > .dragons-item > img{
 height:76px!important;max-width:100%!important
}
#dragons-main-modal .dragons-grid .dragon-info,
#dragons-main-modal .dragons-grid .dragon-egg-info{font-size:9px!important;gap:2px!important}
#dragons-main-modal .dragons-grid .dragon-info > span:first-child,
#dragons-main-modal .dragons-grid .dragon-egg-info > span{font-size:10px!important}
#dragons-main-modal .dragons-grid .dragon-info > span:last-child{font-size:11px!important}
#dragons-main-modal .dragons-grid button.open-dragon-egg-btn,
#dragons-main-modal .dragons-grid button.unlock-slot-btn{
 min-height:27px!important;padding:4px 3px!important;font-size:9px!important
}
#dragons-main-modal .dragons-grid .dragon-delete-btn{
 width:20px;height:20px;top:3px;right:3px;font-size:12px
}
#dragons-main-modal .dragons-grid .slot-lock-overlay{min-height:136px;gap:7px;font-size:10px}
#dragons-main-modal .dragons-grid .slot-lock-overlay::before{font-size:24px}
#dragons-main-modal .dragons-grid .slot-lock-overlay > span:nth-child(2){font-size:12px}
#dragons-main-modal .dragons-grid .empty-slot,
#dragons-main-modal .dragons-grid .dragons-item-overlay{min-height:136px;font-size:10px}
#dragons-main-modal .dragons-grid .empty-slot::before{top:29px;width:44px;height:44px;font-size:32px}
.dl-dragons-help-overlay{
 position:fixed;inset:0;z-index:99999;background:#020813d9;
 display:flex;align-items:center;justify-content:center;padding:16px;box-sizing:border-box;
 backdrop-filter:blur(5px)
}
.dl-dragons-help-dialog{
 position:relative;width:min(100%,420px);max-height:85dvh;overflow:auto;
 padding:24px 19px 20px;border:1px solid #d8ad67;border-radius:19px;
 background:radial-gradient(ellipse at top,#24456a,#0b182d 75%);
 box-shadow:0 16px 50px #000a,inset 0 1px #fff2;
 color:#e7efff;font:500 13px/1.65 Manrope,sans-serif
}
.dl-dragons-help-dialog h3{margin:0 36px 12px 0;color:#ffe1a1;font-size:21px}
.dl-dragons-help-dialog p{margin:0 0 11px}
.dl-dragons-help-dialog strong{color:#ffe1a1}
.dl-dragons-help-close{position:absolute;top:12px;right:12px;width:31px;height:31px;
 border:1px solid #9fbcdb;border-radius:50%;background:#182c48;color:white;font-size:22px;cursor:pointer}
.dl-dragons-help-dialog .dl-dragons-help-note{color:#a9c6e7;font-size:12px}
/* Nested shop overlay remains inside main modal: position it over the inventory */
#dragons-main-modal #dragons-shop-modal{
 position:absolute;inset:0;z-index:20;
 overflow-y:auto;overscroll-behavior:contain;
 background:#050e1de8;backdrop-filter:blur(5px);
 padding:14px 9px;box-sizing:border-box
}
#dragons-shop-modal .dragons-shop-modal-content,
#dragon-merge-modal .dragon-merge-content{
 position:relative;box-sizing:border-box;
 width:min(100%,490px);max-width:490px;max-height:calc(100dvh - 35px);
 margin:0 auto;padding:43px 13px 20px;
 overflow-y:auto;overflow-x:hidden;
 border:1px solid #bd9455;border-radius:19px;
 background:radial-gradient(ellipse at 50% 0%,#24486d,#0b192f 76%)!important;
 box-shadow:0 15px 45px #0009,inset 0 1px 0 #ffffff20;
 color:#f3e9d4
}
#dragons-shop-modal .dragons-shop-modal-content > h3,
#dragon-merge-modal .dragon-merge-content > h2{
 margin:0 35px 16px;text-align:center;color:#ffe2a5;
 font:800 clamp(19px,5vw,25px)/1.2 Manrope,sans-serif
}
#dragons-shop-modal .dragons-shop-modal-close,
#dragon-merge-modal .dragons-shop-modal-close{
 position:absolute;top:10px;right:10px;z-index:3;
 display:grid;place-items:center;width:32px;height:32px;border-radius:50%;
 border:1px solid #c49a5b;background:#1a304d;color:#fff;font-size:24px;cursor:pointer
}
#dragons-shop-modal .dragon-eggs-grid{
 display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
 gap:10px!important;margin:0!important;padding:0!important;width:100%!important
}
#dragons-shop-modal .dragon-egg-item{
 display:flex!important;flex-direction:column;align-items:center;gap:6px;
 min-width:0!important;width:100%!important;height:auto!important;
 margin:0!important;padding:12px 7px!important;box-sizing:border-box;
 border:1px solid #a77d45!important;border-radius:14px!important;
 background:linear-gradient(160deg,#233d5e,#0d1a2d)!important;
 box-shadow:inset 0 1px #ffffff20,0 5px 14px #0005;
 text-align:center
}
#dragons-shop-modal .dragon-egg-item[data-rarity="rare"]{border-color:#6ab8f0!important}
#dragons-shop-modal .dragon-egg-item[data-rarity="epic"]{border-color:#a77bf4!important}
#dragons-shop-modal .dragon-egg-item[data-rarity="legendary"]{border-color:#efb94d!important}
#dragons-shop-modal .dragon-egg-item[data-rarity="mythical"]{border-color:#f28ab7!important}
#dragons-shop-modal .dragon-egg-item > img{
 display:block!important;width:100%!important;max-width:132px!important;
 height:104px!important;object-fit:contain!important;margin:0!important;
 filter:drop-shadow(0 5px 9px #0009)
}
#dragons-shop-modal .dragon-egg-name{font:800 12px/1.3 Manrope,sans-serif;color:#ffe1a3}
#dragons-shop-modal .dragon-egg-stock{font:600 10px/1.4 Manrope,sans-serif;color:#adc4df;min-height:13px}
#dragons-shop-modal .dragon-egg-price{font:800 15px/1.3 Manrope,sans-serif;color:#a8f1cb}
#dragons-shop-modal .buy-dragon-egg{
 width:100%;min-height:36px;margin-top:auto;padding:7px!important;
 border:1px solid #ffe2a1!important;border-radius:9px!important;
 background:linear-gradient(#ffe5a2,#ce9237)!important;color:#2b1e0b!important;
 font:800 11px/1.2 Manrope,sans-serif!important
}
/* Merge modal */
#dragon-merge-modal{z-index:9999;overflow-y:auto;padding:12px 9px;box-sizing:border-box;background:#030b18e8;backdrop-filter:blur(5px)}
#dragon-merge-modal .dragon-merge-content{max-height:calc(100dvh - 24px)}
#dragon-merge-modal #merge-info1{
 margin:0 0 12px;padding:9px 11px;border:1px solid #b582515c;border-radius:10px;
 background:#5c3b242e;color:#f3c6a1;font:600 11px/1.5 Manrope,sans-serif;text-align:center
}
#dragon-merge-modal .merge-container{position:relative;display:flex;flex-direction:column;align-items:center;gap:11px;margin:0 0 18px}
#dragon-merge-modal .merge-row{display:flex;justify-content:center;gap:16px;width:100%}
#dragon-merge-modal .merge-slot{
 position:relative;display:flex;align-items:center;justify-content:center;
 width:min(39%,142px);height:110px;min-width:0;box-sizing:border-box;
 border:1px dashed #7999bd;border-radius:14px;
 background:radial-gradient(circle at center,#33577970,#12243d 70%);
 box-shadow:inset 0 1px 10px #0005;
}
#dragon-merge-modal #merge-result-slot{
 width:144px;height:118px;border:1px solid #d7ae65;
 background:radial-gradient(circle at center,#a2763940,#1c2c46 73%);
}
#dragon-merge-modal #merge-result-slot::before{
 content:"✦";position:absolute;top:-12px;left:calc(50% - 13px);font-size:24px;color:#ffdc91;
 text-shadow:0 0 15px #f3bb65;pointer-events:none
}
#dragon-merge-modal .merge-slot img{display:block;max-width:100%!important;max-height:98px!important;object-fit:contain}
#dragon-merge-modal .merge-slot .cancel-btn{
 position:absolute;top:-5px;right:-5px;z-index:2;width:24px;height:24px;
 border-radius:50%;border:1px solid #e4a4a0;background:#602d35;color:white
}
#dragon-merge-modal #merge-info{margin:0;text-align:center;color:#d5e7ff;font:700 12px/1.5 Manrope,sans-serif}
#dragon-merge-modal #merge-dragons-btn{
 width:min(100%,280px);min-height:44px;padding:10px 14px;
 border:1px solid #ffe5a3;border-radius:12px;
 background:linear-gradient(#ffe8ac,#d5973a);color:#2a1b09;
 font:800 14px/1.2 Manrope,sans-serif;box-shadow:0 4px 15px #d7a14c45
}
#dragon-merge-modal #merge-dragons-btn:disabled{opacity:.5;filter:grayscale(.5)}
#dragon-merge-modal .player-dragons-grid{margin:12px 0 0}
#dragon-merge-modal .player-dragons-grid > h3{
 margin:0 0 10px;text-align:center;color:#ffe2a5;font:800 16px/1.3 Manrope,sans-serif
}
#dragon-merge-modal #player-dragons-list{
 display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:8px!important;margin:0!important;padding:0!important;width:100%!important
}
#dragon-merge-modal #player-dragons-list > .dragons-item{
 position:relative;min-width:0!important;width:100%!important;height:auto!important;
 min-height:124px;margin:0!important;padding:8px 5px!important;
 box-sizing:border-box;border:1px solid #7895b9!important;border-radius:11px;
 background:linear-gradient(#203958,#101d32)!important;
 display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
 text-align:center;color:#dcecff;font:600 10px/1.4 Manrope,sans-serif
}
#dragon-merge-modal #player-dragons-list > .dragons-item.selected{
 border-color:#f3c56c!important;box-shadow:0 0 15px #f3bd5370!important
}
#dragon-merge-modal #player-dragons-list img{
 max-width:100%!important;width:100%!important;height:82px!important;object-fit:contain!important
}
/* The existing game creates .merge-loading during the 2s waiting period. */
#dragon-merge-modal .merge-loading{
 width:34px;height:34px;margin:3px auto;
 border:3px solid #648ab45c;border-top-color:#ffe0a1;border-radius:50%;
 animation:dl-merge-spin .8s linear infinite
}
#dragon-merge-modal.dl-merge-running .merge-container::before{
 content:"";position:absolute;inset:-8px 5px;z-index:0;pointer-events:none;
 background:radial-gradient(ellipse at 50% 38%,#64bdfc55,transparent 60%);
 animation:dl-merge-glow 1s ease-in-out infinite alternate
}
#dragon-merge-modal.dl-merge-running #merge-slot-1{animation:dl-merge-left 1s ease-in-out infinite alternate}
#dragon-merge-modal.dl-merge-running #merge-slot-2{animation:dl-merge-right 1s ease-in-out infinite alternate}
#dragon-merge-modal.dl-merge-running #merge-result-slot{
 animation:dl-merge-result .8s ease-in-out infinite alternate;
 box-shadow:0 0 25px #e7b65e99,inset 0 0 22px #e7b65e44
}
@keyframes dl-merge-spin{to{transform:rotate(360deg)}}
@keyframes dl-merge-glow{from{opacity:.35}to{opacity:1}}
@keyframes dl-merge-left{to{transform:translate(9px,-6px) scale(.94);filter:brightness(1.5)}}
@keyframes dl-merge-right{to{transform:translate(-9px,-6px) scale(.94);filter:brightness(1.5)}}
@keyframes dl-merge-result{to{transform:scale(1.06);filter:brightness(1.6)}}
@media(max-width:350px){
 #dragon-merge-modal .merge-row{gap:10px}
 #dragon-merge-modal #player-dragons-list{gap:5px!important}
 #dragons-shop-modal .dragon-eggs-grid{gap:7px!important}
}
@media(prefers-reduced-motion:reduce){
 #dragon-merge-modal.dl-merge-running .merge-slot,
 #dragon-merge-modal.dl-merge-running .merge-container::before,
 #dragon-merge-modal .merge-loading{animation:none!important}
}