.zibble-animation{display:block;object-fit:contain;max-width:100%;height:auto;background:transparent}
.zibble-picker{display:flex;align-items:center;gap:18px;margin:16px 0;padding:12px 20px;background:linear-gradient(120deg,#183e34,#142a31);border:1px solid #638b6b;border-radius:16px;color:#fff2cc;box-sizing:border-box}
.zibble-picker .crew-preview{width:100px;height:100px;flex:0 0 100px;filter:drop-shadow(0 5px 12px #020d0c66)}
.zibble-picker>div{min-width:0;flex:1}.zibble-picker label{display:block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.zibble-picker select{font:inherit;font-weight:650;color:#fff7df;background:#263e3b;border:1px solid #9cb48b;border-radius:8px;padding:9px 30px 9px 12px;max-width:100%;min-width:200px}
.zibble-picker .crew-note{font-size:12px;margin:7px 0 0;color:#c1d3b6}
.crew-in-game{width:90px;height:90px;position:absolute;right:15px;top:18px;pointer-events:none;opacity:.94}
@media(max-width:500px){.zibble-picker{padding:10px;gap:8px}.zibble-picker .crew-preview{width:75px;height:75px;flex-basis:75px}.zibble-picker select{min-width:0;width:100%}}
.zibble-animation.zibble-companion{background:none;animation:none}
.zibble-animation.card-character{width:150px;height:150px;max-width:150px}
.zibble-animation.intro-character{width:280px;height:280px;max-width:100%;margin:auto}
.zibble-animation.guide-character{width:130px;height:130px;max-width:130px}
.zibble-animation.reward-character{width:125px;height:125px;flex:0 0 125px}
.zibble-animation.crew-collection-character{width:170px;height:auto;aspect-ratio:1;margin:auto;object-fit:contain}
.round-guide{display:flex;position:sticky;top:8px;z-index:3;align-items:center;gap:10px;margin:0 0 18px;padding:5px 12px;border:1px solid #a0ba7844;border-radius:12px;background:#182719f5;color:#efe8cc}
.round-guide .round-character{width:60px;height:60px;flex:0 0 60px}.round-guide span{font-size:13px}.round-guide small{display:block;margin-top:5px;font-size:10px;color:#c0cfad}
.zibble-animation.board-character{width:170px;height:auto;aspect-ratio:1;margin:auto;background:radial-gradient(ellipse at bottom,#39513d77,transparent 70%);pointer-events:none}
.hub-character{position:relative;z-index:2;width:150px;height:150px}
@media(max-width:650px){.zibble-animation.card-character{width:115px;height:115px;max-width:115px}.zibble-animation.intro-character{width:230px;height:auto;aspect-ratio:1}.zibble-animation.guide-character{width:90px;height:90px;max-width:90px}.zibble-animation.reward-character{width:85px;height:85px;flex-basis:85px}.zibble-animation.board-character{width:125px;height:auto;aspect-ratio:1}}