#more-menu{max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
#xiaoyin-dialog{width:min(960px,96vw);max-height:min(92dvh,900px);padding:0;overflow-y:auto;border:1px solid #667d69;border-radius:8px;background:#172622;color:#f2eee2;box-shadow:0 16px 52px #11201dcc}
#xiaoyin-dialog::backdrop{background:#0b1918b8}
#xiaoyin-dialog .dialog-head{margin:0;padding:16px 22px;border-bottom:1px solid #7f9a7a45;background:#172622}
#xiaoyin-dialog .dialog-head small{color:#bed1a2;letter-spacing:0;font-size:11px}
#xiaoyin-dialog .dialog-head h2{margin:2px 0 0;font-size:22px;color:#f2eee2}
#xiaoyin-dialog .dialog-head button{border:1px solid #e5ddc344;background:#263a33;color:#f2eee2;border-radius:6px}
#xiaoyin-pools{display:flex;gap:6px;padding:9px 18px 0}
#xiaoyin-pools button{min-height:34px;padding:0 12px;border:1px solid #9cb79c55;border-radius:5px;background:transparent;color:#b9c5bb;font-size:12px}
#xiaoyin-pools button[aria-selected=true]{background:#d5e3bd;color:#203127;border-color:#d5e3bd}
#xiaoyin-pools button:disabled{opacity:.55}
#xiaoyin-tabs{display:flex;gap:4px;padding:8px 18px;border-bottom:1px solid #7f9a7a45;overflow-x:auto;scrollbar-width:thin}
#xiaoyin-tabs button{display:flex;align-items:center;gap:8px;min-width:110px;min-height:52px;padding:5px 11px;border:1px solid transparent;border-radius:5px;background:transparent;color:#b9c5bb;font-size:12px;white-space:nowrap}
#xiaoyin-tabs button[aria-selected=true]{border-color:#b3c89a77;background:#31443a;color:#f4f4e8}
#xiaoyin-tabs img{width:38px;height:38px;flex:none;object-fit:cover;border-radius:3px}
.xiaoyin-tab-caption{display:grid;gap:3px;text-align:left}
#xiaoyin-tabs .xiaoyin-tab-progress{font-size:10px;color:#a8bd9d}
#xiaoyin-tabs button[data-collection=ready]{border-color:#d4bc6c88}
#xiaoyin-tabs button[data-collection=ready] .xiaoyin-tab-progress{color:#f0d48b}
.xiaoyin-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(300px,.9fr);min-width:0}
#xiaoyin-art{display:block;width:100%;height:100%;max-height:550px;min-height:350px;object-fit:cover;object-position:center}
#xiaoyin-art[hidden]{visibility:hidden}
#xiaoyin-dialog[data-pool=newHero] #xiaoyin-art{height:360px;min-height:0;max-height:360px;object-fit:contain;background:#253c34}
#xiaoyin-dialog[data-pool=newHero] #xiaoyin-skill-canvas{height:150px;aspect-ratio:auto}
.xiaoyin-detail{display:flex;flex-direction:column;min-width:0;padding:22px 22px 18px;background:#1c302c}
.xiaoyin-identity small,.xiaoyin-ability small{font-size:11px;color:#a4cba7}
.xiaoyin-identity h3{margin:3px 0 22px;font-size:25px;font-weight:650;color:#f2eee2}
.xiaoyin-ability{border-top:1px solid #80978255;padding-top:17px}
.xiaoyin-ability h4{margin:4px 0 8px;font-size:20px;font-weight:650;color:#f2eee2}
.xiaoyin-ability p{margin:0;color:#d9dfd2;font-size:12px;line-height:1.7}
.xiaoyin-ability span{display:block;margin:8px 0 0;color:#b6c8b0;font-size:11px}
#xiaoyin-skill-canvas{display:block;width:100%;height:auto;aspect-ratio:24/13;margin-top:auto;border-top:1px solid #80978255;border-bottom:1px solid #80978255}
.xiaoyin-commands{display:flex;justify-content:space-between;align-items:center;gap:10px;padding-top:10px}
.xiaoyin-commands button{height:36px;padding:0 14px;border:1px solid #9cb79c77;border-radius:5px;background:#354e43;color:#f2eee2;font-size:12px}
#xiaoyin-replay{width:38px;padding:0;font-size:25px;line-height:1}
.xiaoyin-footer{display:grid;grid-template-columns:1fr auto;align-items:center;gap:9px 14px;padding:12px 22px;border-top:1px solid #7f9a7a45;background:#172622}
.xiaoyin-balance{display:flex;flex-direction:column;gap:2px;font-size:13px}
.xiaoyin-footer small{color:#9fb1a3;font-size:11px}
.xiaoyin-wish{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:9px;border-bottom:1px solid #7f9a7a45}
.xiaoyin-wish>div{display:grid;gap:4px;min-width:0}
#xiaoyin-wish-name{font-size:12px;color:#e5d4a7}
#xiaoyin-wish-progress{line-height:1.45}
#xiaoyin-wish{flex:none;min-height:34px;padding:0 12px;border:1px solid #d5ba7c77;border-radius:5px;background:#4b4934;color:#f0e5bd;font-size:12px}
#xiaoyin-wish:disabled{opacity:.45;cursor:not-allowed}
.xiaoyin-actions{display:flex;gap:7px}
.xiaoyin-actions button{min-height:36px;padding:0 12px;border:1px solid #9cb79c77;border-radius:5px;background:#354e43;color:#f2eee2;font-size:12px}
.xiaoyin-actions button:disabled,.xiaoyin-commands button:disabled{opacity:.45;cursor:not-allowed}
#xiaoyin-status{grid-column:1/-1;min-height:16px;margin:0;color:#d8d8b1;font-size:11px}
.xiaoyin-cat-option>img:first-child{object-fit:cover;image-rendering:auto}
@media(max-width:680px){#xiaoyin-dialog{width:96vw;max-height:93dvh}#xiaoyin-dialog .dialog-head{padding:10px 15px}#xiaoyin-tabs{display:flex;padding:7px 10px}#xiaoyin-tabs button{min-width:88px;padding:4px;gap:4px;font-size:11px}#xiaoyin-tabs img{width:29px;height:29px}.xiaoyin-stage{grid-template-columns:1fr}#xiaoyin-art{height:180px;min-height:180px;max-height:180px;object-position:center 37%}.xiaoyin-detail{padding:15px}.xiaoyin-identity h3{font-size:21px;margin:2px 0 10px}.xiaoyin-ability{padding-top:10px}.xiaoyin-ability h4{font-size:17px}.xiaoyin-ability p{font-size:11px}#xiaoyin-skill-canvas{height:150px;max-height:150px;aspect-ratio:auto;margin-top:10px}.xiaoyin-footer{padding:10px 15px}}
@media(orientation:landscape) and (max-height:500px){#xiaoyin-dialog{max-height:calc(100dvh - 12px)}#xiaoyin-dialog .dialog-head{padding:5px 13px}#xiaoyin-dialog .dialog-head h2{font-size:18px}#xiaoyin-tabs{padding:4px 13px}#xiaoyin-tabs button{min-height:36px}#xiaoyin-tabs img{width:27px;height:27px}#xiaoyin-art{min-height:270px}.xiaoyin-detail{padding:8px 13px}.xiaoyin-identity h3{font-size:19px;margin-bottom:4px}.xiaoyin-ability{padding-top:5px}.xiaoyin-ability h4{font-size:16px;margin:2px 0 4px}.xiaoyin-ability p{font-size:10px}.xiaoyin-ability span{display:none}#xiaoyin-skill-canvas{max-height:145px;margin-top:4px}}
@media(max-width:680px){.xiaoyin-footer{position:sticky;bottom:0;z-index:2;grid-template-columns:1fr;padding:10px 15px}.xiaoyin-actions{display:grid;grid-template-columns:1fr 1fr}.xiaoyin-actions button{padding:0 6px}}
@media(max-width:680px){#xiaoyin-dialog[data-pool=newHero] #xiaoyin-art{height:180px;max-height:180px}}